:root{--bg: #05030c;--panel: rgba(14, 9, 30, .84);--line: rgba(140, 120, 255, .28);--line-gold: rgba(255, 181, 46, .45);--text: #eef0ff;--muted: #9a9cc4;--dim: #6f6390;--cyan: #38f3ff;--magenta: #ff4fd8;--gold: #ffc23d;--green: #22ff7a;--red: #ff4060;--violet: #7a3cff;--foil: linear-gradient(180deg, #fff3c4 0%, #ffd36a 38%, #ffb52e 62%, #c8902a 100%);--glass: linear-gradient(180deg, rgba(28, 16, 56, .92), rgba(9, 6, 22, .95));--display: "Russo One", "Arial Black", system-ui, sans-serif;--arcade: "Bungee", "Russo One", system-ui, sans-serif;--body: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "Share Tech Mono", ui-monospace, monospace;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);--chamfer: polygon(10px 0, 100% 0, 100% calc(100% - 10px) , calc(100% - 10px) 100%, 0 100%, 0 10px);--chamfer-lg: polygon(18px 0, 100% 0, 100% calc(100% - 18px) , calc(100% - 18px) 100%, 0 100%, 0 18px)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#scene,.hud,.tray,.companion,.banner,.callout,#pops,.screen-title,button,.tile,.stage,.token{user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button:disabled{cursor:default}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}input{font:inherit;color:var(--text);width:100%;padding:12px 14px;border-radius:12px;background:#00000059;border:1px solid var(--line);user-select:text;-webkit-user-select:text;-webkit-touch-callout:default;touch-action:manipulation;font-size:max(16px,1em);pointer-events:auto}.panel,.modal .panel{-webkit-user-select:text;user-select:text}input:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 3px #38f3ff26}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.fx-vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(5,3,12,.78) 100%)}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}:where(#ui>*){pointer-events:auto}body.dragging,body.dragging *{cursor:grabbing!important}.kicker{margin:0;font-family:var(--mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--cyan)}.kicker span{color:var(--gold)}.h2{margin:6px 0 0;font-family:var(--display);font-weight:400;font-size:clamp(24px,4vw,34px);letter-spacing:.02em;text-transform:uppercase}.h3{margin:0 0 10px;font-family:var(--display);font-weight:400;font-size:18px;text-transform:uppercase;letter-spacing:.04em}.h3 small{font-family:var(--mono);color:var(--muted);font-size:13px;margin-left:6px}.muted{color:var(--muted);line-height:1.5;margin:6px 0}.lbl{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin:14px 0 6px}.link{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:8px}.link:hover{color:var(--cyan)}.sat-ico{width:1.25em;height:1.25em;border-radius:50%;vertical-align:-.25em;box-shadow:0 0 0 1.5px #ffd27899,0 0 10px #ffb52e66}.stars i{font-style:normal;color:#ffffff26;margin-right:1px}.stars i.on{color:var(--gold);text-shadow:0 0 8px rgba(255,194,61,.8)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;font-family:var(--display);font-size:14px;letter-spacing:.12em;text-transform:uppercase;clip-path:var(--chamfer);transition:transform .15s,filter .15s,background .15s,color .15s}.btn:active{transform:translateY(1px) scale(.98)}.btn-small{min-height:36px;padding:0 14px;font-size:12px}.btn-primary{background:var(--foil);color:#1a0d00;filter:drop-shadow(0 0 14px rgba(255,181,46,.45))}.btn-primary:hover{filter:drop-shadow(0 0 22px rgba(255,181,46,.75)) brightness(1.06)}.btn-primary.disabled{filter:grayscale(.8) brightness(.7)}.btn-ghost{background:#8c78ff1f;color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.btn-ghost:hover{background:#38f3ff24;color:var(--cyan)}.btn-danger{background:linear-gradient(180deg,#ff7088,#ff4060 60%,#c4183a);color:#1a0006}.btn-x{background:#000;color:#fff;box-shadow:inset 0 0 0 1px #fff6}.btn-x:hover{background:#111;box-shadow:inset 0 0 0 1px #fff,0 0 18px #ffffff40}.x-ico{fill:currentColor;stroke:none;width:18px;height:18px}.panel{position:relative;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:28px;background:var(--glass);border:1px solid var(--line);border-radius:20px;box-shadow:0 0 0 1px #ffb52e14,0 30px 80px #0009,inset 0 1px #ffd27840}.panel:before{content:"";position:absolute;left:24px;right:24px;top:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.close{position:absolute;top:14px;right:16px;width:34px;height:34px;font-size:26px;line-height:1;color:var(--muted);border-radius:50%}.close:hover{color:var(--text);background:#ffffff0f}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:calc(16px + var(--sat)) calc(16px + var(--sar)) calc(16px + var(--sab)) calc(16px + var(--sal));opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s linear .35s}.screen.open{opacity:1;visibility:visible;transition:opacity .35s}.screen-dim{background:#05030c99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.screen .panel{transform:translateY(14px) scale(.98);transition:transform .35s cubic-bezier(.2,.9,.3,1.2)}.screen.open .panel{transform:none}.modal{z-index:6}.screen-menu{place-items:start center;overflow:auto;background:radial-gradient(ellipse at 50% 40%,#05030c4d,#05030ce0)}.screen-title{background:radial-gradient(ellipse 60% 45% at 50% 46%,#05030cb8,#05030c40 70%,#05030c99)}.title-wrap{text-align:center;display:grid;justify-items:center;gap:14px;transform:translateY(-4vh)}.logo,.hub-logo{margin:0;font-family:var(--display);font-weight:400;line-height:.95;letter-spacing:.02em;text-transform:uppercase;background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(255,150,30,.55)) drop-shadow(0 6px 0 #4a2a00)}.logo{font-size:clamp(54px,13vw,150px)}.tagline{margin:0;font-size:clamp(16px,2.4vw,22px);letter-spacing:.04em}.btn-start{margin-top:18px;min-height:58px;padding:0 44px;font-size:18px;animation:pulse 1.6s ease-in-out infinite}.fineprint{margin:6px 0 0;font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.14em;text-transform:uppercase}@keyframes pulse{50%{filter:drop-shadow(0 0 30px rgba(255,181,46,.95)) brightness(1.12)}}.hub,.page{width:min(1060px,100%);display:grid;gap:16px;padding-bottom:24px}.hub-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.profile-chip{display:flex;align-items:center;gap:12px;padding:6px 16px 6px 6px;border-radius:999px;background:var(--panel);border:1px solid var(--line);text-align:left;transition:border-color .2s}.profile-chip:hover{border-color:var(--cyan)}.profile-chip b{display:block;font-family:var(--display);font-weight:400;font-size:17px}.profile-chip small{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.08em}.sats-pill{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:linear-gradient(180deg,#3c2806d9,#140c02e6);border:1px solid var(--line-gold);box-shadow:0 0 20px #ffb52e2e}.sats-pill b{font-family:var(--mono);font-weight:400;font-size:22px;color:var(--gold);text-shadow:0 0 12px rgba(255,194,61,.5)}.sats-pill small{font-family:var(--mono);color:var(--muted);font-size:12px;letter-spacing:.1em}.hub-logo{font-size:clamp(40px,7vw,76px);text-align:center;margin:4px 0}.crh-logo{display:block;width:clamp(200px,34vw,400px);height:auto;margin:-2vh auto -14px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.55)) drop-shadow(0 0 22px rgba(176,77,255,.35));pointer-events:none;-webkit-user-select:none;user-select:none}.crh-logo-hub{width:clamp(160px,22vw,260px);margin:0 auto -18px}.rankbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:12px 18px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}.rankbar.compact{grid-template-columns:1fr;gap:8px}.rank-now{display:flex;align-items:center;gap:10px}.rank-now b{display:block;font-family:var(--display);font-weight:400;font-size:16px;text-transform:uppercase;color:var(--gold)}.rank-now small{font-size:12px;color:var(--muted)}.rank-ix{display:grid;place-items:center;width:36px;height:36px;flex:none;font-family:var(--arcade);font-size:15px;color:#1a0d00;background:var(--foil);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.rank-track{position:relative;height:12px;border-radius:6px;background:#00000073;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}.rank-track i{position:absolute;inset:0 auto 0 0;border-radius:6px;background:linear-gradient(90deg,#c8902a,#ffd36a,#fff3c4);box-shadow:0 0 14px #ffc23db3;transition:width 1.2s cubic-bezier(.2,.8,.2,1)}.rank-track i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);background-size:60px 100%;animation:sheen 2.2s linear infinite}@keyframes sheen{0%{background-position:-60px 0}to{background-position:400px 0}}.rank-next{font-family:var(--mono);font-size:13px;color:var(--muted);white-space:nowrap}.rank-next b{color:var(--text);font-weight:400}.continue{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;text-align:left;background:linear-gradient(90deg,#38f3ff29,#7a3cff1f);border:1px solid rgba(56,243,255,.5);border-radius:14px;transition:box-shadow .2s}.continue:hover{box-shadow:0 0 26px #38f3ff59}.continue strong{display:block;font-family:var(--display);font-weight:400;font-size:18px;text-transform:uppercase}.continue small{font-family:var(--mono);font-size:13px;color:var(--muted)}.continue .go{font-family:var(--display);color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;font-size:14px}.hub-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-auto-rows:minmax(128px,auto);gap:14px}.tile{--accent: var(--cyan);position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:18px 20px;text-align:left;overflow:hidden;background:var(--glass);border:1px solid var(--line);border-radius:20px;transition:transform .2s,border-color .2s,box-shadow .2s}.tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 85% 0%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 60%)}.tile:after{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--accent);box-shadow:0 0 18px var(--accent)}.tile:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 16px 40px #00000080,0 0 34px color-mix(in srgb,var(--accent) 30%,transparent)}.tile>*{position:relative}.tile-kicker{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.tile-title{font-family:var(--display);font-size:26px;text-transform:uppercase;line-height:1.05}.tile-sub{font-size:14px;color:var(--muted)}.tile-meta{font-family:var(--mono);font-size:13px;color:var(--text);margin-top:6px}.tile-story{grid-row:span 2;min-height:300px}.tile-story .tile-title{font-size:38px;color:var(--accent);text-shadow:0 0 22px color-mix(in srgb,var(--accent) 60%,transparent)}.tile-art{position:absolute!important;right:-6%;top:-4%;height:112%;opacity:.9;mask-image:linear-gradient(90deg,transparent,#000 40%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%);object-fit:cover;transition:transform .4s}.tile-story:hover .tile-art{transform:scale(1.04)}.tile-art.emblem,.emblem{display:grid;place-items:center;font-size:120px;color:var(--accent);text-shadow:0 0 40px var(--accent)}.tile-story .tile-body{display:grid;gap:4px;max-width:60%}.flame{filter:drop-shadow(0 0 6px #ff8a00)}.hub-foot{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}.tog{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--panel);border:1px solid var(--line)}.tog i{width:26px;height:14px;border-radius:7px;background:#ffffff1f;position:relative;transition:background .2s}.tog i:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:var(--muted);transition:transform .2s,background .2s}.tog.on{color:var(--text)}.tog.on i{background:#22ff7a4d}.tog.on i:after{transform:translate(12px);background:var(--green);box-shadow:0 0 8px var(--green)}.toggles{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px}.page-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px}.back{font-family:var(--display);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:10px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.back:hover{color:var(--cyan);border-color:var(--cyan)}.star-total{font-family:var(--mono);font-size:18px;color:var(--gold);padding:8px 14px;border-radius:999px;background:var(--panel);border:1px solid var(--line-gold)}.realm-foot{text-align:center;color:var(--muted);font-size:14px;margin:4px 0 0}.realm-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.realm-tab{display:grid;gap:2px;padding:10px 12px;text-align:left;border-radius:14px;background:var(--panel);border:1px solid var(--line);transition:border-color .2s,box-shadow .2s}.realm-tab.on{border-color:var(--accent);box-shadow:0 0 22px color-mix(in srgb,var(--accent) 35%,transparent),inset 0 0 0 1px var(--accent)}.realm-tab.locked{opacity:.5}.rt-n{font-family:var(--arcade);font-size:12px;color:var(--accent)}.rt-name{font-family:var(--display);font-size:14px;text-transform:uppercase;line-height:1.1}.rt-meta{font-family:var(--mono);font-size:11px;color:var(--muted)}.realm-view{position:relative;display:grid;gap:22px;padding:24px;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 20% 0%,color-mix(in srgb,var(--glow) 35%,transparent),transparent 60%),var(--glass);border:1px solid color-mix(in srgb,var(--accent) 50%,transparent)}.guardian{display:grid;grid-template-columns:170px 1fr;gap:22px;align-items:center}.g-art{aspect-ratio:355 / 497;border-radius:12px;overflow:hidden;box-shadow:0 0 0 2px var(--accent),0 0 30px color-mix(in srgb,var(--accent) 50%,transparent);display:grid;place-items:center;background:#0b0720}.g-art img{width:100%;height:100%;object-fit:cover}.g-name{margin:2px 0 8px;font-family:var(--display);font-weight:400;font-size:34px;text-transform:uppercase;color:var(--accent);text-shadow:0 0 22px color-mix(in srgb,var(--accent) 60%,transparent)}.g-intro{color:var(--text);line-height:1.6;margin:0 0 14px;font-size:15px;opacity:.9}.stage-path{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}.path-link{flex:1 1 8px;min-width:6px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent2));opacity:.45}.stage{position:relative;display:grid;justify-items:center;align-content:center;gap:2px;width:72px;height:72px;flex:none;border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--accent) 35%,#1b1240),#0b0720 70%);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 70%,transparent),0 8px 20px #00000080;transform:translateY(calc(sin(var(--i) * .9)*14px));transition:transform .2s,box-shadow .2s;animation:stageIn .5s backwards calc(var(--i) * 50ms)}@keyframes stageIn{0%{opacity:0;scale:.6}}.stage:hover:not(.locked){box-shadow:0 0 0 3px var(--accent),0 0 30px var(--accent);scale:1.08}.stage.done{background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--accent) 60%,#2a1a04),#1a1006 75%)}.stage.boss{width:92px;height:92px;box-shadow:0 0 0 3px var(--accent),0 0 26px color-mix(in srgb,var(--accent) 60%,transparent)}.stage.locked{opacity:.45;filter:grayscale(.6)}.st-n{font-family:var(--arcade);font-size:22px;line-height:1}.stage.boss .st-n{font-size:30px;color:var(--accent)}.stage .stars{font-size:11px}.st-tip{position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50% 0;white-space:nowrap;padding:4px 8px;border-radius:8px;font-family:var(--mono);font-size:11px;background:#05030c;border:1px solid var(--line);opacity:0;pointer-events:none;transition:opacity .15s}.stage:hover .st-tip{opacity:1}.panel-beat{width:min(560px,calc(100vw - 32px));text-align:center;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--glow) 45%,transparent),transparent 60%),var(--glass)}.beat-art{width:150px;margin:0 auto 12px;aspect-ratio:355 / 497;border-radius:12px;overflow:hidden;display:grid;place-items:center;box-shadow:0 0 0 2px var(--accent),0 0 40px color-mix(in srgb,var(--accent) 55%,transparent);animation:float 4s ease-in-out infinite}.beat-art img{width:100%;height:100%;object-fit:cover}.beat-text{min-height:7.5em;line-height:1.65;font-size:16px;text-align:left;margin:14px 0 20px}@keyframes float{50%{transform:translateY(-6px)}}.modes{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mode{--accent: var(--cyan);position:relative;display:grid;gap:14px;text-align:left;padding:20px;align-content:start;background:var(--glass);border:1px solid var(--line);border-radius:18px;transition:transform .2s,border-color .2s,box-shadow .2s}.mode:after{content:"";position:absolute;inset:0 0 auto;height:3px;border-radius:18px 18px 0 0;background:var(--accent);box-shadow:0 0 18px var(--accent)}.mode:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 16px 40px #00000080,0 0 30px color-mix(in srgb,var(--accent) 30%,transparent)}.mode.locked{opacity:.55}.mode-top{display:grid;gap:2px}.mode-name{font-family:var(--display);font-size:28px;text-transform:uppercase;color:var(--accent);text-shadow:0 0 18px color-mix(in srgb,var(--accent) 55%,transparent)}.mode-tag{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.mode ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:14px}.mode li:before{content:"▸";color:var(--accent);margin-right:8px}.mode-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding-top:12px;border-top:1px solid var(--line)}.mode-stats div{display:grid;gap:2px}.mode-stats span{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.mode-stats b{font-family:var(--mono);font-weight:400;font-size:16px}.mode-play{font-family:var(--display);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{padding:10px 18px;border-radius:999px;font-family:var(--display);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--panel);border:1px solid var(--line)}.tab.on{color:#1a0d00;background:var(--foil);border-color:transparent}.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.item{--r: #9a9cc4;display:grid;grid-template-rows:auto 1fr auto;gap:12px;padding:14px;border-radius:18px;background:var(--glass);border:1px solid color-mix(in srgb,var(--r) 40%,transparent);transition:transform .2s,box-shadow .2s}.item:hover{transform:translateY(-3px);box-shadow:0 0 26px color-mix(in srgb,var(--r) 30%,transparent)}.item.equipped{box-shadow:inset 0 0 0 2px var(--green),0 0 24px #22ff7a40}.r-rare{--r: #38f3ff}.r-epic{--r: #ff4fd8}.r-legendary{--r: #ffc23d}.rarity{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--r)}.item h4{margin:2px 0 4px;font-family:var(--display);font-weight:400;font-size:18px;text-transform:uppercase}.item p{margin:0;font-size:13px;color:var(--muted);line-height:1.45}.item-prev{height:130px;display:grid;place-items:center;border-radius:12px;background:radial-gradient(circle,color-mix(in srgb,var(--r) 18%,transparent),#0000004d 70%);overflow:hidden}.item-act{display:flex;justify-content:flex-end;align-items:center;min-height:36px}.badge-eq{font-family:var(--display);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--green)}.earn{font-family:var(--mono);font-size:12px;color:var(--muted)}.bp{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:104px;padding:8px;border-radius:10px;background:var(--base);box-shadow:0 0 0 2px var(--frame),0 0 26px var(--glow);transform:perspective(300px) rotateX(28deg)}.bp i{aspect-ratio:1;border-radius:4px;background:var(--tile);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--div) 35%,transparent)}.bp i.g{background:var(--given)}.coin-prev{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;padding:8px;background:conic-gradient(from 200deg,#c8902a,#fff3c4,#c8902a,#8a5e12,#c8902a);box-shadow:0 10px 22px #00000080,inset 0 0 0 2px #ffffff40;animation:coinSpin 6s ease-in-out infinite}.coin-prev img{width:100%;border-radius:50%;box-shadow:inset 0 0 8px #000}.fin-classic{background:conic-gradient(from 200deg,#6d6d78,#f2f2ff,#8a8a99,#4a4a55,#6d6d78)}.fin-neon{background:conic-gradient(#ff4fd8,#38f3ff,#22ff7a,#ffc23d,#ff4fd8);box-shadow:0 0 26px #ff4fd8,0 0 40px #38f3ff}.fin-holo{background:conic-gradient(#ff9de2,#9de6ff,#d8ff9d,#ffe59d,#c59dff,#ff9de2)}.fin-obsidian{background:conic-gradient(#0b0b0f,#3a3a44,#0b0b0f,#1c1c22);box-shadow:0 0 0 2px #fff,0 0 18px #ffffff80}@keyframes coinSpin{50%{transform:rotateY(25deg) rotateX(10deg)}}.comp-prev{width:170px;height:170px;max-width:none;align-self:start;margin-top:4px;object-fit:cover;object-position:50% 0;filter:drop-shadow(0 8px 16px rgba(0,0,0,.6));transition:transform .3s}.item:hover .comp-prev{transform:scale(1.06) translateY(-4px)}.cons-prev{display:grid;justify-items:center;gap:4px;font-size:48px}.cons-prev b{font-family:var(--mono);font-weight:400;font-size:14px;color:var(--muted)}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card{padding:20px;border-radius:20px;background:var(--glass);border:1px solid var(--line)}.ach-card{grid-column:1 / -1}.id-top{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:end}.id-top .lbl{margin-top:0}.pick-row{display:flex;flex-wrap:wrap;gap:6px}.pick{border-radius:50%;padding:2px;transition:transform .15s}.pick:hover{transform:scale(1.1)}.pick.on{box-shadow:0 0 0 2px var(--cyan)}.swatch{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--a),var(--b));box-shadow:inset 0 0 0 2px #0000004d}.swatch.on{box-shadow:0 0 0 2px #05030c,0 0 0 4px var(--a)}.acct{margin-top:18px;padding:14px;border-radius:14px;background:#38f3ff12;border:1px solid rgba(56,243,255,.3)}.acct p{margin:0 0 6px}.acct.in{background:#22ff7a12;border-color:#22ff7a59}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.stat-grid div,.tier-table div{padding:10px;border-radius:12px;background:#8c78ff12;border:1px solid var(--line)}.stat-grid span{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.stat-grid b{font-family:var(--mono);font-weight:400;font-size:20px}.tier-table{display:grid;gap:6px;margin-top:10px}.tier-table div{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:6px;padding:8px 12px;font-family:var(--mono);font-size:13px}.tier-table span{font-family:var(--display);text-transform:uppercase;font-size:13px}.tier-table b{font-weight:400;color:var(--muted)}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.ach{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:10px;padding:10px 12px;border-radius:14px;background:#00000040;border:1px solid var(--line);opacity:.45;filter:grayscale(1)}.ach.got{opacity:1;filter:none;border-color:var(--line-gold);background:linear-gradient(180deg,#ffb52e1a,#00000040)}.ach-ico{grid-row:span 3;display:grid;place-items:center;width:40px;height:40px;font-size:20px;border-radius:12px;background:#ffb52e1f;color:var(--gold)}.ach b{font-family:var(--display);font-weight:400;font-size:13px;text-transform:uppercase}.ach small{font-size:12px;color:var(--muted);line-height:1.3}.ach em{font-style:normal;font-family:var(--mono);font-size:11px;color:var(--gold)}.pfp{position:relative;display:inline-grid;place-items:center;width:var(--s);height:var(--s);flex:none;border-radius:50%;padding:calc(var(--s) * .07);background:conic-gradient(from 210deg,var(--f),var(--f2),var(--f),var(--f2),var(--f));box-shadow:0 0 calc(var(--s) * .3) color-mix(in srgb,var(--f2) 60%,transparent)}.pfp>*{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 50% 30%,#2a1f50,#0b0720);overflow:hidden;display:grid;place-items:center}.pfp img{object-fit:cover;object-position:50% 12%;transform:scale(1.5) translateY(14%)}.pfp .emo{font-size:calc(var(--s) * .5);line-height:1}.pfp .ini{font-family:var(--display);font-size:calc(var(--s) * .42)}.panel-account .btn-primary{width:100%;margin-top:16px}.code-input{text-align:center;font-family:var(--mono);font-size:34px;letter-spacing:.5em;padding:14px;margin-top:10px}.form-err{color:var(--red);font-size:14px;margin:10px 0 0}.fine{font-size:12px;color:var(--dim);margin:12px 0 0}.hud{position:absolute;top:calc(12px + var(--sat));left:calc(16px + var(--sal));right:calc(16px + var(--sar));display:flex;align-items:center;justify-content:space-between;gap:12px;opacity:0;transform:translateY(-16px);visibility:hidden;transition:opacity .4s,transform .4s,visibility 0s linear .4s}.brand{display:grid;text-align:left;line-height:1;max-width:230px}.brand-kicker{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-name{font-family:var(--display);font-size:26px;text-transform:uppercase;background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px rgba(255,150,30,.45))}.stats{display:flex;gap:8px}.chip{position:relative;display:grid;align-content:center;gap:2px;min-width:76px;padding:6px 14px;background:var(--panel);border:1px solid var(--line);clip-path:var(--chamfer);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);overflow:hidden}.chip .k{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.chip .v{font-family:var(--mono);font-size:20px;line-height:1}.chip-mode{min-width:0;font-family:var(--display);font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#1a0d00;background:var(--accent, var(--cyan));border-color:transparent}.chip-score .v{color:var(--gold);text-shadow:0 0 12px rgba(255,181,46,.5)}.chip-combo i{position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--magenta),var(--gold));transform-origin:left;transform:scaleX(0)}.chip-combo.hot{border-color:var(--magenta);box-shadow:inset 0 0 18px #ff4fd859}.chip-combo.hot .v{color:var(--magenta);text-shadow:0 0 12px var(--magenta);animation:comboPulse .6s infinite alternate}@keyframes comboPulse{to{transform:scale(1.12)}}.chip.bump .v{animation:bump .4s}@keyframes bump{30%{transform:scale(1.25);color:var(--red)}}.hud-actions{display:flex;gap:8px}.icon-btn{display:grid;place-items:center;width:44px;height:44px;background:var(--panel);border:1px solid var(--line);border-radius:12px;transition:color .15s,border-color .15s}.icon-btn:hover{color:var(--cyan);border-color:var(--cyan)}#btnSound .i-off,body.muted #btnSound .i-on{display:none}body.muted #btnSound .i-off{display:block}.companion{position:absolute;left:calc(16px + var(--sal));bottom:calc(16px + var(--sab));width:230px;display:grid;justify-items:center;opacity:0;visibility:hidden;transform:translate(-30px);transition:opacity .5s,transform .5s,visibility 0s linear .5s;pointer-events:none!important}.comp-art{width:230px;height:230px;display:grid;place-items:end center;filter:drop-shadow(0 12px 24px rgba(0,0,0,.6))}.comp-art img{width:100%;height:100%;object-fit:contain;object-position:bottom;transform-origin:50% 100%}.companion.react .comp-art img{animation:react .5s cubic-bezier(.2,.9,.3,1.4)}@keyframes react{0%{transform:scale(.94) translateY(6px)}60%{transform:scale(1.04) translateY(-4px)}}.companion[data-mood=shocked] .comp-art img{animation:shock .4s}@keyframes shock{30%{transform:translateY(-12px) scale(1.05)}}.companion.glitch .comp-art{animation:glitch .9s steps(2)}@keyframes glitch{10%{filter:hue-rotate(90deg) saturate(3);transform:translate(-4px)}30%{filter:invert(.2) hue-rotate(-60deg);transform:translate(5px) skew(6deg)}50%{filter:none;transform:none}70%{filter:hue-rotate(180deg);transform:translate(-3px)}}.comp-plate{margin-top:-18px;padding:6px 16px;border-radius:999px;background:var(--panel);border:1px solid var(--line-gold);display:grid;justify-items:center;line-height:1.1}.comp-name{font-family:var(--display);font-size:15px;text-transform:uppercase;color:var(--gold)}.comp-role{font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}.bubble{position:absolute;bottom:calc(100% - 26px);left:10px;width:250px;padding:12px 14px;border-radius:16px 16px 16px 4px;font-size:14px;line-height:1.4;background:#f6f2ff;color:#170c31;box-shadow:0 10px 30px #00000080,0 0 0 2px var(--gold);opacity:0;transform:translateY(8px) scale(.92);transform-origin:10% 100%;transition:opacity .2s,transform .25s cubic-bezier(.2,.9,.3,1.4)}.bubble.show{opacity:1;transform:none}.bubble.shilldon{background:#1a0010;color:#ffd0e0;box-shadow:0 0 0 2px var(--red),0 0 24px #ff406099;font-family:var(--mono)}.bubble .shill{display:block;font-family:var(--display);font-weight:400;color:var(--red);text-transform:uppercase;letter-spacing:.1em;font-size:12px}.tray{position:absolute;left:50%;bottom:calc(14px + var(--sab));width:min(660px,calc(100vw - 24px - var(--sal) - var(--sar)));display:grid;gap:10px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 20px 50px #00000080,inset 0 1px #ffd2782e;opacity:0;transform:translate(-50%,24px);visibility:hidden;transition:opacity .4s,transform .4s,visibility 0s linear .4s}.tokens{display:grid;grid-template-columns:repeat(9,1fr);gap:6px}.token{position:relative;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;cursor:grab;touch-action:none;transition:transform .15s,filter .2s,opacity .2s}.token img{width:100%;height:100%;border-radius:50%;pointer-events:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--tc) 80%,#fff 20%),0 0 0 5px #00000080,0 6px 14px #0000008c,0 0 18px color-mix(in srgb,var(--tc) 40%,transparent);transition:box-shadow .2s,transform .2s}.token:hover img{transform:translateY(-4px) rotate(-4deg);box-shadow:0 0 0 3px var(--tc),0 0 0 5px #00000080,0 12px 20px #0000008c,0 0 26px var(--tc)}.token:active{transform:scale(.92)}.token .key{position:absolute;top:-3px;left:-3px;font-family:var(--mono);font-size:10px;line-height:1;padding:2px 4px;border-radius:6px;background:#05030c;color:var(--muted);border:1px solid var(--line)}.token .left{position:absolute;bottom:-4px;right:-4px;min-width:20px;height:20px;padding:0 4px;display:grid;place-items:center;font-family:var(--mono);font-size:12px;border-radius:10px;background:#05030c;border:1px solid color-mix(in srgb,var(--tc) 70%,transparent)}.token.active img{box-shadow:0 0 0 3px var(--cyan),0 0 26px var(--cyan)}.token.noted img{box-shadow:0 0 0 3px var(--tc),0 0 0 6px #38f3ff8c}.token.done{opacity:.4;filter:grayscale(.6)}.token.done .left{color:var(--green);border-color:var(--green)}.token.pop{animation:pop .7s}@keyframes pop{40%{transform:scale(1.3) rotate(14deg)}}body.notes-mode .token img{box-shadow:0 0 0 2px var(--tc),0 0 0 4px #05030c,0 0 0 5px var(--cyan)}.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.act{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;height:46px;font-family:var(--display);font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:#8c78ff1a;box-shadow:inset 0 0 0 1px var(--line);clip-path:var(--chamfer);overflow:hidden;transition:background .15s,color .15s}.act:hover:not(:disabled){background:#38f3ff24;color:var(--cyan)}.act:disabled{opacity:.4}.act em{font-style:normal;font-family:var(--mono);font-size:12px;padding:1px 6px;border-radius:6px;background:#00000059;color:var(--muted)}.act[aria-pressed=true]{background:#38f3ff33;color:var(--cyan);box-shadow:inset 0 0 0 1px var(--cyan),0 0 16px #38f3ff4d}.act[aria-pressed=true] em{color:var(--cyan)}.act-hint em{color:var(--gold)}.act-hint:before{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:var(--gold);transform-origin:left;transform:scaleX(var(--cd, 0));opacity:.8}.act-hint.cooling{color:var(--dim)}.act-hint.empty{opacity:.45}.act.nudge{animation:nudge .9s 2;color:var(--red)}@keyframes nudge{30%{box-shadow:inset 0 0 0 1px var(--red),0 0 20px #ff406099}}.tray-tip{margin:0;text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--dim)}body.in-game .hud,body.in-game .tray,body.in-game .companion{opacity:1;visibility:visible;transition:opacity .4s,transform .4s}body.in-game .hud,body.in-game .companion{transform:none}body.in-game .tray{transform:translate(-50%)}@media (min-width: 900px) and (min-aspect-ratio: 5/4){.tray{left:auto;right:calc(24px + var(--sar));bottom:auto;top:50%;width:310px;padding:16px;transform:translate(24px,-50%)}body.in-game .tray{transform:translateY(-50%)}.tokens{grid-template-columns:repeat(3,1fr);gap:18px;padding:6px 12px 10px}.token .key{font-size:11px}.token .left{min-width:24px;height:24px;font-size:13px;border-radius:12px}.actions{grid-template-columns:1fr 1fr}}@media (max-width: 1179px),(max-aspect-ratio: 5/4){.companion{left:auto;right:calc(10px + var(--sar));bottom:auto;top:calc(70px + var(--sat));width:84px}.comp-art{width:84px;height:84px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 30%,#2a1f50,#0b0720);box-shadow:0 0 0 2px var(--gold),0 8px 18px #0009}.comp-art img{object-position:50% 10%;transform:scale(1.6) translateY(18%)}.companion.react .comp-art img{animation:none}.comp-plate{display:none}.bubble{left:auto;right:calc(100% + 8px);top:10px;bottom:auto;width:min(240px,60vw);border-radius:16px 4px 16px 16px;transform-origin:100% 0}}@media (min-width: 900px) and (min-aspect-ratio: 5/4) and (max-width: 1179px){.companion{top:calc(80px + var(--sat));left:calc(16px + var(--sal));right:auto}.bubble{right:auto;left:calc(100% + 8px);border-radius:4px 16px 16px;transform-origin:0 0}}#pops{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none!important;overflow:hidden}.pop{position:absolute;translate:-50% -50%;font-family:var(--arcade);font-size:16px;color:var(--gold);text-shadow:0 0 10px rgba(255,181,46,.8),0 2px 0 #4a2a00;white-space:nowrap;animation:popUp 1.1s cubic-bezier(.2,.8,.3,1) forwards}.pop.big{font-size:22px;color:#fff;text-shadow:0 0 14px var(--magenta),0 2px 0 #4a0036}@keyframes popUp{0%{opacity:0;transform:translateY(10px) scale(.6)}20%{opacity:1;transform:translateY(-6px) scale(1.15)}to{opacity:0;transform:translateY(-60px) scale(1)}}.panel-pause{text-align:center}.pause-meta{font-family:var(--mono);color:var(--muted);letter-spacing:.08em;margin:10px 0 6px}.proof-line{margin:6px 0 18px}.proof{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--green);padding:5px 10px;border-radius:999px;background:#22ff7a14;border:1px solid rgba(34,255,122,.3)}.stack{display:grid;gap:10px}.panel-confirm{width:min(400px,calc(100vw - 32px))}.panel-confirm p{color:var(--muted);line-height:1.5;margin:0 0 22px}.row{display:flex;gap:10px;justify-content:flex-end}.panel-tut{width:min(520px,calc(100vw - 32px))}.tut-art{display:grid;place-items:center;margin:16px 0 6px}.tut-art:empty{display:none}.tut-tokens{display:grid;grid-template-columns:repeat(9,1fr);gap:6px;width:100%}.tut-tokens img{width:100%;aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 2px #ffb52e80,0 0 14px #ffb52e40}.mini-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:2px;width:min(200px,60vw);padding:6px;border-radius:10px;background:#0b0720;box-shadow:inset 0 0 0 1px var(--line-gold)}.mini-grid i{aspect-ratio:1;border-radius:3px;background:#1a1340}.mini-grid i.on{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.mini-grid i.sel{background:var(--gold);box-shadow:0 0 10px var(--gold)}.mini-grid i:nth-child(9n+3),.mini-grid i:nth-child(9n+6){margin-right:3px}.mini-grid i:nth-child(n+19):nth-child(-n+27),.mini-grid i:nth-child(n+46):nth-child(-n+54){margin-bottom:3px}.mini-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:120px;padding:10px;border-radius:12px;background:#161034;box-shadow:inset 0 0 0 2px var(--cyan)}.mini-notes img{width:100%;border-radius:50%}.mini-notes img.off{opacity:.08}.tut-body{line-height:1.55;margin:10px 0;font-size:16px}.tut-list{margin:0;padding:0;list-style:none;display:grid;gap:8px;color:var(--muted);font-size:15px;line-height:1.45}.tut-list li{padding-left:18px;position:relative}.tut-list li:before{content:"▸";position:absolute;left:0;color:var(--gold)}.tut-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px}.tut-nav .btn{min-width:96px}.tut-nav .btn:disabled{opacity:.3;pointer-events:none}.dots{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.dots i{width:7px;height:7px;border-radius:50%;background:var(--dim);transition:background .2s,transform .2s}.dots i.on{background:var(--gold);transform:scale(1.3);box-shadow:0 0 8px var(--gold)}.panel-win{width:min(520px,calc(100vw - 32px));text-align:center;padding:22px 26px}.panel-win .proof-line{margin:10px 0 12px}.win-title{margin:6px 0 0;font-family:var(--display);font-weight:400;font-size:clamp(30px,6vw,42px);text-transform:uppercase;background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(255,150,30,.5))}.win-stars{display:flex;justify-content:center;gap:10px;margin:10px 0 0}.win-stars i{font-style:normal;font-size:38px;color:#ffffff1f}.win-stars i.on{color:var(--gold);text-shadow:0 0 20px rgba(255,194,61,.9);animation:stamp .5s cubic-bezier(.2,.9,.3,1.6) backwards calc(.4s + var(--d) * .25s)}@keyframes stamp{0%{transform:scale(2.6) rotate(-20deg);opacity:0}}.win-score{font-family:var(--mono);font-size:clamp(48px,10vw,66px);line-height:1;color:var(--gold);text-shadow:0 0 24px rgba(255,181,46,.6);margin:4px 0 2px}.win-score-label{font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.2em;text-transform:uppercase}.badge{display:inline-block;margin-top:10px;padding:5px 12px;font-family:var(--display);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#002814;background:var(--green);clip-path:var(--chamfer);box-shadow:0 0 18px var(--green);animation:pulse 1.4s infinite}.breakdown{margin:10px 0 0;padding:10px 14px;border-radius:12px;background:#00000040;display:grid;gap:3px;font-family:var(--mono);font-size:13px;text-align:left}.breakdown div{display:flex;justify-content:space-between;color:var(--muted)}.breakdown .neg{color:var(--red)}.breakdown .pos{color:var(--green)}.breakdown .total{color:var(--text);border-top:1px solid var(--line);padding-top:6px;margin-top:2px}.earn-box{margin-top:12px;padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,#ffb52e1f,#00000040);border:1px solid var(--line-gold);display:grid;gap:10px}.earn-line{font-family:var(--mono);font-size:15px;color:var(--muted)}.earn-line b{font-weight:400;font-size:26px;color:var(--gold);margin:0 4px;text-shadow:0 0 12px rgba(255,194,61,.5)}.earn-line em{font-style:normal;color:var(--cyan);font-size:12px}.rank-mini{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;font-family:var(--mono);font-size:12px;color:var(--muted)}.rank-mini>span:first-child{color:var(--gold);font-family:var(--display);text-transform:uppercase}.win-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 0}.win-stats div{padding:9px 4px;border-radius:12px;background:#8c78ff14;border:1px solid var(--line)}.win-stats span{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.win-stats b{font-family:var(--mono);font-weight:400;font-size:18px}.share-row{display:grid;grid-template-columns:1fr;gap:10px}.win-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:10px}.unlock{position:absolute;top:calc(18px + var(--sat));left:50%;z-index:8;display:flex;align-items:center;gap:12px;padding:12px 20px 12px 12px;border-radius:16px;background:linear-gradient(180deg,#3c2806f2,#140c02f2);border:1px solid var(--gold);box-shadow:0 0 40px #ffb52e73;transform:translate(-50%,-140%);transition:transform .45s cubic-bezier(.2,.9,.3,1.3);pointer-events:none!important}.unlock.show{transform:translate(-50%)}.u-ico{display:grid;place-items:center;width:46px;height:46px;font-size:24px;border-radius:12px;background:var(--foil);color:#1a0d00}.unlock small{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.unlock b{font-family:var(--display);font-weight:400;font-size:18px;text-transform:uppercase}.banner{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;pointer-events:none!important;text-align:center;font-family:var(--display);font-size:clamp(52px,13vw,140px);text-transform:uppercase;line-height:1;background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 30px rgba(255,150,30,.8));opacity:0}.banner.small{font-size:clamp(32px,7vw,72px)}.banner.show{animation:banner .95s cubic-bezier(.2,.9,.3,1.3) forwards}@keyframes banner{0%{opacity:0;transform:scale(2.2)}30%{opacity:1;transform:scale(1)}75%{opacity:1}to{opacity:0;transform:scale(.9)}}.toast{position:absolute;left:50%;top:calc(84px + var(--sat));z-index:7;max-width:calc(100vw - 32px);padding:10px 18px;font-family:var(--mono);font-size:14px;letter-spacing:.04em;text-align:center;background:#0e091ef2;border:1px solid var(--line-gold);border-radius:999px;box-shadow:0 0 24px #ffb52e33;transform:translate(-50%,-12px);opacity:0;pointer-events:none!important;transition:opacity .25s,transform .25s}.toast.show{opacity:1;transform:translate(-50%)}.toast[data-kind=good]{border-color:var(--green)}.toast[data-kind=bad]{border-color:var(--red)}.boot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-content:center;justify-items:center;gap:16px;background:var(--bg);font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:13px;transition:opacity .6s}.boot.done{opacity:0;pointer-events:none}.boot-ring{width:54px;height:54px;border-radius:50%;border:3px solid rgba(255,181,46,.2);border-top-color:var(--gold);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 899px){.hub-grid{grid-template-columns:1fr 1fr}.tile-story{grid-column:1 / -1;grid-row:auto;min-height:220px}.modes{grid-template-columns:1fr 1fr}.realm-tabs{grid-template-columns:repeat(3,1fr)}.profile-grid{grid-template-columns:1fr}.rankbar{grid-template-columns:1fr;gap:8px}.guardian{grid-template-columns:110px 1fr}.stage{width:56px;height:56px;transform:none}.stage.boss{width:70px;height:70px}.st-n{font-size:17px}.path-link{display:none}.stage-path{justify-content:center;gap:10px}}@media (max-width: 640px){.hud{gap:6px;left:calc(10px + var(--sal));right:calc(10px + var(--sar));top:calc(8px + var(--sat))}.brand{max-width:90px}.brand-kicker{display:none}.brand-name{font-size:17px}.stats{gap:4px}.chip{min-width:0;padding:4px 7px}.chip .k{font-size:8px;letter-spacing:.1em}.chip .v{font-size:14px}.chip-mode,#btnHelp{display:none}.hud-actions{gap:4px}.icon-btn{width:34px;height:34px;border-radius:10px}.tray{padding:10px 8px;gap:8px;bottom:calc(8px + var(--sab))}.tokens{gap:4px}.token .key{display:none}.token .left{min-width:17px;height:17px;font-size:10px;bottom:-3px;right:-3px}.act{height:40px;font-size:10px;gap:4px}.act svg{width:15px;height:15px}.tray-tip{display:none}.panel{padding:22px 18px}.hub-grid,.modes{grid-template-columns:1fr}.tile-art{opacity:.45}.tile-story .tile-body{max-width:100%}.page-head{grid-template-columns:auto 1fr}.page-head>:last-child{grid-column:1 / -1;justify-self:start}.realm-tabs{grid-template-columns:repeat(2,1fr)}.guardian{grid-template-columns:1fr;justify-items:center;text-align:center}.g-art{width:120px}.stat-grid,.win-stats{grid-template-columns:repeat(2,1fr)}.share-row,.win-actions{grid-template-columns:1fr}.hub-top{flex-wrap:wrap}}@media (max-width: 400px){.act span{display:none}}@media (prefers-reduced-motion: reduce){.btn-start,.badge,.rank-track i:after,.beat-art,.coin-prev{animation:none}}.prof{display:grid;gap:14px;max-width:760px;margin:18px auto 0}.prof .h3{margin:0 0 10px}.prof .h3 small{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.08em}.prof-head{display:flex;align-items:center;gap:18px}.prof-head .who h3{margin:6px 0 2px;font-family:var(--display);font-weight:400;font-size:28px;text-transform:uppercase}.prof-head .who p{margin:0;color:var(--muted);font-size:14px}.acct-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line)}.acct-badge.reg{color:var(--green);border-color:#22ff7a73;background:#22ff7a14}.prof-signin{border-color:#38f3ff66;background:linear-gradient(180deg,rgba(56,243,255,.08),transparent),var(--glass)}.prof-signin p{margin:0 0 12px}.look-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.coll-count{font-family:var(--mono);font-size:12px;color:var(--muted)}.coll-count b{color:var(--gold);font-size:15px}.look-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.name-row{flex:1;min-width:180px;display:grid;gap:4px}.look-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.prof .tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.tile-stat{padding:10px;border-radius:12px;background:#8c78ff12;border:1px solid var(--line);display:grid;gap:2px}.tile-stat b{font-family:var(--mono);font-size:20px;color:#fff}.tile-stat span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.prof-foot{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.btn.danger{color:#ff8095;box-shadow:inset 0 0 0 1px #ff406080}.privacy{text-align:center;color:var(--muted);font-size:12px;max-width:560px;margin:0 auto 24px}.row-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:12px}@media (max-width: 560px){.prof .tiles{grid-template-columns:repeat(2,1fr)}.prof-head{flex-direction:column;text-align:center}}.col-total{font-family:var(--mono);font-size:14px;color:var(--gold);letter-spacing:.06em}.col-tabs{margin:16px 0 12px}.col-tabs .tab small{margin-left:4px;font-family:var(--mono);opacity:.75}.col-body{display:grid;grid-template-columns:1fr 280px;gap:14px;align-items:start}.col-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;align-content:start;padding:12px;border-radius:18px;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.col-item{position:relative;aspect-ratio:1;display:grid;place-items:center;border-radius:14px;background:radial-gradient(circle,color-mix(in srgb,var(--r) 16%,transparent),#00000059 75%);border:1px solid color-mix(in srgb,var(--r) 45%,transparent);overflow:hidden;transition:transform .15s,box-shadow .15s}.col-item:hover{transform:translateY(-2px)}.col-item.focus{box-shadow:0 0 0 2px var(--r),0 0 20px color-mix(in srgb,var(--r) 45%,transparent)}.col-item.on .pip{position:absolute;top:6px;left:6px;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.col-item.locked>:first-child{filter:grayscale(1) brightness(.45)}.col-item .lock{position:absolute;bottom:4px;right:6px;font-style:normal;font-size:13px}.col-item .new{position:absolute;top:4px;right:4px;padding:1px 5px;border-radius:6px;font-style:normal;font:700 9px var(--mono);color:#1a0d00;background:var(--gold)}.col-ach{font-size:34px;line-height:1}.col-ach.big{font-size:84px}.col-prev{display:grid;place-items:center;width:100%;height:100%;transform:scale(.55)}.col-prev.big{transform:none;height:150px}.col-side{position:sticky;top:12px;padding:16px;border-radius:18px;background:var(--glass);border:1px solid color-mix(in srgb,var(--r) 50%,transparent);display:grid;gap:6px;justify-items:center;text-align:center}.col-big{min-height:150px;display:grid;place-items:center;width:100%;border-radius:14px;background:radial-gradient(circle,color-mix(in srgb,var(--r) 22%,transparent),transparent 70%);overflow:hidden}.col-side .rar{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--r)}.col-side h3{margin:0;font-family:var(--display);font-weight:400;font-size:20px;text-transform:uppercase}.col-side .state{font-size:13px;color:var(--muted)}.col-side .state.got{color:var(--green)}.col-side .how{margin:4px 0 8px;font-size:13px;line-height:1.45;color:var(--muted)}@media (max-width: 760px){.col-body{grid-template-columns:1fr}.col-side{position:static;order:-1}.col-grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr))}}.tile-arena{grid-row:span 2;background:radial-gradient(circle at 20% 110%,rgba(255,79,216,.35),transparent 60%),radial-gradient(circle at 90% -10%,rgba(56,243,255,.3),transparent 60%),var(--glass)}.tile-arena .tile-title{font-family:var(--arcade);font-size:40px;background:linear-gradient(90deg,#38f3ff,#ff4fd8);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 16px rgba(255,79,216,.5))}.arena-status{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-family:var(--mono);font-size:12px;color:var(--muted);background:var(--panel);border:1px solid var(--line)}.arena-status i{width:9px;height:9px;border-radius:50%;background:var(--dim);flex:none}.arena-status.s-online i{background:var(--green);box-shadow:0 0 10px var(--green)}.arena-status.s-connecting i{background:var(--gold);animation:pulse 1s infinite}.arena-status.s-offline i,.arena-status.s-unavailable i{background:var(--red)}.arena-opts{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.seg{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;background:var(--panel);border:1px solid var(--line)}.seg>span{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);padding:0 8px 0 10px}.seg button{padding:7px 14px;border-radius:999px;font-family:var(--display);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.seg button.on{background:var(--foil);color:#1a0d00}.join{display:flex;gap:6px;margin-left:auto}.join input{width:140px;padding:8px 12px;font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase}.pvp-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.pvp-card{--accent: var(--cyan);position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:12px;padding:18px;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 80% 0%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 55%),var(--glass);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}.pvp-card:after{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--accent);box-shadow:0 0 18px var(--accent)}.pvp-card h3{margin:4px 0 2px;font-family:var(--arcade);font-weight:400;font-size:22px;color:var(--accent);text-shadow:0 0 16px color-mix(in srgb,var(--accent) 60%,transparent)}.pvp-card header p{margin:0;font-size:14px}.pc-players{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.pvp-card ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:13px;color:var(--muted);line-height:1.4}.pvp-card li:before{content:"▸ ";color:var(--accent)}.pc-btns{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pc-btns .btn{padding:0 8px}.lb-card{display:grid;gap:12px}.lb-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.lb-head .h3{margin:0}.lb-rows{display:grid;gap:4px}.lb-row{display:grid;grid-template-columns:34px auto 1fr auto auto;gap:10px;align-items:center;padding:6px 12px;border-radius:12px;background:#8c78ff0f}.lb-row b{font-family:var(--display);font-weight:400;font-size:14px}.lb-row small{font-family:var(--mono);font-size:11px;color:var(--dim)}.lb-rank{font-family:var(--arcade);font-size:14px;color:var(--muted);text-align:center}.lb-score{font-family:var(--mono);font-size:18px;color:var(--gold)}.lb-row.top1{background:linear-gradient(90deg,rgba(255,194,61,.22),transparent)}.lb-row.top1 .lb-rank{color:var(--gold)}.lb-row.top2 .lb-rank{color:#d5dde6}.lb-row.top3 .lb-rank{color:#d38c4c}#screenAccount{z-index:20}#screenAccount input{position:relative;z-index:1}.panel-lobby{width:min(520px,calc(100vw - 32px));--accent: var(--cyan);background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--accent) 25%,transparent),transparent 60%),var(--glass)}.panel-lobby .row{margin-top:16px}.panel-lobby .h2,.panel-lobby>.muted{text-align:center}.row.wrap{flex-wrap:wrap;justify-content:flex-start;align-items:center}.room-code{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:12px 16px;border-radius:14px;background:#00000059;border:1px dashed var(--accent)}.room-code span{font-family:var(--arcade);font-size:34px;letter-spacing:.2em;color:var(--accent);text-shadow:0 0 18px var(--accent)}.lobby-seats{display:grid;gap:6px}.lseat{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;padding:8px 12px;border-radius:12px;background:#8c78ff14;border:1px solid var(--line)}.lseat b{font-family:var(--display);font-weight:400}.lseat small{font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.lseat.empty{display:block;color:var(--dim);font-family:var(--mono);font-size:12px;border-style:dashed;text-align:center;padding:14px}.radar{position:relative;width:140px;height:140px;margin:16px auto;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 25%,transparent),transparent 70%);box-shadow:inset 0 0 0 1px var(--accent)}.radar i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--accent);animation:radar 2.4s infinite;opacity:0}.radar i:nth-child(2){animation-delay:.8s}.radar i:nth-child(3){animation-delay:1.6s}@keyframes radar{0%{transform:scale(.2);opacity:1}to{transform:scale(1.2);opacity:0}}.pvp-hud{position:absolute;left:calc(16px + var(--sal));top:calc(70px + var(--sat));width:270px;display:none;gap:10px;pointer-events:none!important}body.pvp.in-game .pvp-hud{display:grid}body.pvp .stats,body.pvp #btnHelp,body.pvp .tray .actions,body.pvp .companion,body.pvp .tray-tip{display:none}.pvp-top{--accent: var(--cyan);display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;padding:10px 14px;border-radius:14px;background:var(--panel);border:1px solid color-mix(in srgb,var(--accent) 50%,transparent)}.pvp-mode{font-family:var(--arcade);font-size:16px;color:var(--accent)}.pvp-sub{grid-row:2;font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.pvp-clock{grid-row:1 / span 2;grid-column:2;font-family:var(--mono);font-size:26px}.pvp-turn{position:relative;overflow:hidden;padding:10px 14px;border-radius:12px;font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;background:color-mix(in srgb,var(--sc) 18%,rgba(14,9,30,.9));border:1px solid var(--sc);color:var(--sc);text-shadow:0 0 10px var(--sc)}.pvp-turn i{position:absolute;left:0;bottom:0;height:4px;width:100%;background:var(--sc);transform-origin:left;box-shadow:0 0 12px var(--sc)}body.my-turn .pvp-turn{animation:pulse 1.2s infinite}.seats{display:grid;gap:8px}.seat{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:14px;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--sc)}.seat.me{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sc) 60%,transparent)}.seat.turn{box-shadow:0 0 22px color-mix(in srgb,var(--sc) 55%,transparent),inset 0 0 0 1px var(--sc)}.seat.out{opacity:.4}.seat-body{display:grid;gap:3px;min-width:0}.seat-body b{font-family:var(--display);font-weight:400;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat-body em{font-style:normal;font-family:var(--mono);font-size:10px;color:var(--dim);text-transform:uppercase}.seat-body em.frz{color:var(--cyan)}.seat-score{font-family:var(--mono);font-size:20px;color:var(--sc);line-height:1}.pips{display:flex;gap:2px}.pips i{width:9px;height:5px;border-radius:2px;background:#ffffff1a}.pips i.on{background:var(--sc);box-shadow:0 0 6px var(--sc)}.prog{height:4px;border-radius:2px;background:#ffffff1a;overflow:hidden}.prog i{display:block;height:100%;background:var(--sc)}.ghost{display:grid;grid-template-columns:repeat(9,5px);gap:1px;padding:3px;border-radius:4px;background:#0006}.ghost i{width:5px;height:5px;border-radius:1px;background:#ffffff14}.ghost i.on{background:var(--sc)}.grid-meters{display:grid;gap:8px;padding:12px 14px;border-radius:14px;background:var(--panel);border:1px solid rgba(34,255,122,.4)}.gm{display:grid;grid-template-columns:1fr auto;gap:4px;align-items:center;font-family:var(--mono);font-size:12px;color:var(--muted)}.gm b{font-weight:400;font-size:16px;color:var(--text)}.gm .bar{grid-column:1 / -1}.bar{display:block;height:7px;border-radius:4px;background:#ffffff14;overflow:hidden}.bar>i{display:block;height:100%;border-radius:4px;transition:width .4s;transform-origin:left}.bar.power>i{background:linear-gradient(90deg,#14975a,#22ff7a);box-shadow:0 0 10px var(--green)}.bar.loot>i{background:linear-gradient(90deg,#b04dff,#f35);box-shadow:0 0 10px var(--red)}.zaps{grid-column:1 / -1;color:var(--green)}.mult{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;padding:12px 14px;border-radius:14px;background:var(--panel);border:1px solid var(--line-gold);font-family:var(--mono);color:var(--muted)}.mult b{font-family:var(--arcade);font-weight:400;font-size:30px;color:var(--gold)}.mult .bar{grid-column:1 / -1}.mult .bar>i{width:100%;background:linear-gradient(90deg,var(--gold),var(--magenta))}.mult.hot b{color:var(--magenta);text-shadow:0 0 16px var(--magenta);animation:comboPulse .5s infinite alternate}.abilities{display:none;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:6px}body.pvp .abilities{display:grid}.ab{display:grid;justify-items:center;gap:1px;padding:7px 4px;border-radius:12px;font-family:var(--display);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#8c78ff14;border:1px solid var(--line);transition:all .2s}.ab-ico{font-size:18px;line-height:1.1;filter:grayscale(1)}.ab em{font-style:normal;font-family:var(--mono);font-size:10px;color:var(--dim)}.ab.ready{color:var(--text);border-color:var(--magenta);box-shadow:0 0 16px #ff4fd859;animation:pulse 1.4s infinite}.ab.ready .ab-ico,.ab.notes .ab-ico,.ab.leave .ab-ico{filter:none}.ab.ready em{color:var(--magenta)}.ab.on{background:#38f3ff33;color:var(--cyan);border-color:var(--cyan)}.ab.leave{color:var(--dim)}body.frozen .tray{filter:hue-rotate(160deg) saturate(.6)}body.frozen .tray:after{content:"FROZEN · Gas Spike";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:20px;font-family:var(--arcade);font-size:22px;color:#bff6ff;text-shadow:0 0 14px var(--cyan);background:repeating-linear-gradient(135deg,#38f3ff2e 0,#38f3ff2e 10px,#38f3ff0f 10px,#38f3ff0f 20px)}body.their-turn .tray{opacity:.55;filter:grayscale(.4)}.win-title.lost{background:linear-gradient(180deg,#ff9aa6,#ff4060 60%,#8a0020);-webkit-background-clip:text;background-clip:text}.res-table{display:grid;gap:6px;margin:14px 0}.res-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;padding:8px 12px;border-radius:12px;background:#8c78ff14;border-left:4px solid var(--sc);text-align:left}.res-row b{font-family:var(--display);font-weight:400}.res-row span{font-family:var(--mono);font-size:20px;color:var(--sc)}.res-row small{font-family:var(--mono);font-size:11px;color:var(--dim)}.res-row.win{box-shadow:0 0 22px color-mix(in srgb,var(--sc) 40%,transparent)}.res-row.win b:after{content:" 👑"}.earn-line em.up{color:var(--green);font-style:normal}.earn-line em.down{color:var(--red);font-style:normal}@media (max-width: 1179px){.pvp-cards{grid-template-columns:1fr 1fr}}@media (max-width: 899px),(max-aspect-ratio: 5/4){.pvp-hud{left:8px;right:8px;top:calc(56px + var(--sat));width:auto;gap:6px}.pvp-hud .seats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px}.seat{padding:5px 8px;grid-template-columns:auto 1fr}.ghost{display:none}.pvp-top{padding:6px 10px}.pvp-clock{font-size:18px}.grid-meters{grid-template-columns:repeat(3,1fr);padding:8px}.gm .bar{display:none}}@media (max-width: 640px){.pvp-cards{grid-template-columns:1fr}.join{margin-left:0}.lb-row{grid-template-columns:28px auto 1fr auto}.lb-row small{display:none}}#screenShare{z-index:21}.panel-share{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;display:grid;gap:12px}.share-pic{width:100%;border-radius:12px;border:1px solid var(--line-gold);box-shadow:0 10px 40px #00000080}.share-text{margin:0;white-space:pre-line;font-size:14px;line-height:1.45;color:var(--muted)}.share-actions{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px}.share-actions .btn{justify-content:center;text-decoration:none}.share-actions .x-ico{margin-right:6px}@media (max-width: 520px){.share-actions{grid-template-columns:1fr 1fr}.share-actions .btn-x{grid-column:1 / -1}}.callout{position:absolute;left:50%;top:30%;z-index:5;pointer-events:none!important;translate:-50% -50%;white-space:nowrap;font-family:var(--arcade);font-size:clamp(42px,9vw,104px);line-height:1;letter-spacing:.02em;color:#fff4c4;opacity:0;text-shadow:0 1px 0 #ffb52e,0 2px 0 #f39a12,0 3px 0 #d9800a,0 4px 0 #b86708,0 5px 0 #8f4f06,0 6px 0 #5e3304,0 10px 18px rgba(0,0,0,.6),0 0 34px rgba(255,181,46,.8)}.callout.show{animation:callout 1.1s cubic-bezier(.17,.89,.32,1.28) forwards}.callout.count.show{animation-duration:.56s}@keyframes callout{0%{opacity:0;transform:scale(3) rotate(-8deg);filter:blur(6px)}18%{opacity:1;transform:scale(.92) rotate(2deg);filter:blur(0)}28%{transform:scale(1.06) rotate(-1deg)}38%,72%{opacity:1;transform:scale(1) rotate(0)}to{opacity:0;transform:scale(1.5) translateY(-30px);filter:blur(4px)}}.callout.good{color:#e8fdff;text-shadow:0 1px 0 #38f3ff,0 2px 0 #22c9e6,0 3px 0 #1aa0c4,0 4px 0 #13799a,0 5px 0 #0c5470,0 10px 18px rgba(0,0,0,.6),0 0 34px rgba(56,243,255,.85)}.callout.mega{color:#ffe9fb;text-shadow:0 1px 0 #ff4fd8,0 2px 0 #e03bbf,0 3px 0 #b82a9c,0 4px 0 #8f1d79,0 5px 0 #661256,0 6px 0 #400a36,0 12px 22px rgba(0,0,0,.6),0 0 44px rgba(255,79,216,.9)}.callout.bad{color:#ffe0e5;font-size:clamp(34px,7vw,76px);text-shadow:0 1px 0 #ff4060,0 2px 0 #d92a49,0 3px 0 #a81c36,0 4px 0 #761024,0 10px 18px rgba(0,0,0,.6),0 0 30px rgba(255,64,96,.8)}.callout.count{top:45%;font-size:clamp(90px,22vw,220px)}.callout.go{top:45%;font-size:clamp(90px,20vw,200px)}.callout.fever{font-size:clamp(64px,15vw,160px);background:linear-gradient(90deg,#ff4fd8,#ffc23d,#22ff7a,#38f3ff,#b04dff,#ff4fd8);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 6px 0 #3a0a40) drop-shadow(0 0 30px rgba(255,79,216,.9))}.callout.fever.show{animation:callout 1.6s cubic-bezier(.17,.89,.32,1.28) forwards,rainbow .8s linear infinite}@keyframes rainbow{to{background-position:300% 0}}body.fever .hud .chip,body.fever .tray,body.fever .pvp-top{border-color:transparent;box-shadow:0 0 0 2px hsl(var(--h, 300) 100% 60%),0 0 28px hsl(var(--h, 300) 100% 55% / .6);animation:feverHue 1.2s linear infinite}body.fever .chip-combo .v{color:#fff;text-shadow:0 0 14px #ff4fd8,0 0 30px #ffc23d}body.fever .chip-combo .k:after{content:" · FEVER";color:#ffc23d}body.fever .fx-vignette{background:radial-gradient(ellipse at center,transparent 50%,rgba(80,0,90,.55) 100%)}@property --h{syntax: "<number>"; inherits: true; initial-value: 300;}@keyframes feverHue{to{--h: 660}}.chip-score.bump .v{animation:scoreKick .35s}@keyframes scoreKick{40%{transform:scale(1.35);color:#fff;text-shadow:0 0 18px var(--gold)}}.screen-title{display:grid}.screen-title{cursor:pointer}.screen-title>*{grid-area:1 / 1;transition:opacity .8s,transform .8s}.hof{opacity:0;transform:scale(.96);pointer-events:none;width:min(460px,calc(100vw - 32px));padding:26px;border-radius:20px;text-align:center;background:var(--glass);border:1px solid var(--line-gold);box-shadow:0 0 40px #ffb52e33}.screen-title.hof-on .hof{opacity:1;transform:none}.screen-title.hof-on .title-wrap{opacity:0;transform:scale(1.04) translateY(-4vh);pointer-events:none}.hof-title{margin:4px 0 14px;font-family:var(--arcade);font-weight:400;font-size:34px;background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 #4a2a00)}.hof-rows{display:grid;gap:6px;margin-bottom:12px}.hof-rows .kicker{margin-top:6px}.hof-row{display:grid;grid-template-columns:1fr auto 70px;gap:12px;align-items:baseline;padding:6px 12px;border-radius:10px;background:#0000004d;font-family:var(--mono);text-align:left}.hof-row span{font-family:var(--arcade);font-size:14px}.hof-row b{font-weight:400;font-size:20px;color:var(--gold);letter-spacing:.08em}.hof-row em{font-style:normal;color:var(--muted);text-align:right}.hof-stats{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:center;font-family:var(--mono);font-size:12px;color:var(--muted)}body.calm-fx .callout{animation-timing-function:ease-out!important}body.calm-fx.fever .hud .chip,body.calm-fx.fever .tray{animation:none;box-shadow:0 0 0 2px var(--magenta)}body.calm-fx .callout.fever.show{animation:callout 1.6s ease-out forwards}@media (prefers-reduced-motion: reduce){.callout.show,.callout.fever.show{animation:callout 1.1s ease-out forwards}body.fever .hud .chip,body.fever .tray{animation:none}}