:root{--ink: #221f1c;--paper: #f6f1e5;--line: #e85a3c;--gold: #d8a33c;--accent: #ff2448;--round: ui-rounded, "SF Pro Rounded", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Nunito", system-ui, -apple-system, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace;--page-pad-top: 8px;--chrome-top: 44px;--sat: 0px;--sat: constant(safe-area-inset-top, 0px);--sat: env(safe-area-inset-top, 0px);--sab: 0px;--sab: constant(safe-area-inset-bottom, 0px);--sab: env(safe-area-inset-bottom, 0px);--safe: max(var(--sat), var(--chrome-top))}*,*:before,*:after{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}html{touch-action:manipulation}html,body{height:100%;overflow:hidden}body{background:#c4a878;color:var(--ink);font:14px/1.4 var(--round);user-select:none;-webkit-user-select:none;touch-action:none;-webkit-touch-callout:none;-webkit-font-smoothing:antialiased}#stage{position:fixed;inset:0}#stage canvas{display:block}#hud{position:fixed;inset:calc(var(--safe) + var(--page-pad-top)) 12px auto 12px;display:flex;align-items:flex-start;gap:8px;pointer-events:none;z-index:5}.pill{background:#1c1916b8;color:#f6f1e5;border-radius:999px;padding:6px 13px;font-weight:700;letter-spacing:.02em;backdrop-filter:blur(6px);box-shadow:0 2px #0000002e}#lives{display:flex;flex-shrink:0;align-items:baseline;gap:6px;white-space:nowrap}#lives b{font-size:19px;color:#ffd9c8;font-variant-numeric:tabular-nums}#lives span{font-size:10px;letter-spacing:.04em;opacity:.62;white-space:nowrap}#lives.low b{color:#ff7a55;animation:pulse .7s infinite}@keyframes pulse{50%{opacity:.45}}#mid{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px}#barwrap{width:min(46vw,260px);height:9px;border-radius:999px;background:#1c191680;overflow:hidden;box-shadow:inset 0 1px 2px #0000004d}#bar{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#f2e08d,#f2a03c);transition:width .18s ease-out}#mid .row{display:flex;gap:6px}#lvl,#wave{font-size:10px;letter-spacing:.06em;padding:3px 10px}#wave.soon{background:#d86e32e6}#wave.now{background:#d84628f2;animation:pulse .5s 4}#lives.hit{animation:knock .26s}@keyframes knock{0%{transform:scale(1)}30%{transform:scale(1.18);background:#be3220e6}to{transform:scale(1)}}#score{flex-shrink:0;font-variant-numeric:tabular-nums;font-size:17px}.pill.icon{pointer-events:auto;cursor:pointer;border:none;font:inherit;font-size:15px;line-height:1;padding:7px 11px;color:#f6f1e5}.pill.icon.off{opacity:.45;text-decoration:line-through}#boss{position:fixed;left:50%;top:calc(var(--safe) + 54px);transform:translate(-50%);display:none;flex-direction:column;align-items:center;gap:5px;width:min(76vw,460px);z-index:5;pointer-events:none}#bossname{font-size:11px;font-weight:800;letter-spacing:.08em;color:#ffd2bc;text-shadow:0 2px 6px rgba(0,0,0,.5)}#bosswrap{width:100%;height:11px;border-radius:999px;background:#1c191699;overflow:hidden;box-shadow:inset 0 1px 3px #00000073,0 0 0 1.5px #ffb48c47}#bossfill{height:100%;width:100%;border-radius:999px;background:linear-gradient(90deg,#ff6a48,#ffb05a);transition:width .12s linear}#hand{position:fixed;inset:0;pointer-events:none;z-index:4}.slot{position:absolute;top:0;left:0;width:124px;text-align:center;transition:opacity .2s}.slot b{display:inline;font-size:12px;font-weight:800;letter-spacing:.04em;text-shadow:0 1px 0 rgba(255,250,238,.5),0 2px 6px rgba(0,0,0,.28)}.slot i{display:block;font-style:normal;font-size:10.5px;line-height:1.25;opacity:0;height:0;overflow:hidden;color:#1e1a17;text-shadow:0 1px 0 rgba(255,250,238,.75);transition:opacity .18s}.slot.sel i{opacity:.9;height:auto}.slot .curl{font-size:13px;opacity:.75;margin-left:3px;text-shadow:0 1px 0 rgba(255,250,238,.6)}.slot u{display:block;height:3px;margin:3px auto 0;width:calc(54px * var(--fill, 0));border-radius:2px;background:#28221c8c;text-decoration:none}.slot.sel b{font-size:13.5px}.slot.sel u{background:var(--gold)}.slot.empty{opacity:.8}.slot.empty u{background:#28221c66}#combo{position:fixed;left:50%;top:26%;transform:translate(-50%,-50%);display:none;text-align:center;z-index:6;pointer-events:none;color:#ffe9a8;text-shadow:0 3px 0 rgba(90,40,10,.55),0 6px 22px rgba(0,0,0,.45)}#combo b{display:block;font-size:54px;font-weight:800;line-height:.9}#combo i{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.12em;opacity:.8}#combo.go{animation:comboPop .34s cubic-bezier(.16,1.1,.3,1.1)}#combo.big{color:#ffd54a}#combo.big b{font-size:76px}@keyframes comboPop{0%{transform:translate(-50%,-50%) scale(.5) rotate(-7deg);opacity:0}45%{transform:translate(-50%,-50%) scale(1.22) rotate(2deg);opacity:1}to{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}}.veil{position:fixed;inset:0;z-index:20;display:none;flex-direction:column;align-items:center;justify-content:flex-start;gap:14px;padding:max(24px,calc(var(--safe) + 14px)) 24px max(24px,calc(var(--sab) + 14px)) 24px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;background:radial-gradient(ellipse at 50% 42%,#1c19166b,#14110fd1);backdrop-filter:blur(2px);color:#f6f1e5;text-align:center}.veil>:first-child{margin-top:auto}.veil>:last-child{margin-bottom:auto}.veil h2{font-size:12px;letter-spacing:.12em;opacity:.7;font-weight:700}.big{font-size:clamp(28px,7vw,44px);font-weight:800;letter-spacing:-.01em}.sub{font-size:13px;opacity:.72}.score{font-size:clamp(38px,11vw,68px);font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums;line-height:1;user-select:text;-webkit-user-select:text}button.quiet{margin-top:10px;font:inherit;font-weight:700;color:#221f1c;background:#f6f1e5;border:none;border-radius:999px;padding:11px 26px;box-shadow:0 3px #0000004d;cursor:pointer}button.quiet:active{transform:translateY(2px);box-shadow:0 1px #0000004d}button.xhs{font:inherit;font-weight:700;color:#fff;background:#ff2442;border:none;border-radius:999px;padding:11px 26px;box-shadow:0 3px #0000004d;cursor:pointer}button.xhs:active{transform:translateY(2px);box-shadow:0 1px #0000004d}.overrow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:12px}.overrow .quiet,.overrow .xhs{margin-top:0}.tally{display:flex;gap:22px;margin:12px 0 4px;animation:dealIn .4s .3s cubic-bezier(.18,.9,.3,1.2) backwards}.tally div{text-align:center}.tally b{display:block;font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}.tally span{font-size:9.5px;letter-spacing:.08em;opacity:.6}.newbest{font-size:13px;font-weight:800;letter-spacing:.18em;color:var(--gold);animation:pulse 1s infinite}.boast{color:#ffd9a8;opacity:.9}.cards{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;max-width:720px}.card{position:relative;width:min(31vw,208px);min-width:148px;padding:16px 14px 18px;border:none;cursor:pointer;border-radius:16px;text-align:left;font:inherit;background:linear-gradient(170deg,#fbf7ec,#ede5d2);color:#221f1c;box-shadow:0 4px #00000052,0 10px 24px #0000004d;border-top:4px solid var(--rank);animation:dealIn .34s cubic-bezier(.18,.9,.3,1.2) backwards}@keyframes dealIn{0%{transform:translateY(26px) scale(.94);opacity:0}}.card:active{transform:translateY(3px);box-shadow:0 1px #00000052;opacity:.92}.card .orb{position:absolute;right:10px;top:10px;width:54px;height:54px;pointer-events:none;filter:drop-shadow(0 3px 4px rgba(0,0,0,.25))}.card em{font-style:normal;font-size:9px;font-weight:800;letter-spacing:.08em;color:var(--rank)}.card .stat{display:block;font-size:16.5px;font-weight:800;line-height:1.25;margin:6px 0 7px;padding-right:56px}.card b{display:block;font-size:11px;font-weight:700;opacity:.55;letter-spacing:.04em}.ximeng-brand{text-align:center}.ximeng-brand__logo{display:block;width:128px;height:128px;margin:0 auto 10px;border-radius:28px;object-fit:cover;box-shadow:0 8px 22px #00000047}.ximeng-brand__title{font-size:clamp(46px,15vw,104px);font-weight:800;letter-spacing:-.03em;line-height:.92;color:#f6f1e5;text-shadow:0 6px 0 rgba(0,0,0,.25)}.ximeng-brand__desc{margin-top:8px;font-size:16px;letter-spacing:.42em;opacity:.58;font-weight:600}#title .tap{margin-top:6px;font-size:11px;letter-spacing:.18em;opacity:.65;animation:pulse 1.6s infinite}@media(max-width:560px){.cards{flex-direction:column;align-items:stretch;width:100%;max-width:340px}.card{width:100%}.card span{font-size:12px}}