@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(./anton-vietnamese-400-normal-Ophpuo_x.woff2) format("woff2"),url(./anton-vietnamese-400-normal-B7WhQ-gz.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(./anton-latin-ext-400-normal-C4DWxNwG.woff2) format("woff2"),url(./anton-latin-ext-400-normal-BGzEkNa2.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(./anton-latin-400-normal-CgrieXVz.woff2) format("woff2"),url(./anton-latin-400-normal-B3yWuKjA.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(./barlow-condensed-vietnamese-500-normal-DJF-uNlS.woff2) format("woff2"),url(./barlow-condensed-vietnamese-500-normal-BiFOxWMd.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(./barlow-condensed-latin-ext-500-normal-8xWaBKho.woff2) format("woff2"),url(./barlow-condensed-latin-ext-500-normal-aT87XWLU.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(./barlow-condensed-latin-500-normal-BZhxI-S8.woff2) format("woff2"),url(./barlow-condensed-latin-500-normal-CgFv4DbK.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-condensed-vietnamese-700-normal-6E49mAj2.woff2) format("woff2"),url(./barlow-condensed-vietnamese-700-normal-fAytnyZo.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-condensed-latin-ext-700-normal-D1u2T3o9.woff2) format("woff2"),url(./barlow-condensed-latin-ext-700-normal-CUij3gnH.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-condensed-latin-700-normal-B9NQhHK3.woff2) format("woff2"),url(./barlow-condensed-latin-700-normal-IaWpoxiT.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(./barlow-condensed-vietnamese-800-normal-D2oojiIM.woff2) format("woff2"),url(./barlow-condensed-vietnamese-800-normal-CdnUq9wh.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(./barlow-condensed-latin-ext-800-normal-YDFeh8Us.woff2) format("woff2"),url(./barlow-condensed-latin-ext-800-normal-Cc-50DQD.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(./barlow-condensed-latin-800-normal-jAD-BpyZ.woff2) format("woff2"),url(./barlow-condensed-latin-800-normal-BsAaU7jR.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #fbf7f1;--page: #fffaf4;--card: #fffdf9;--card2: #f6efe6;--ink: #1d2440;--muted: #6b6f82;--faint: #a7a3a0;--line: rgba(29, 36, 64, .1);--accent: #ff5a2c;--accent2: #ff8a4c;--accentInk: #fff;--soft: #fff0e6;--good: #2fbf8f;--bad: #e8402c;--hud: rgba(255, 252, 247, .93);--shadow: 0 6px 22px rgba(40, 24, 10, .12);--display: "Anton", "Impact", "Arial Narrow Bold", sans-serif;--body: "Barlow Condensed", "Arial Narrow", "Segoe UI", system-ui, sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #171a2b;--page: #1d2136;--card: #fffdf9;--card2: #f3ece2;--line: rgba(29, 36, 64, .12);color-scheme:dark}}:root[data-theme=dark]{--bg: #171a2b;--page: #1d2136;--card: #fffdf9;--card2: #f3ece2;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font:500 16px/1.4 var(--body);-webkit-tap-highlight-color:transparent}body{overflow-x:hidden}button,select,input{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}kbd{font:700 12px var(--body);letter-spacing:.06em;background:var(--card2);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:0 5px;color:var(--ink)}a{color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}#app{min-height:100%;display:flex;flex-direction:column;background:var(--page);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.top{display:flex;align-items:center;gap:12px;padding:14px max(16px,2vw);border-bottom:1px solid var(--line);background:var(--card);color:var(--ink);flex-wrap:wrap}.brand{display:flex;align-items:baseline;gap:10px;margin-right:auto}.brand b{font:400 26px/1 var(--display);letter-spacing:.02em}.brand span{font-size:13px;color:var(--muted);font-weight:600}.steps{display:flex;align-items:center;gap:6px}.steps em{width:18px;border-top:1px dashed var(--faint)}.steps button{border:0;background:var(--card2);border-radius:999px;padding:7px 16px;font-weight:700;font-size:14px;color:var(--ink);white-space:nowrap}.steps button i{font-style:normal;margin-right:6px;opacity:.7}.steps button.on{background:linear-gradient(180deg,var(--accent2),var(--accent));color:var(--accentInk)}.tools{display:flex;gap:6px}.icon{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--card);display:inline-grid;place-items:center;padding:0;font-size:16px;color:var(--ink)}.icon.snd:before{content:"🔊"}.icon.snd.off:before{content:"🔇"}.icon.gear:before{content:"⚙";font-size:18px}.subbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px max(16px,2vw);background:var(--card);color:var(--ink);border-bottom:1px solid var(--line);flex-wrap:wrap;font-size:13px}.compare{display:flex;align-items:center;gap:10px;color:var(--muted);font-weight:600}.seg{display:inline-flex;background:var(--card2);border-radius:10px;padding:3px}.seg button{border:0;background:transparent;border-radius:8px;padding:5px 12px;font-weight:700;font-size:13px;color:var(--ink)}.seg button.on{background:var(--accent);color:#fff}.seg button small{font-size:10px;opacity:.8}.lang{display:flex;gap:8px;align-items:center;color:var(--muted);font-weight:600}select{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:4px 8px;color:var(--ink)}main#onb{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:18px max(16px,2vw) 28px;color:var(--ink)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) main#onb .hero-head,:root:not([data-theme=light]) main#onb .ready-head,:root:not([data-theme=light]) .rowh,:root:not([data-theme=light]) .row h4,:root:not([data-theme=light]) .lo-copy,:root:not([data-theme=light]) .mini,:root:not([data-theme=light]) .about{color:#f4efe8}:root:not([data-theme=light]) .lede{color:#c9c6d6}}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);color:var(--ink)}.kicker{margin:0;font-weight:800;font-size:12px;letter-spacing:.16em;color:var(--accent);text-transform:uppercase}h1{font:400 clamp(38px,6vw,64px)/.95 var(--display);margin:6px 0 8px;letter-spacing:.01em;text-wrap:balance}h2{font:400 clamp(26px,3.4vw,36px)/1 var(--display);margin:4px 0 10px}.lede{color:var(--muted);max-width:62ch;margin:0 0 14px;font-size:17px}.mini{color:var(--muted);font-size:14px;margin:6px 0}.hero-head,.ready-head{text-align:center;display:flex;flex-direction:column;align-items:center}.tabs{display:flex;gap:8px;justify-content:center;margin:4px 0 14px;flex-wrap:wrap}.tabs button{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:7px 16px;font-weight:700;color:var(--ink)}.tabs button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.pickwrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}.hcard{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 8px 10px;border-radius:14px;border:2px solid transparent;background:var(--card);box-shadow:var(--shadow);text-align:center;color:var(--ink);min-width:0}.hcard.on{border-color:var(--accent)}.hcard.on:after{content:"✓";position:absolute;right:8px;top:8px;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;display:grid;place-items:center}.hcard .pic{width:100%;aspect-ratio:1;border-radius:10px;background:radial-gradient(circle at 50% 40%,#fff,#f3eadf);display:grid;place-items:center;overflow:hidden}.hcard .pic img{width:100%;height:100%;object-fit:contain}.hcard .pic b{font:400 34px var(--display);color:var(--faint)}.hcard .nm{font-weight:800;font-size:15px;line-height:1.1}.hcard .tg{font-size:12px;color:var(--muted)}.hcard .mine{position:absolute;left:8px;top:8px;font-size:10px;font-weight:800;letter-spacing:.08em;background:var(--ink);color:#fff;border-radius:6px;padding:1px 6px}.detail{padding:16px;position:sticky;top:12px;display:flex;flex-direction:column;gap:8px}.detail .big{width:100%;aspect-ratio:1.2;border-radius:14px;background:radial-gradient(circle at 50% 45%,#fff,#f6e7d8);display:grid;place-items:center;overflow:hidden}.detail .big img{height:100%}.detail h3{font:400 28px/1 var(--display);margin:4px 0 0}.detail .tag{color:var(--accent);font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase}.detail p{margin:0;color:var(--muted)}.detail dl{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;margin:4px 0;font-size:14px}.detail dt{font-weight:800}.detail dd{margin:0;color:var(--muted)}.stat{display:grid;grid-template-columns:64px 1fr 40px;align-items:center;gap:8px;font-size:13px;font-weight:700}.stat i{height:7px;border-radius:4px;background:var(--card2);overflow:hidden;display:block}.stat i b{display:block;height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent))}.stat span:last-child{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.btnrow{display:flex;gap:8px;flex-wrap:wrap}.cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:12px 20px;background:linear-gradient(180deg,var(--accent2),var(--accent));color:#fff;font-weight:800;font-size:17px;text-decoration:none;box-shadow:0 4px 14px #ff5a2c4d}.cta:hover{filter:brightness(1.05)}.cta.big{width:100%;font-size:20px;padding:14px}.cta.alt{width:100%;background:var(--ink);box-shadow:none}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--card);border-radius:10px;padding:8px 14px;font-weight:700;color:var(--ink);text-decoration:none}.pill:hover{border-color:var(--accent)}.link{background:none;border:0;color:var(--muted);text-decoration:underline;font-weight:600;padding:4px}.bar{position:sticky;bottom:0;margin-top:18px;display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:10px 12px 10px 16px;box-shadow:var(--shadow);z-index:2;color:var(--ink)}.sum{display:flex;gap:16px;flex:1;min-width:0;overflow-x:auto}.sum .it{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap}.sum img{width:38px;height:38px;border-radius:8px;background:var(--card2);object-fit:contain}.sum b{display:block;font-size:15px}.sum small{color:var(--muted)}.lo-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:stretch}.lo-copy h1{margin-bottom:0}.lo-copy h2{margin:2px 0 10px}.lo-art{position:relative;overflow:hidden;min-height:220px;background:linear-gradient(160deg,#9fd4ff,#fff1d6 60%,#8fcf7f);display:flex;align-items:center;justify-content:flex-end;padding:18px}.lo-art img{position:absolute;left:4%;bottom:0;height:100%;object-fit:contain}.lo-art div{position:relative;display:flex;flex-direction:column;align-items:flex-end;transform:rotate(-4deg)}.lo-art b{font:400 clamp(22px,3vw,34px)/1.05 var(--display);color:#fff;-webkit-text-stroke:1px var(--ink);text-shadow:3px 3px 0 var(--ink)}.rowh{font:400 24px var(--display);margin:22px 0 6px}.row h4{margin:8px 0 6px;font-size:17px;font-weight:800}.cards{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:10px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x mandatory}.wcard{scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;border-radius:14px;border:2px solid transparent;background:var(--card);box-shadow:var(--shadow);color:var(--ink);position:relative}.wcard.on{border-color:var(--accent)}.wcard.on:after{content:"✓";position:absolute;right:8px;top:8px;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;display:grid;place-items:center}.wcard .pic{width:100%;height:96px;display:grid;place-items:center;background:var(--card2);border-radius:10px}.wcard .pic img{height:100%}.wcard b{font-size:16px}.wcard.make{border:2px dashed rgba(255,90,44,.35);background:var(--soft);justify-content:center;text-decoration:none;min-height:140px}.wcard.make span{font-size:28px;color:var(--accent)}.wcard.make small{color:var(--muted)}.about{margin:2px 0;color:var(--muted);font-size:14px}.ready{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.preview{position:relative;padding:14px;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 50% 60%,#fff3e6,#fde6d2);min-height:420px}.preview .pl{position:absolute;left:16px;top:14px;font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--muted)}.preview .chip3d{position:absolute;right:14px;top:12px;font-size:11px;font-weight:800;letter-spacing:.1em;background:var(--soft);color:var(--accent);border-radius:999px;padding:3px 10px}#pv{width:100%;flex:1;min-height:280px;touch-action:none;cursor:grab}.pvtools{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.pvtools .icon{width:30px;height:30px}.pvname{font:400 26px var(--display);margin-top:6px}.pvsub{font-size:14px;color:var(--muted)}.rcol{display:flex;flex-direction:column;gap:10px}.lrow{display:flex;align-items:center;gap:12px;padding:8px 12px}.lrow img{width:48px;height:48px;border-radius:10px;background:var(--card2);object-fit:contain}.lrow div{flex:1}.lrow b{display:block;font-size:17px}.lrow small{color:var(--muted)}.lrow button{border:0;background:none;font-weight:800;color:var(--ink)}.howto{padding:12px 14px;background:var(--card2);box-shadow:none}.howto b{font-size:18px}.howto p{margin:6px 0 0;color:var(--muted);font-size:14px}.credit{text-align:center;color:var(--muted);font-size:13px;padding:10px 16px 16px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .credit{color:#a9a6b8}}@media (max-width: 900px){.pickwrap,.ready,.lo-top{grid-template-columns:1fr}.detail{position:static}.detail .big{aspect-ratio:2}.steps button{padding:6px 10px;font-size:13px}.steps em{width:8px}}@media (max-width: 520px){.steps button span{display:none}.grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.bar{flex-wrap:wrap}.bar .cta{width:100%}.brand span{display:none}}#game{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b1d14;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none}#c{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#dmg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.num{position:absolute;left:0;top:0;font:400 20px var(--display);color:#fff;text-shadow:0 2px 0 #1d2440,0 0 6px rgba(0,0,0,.5);white-space:nowrap;will-change:transform}.num.crit{color:#ffd23a;font-size:28px}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;padding:calc(10px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));color:var(--ink)}.hud>*{position:absolute}.tl{left:calc(12px + env(safe-area-inset-left));top:calc(10px + env(safe-area-inset-top));display:flex;flex-direction:column;gap:8px;align-items:flex-start}.brandchip{background:var(--hud);border-radius:10px;padding:6px 12px;font:400 18px var(--display);box-shadow:var(--shadow)}.hpcard{background:var(--hud);border-radius:12px;padding:8px 12px;min-width:210px;box-shadow:var(--shadow)}.hprow{display:flex;justify-content:space-between;font-size:12px;font-weight:800;letter-spacing:.08em}.hprow b{font-size:14px;letter-spacing:0}.hpbar{margin-top:5px;height:7px;border-radius:4px;background:#eadfd4;overflow:hidden}.hpbar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ff3d2a,#ff8a4c);transition:width .2s}.hpbar.sm{height:5px;margin-top:3px}.hpbar.sm i{background:linear-gradient(90deg,#2fbf8f,#7ee0b8)}.streak{display:flex;flex-direction:column;align-items:flex-start;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.45)}.streak b{font:400 40px/1 var(--display);color:#ffb060}.streak span{font-size:12px;font-weight:800;letter-spacing:.14em}.streak.hot b{color:#ff5a2c;animation:pulse .5s infinite alternate}@keyframes pulse{to{transform:scale(1.12)}}.mate{background:var(--hud);border-radius:12px;padding:6px 10px;min-width:170px;font-size:13px;font-weight:700;box-shadow:var(--shadow)}.mate em{display:block;font-style:normal;font-size:12px;color:var(--muted)}.tc{left:50%;transform:translate(-50%);top:calc(10px + env(safe-area-inset-top));display:flex;flex-direction:column;align-items:center;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.tc span{font-size:11px;font-weight:800;letter-spacing:.3em}.tc b{font:400 38px/1 var(--display);letter-spacing:.02em}.tr{right:calc(12px + env(safe-area-inset-right));top:calc(10px + env(safe-area-inset-top));display:flex;flex-direction:column;align-items:flex-end;gap:8px}.trcard{pointer-events:auto;display:flex;align-items:center;gap:8px;background:var(--hud);border-radius:12px;padding:6px 8px 6px 12px;box-shadow:var(--shadow);font-size:12px;font-weight:800;letter-spacing:.06em}.trcard .icon{width:30px;height:30px;border:0;background:transparent}.pausebtn{border:0;background:var(--card2);border-radius:8px;padding:5px 10px;font-weight:800;color:var(--ink)}.defeated{background:var(--hud);border-radius:12px;padding:6px 12px;display:flex;flex-direction:column;align-items:center;box-shadow:var(--shadow)}.defeated b{font:400 26px/1 var(--display)}.defeated span{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--muted)}.banner{left:50%;top:22%;transform:translate(-50%);font:400 clamp(28px,6vw,56px)/1 var(--display);color:#fff;text-shadow:0 4px 0 var(--ink),0 0 30px rgba(255,90,44,.6);text-align:center;opacity:0;transition:opacity .3s;white-space:nowrap}.banner.show{opacity:1}.waitnote{left:50%;top:40%;transform:translate(-50%);background:var(--ink);color:#fff;border-radius:12px;padding:10px 16px;font-weight:700;text-align:center;max-width:min(420px,calc(100vw - 32px));box-shadow:var(--shadow)}.banner small{display:block;font:800 14px var(--body);letter-spacing:.2em;text-shadow:0 2px 4px rgba(0,0,0,.6);margin-top:6px}.upg{pointer-events:auto;left:50%;bottom:calc(104px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(780px,calc(100vw - 24px));padding:14px 14px 12px;border-radius:22px;background:linear-gradient(180deg,#fffaf2f7,#ffeedef7);border:3px solid var(--accent);box-shadow:0 0 0 4px #ffffff8c,0 10px 40px #ff5a2c73;animation:upin .35s cubic-bezier(.2,1.4,.4,1)}@keyframes upin{0%{transform:translate(-50%) translateY(30px) scale(.9);opacity:0}}.uph{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:0 4px 10px}.upbig{font:400 32px/1 var(--display);color:var(--accent);letter-spacing:.02em;text-shadow:0 2px 0 #fff,0 0 18px rgba(255,90,44,.35);animation:uppulse 1s ease-in-out infinite alternate}@keyframes uppulse{to{transform:scale(1.06)}}.uph #upT{font-size:17px;font-weight:800;color:var(--ink)}.upq{background:var(--ink);color:#fff;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800}.uphint{margin-left:auto;font-size:13px;color:var(--muted);font-weight:700}#upList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.opt{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;border:2px solid rgba(29,36,64,.12);background:#fff;border-radius:16px;padding:10px 10px 12px;color:var(--ink);transition:transform .12s,border-color .12s,box-shadow .12s;min-width:0}.opt:hover,.opt:focus-visible{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 8px 22px #ff5a2c4d}.opt .ico{width:64px;height:64px;border-radius:14px;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#fff,var(--soft));overflow:hidden}.opt .ico img{width:100%;height:100%;object-fit:contain}.opt .ico svg{width:38px;height:38px}.opt b{font-size:17px;line-height:1.1}.opt small{color:var(--muted);font-size:13px;line-height:1.25}.opt .lv{font-size:12px;font-weight:800;color:#fff;background:var(--good);border-radius:999px;padding:1px 9px}.opt i{position:absolute;left:8px;top:8px;font-style:normal;width:26px;height:26px;border-radius:8px;background:var(--accent);color:#fff;font-weight:800;display:grid;place-items:center;box-shadow:0 2px #00000026}.bossbar{margin-top:6px;width:min(560px,70vw);display:flex;flex-direction:column;align-items:center;gap:4px}.bossbar b{font:400 22px/1 var(--display);color:#fff;letter-spacing:.03em;text-shadow:0 2px 0 #2a0a06,0 0 14px rgba(255,60,30,.6)}.bossbar .bbar{width:100%;height:14px;border-radius:8px;background:#140806b3;border:2px solid rgba(255,210,160,.7);overflow:hidden}.bossbar .bbar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#8a1a10,#ff3a20 60%,#ffb060);transition:width .2s}.bossbar.angry .bbar i{background:linear-gradient(90deg,#ff1a10,#ff6a20);animation:pulse .35s infinite alternate}.bossbar span{font-size:11px;font-weight:800;letter-spacing:.14em;color:#ffd0b0;text-shadow:0 1px 3px #000}.levels{padding:12px 14px;display:flex;flex-direction:column;gap:8px}.levels .lhead{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}.levels .lhead b{font:400 22px/1 var(--display)}.levels .lhead span{font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--accent);text-transform:uppercase}.levels p{margin:0;color:var(--muted);font-size:14px}.lchips{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px}.lchip{position:relative;aspect-ratio:1;border-radius:10px;border:2px solid var(--line);background:var(--card2);font-weight:800;font-size:15px;color:var(--ink);padding:0;display:grid;place-items:center}.lchip.boss{background:#ffe1d4}.lchip.boss:after{content:"👑";position:absolute;top:-9px;right:-5px;font-size:13px}.lchip.on{border-color:var(--accent);background:var(--accent);color:#fff}.lchip:disabled{opacity:.45;cursor:not-allowed}.lchip:disabled:before{content:"🔒";position:absolute;font-size:11px;bottom:1px;right:2px}.levels .lnote{font-size:13px;color:var(--good);font-weight:700}@media (max-width: 520px){.lchips{grid-template-columns:repeat(5,minmax(0,1fr))}}.bl{left:calc(12px + env(safe-area-inset-left));bottom:calc(14px + env(safe-area-inset-bottom));display:flex;gap:6px;flex-wrap:wrap;max-width:46vw}.chip{background:var(--hud);border-radius:9px;padding:5px 10px;font-size:13px;font-weight:700;box-shadow:var(--shadow);white-space:nowrap}.chip em{font-style:normal;color:var(--accent);margin-left:6px;font-weight:800}.chip.lock{opacity:.85}.chip.lock em{color:var(--bad)}.bc{left:50%;transform:translate(-50%);bottom:calc(14px + env(safe-area-inset-bottom))}.lvl{position:relative;min-width:120px;background:#1d2440d9;color:#fff;border-radius:999px;padding:4px 14px;font-size:12px;font-weight:800;letter-spacing:.06em;text-align:center;overflow:hidden}.lvl i{position:absolute;left:0;top:0;bottom:0;width:0;background:#5cf0b073}.lvl span{position:relative}.br{right:calc(12px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:8px}.nova{background:#1d2440b3;color:#fff;border-radius:999px;padding:5px 14px;font-size:13px;font-weight:800;letter-spacing:.06em}.nova.ready{background:linear-gradient(180deg,var(--accent2),var(--accent));box-shadow:0 0 18px #ff5a2c99;animation:pulse .6s infinite alternate}.keys{background:var(--hud);border-radius:10px;padding:6px 12px;display:flex;gap:12px;font-size:13px;font-weight:700;box-shadow:var(--shadow)}.keys b{color:var(--accent)}.tbar{left:0;right:0;bottom:0;height:4px;background:#00000040}.tbar i{display:block;height:100%;width:0;background:var(--accent)}.hud .mate[hidden],.touch{display:none}@media (pointer: coarse){.touch{display:block}.keys,.bl,.br .nova{display:none}.br{bottom:calc(196px + env(safe-area-inset-bottom))}}.joy{position:absolute;left:calc(26px + env(safe-area-inset-left));bottom:calc(34px + env(safe-area-inset-bottom));width:132px;height:132px;border-radius:50%;background:#fffdf938;border:2px solid rgba(255,253,249,.55);touch-action:none}.knob{position:absolute;left:41px;top:41px;width:50px;height:50px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff,#ffd2b8);box-shadow:0 3px 8px #0006}.tbtn{position:absolute;width:82px;height:82px;border-radius:50%;border:0;background:#1d2440b8;color:#fff;font-weight:800;font-size:15px;touch-action:none;padding:0;display:grid;place-items:center}.tbtn svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.tbtn circle{fill:none;stroke-width:7}.tbtn .trk{stroke:#ffffff2e}.tbtn .rng{stroke:var(--accent);stroke-dasharray:289;stroke-dashoffset:0;stroke-linecap:round}.tbtn span{position:relative}.dashb{right:calc(28px + env(safe-area-inset-right));bottom:calc(40px + env(safe-area-inset-bottom));width:92px;height:92px}.novab{right:calc(130px + env(safe-area-inset-right));bottom:calc(96px + env(safe-area-inset-bottom))}.novab .rng{stroke:#9fe8ff}.novab.ready{background:linear-gradient(180deg,var(--accent2),var(--accent))}@media (pointer: coarse) and (orientation: portrait){.upg{bottom:calc(190px + env(safe-area-inset-bottom));padding:10px 8px 8px;border-radius:18px}.upbig{font-size:24px}.uphint,.upg .opt small{display:none}#upList{gap:6px}.opt{padding:8px 4px}.opt .ico{width:48px;height:48px}.opt b{font-size:14px}.tc b{font-size:30px}.hpcard{min-width:150px}.tl .brandchip{display:none}}@media (pointer: coarse) and (orientation: landscape){.upg{bottom:calc(10px + env(safe-area-inset-bottom));width:min(460px,52vw);padding:6px 8px 8px}.upbig{font-size:20px}.uphint,.opt small,.opt .lv{display:none}#upList{gap:6px}.opt{padding:6px 4px;gap:2px}.opt .ico{width:40px;height:40px}.opt b{font-size:13px}.br{bottom:calc(150px + env(safe-area-inset-bottom))}.joy{width:116px;height:116px}.knob{left:33px;top:33px}.tl .brandchip,.streak span{display:none}}@media (max-width: 1000px){.trcard>span:first-child{display:none}}@media (max-width: 560px){.tc{top:calc(64px + env(safe-area-inset-top))}.tc>span{font-size:8px}.hud .bossbar{width:52vw}.hud .bossbar b{font-size:16px;text-align:center}.trcard{gap:2px;padding:4px}.trcard .snd,.pausebtn kbd{display:none}.pausebtn{padding:5px 8px}.tc b{font-size:28px}.tc span{font-size:9px;letter-spacing:.2em}.hpcard{min-width:0;width:118px;padding:6px 10px}.hprow span{display:none}.streak b{font-size:30px}.defeated b{font-size:20px}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#1d181473;display:grid;place-items:center;z-index:20;padding:16px}.mbox{position:relative;width:min(560px,100%);padding:22px 24px;max-height:100%;overflow:auto}.mbox h2{font:400 clamp(28px,5vw,40px)/1 var(--display);color:var(--ink)}.mbox .btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.mbox .yours{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.mbox .yours b{display:block;font-size:18px;margin-top:4px}.mbox .x{position:absolute;right:12px;top:12px;border:0;background:var(--card2);border-radius:50%;width:32px;height:32px;color:var(--ink)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.stats div{background:var(--card2);border-radius:12px;padding:10px 12px}.stats b{display:block;font:400 30px/1 var(--display);color:var(--accent)}.stats span{font-size:13px;color:var(--muted)}.srow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);color:var(--ink)}.srow input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.code{font:400 46px/1 var(--display);letter-spacing:.12em;color:var(--accent);background:var(--card2);border-radius:12px;padding:10px 16px;display:inline-block;margin:6px 0;-webkit-user-select:all;user-select:all}.coopin{display:flex;gap:8px;margin:8px 0}.coopin input{flex:1;min-width:0;font:400 26px var(--display);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);border-radius:10px;padding:6px 12px;background:var(--card2);color:var(--ink)}.status{margin:10px 0 0;padding:10px 12px;border-radius:12px;background:var(--soft);font-weight:700;color:var(--ink)}.status.ok{background:#e3f8ef}.status.err{background:#fde4df}.toast{position:fixed;left:50%;bottom:calc(80px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--ink);color:#fff;padding:10px 18px;border-radius:12px;font-weight:700;max-width:calc(100vw - 32px);opacity:0;pointer-events:none;transition:opacity .25s;z-index:40;text-align:center}.toast.show{opacity:1}.toast.err{background:var(--bad)}.loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--page);z-index:50;transition:opacity .4s;color:var(--ink)}.loading b{font:400 54px var(--display)}.loading span{color:var(--muted)}.loading.done{opacity:0;pointer-events:none}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}