:root{--void: #061530;--void-deep: #031022;--panel: rgba(10, 42, 88, .86);--panel-edge: rgba(110, 200, 255, .55);--ink: #f2f8ff;--muted: rgba(180, 210, 245, .74);--accent: #3eb6ff;--accent-dim: #1a7fd4;--accent-hot: #8ad6ff;--gold: #ffd56a;--gold-dim: #c9a03a;--danger: #ff6b7a;--ok: #4dffb0;--line: rgba(100, 180, 255, .2);--glow-cyan: rgba(62, 182, 255, .28);--glow-gold: rgba(255, 213, 106, .22);--radius-panel: 14px;--font-display: "Oxanium", sans-serif;--font-ui: "Sora", sans-serif;--ad-banner-reserve: 0px;--safe-bottom: env(safe-area-inset-bottom, 0px);--shell-pad-x: max(1rem, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));--shell-pad-bottom: calc(2.75rem + var(--safe-bottom) + var(--ad-banner-reserve));font-family:var(--font-ui);color:var(--ink);background:var(--void);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse 88% 55% at 50% -8%,rgba(70,175,255,.38),transparent 58%),radial-gradient(ellipse 55% 40% at 0% 70%,rgba(40,200,160,.1),transparent 55%),radial-gradient(ellipse 70% 50% at 100% 80%,rgba(40,100,220,.24),transparent 50%),linear-gradient(180deg,#0a2450 0%,var(--void) 45%,var(--void-deep) 100%);overflow-x:hidden;color:var(--ink)}body.has-ad-banner{--ad-banner-reserve: 64px}::selection{background:#3eb6ff59;color:#fff}.company-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:grid;place-items:center;padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));background:radial-gradient(circle at 50% 30%,rgba(50,140,255,.28),transparent 50%),#061530;transition:opacity .45s ease,visibility .45s ease}.company-splash.is-done{opacity:0;visibility:hidden;pointer-events:none}.company-splash[hidden]{display:none!important}.company-splash-inner{display:grid;place-items:center;gap:clamp(.35rem,1.5vmin,.75rem);width:min(94vw,720px);max-height:calc(100dvh - 1.5rem);text-align:center}.company-splash-label{margin:0;font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;font-size:clamp(.62rem,1.7vmin,.78rem);color:var(--accent-hot)}.lottie-host{width:100%;min-height:220px;margin:0 auto}.lottie-host svg{width:100%!important;height:auto!important}.splash-video{display:block;width:min(100%,calc((100dvh - 11rem) * 16 / 9),640px);max-height:min(56dvh,360px);aspect-ratio:16 / 9;margin:0 auto;object-fit:contain;background:transparent;border:1px solid rgba(90,190,255,.4);box-shadow:0 24px 60px #1450b473}.splash-actions{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center;margin:0}.company-splash.needs-sound .splash-sound{border-color:var(--gold);color:var(--gold)}.company-splash-credit{margin:0;font-size:clamp(.68rem,1.7vmin,.82rem);line-height:1.35;color:var(--muted)}.company-splash-credit strong{color:var(--accent-hot);font-family:var(--font-display);letter-spacing:.06em;font-weight:600}.credits-plaque{margin:.85rem auto 0;max-width:24rem;padding:.65rem 1rem .75rem;text-align:center;border-radius:14px;border:1px solid rgba(90,190,255,.35);background:linear-gradient(180deg,#2878dc38,#081e4673);box-shadow:0 0 0 1px #ffffff0a inset,0 10px 28px #1450b438}.credits-plaque-kicker,.credits-plaque-role{display:block;font-family:var(--font-display);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-hot)}.credits-plaque-studio,.credits-plaque-names{display:block;margin:.28rem 0 .45rem;font-family:var(--font-display);font-size:1.02rem;letter-spacing:.06em;color:var(--ink);text-shadow:0 0 18px rgba(90,190,255,.35)}.credits-plaque-gear{margin-top:1.25rem;max-width:none}.credits-line,.gear-credits{display:none}.splash-skip{margin:0;padding:.45rem 1.1rem;border:1px solid rgba(80,230,190,.35);background:#00000059;color:var(--ink);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;cursor:pointer}.splash-skip:hover{border-color:var(--gold);color:var(--gold)}@media(max-height:520px){.company-splash-inner{gap:.25rem}.splash-video{width:min(72vw,calc((100dvh - 7.25rem) * 16 / 9),560px);max-height:calc(100dvh - 7.25rem)}.company-splash-credit{line-height:1.2}.splash-skip{padding-block:.32rem}}body.boot-splash #fx-bg{opacity:.25}#fx-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.game-shell{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:max(1rem,env(safe-area-inset-top,0px)) max(1rem,env(safe-area-inset-right,0px)) var(--shell-pad-bottom) max(1rem,env(safe-area-inset-left,0px));min-height:100vh;min-height:100dvh}.top-bar{display:none;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem;padding:.55rem .75rem;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#1e5ab438,#0000006b);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px #000a1e40}.game-shell:not([data-mode=home]) .top-bar{display:flex}.top-bar .brand-mini{font-family:var(--font-display);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;color:var(--accent-hot)}.game-modes{display:none;flex-wrap:wrap;gap:.35rem;margin-bottom:.85rem;padding:.3rem;border:1px solid var(--line);background:#00000059}.game-shell:not([data-mode=home]) .game-modes{display:flex}.mode-btn{flex:1 1 4.5rem;font-family:var(--font-display);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:1px solid transparent;background:transparent;color:var(--muted);padding:.55rem .35rem;cursor:pointer;transition:.15s ease}.mode-btn:hover{color:var(--ink);background:#3eb6ff14}.mode-btn.is-active{color:#04140f;background:linear-gradient(180deg,var(--accent-hot),var(--accent));border-color:var(--accent);box-shadow:0 0 20px #3eb6ff59}.game-screen{display:none}.game-screen.is-active{display:block}.home-hero{text-align:center;padding:1.25rem .5rem .75rem;perspective:900px}.phase-badge{display:inline-block;font-family:var(--font-display);font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(240,193,90,.45);padding:.22rem .55rem;margin-bottom:.75rem;background:#f0c15a14}.brand-3d{position:relative;display:grid;place-items:center;margin:0 auto;width:100%;max-width:920px;min-height:clamp(3.2rem,9vw,5rem);font-family:var(--font-display);font-weight:700;font-size:clamp(1.55rem,5.2vw,3.1rem);letter-spacing:.06em;line-height:1;text-transform:uppercase;transform-style:preserve-3d;animation:title-float 4.5s ease-in-out infinite}.brand-3d .brand-depth,.brand-3d .brand-mid,.brand-3d .brand-face{grid-area:1 / 1;white-space:nowrap}.brand-3d .brand-depth{transform:translate3d(0,.12em,-18px);color:#0a3d2e;text-shadow:0 0 0 #06281e;filter:blur(.3px);opacity:.9}.brand-3d .brand-mid{transform:translate3d(0,.06em,-9px);color:#178a64;opacity:.95}.brand-3d .brand-face{background:linear-gradient(180deg,#fff,#7dffd0 38%,#f0c15a 78%,#ffe6a8);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 28px rgba(62,182,255,.35);animation:title-shimmer 3.2s linear infinite}.tagline{margin:.85rem auto 0;font-size:.92rem;color:var(--muted);max-width:28rem;line-height:1.45;letter-spacing:.04em}.home-layout{display:grid;grid-template-columns:minmax(240px,340px) 1fr;gap:1.25rem;align-items:center;margin-top:.5rem}.profile-orbit{position:relative}.profile-orbit:before{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border:1px dashed rgba(62,182,255,.28);border-radius:50% 12%;animation:orbit-spin 18s linear infinite;pointer-events:none}.profile-card{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;padding:1rem 1.15rem;border:1px solid var(--panel-edge);background:radial-gradient(circle at 20% 0%,rgba(62,182,255,.22),transparent 55%),radial-gradient(circle at 90% 100%,rgba(255,213,106,.08),transparent 45%),#060c12e0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;box-shadow:0 0 40px var(--glow-cyan),0 16px 40px #000a1e59,inset 0 0 30px #00000059,inset 0 1px #ffffff0f}.avatar-wrap{position:relative;width:84px;height:84px}.avatar{width:84px;height:84px;border-radius:50%;border:2px solid var(--accent);object-fit:cover;background:#0d1822;box-shadow:0 0 24px #3eb6ff66;display:block}.avatar-edit{position:absolute;right:-4px;bottom:-4px;width:28px;height:28px;border-radius:50%!important;font-size:.65rem!important;padding:0!important;letter-spacing:0!important}.profile-fields{display:flex;flex-direction:column;gap:.45rem;min-width:0}.profile-name-row{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}#profile-name{flex:1 1 10rem;min-width:0;font-family:var(--font-display);font-size:1.05rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:#00000059;border:1px solid var(--line);border-radius:8px;padding:.45rem .6rem}.profile-stats{display:flex;flex-wrap:wrap;gap:.4rem}.stat-pill{font-family:var(--font-display);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;padding:.35rem .55rem;border:1px solid var(--line);border-radius:999px;background:#0006;color:var(--accent-hot)}.stat-pill strong{color:var(--gold)}.xp-track{height:8px;border:1px solid var(--line);border-radius:999px;background:#00000073;overflow:hidden;margin-top:.15rem}.xp-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent-dim),var(--accent-hot),var(--gold));box-shadow:0 0 12px #3eb6ff8c;transition:width .45s ease}.command-ring{--ring: min(420px, 86vw);position:relative;width:var(--ring);height:var(--ring);margin:0 auto}.command-ring:before{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;border:1px solid rgba(62,182,255,.22);box-shadow:0 0 40px #3eb6ff1f,inset 0 0 50px #3eb6ff0f;animation:ring-pulse 3.5s ease-in-out infinite}.command-ring:after{content:"";position:absolute;top:22%;right:22%;bottom:22%;left:22%;border-radius:50%;border:1px dashed rgba(240,193,90,.25);animation:orbit-spin 24s linear infinite}.ring-core{position:absolute;top:38%;right:38%;bottom:38%;left:38%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,rgba(125,255,208,.25),transparent 55%),#040c10e6;border:2px solid rgba(62,182,255,.45);box-shadow:0 0 30px #3eb6ff40;z-index:1}.ring-core span{font-family:var(--font-display);font-size:.72rem;letter-spacing:.2em;color:var(--accent-hot)}.mode-orb{--angle: calc(var(--i) * 72deg - 90deg);position:absolute;top:50%;left:50%;width:98px;height:98px;margin:-49px;border:none;border-radius:50%;cursor:pointer;transform:rotate(var(--angle)) translate(calc(var(--ring) * .36)) rotate(calc(-1 * var(--angle)));background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.35),transparent 35%),radial-gradient(circle at 50% 55%,#1bb888,#06382c 70%,#021410);box-shadow:0 8px #042820,0 12px 28px #00000073,0 0 22px #3eb6ff4d,inset 0 2px #ffffff40;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;z-index:2;animation:orb-in .55s calc(.08s * var(--i)) cubic-bezier(.22,1,.36,1) both;padding:0;text-transform:none;letter-spacing:0;font-size:inherit;font-weight:inherit;text-shadow:none}.mode-orb:hover{filter:brightness(1.15);transform:rotate(var(--angle)) translate(calc(var(--ring) * .36)) rotate(calc(-1 * var(--angle))) scale(1.1);box-shadow:0 10px #042820,0 16px 36px #00000080,0 0 36px #3eb6ff8c,inset 0 2px #ffffff4d}.mode-orb:active{transform:rotate(var(--angle)) translate(calc(var(--ring) * .36)) rotate(calc(-1 * var(--angle))) scale(.96)}.mode-orb.is-featured{background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.4),transparent 35%),radial-gradient(circle at 50% 55%,#ffe08a,#b8892e 65%,#5a3f10);box-shadow:0 8px #5a3f10,0 12px 28px #00000073,0 0 26px #f0c15a73,inset 0 2px #ffffff59}.mode-orb.is-featured .orb-label{color:#1a1204}.mode-orb.is-featured .orb-sub{color:#1a1204b3}.orb-glyph{font-family:var(--font-display);font-weight:700;font-size:1.15rem;color:#04140f;line-height:1}.orb-label{font-family:var(--font-display);font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#e8fff6;line-height:1.1}.orb-sub{font-size:.55rem;color:#c8e6dcb3;letter-spacing:.02em}.mode-transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;display:grid;place-items:center;overflow:hidden;opacity:0;transition:opacity .18s ease}.mode-transition[hidden]{display:none!important}.mode-transition.is-on{display:grid;opacity:1}.mt-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#060c0e6b;animation:mt-flash-soft .38s ease-out forwards}.mt-rings,.mt-scan{display:none}.mt-label{position:relative;z-index:2;font-family:var(--font-display);font-size:clamp(.85rem,2.4vw,1.15rem);letter-spacing:.22em;text-transform:uppercase;color:#e8f7f1eb;background:#081612b8;border:1px solid rgba(77,255,176,.35);padding:.45rem 1.1rem;border-radius:8px;animation:mt-label .38s ease forwards;box-shadow:0 8px 24px #00000059}@keyframes title-float{0%,to{transform:translateY(0) rotateX(8deg)}50%{transform:translateY(-8px) rotateX(12deg)}}@keyframes title-shimmer{0%{filter:drop-shadow(0 0 10px rgba(62,182,255,.25))}50%{filter:drop-shadow(0 0 22px rgba(240,193,90,.4))}to{filter:drop-shadow(0 0 10px rgba(62,182,255,.25))}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes ring-pulse{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}@keyframes orb-in{0%{opacity:0;transform:rotate(var(--angle)) translate(0) rotate(calc(-1 * var(--angle))) scale(.4)}to{opacity:1;transform:rotate(var(--angle)) translate(calc(var(--ring) * .36)) rotate(calc(-1 * var(--angle))) scale(1)}}@keyframes mt-flash{0%{opacity:0}25%{opacity:1}to{opacity:0}}@keyframes mt-rings{0%{transform:scale(.2);opacity:1}to{transform:scale(2.4);opacity:0}}@keyframes mt-scan{0%{opacity:0;transform:translateY(-20%)}30%{opacity:1}to{opacity:0;transform:translateY(20%)}}@keyframes mt-label{0%{opacity:0;transform:translateY(6px)}20%{opacity:1;transform:translateY(0)}75%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@media(max-width:860px){.home-layout{grid-template-columns:1fr;gap:1rem}.profile-orbit:before{display:none}.command-ring{--ring: min(340px, 88vw, 70vmin)}.mode-orb{width:80px;height:80px;margin:-40px}.orb-label{font-size:.62rem}.orb-sub{font-size:.52rem}}.panel{position:relative;border:1px solid var(--panel-edge);background:linear-gradient(165deg,rgba(40,110,200,.18),transparent 42%),var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:1.15rem 1.25rem 1.3rem;margin-bottom:1rem;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));box-shadow:0 12px 36px #000c2447,inset 0 1px #ffffff0d}.panel:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,var(--accent-hot),var(--accent),transparent 75%);box-shadow:0 0 12px var(--glow-cyan)}.panel h2{font-family:var(--font-display);font-size:1.05rem;margin:0 0 .85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-hot)}.panel h2 .panel-sub{display:block;margin-top:.25rem;font-family:var(--font-ui);font-size:.78rem;font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted)}.practice-fold{padding-top:.65rem;padding-bottom:.65rem}.practice-fold>summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}.practice-fold>summary::-webkit-details-marker{display:none}.practice-fold>summary h2{margin:0;display:flex;align-items:center;gap:.5rem}.practice-fold>summary h2:after{content:"▸";font-size:.85rem;color:var(--muted);transition:transform .2s ease}.practice-fold[open]>summary h2:after{transform:rotate(90deg)}.practice-fold>summary+*{margin-top:.75rem}.practice-main .practice-tools{margin-bottom:.55rem}.campaign-actions #btn-class-start{min-width:8.5rem}.gear-section{margin:1rem 0 .55rem;font-family:var(--font-display);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.gear-section:first-of-type{margin-top:.25rem}.row{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;margin-bottom:.75rem}label{font-size:.8rem;color:var(--muted);display:inline-flex;flex-wrap:wrap;gap:.35rem;align-items:center}button,.btn{--btn-shine: linear-gradient( 110deg, transparent 20%, rgba(255, 255, 255, .35) 45%, transparent 70% );position:relative;overflow:hidden;font-family:var(--font-display);font-weight:700;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--accent);background:var(--btn-shine),linear-gradient(180deg,#4bffc8,#1bb888 42%,#0e7a58);background-size:200% 100%,100% 100%;background-position:120% 0,0 0;color:#03140e;padding:.7rem 1.15rem;cursor:pointer;text-shadow:0 1px 0 rgba(255,255,255,.25);box-shadow:inset 0 1px #ffffff59,inset 0 -3px #00000047,0 6px #0a5c42,0 10px 24px #00000059;transition:transform .12s ease,filter .15s ease,box-shadow .15s ease,background-position .45s ease}button:hover,.btn:hover{filter:brightness(1.08);background-position:-40% 0,0 0;box-shadow:inset 0 1px #fff6,inset 0 -3px #00000047,0 6px #0a5c42,0 0 28px #3eb6ff66;transform:translateY(-2px)}button:active,.btn:active{transform:translateY(3px);box-shadow:inset 0 2px 4px #00000059,0 2px #0a5c42,0 4px 12px #0000004d}button.secondary{background:var(--btn-shine),linear-gradient(180deg,#243040,#141c28);background-size:200% 100%,100% 100%;color:var(--ink);border-color:#78dcbe59;text-shadow:none;box-shadow:inset 0 1px #ffffff14,inset 0 -3px #00000073,0 5px #080c12,0 8px 18px #00000059}button.secondary:hover{border-color:var(--accent);color:var(--accent-hot)}button.btn-gold{border-color:var(--gold);background:var(--btn-shine),linear-gradient(180deg,#ffe08a,#f0c15a 40%,#b8892e);background-size:200% 100%,100% 100%;color:#1a1204;box-shadow:inset 0 1px #fff6,inset 0 -3px #00000040,0 6px #7a5a18,0 10px 24px #00000059}button.btn-gold:hover{box-shadow:inset 0 1px #ffffff73,inset 0 -3px #00000040,0 6px #7a5a18,0 0 28px #f0c15a73}button:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none;filter:none}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.55rem}.status-item{padding:.6rem .7rem;border:1px solid var(--line);background:#00000059;position:relative;overflow:hidden}.status-item:after{content:"";position:absolute;inset:auto 0 0 0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.5}.status-item .label{font-family:var(--font-display);font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.status-item .value{font-size:.95rem;font-weight:600;margin-top:.25rem;color:var(--ink)}.status-item .value.ok{color:var(--ok);text-shadow:0 0 12px rgba(61,255,154,.35)}.status-item .value.warn{color:var(--danger)}.device-list{margin:.5rem 0 0;padding-left:1.1rem;font-size:.85rem;color:var(--muted)}.piano-stage{position:relative;padding:.85rem;border:1px solid var(--panel-edge);background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(62,182,255,.14),transparent 55%),#00000080;margin-bottom:.75rem}.piano-range-badge{position:absolute;top:.45rem;right:.55rem;z-index:4;font-family:var(--font-display);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#f0c15a;background:#0000008c;border:1px solid rgba(240,193,90,.35);padding:.2rem .45rem;pointer-events:none}.piano-stage:before,.piano-stage:after{content:"";position:absolute;width:18px;height:18px;border:2px solid var(--accent);opacity:.7;z-index:2;pointer-events:none}.piano-stage:before{top:6px;left:6px;border-right:0;border-bottom:0}.piano-stage:after{right:6px;bottom:6px;border-left:0;border-top:0}.piano-wrap{position:relative;overflow-x:auto;padding:.35rem 0 0}#piano{display:block;width:100%;height:auto;max-height:240px;touch-action:none;filter:drop-shadow(0 8px 24px rgba(0,0,0,.45))}#hit-fx{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}#hands-guide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;opacity:0;transition:opacity .35s ease}.hint{font-size:.82rem;color:var(--muted);margin:.65rem 0 0;line-height:1.45}.hint strong{color:var(--accent-hot)}.event-log{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem;height:120px;overflow-y:auto;border:1px solid var(--line);background:#00000073;padding:.55rem .65rem;margin:0;color:var(--accent-hot)}.event-log div{opacity:.9;border-bottom:1px solid rgba(80,220,190,.08);padding:.15rem 0}input[type=range]{width:150px;accent-color:var(--accent)}select,input[type=text]{font-family:var(--font-ui);font-size:.85rem;border:1px solid var(--line);background:#00000080;padding:.4rem .55rem;color:var(--ink)}.pulse-row{display:flex;gap:.55rem;flex-wrap:wrap;margin:.85rem 0 1rem;min-height:28px;align-items:center}.pulse{width:22px;height:22px;border:1.5px solid rgba(120,220,190,.35);background:#00000059;border-radius:2px;transition:.05s linear}.pulse.accent{border-color:var(--gold);width:26px;height:26px}.pulse.on{background:var(--accent);box-shadow:0 0 0 4px #3eb6ff47,0 0 18px #3eb6ff8c;transform:scale(1.12)}.pulse.accent.on{background:var(--gold);box-shadow:0 0 0 4px #f0c15a47,0 0 18px #f0c15a80}.dropzone{border:1.5px dashed rgba(120,220,190,.35);padding:1.35rem 1rem;text-align:center;background:#00000059;font-size:.92rem;line-height:1.45;color:var(--muted);transition:.15s ease}.dropzone.dragover{border-color:var(--accent);background:#3eb6ff1a;box-shadow:0 0 28px #3eb6ff33;color:var(--ink)}.file-link{color:var(--gold);cursor:pointer;text-decoration:underline}.staff-wrap{margin-top:.75rem;border:1px solid var(--line);background:#fffcf5eb;padding:.35rem .25rem}#staff{display:block;width:100%;height:140px}.level-map-wrap{width:100%;min-height:240px;margin-bottom:.85rem;border:1px solid var(--panel-edge);overflow:hidden}#level-map{display:block;width:100%;min-height:240px;max-height:360px;height:auto;cursor:pointer}@media(max-width:840px){.level-map-wrap{min-height:0;overflow:hidden}#level-map{min-height:520px;max-height:none}}.coach-panel{border:1px solid rgba(240,193,90,.4);background:linear-gradient(135deg,rgba(240,193,90,.1),transparent 40%),#00000073;padding:1rem 1.15rem;margin:.85rem 0 1rem;scroll-margin-top:72px}.coach-panel[hidden]{display:none!important}.is-screen-focus{outline:2px solid rgba(240,193,90,.85);outline-offset:4px;box-shadow:0 0 0 6px #f0c15a2e;transition:outline-color .35s ease,box-shadow .35s ease}.exam-brief{border:1px solid rgba(240,193,90,.55);background:linear-gradient(160deg,rgba(180,40,50,.18),transparent 45%),#080a0cb8;padding:1.1rem 1.2rem 1.25rem;margin:.85rem 0 1rem;scroll-margin-top:72px}.exam-brief[hidden]{display:none!important}.exam-brief-eyebrow{margin:0 0 .35rem;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#f0c15a}.exam-brief h3{font-family:var(--font-display);margin:0 0 .45rem;font-size:1.15rem;letter-spacing:.06em;color:#fff6e8}.exam-brief-rules,.exam-brief-pieces{margin:.65rem 0;padding-left:1.2rem;color:#fff6e8e0;line-height:1.45}.exam-brief-pieces li{margin:.45rem 0}.exam-brief-pieces span{color:#fff6e8a6;font-size:.92em}.exam-brief-meta{margin:.75rem 0 1rem;font-size:.9rem;color:#f0c15af2;line-height:1.4}.class-mission-bar.is-exam{border-color:#dc505a8c;background:linear-gradient(90deg,rgba(160,30,40,.28),transparent 55%),#00000080}.exam-task-card{margin:.65rem 0 .85rem;padding:.85rem 1rem;border:1px solid rgba(240,193,90,.4);background:#0c0e10a6}.exam-task-card[hidden]{display:none!important}.exam-task-kicker{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#f0c15a;margin-bottom:.25rem}.exam-task-card strong{display:block;font-family:var(--font-display);font-size:1.05rem;color:#fff6e8;margin-bottom:.35rem}.exam-task-card p{margin:.25rem 0;color:#fff6e8d1;line-height:1.4}.exam-task-next{margin-top:.55rem!important;color:#7dffc8!important}.exam-task-next strong{display:inline;font-family:inherit;font-size:1.05rem;color:#9bffd8}.coach-panel h3{font-family:var(--font-display);margin:0 0 .5rem;font-size:1rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.coach-wrap{width:100%;margin:.5rem 0 .75rem}#coach-canvas{display:block;width:100%;border:1px solid rgba(80,220,190,.25);border-radius:12px;box-shadow:0 16px 40px #00000073;background:#141a18}.coach-bullets{margin:0 0 .85rem;padding-left:1.15rem;font-size:.88rem;line-height:1.45;color:var(--muted)}.key-legend{display:flex;flex-wrap:wrap;gap:.85rem;font-size:.75rem;margin:.45rem 0 0;color:var(--muted);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase}.key-legend span{display:inline-flex;align-items:center;gap:.35rem}.key-swatch{width:14px;height:14px;border:1px solid rgba(255,255,255,.25);display:inline-block;box-shadow:0 0 8px currentColor}.key-swatch.guide{background:#1b6b4a;color:#1b6b4a}.key-swatch.wrong{background:#c62828;color:#c62828}.key-swatch.hit{background:#43a047;color:#43a047}.combo-banner{font-family:var(--font-display);font-size:clamp(.9rem,2.5vw,1.15rem);letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:.55rem;margin-bottom:.75rem;border:1px solid var(--line);background:#0006;color:var(--muted);transition:.2s ease}.combo-banner.is-hot{color:var(--gold);border-color:#f0c15a73;text-shadow:0 0 18px rgba(240,193,90,.45);animation:combo-pulse .45s ease}.class-mission-bar{margin-bottom:.85rem;padding:.75rem .85rem;border:1px solid rgba(62,182,255,.35);background:linear-gradient(90deg,rgba(62,182,255,.12),transparent 55%),#00000073}.class-mission-bar[hidden]{display:none!important}.mission-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.45rem}.mission-row strong{font-family:var(--font-display);letter-spacing:.08em;color:var(--accent-hot)}.mission-stats{display:flex;flex-wrap:wrap;gap:.55rem 1rem;font-size:.82rem;color:var(--muted);margin-bottom:.45rem}.mission-stats strong{color:var(--ink);font-family:var(--font-display)}.mission-track{height:8px;border-radius:99px;background:#ffffff14;overflow:hidden}.mission-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent-dim),var(--accent-hot));transition:width .25s ease}.mission-note{margin:.45rem 0 0;font-size:.72rem;color:var(--muted);line-height:1.35}.arcade-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem}.arcade-card{position:relative;display:flex;flex-direction:column;padding:0;border:1px solid var(--line);background:radial-gradient(circle at 30% 20%,rgba(62,182,255,.12),transparent 50%),#00000073;overflow:hidden;width:100%;text-align:left;cursor:pointer;color:inherit;font:inherit;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.arcade-card:hover{transform:translateY(-4px) scale(1.02);border-color:#3eb6ff8c;box-shadow:0 12px 28px #00000059,0 0 24px #3eb6ff26}.arcade-preview{display:block;width:100%;aspect-ratio:320 / 140;background:#061018;border-bottom:1px solid var(--line);pointer-events:none}.arcade-card-body{padding:.85rem .95rem 1rem}.arcade-card:after{content:"SOON";position:absolute;top:10px;right:-28px;transform:rotate(35deg);font-family:var(--font-display);font-size:.65rem;letter-spacing:.14em;background:var(--gold);color:#1a1204;padding:.2rem 2.2rem;font-weight:700;z-index:2}.arcade-card h3{font-family:var(--font-display);margin:0 0 .4rem;letter-spacing:.08em;text-transform:uppercase;font-size:.9rem;color:var(--accent-hot)}.arcade-card p{margin:0;font-size:.8rem;color:var(--muted);line-height:1.4}.arcade-card.is-live:after{content:"LIVE";background:var(--accent)}.arcade-hi-pill{display:inline-block;margin-top:.65rem;font-family:var(--font-display);font-size:.7rem;letter-spacing:.1em;color:var(--gold)}.arcade-stage{margin-top:.75rem}.arcade-play-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;display:none;overflow-y:auto;background:radial-gradient(ellipse at 50% 0%,rgba(23,138,100,.18),transparent 50%),var(--void);padding:.85rem 1rem 1.5rem}.arcade-play-overlay.is-open,.arcade-play-overlay:not([hidden]){display:block}.arcade-play-overlay[hidden]{display:none!important}body.arcade-play-open{overflow:hidden}.arcade-play-inner{max-width:960px;margin:0 auto;min-height:calc(100vh - 1.7rem);display:flex;flex-direction:column}.arcade-hud{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1rem;margin-bottom:.75rem;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:.85rem}.arcade-hud strong{color:var(--accent-hot)}.arcade-canvas-wrap{position:relative;flex:0 0 auto}#arcade-canvas{display:block;width:100%;border:1px solid var(--panel-edge);background:#061018;border-radius:4px;outline:none}#arcade-canvas:focus{box-shadow:0 0 0 2px #3eb6ff73}.arcade-countdown{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:none;place-items:center;pointer-events:none;margin:0;background:radial-gradient(circle at 50% 45%,rgba(62,182,255,.22),transparent 42%),#02060ac7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.arcade-countdown.is-on:not([hidden]){display:grid}.arcade-countdown[hidden]{display:none!important}.arcade-countdown .cd-num{position:relative;z-index:2;font-family:var(--font-display);font-weight:700;font-size:clamp(5.5rem,28vw,12rem);letter-spacing:.04em;line-height:1;color:#fff;text-shadow:0 0 40px rgba(62,182,255,.85),0 10px 0 #0a3d2e,0 0 80px rgba(240,193,90,.45)}.arcade-countdown .cd-ring{position:absolute;top:50%;left:50%;width:min(70vw,420px);aspect-ratio:1;margin:0;border:4px solid rgba(62,182,255,.55);border-radius:50%;box-shadow:0 0 40px #3eb6ff59,inset 0 0 40px #3eb6ff1f;transform:translate(-50%,-50%)}.arcade-countdown.pop .cd-num{animation:count-pop .65s cubic-bezier(.16,1.4,.3,1)}.arcade-countdown.pop .cd-ring{animation:count-ring .65s cubic-bezier(.16,1.2,.3,1)}.arcade-countdown[data-step=go] .cd-num{color:var(--gold);font-size:clamp(4.5rem,22vw,9rem);text-shadow:0 0 50px rgba(240,193,90,.9),0 10px 0 #3a2a08}.arcade-countdown[data-step=go] .cd-ring{border-color:#f0c15ab3;box-shadow:0 0 50px #f0c15a73}@keyframes count-pop{0%{transform:scale(.2) rotate(-8deg);opacity:0;filter:blur(8px)}55%{transform:scale(1.18) rotate(2deg);opacity:1;filter:blur(0)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes count-ring{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}50%{transform:translate(-50%,-50%) scale(1.05);opacity:1}to{transform:translate(-50%,-50%) scale(1.25);opacity:.35}}.arcade-keys{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.55rem}.arcade-key{flex:1 1 2.4rem;min-width:2.4rem;padding:.55rem .25rem;font-family:var(--font-display);font-weight:700;letter-spacing:.04em;border:1px solid var(--line);background:linear-gradient(180deg,#1a7fd4,#0a2a55);color:#e8f7f1;cursor:pointer;text-transform:none}.arcade-key:active{transform:translateY(2px);filter:brightness(1.15)}.results-card{position:relative;width:min(92vw,440px);max-height:min(92dvh,720px);padding:1.75rem 1.4rem 1.35rem;border:2px solid var(--gold);border-radius:16px;background:radial-gradient(circle at 50% 0%,rgba(240,193,90,.26),transparent 55%),radial-gradient(circle at 100% 100%,rgba(62,182,255,.1),transparent 40%),linear-gradient(180deg,#162820,#070d12);box-shadow:0 0 60px var(--glow-gold),0 24px 48px #00000073,inset 0 0 40px #00000073,inset 0 1px #ffffff14;text-align:center;transform:scale(.86) rotate(-1.5deg);animation:results-slam .55s cubic-bezier(.22,1.4,.36,1) forwards;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.results-overlay.is-report .results-card{width:min(94vw,420px);max-height:min(94dvh,680px);padding:1.15rem 1rem 1rem}.results-overlay.is-report .results-score-wrap{margin:.35rem 0 .65rem}.results-overlay.is-report .results-score{font-size:clamp(2rem,8vw,2.8rem)}.results-overlay.is-report .report-letter{font-size:2.2rem}.results-overlay.is-report .report-card-block{margin-top:.55rem;padding:.55rem .65rem}.report-glossary{margin:.55rem 0 0;padding:0;display:grid;gap:.35rem;font-size:.72rem;color:#fff6e8b8;text-align:left}.report-glossary div{display:grid;grid-template-columns:4.2rem 1fr;gap:.35rem;align-items:start}.report-glossary dt{margin:0;font-weight:700;color:#f0c15af2}.report-glossary dd{margin:0;line-height:1.35}.report-card-block{margin-top:.85rem;padding:.75rem .85rem;border:1px solid rgba(240,193,90,.4);border-radius:12px;background:linear-gradient(180deg,rgba(240,193,90,.08),transparent 40%),#00000061;text-align:left;box-shadow:inset 0 1px #ffffff0a}.report-grade-row{display:flex;gap:1rem;align-items:center;margin-bottom:.65rem}.report-letter{font-family:var(--font-display);font-size:2.8rem;color:var(--gold);line-height:1}.report-npm{font-size:1.05rem;color:#fff6e8}.report-meta{font-size:.82rem;color:#fff6e8b3;margin-top:.2rem}#report-heatmap{width:100%;height:auto;display:block;border:1px solid rgba(255,255,255,.08)}.report-heatmap-caption{margin:.35rem 0 0;font-size:.72rem;color:#fff6e88c}.results-share-nudge{margin:.65rem 0 0;font-size:.82rem;line-height:1.4;color:#f0c15af2;text-align:center}.results-share-nudge[hidden]{display:none!important}.results-actions{display:flex;gap:.65rem;justify-content:center;flex-wrap:wrap;margin-top:.85rem;position:sticky;bottom:0;padding-top:.35rem;background:linear-gradient(180deg,transparent,rgba(7,13,18,.92) 28%)}.top-bar{opacity:.92;border-bottom-color:#ffffff0f}.stat-pill{background:#00000047;border-color:#ffffff14}@keyframes mt-flash-soft{0%{opacity:1}to{opacity:0}}.results-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:180;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,rgba(40,100,180,.2),transparent 55%),#02060ac2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .25s ease}.results-overlay.is-on{opacity:1;pointer-events:auto}.results-overlay[hidden]{display:none!important}.results-overlay.is-lose .results-card{border-color:var(--danger);box-shadow:0 0 60px #ff5a6a40}.results-burst{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:conic-gradient(from 0deg,transparent,rgba(240,193,90,.12),transparent 40%);animation:results-spin 6s linear infinite;pointer-events:none}.results-eyebrow{position:relative;margin:0;font-family:var(--font-display);letter-spacing:.28em;font-size:.75rem;color:var(--gold)}.results-overlay.is-lose .results-eyebrow{color:var(--danger)}.results-title{position:relative;margin:.35rem 0 .2rem;font-family:var(--font-display);font-size:clamp(1.6rem,6vw,2.4rem);letter-spacing:.08em;line-height:1.05;text-transform:uppercase;background:linear-gradient(180deg,#fff,#f0c15a);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 4px 0 #3a2a08)}.results-overlay.is-lose .results-title{background:linear-gradient(180deg,#fff,#ff5a6a);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 0 #3a1018)}.results-sub{position:relative;margin:.35rem 0 1rem;color:var(--muted);font-size:.9rem}.results-score-wrap{position:relative;margin:.5rem 0 1rem}.results-score-label{display:block;font-family:var(--font-display);letter-spacing:.22em;font-size:.7rem;color:var(--muted)}.results-score{display:block;font-family:var(--font-display);font-size:clamp(2.6rem,10vw,4rem);font-weight:700;letter-spacing:.04em;color:var(--accent-hot);line-height:1}.results-score.is-slam{animation:score-slam .45s cubic-bezier(.22,1.6,.36,1)}.results-lines{position:relative;list-style:none;margin:0 0 1.1rem;padding:0;text-align:left}.results-lines li{display:flex;justify-content:space-between;gap:1rem;padding:.35rem 0;border-bottom:1px solid var(--line);font-size:.88rem;color:var(--muted)}.results-lines strong{color:var(--ink);font-family:var(--font-display);letter-spacing:.06em}@keyframes results-slam{to{transform:scale(1) rotate(0)}}@keyframes results-spin{to{transform:rotate(360deg)}}@keyframes score-slam{0%{transform:scale(1)}40%{transform:scale(1.28)}to{transform:scale(1)}}@keyframes hud-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes screen-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes combo-pulse{0%{transform:scale(1)}40%{transform:scale(1.03)}to{transform:scale(1)}}@media(max-width:720px){.mode-btn{flex:1 1 30%}}#firebase-ready-pill.is-live{border-color:#3eb6ff8c;color:var(--accent-hot)}.auth-strip{display:flex;flex-direction:column;gap:.4rem;margin-top:.15rem}.auth-status{font-size:.72rem;letter-spacing:.04em;color:var(--muted)}.auth-actions{display:flex;flex-wrap:wrap;gap:.4rem}.auth-actions [data-auth][hidden],.auth-chip[hidden],.btn-gold[hidden]{display:none!important}.profile-auth-actions{margin-top:.75rem}.earn-gate-row{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin:.75rem 0}.earn-gate-row .hint{margin:0;flex:1 1 12rem}.earn-gate-row[hidden]{display:none!important}.auth-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-display);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;padding:.42rem .75rem;border-radius:9px;cursor:pointer;color:var(--ink);border:1px solid rgba(90,190,255,.6);background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 40%),linear-gradient(135deg,#3eb6ff66,#1e64c861);box-shadow:0 0 16px #3eb6ff33,inset 0 1px #ffffff1f;transition:transform .15s ease,border-color .15s ease,filter .15s ease}.auth-chip:hover:not(:disabled){transform:translateY(-1px);border-color:var(--accent-hot);filter:brightness(1.08)}.auth-chip:disabled{opacity:.65;cursor:not-allowed}[data-admin-only][hidden]{display:none!important}.admin-badge,.admin-badge-inline{color:#031022!important;background:linear-gradient(180deg,#ffd56a,#e0a820)!important;border-color:#ffd56ab3!important;font-weight:700}.btn-admin-portal{border-color:#ffd56abf!important;color:#031022!important;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent 45%),linear-gradient(135deg,#ffd56a,#c99218)!important}.auth-config-hint{margin:0;font-size:.68rem;color:var(--muted);line-height:1.35}.auth-config-hint[hidden]{display:none!important}.auth-config-hint code{font-family:JetBrains Mono,monospace;font-size:.62rem;color:var(--gold)}.armory-strip{margin-top:1.75rem;padding:1.1rem 1.15rem 1.25rem;border:1px solid var(--panel-edge);border-radius:16px;background:linear-gradient(160deg,rgba(62,182,255,.16),transparent 45%),linear-gradient(20deg,rgba(255,213,106,.06),transparent 40%),#081c40c7;box-shadow:0 14px 36px #000c244d,inset 0 1px #ffffff0d}.armory-strip-inline{margin-top:1.25rem}.armory-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.armory-head h2,.armory-head h3{margin:0;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase}.armory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.armory-card{padding:.9rem 1rem;border-radius:12px;border:1px solid var(--line);background:linear-gradient(165deg,rgba(62,182,255,.08),transparent 50%),#0000004d;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.armory-card:hover{border-color:#6ec8ff73;box-shadow:0 8px 22px #00143247}.armory-card.is-locked{position:relative;opacity:.92}.armory-card.is-locked:after{content:"BUY";position:absolute;top:.55rem;right:.65rem;font-family:var(--font-display);font-size:.58rem;letter-spacing:.12em;color:var(--gold)}.armory-card.is-owned{opacity:1;border-color:#4dffb073}.armory-card.is-owned:after{content:"OWNED";color:var(--ok)}.armory-pay-hint{margin:.85rem 0 0}.armory-pay-hint a{color:var(--accent-hot)}.armory-kicker{display:block;font-family:var(--font-display);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:.35rem}.armory-card h3{margin:0 0 .4rem;font-family:var(--font-display);font-size:.95rem;letter-spacing:.04em}.armory-card p{margin:0 0 .65rem;font-size:.76rem;color:var(--muted);line-height:1.35;min-height:2.1em}.armory-card button:disabled{opacity:.7;cursor:not-allowed}.profile-panel .profile-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem}.profile-detail-card{padding:.9rem 1rem;border-radius:12px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(62,182,255,.1),transparent 50%),#00000047;box-shadow:inset 0 1px #ffffff0a}.profile-detail-card h3{margin:0 0 .55rem;font-family:var(--font-display);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-hot)}.profile-edit-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start}.profile-edit-avatar-wrap{flex:0 0 auto}.profile-edit-fields{flex:1 1 12rem;display:flex;flex-direction:column;gap:.55rem;min-width:0}.profile-edit-label{display:flex;flex-direction:column;gap:.3rem;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}#profile-edit-name{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:.04em;color:var(--ink);background:#00000059;border:1px solid var(--line);border-radius:8px;padding:.5rem .65rem}.certificate-dialog{width:min(96vw,1180px);max-width:none;max-height:94vh;padding:0;color:var(--ink);border:1px solid rgba(255,213,106,.7);border-radius:18px;background:radial-gradient(ellipse 80% 40% at 50% 0%,rgba(255,213,106,.12),transparent 55%),#061530;box-shadow:0 30px 90px #000000c7,0 0 40px #ffd56a1f}.certificate-dialog::backdrop{background:#000510e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.certificate-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid rgba(255,213,106,.35);background:linear-gradient(180deg,rgba(255,213,106,.06),transparent)}.certificate-dialog-actions{flex-wrap:wrap;justify-content:flex-end}.certificate-dialog-bar strong,.certificate-dialog-bar span{display:block}.certificate-dialog-bar span{margin-top:.18rem;color:var(--muted);font-size:.72rem}.certificate-scroll{overflow:auto;padding:clamp(.5rem,2vw,1.25rem)}.certificate-sheet{position:relative;width:min(100%,1050px);aspect-ratio:1.414 / 1;min-height:560px;margin:0 auto;overflow:hidden;padding:clamp(1.5rem,4vw,3.25rem);color:#071a38;text-align:center;font-family:Georgia,Times New Roman,serif;background:linear-gradient(#fffceff0,#faf3daf5),repeating-linear-gradient(45deg,#f4ebcf 0,#f4ebcf 2px,#fffaf0 2px,#fffaf0 5px);border:12px solid #071a38;outline:4px double #b8872e;outline-offset:-20px;box-shadow:inset 0 0 0 3px #d7ad50,inset 0 0 70px #7d57142e}.certificate-corner{position:absolute;color:#b8872e;font-size:clamp(2rem,5vw,4rem);line-height:1;text-shadow:0 1px #fff3b6}.corner-tl{top:1rem;left:1.35rem}.corner-tr{top:1rem;right:1.35rem;transform:scaleX(-1)}.corner-bl{bottom:1rem;left:1.35rem;transform:scaleY(-1)}.corner-br{right:1.35rem;bottom:1rem;transform:scale(-1)}.certificate-music-watermark{position:absolute;inset:42% 4% auto;overflow:hidden;color:#795b2212;font-size:clamp(3.5rem,9vw,8rem);letter-spacing:.04em;white-space:nowrap;transform:rotate(-7deg);pointer-events:none}.certificate-sample-watermark{position:absolute;inset:46% auto auto 50%;transform:translate(-50%,-50%) rotate(-18deg);color:#92192317;font:800 clamp(2.6rem,8vw,7rem)/1 var(--font-display);white-space:nowrap;pointer-events:none}.certificate-logo{display:block;width:clamp(150px,25%,270px);max-height:90px;object-fit:contain;margin:0 auto .35rem}.certificate-kicker,.certificate-presented{margin:.2rem 0;text-transform:uppercase;letter-spacing:.14em;font-size:clamp(.58rem,1.2vw,.82rem)}.certificate-sheet h2{margin:.2rem 0 .65rem;color:#071a38;font-size:clamp(1.8rem,5vw,4rem);font-weight:500;letter-spacing:.06em;text-transform:uppercase}.certificate-student{display:inline-block;min-width:56%;margin:.25rem auto .6rem;padding:0 1rem .28rem;color:#123d7a;border-bottom:1px solid #b8872e;font-family:Segoe Script,Brush Script MT,cursive;font-size:clamp(2rem,5vw,4.4rem);line-height:1.05}.certificate-copy{max-width:760px;margin:0 auto .8rem;font-size:clamp(.75rem,1.5vw,1.05rem);line-height:1.45}.certificate-results{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem 1.5rem;margin:.5rem auto .85rem;font-size:clamp(.65rem,1.2vw,.88rem)}.certificate-results span{padding-bottom:.2rem;border-bottom:1px solid rgba(184,135,46,.7)}.certificate-bottom{display:grid;grid-template-columns:1fr 105px 1fr 86px;align-items:end;gap:clamp(.4rem,2vw,1.4rem);margin-top:auto}.certificate-signature{display:flex;flex-direction:column;padding-top:.35rem;border-top:1px solid #b8872e;font-size:clamp(.52rem,1vw,.72rem)}.signature-script{margin-top:-2.2rem;margin-bottom:.3rem;font-family:Segoe Script,cursive;font-size:clamp(1rem,2vw,1.6rem)}.certificate-signature small{font-style:italic}.certificate-seal{width:108px;height:108px;filter:drop-shadow(0 5px 5px rgba(80,50,8,.34))}.certificate-seal svg{display:block;width:100%;height:100%}.certificate-qr svg,.certificate-qr img{display:block;width:76px;height:76px;border:3px solid #b8872e;object-fit:contain}.certificate-qr small{display:block;margin-top:.2rem;font-size:.55rem}.certificate-rules{padding:1rem 1.25rem 1.2rem;color:var(--ink);border-top:1px solid rgba(255,213,106,.3)}.certificate-rules h3{margin:0 0 .45rem;color:var(--gold)}.certificate-rules ol{margin:0;padding-left:1.25rem;line-height:1.55}.certificate-rules p{margin:.65rem 0 0;color:var(--muted)}@media(max-width:720px){.certificate-sheet{min-width:0;width:100%;min-height:0;border-width:8px;outline-offset:-14px}.certificate-dialog-bar{align-items:flex-start;flex-direction:column}}@supports (scrollbar-width: thin){.results-card,.certificate-scroll,.panel{scrollbar-width:thin;scrollbar-color:rgba(90,190,255,.45) transparent}}button:focus-visible,.auth-chip:focus-visible,.mode-btn:focus-visible,.mode-orb:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent-hot);outline-offset:2px}.tour-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:transparent;pointer-events:none}.tour-spotlight{position:fixed;border-radius:14px;box-shadow:0 0 0 9999px #0310229e,0 0 0 3px #ffd56ad9,0 0 28px 4px #3eb6ff73;transition:top .28s ease,left .28s ease,width .28s ease,height .28s ease,opacity .2s;pointer-events:none;z-index:100000;opacity:0;background:transparent}.tour-spotlight.is-on{opacity:1}.tour-tooltip{position:fixed;background:linear-gradient(160deg,#0a2a58fa,#031022fa);border:1px solid rgba(255,213,106,.55);border-radius:14px;padding:1.1rem 1.25rem;color:var(--ink);z-index:100001;box-shadow:0 12px 40px #0000008c,0 0 24px #3eb6ff33;pointer-events:auto;opacity:0;transform:translateY(8px) scale(.97);transition:opacity .2s ease,transform .2s ease;font-family:var(--font-ui)}.tour-tooltip.is-on{opacity:1;transform:translateY(0) scale(1)}.tour-step-count{font-family:var(--font-display);font-size:.72rem;letter-spacing:.12em;color:var(--accent-hot);margin:0 0 .35rem}.tour-title{font-family:var(--font-display);font-size:1.15rem;margin:0 0 .45rem;color:var(--gold)}.tour-body{font-size:.9rem;margin:0 0 1rem;line-height:1.45;color:var(--muted)}.tour-actions{display:flex;gap:.75rem;justify-content:flex-end}.tour-actions button{font-size:.85rem;padding:.4rem 1rem}.streak-plaque--gate .streak-cta{margin:0;font-size:.72rem;color:var(--muted);line-height:1.4}.streak-plaque{margin-top:.75rem;padding:.7rem .85rem;border-radius:12px;background:linear-gradient(145deg,#0a2a58f2,#031022fa);border:1px solid rgba(255,213,106,.35);box-shadow:inset 0 0 0 1px #3eb6ff1f,0 6px 18px #00000040;overflow:hidden;min-width:0}.streak-plaque-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.45rem}.streak-plaque-kicker{font-family:var(--font-display);font-size:.68rem;letter-spacing:.14em;color:var(--accent-hot)}.streak-plaque-best{font-family:var(--font-display);font-size:.68rem;letter-spacing:.08em;color:#ffd56abf;white-space:nowrap}.streak-plaque-row{display:flex;align-items:center;gap:.65rem;min-width:0}.streak-flame{flex:0 0 auto;font-size:1.35rem;line-height:1;filter:drop-shadow(0 0 6px rgba(255,213,106,.45))}.streak-num-wrap{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;line-height:1}.streak-num{font-family:var(--font-display);font-size:1.55rem;color:var(--gold);font-weight:800}.streak-num-label{font-family:var(--font-display);font-size:.62rem;letter-spacing:.12em;color:var(--muted)}.streak-week{flex:1 1 auto;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;min-width:0;max-width:100%}.streak-day{aspect-ratio:1;width:100%;max-width:28px;margin:0 auto;border-radius:50%;display:grid;place-items:center;background:#ffffff0f;border:1px solid rgba(110,200,255,.2);box-sizing:border-box}.streak-day i{font-style:normal;font-family:var(--font-display);font-size:.58rem;color:var(--muted);line-height:1}.streak-day.is-done{background:linear-gradient(145deg,#ffd56a,#c9a03a);border-color:#ffd56acc;box-shadow:0 0 8px #ffd56a59}.streak-day.is-done i{color:#031022;font-weight:700}.streak-day.is-today:not(.is-done){border-color:var(--accent-hot);box-shadow:0 0 0 1px #8ad6ff59}.streak-cta{margin:.55rem 0 0;font-size:.72rem;color:var(--muted);line-height:1.35}.midi-library-list{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:.45rem;max-height:220px;overflow:auto}.midi-library-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .7rem;border-radius:10px;background:#0a2a588c;border:1px solid rgba(110,200,255,.25);min-width:0}.midi-library-info{min-width:0;display:flex;flex-direction:column;gap:.15rem}.midi-library-info strong{font-family:var(--font-display);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.midi-library-info span{font-size:.72rem;color:var(--muted)}.midi-library-actions{display:flex;gap:.35rem;flex-shrink:0}.engagement-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100050;display:grid;place-items:center;background:#031022b8;padding:1rem}.engagement-modal[hidden]{display:none!important}.engagement-card{width:min(420px,100%);padding:1.35rem 1.4rem;border-radius:16px;background:linear-gradient(160deg,#0a2a58fa,#031022fa);border:1px solid rgba(255,213,106,.45);box-shadow:0 16px 48px #00000073}.engagement-kicker{margin:0 0 .35rem;font-family:var(--font-display);font-size:.72rem;letter-spacing:.14em;color:var(--accent-hot)}.engagement-card h3{margin:0 0 .5rem;font-family:var(--font-display);color:var(--gold);font-size:1.2rem}.engagement-card p{margin:0 0 1.1rem;color:var(--muted);line-height:1.45;font-size:.92rem}.engagement-actions{display:flex;flex-wrap:wrap;gap:.5rem}.ref-signin-label{display:block;margin:0 0 .35rem;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-hot)}.ref-signin-input{width:100%;box-sizing:border-box;margin:0 0 1rem;padding:.7rem .85rem;border-radius:10px;border:1px solid rgba(110,200,255,.45);background:#031022d9;color:var(--ink);font-family:var(--font-display);font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase}#ref-signin-modal .engagement-actions{flex-direction:column}.earn-hub-banner{width:100%;margin:0 0 .85rem;padding:.85rem 1rem;border-radius:12px;border:1px solid rgba(255,213,106,.45);background:linear-gradient(120deg,#ffd56a2e,#3eb6ff1f),#0a2a58e6;color:var(--ink);text-align:left;cursor:pointer;display:grid;gap:.2rem;font-family:var(--font-ui);box-shadow:0 0 20px #ffd56a1f;transition:transform .15s ease,box-shadow .15s ease}.earn-hub-banner:hover{transform:translateY(-1px);box-shadow:0 0 28px #ffd56a38}.earn-hub-kicker{font-family:var(--font-display);font-size:.68rem;letter-spacing:.16em;color:var(--gold)}.earn-hub-banner strong{font-family:var(--font-display);font-size:.98rem;color:#fff6e8}.earn-hub-cta{font-size:.78rem;color:var(--accent-hot)}.earn-card{grid-column:1 / -1;border:1px solid rgba(255,213,106,.35)!important;background:linear-gradient(165deg,#0a2a58f2,#031022fa)!important}.earn-card.is-pulse{animation:earn-pulse .8s ease 2}@keyframes earn-pulse{0%,to{box-shadow:0 0 #ffd56a00}50%{box-shadow:0 0 0 4px #ffd56a73}}.earn-status{margin:.35rem 0 .55rem;font-size:.82rem;color:var(--accent-hot)}.earn-status.is-error{color:var(--danger)}.earn-hero{margin-bottom:.75rem}.earn-kicker{font-family:var(--font-display);font-size:.72rem;letter-spacing:.16em;color:var(--gold)}.earn-card h3{margin:.25rem 0;font-family:var(--font-display);color:var(--accent-hot)}.earn-tagline{margin:0;color:var(--muted);font-size:.88rem;line-height:1.4}.earn-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:.85rem 0}.earn-stat{padding:.65rem .5rem;border-radius:10px;background:#031022a6;border:1px solid rgba(110,200,255,.25);text-align:center}.earn-stat.is-hot{border-color:#ffd56a8c;box-shadow:inset 0 0 12px #ffd56a1f}.earn-stat-label{display:block;font-family:var(--font-display);font-size:.62rem;letter-spacing:.12em;color:var(--accent-hot)}.earn-stat strong{display:block;font-family:var(--font-display);font-size:1.25rem;color:var(--gold);margin:.15rem 0}.earn-stat-sub{font-size:.68rem;color:var(--muted)}.earn-code-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.55rem;margin-bottom:.65rem}.earn-code{font-family:var(--font-display);font-size:1.35rem;letter-spacing:.12em;color:#fff6e8}.earn-link-label{display:block;font-size:.78rem;color:var(--muted);margin-bottom:.85rem}.earn-link-label input{width:100%;margin-top:.25rem;font-size:.78rem}.earn-kyc h4,.earn-lists h4{margin:0 0 .4rem;font-family:var(--font-display);font-size:.85rem;color:var(--gold)}.earn-lists{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.85rem}.earn-lists ul{list-style:none;margin:0;padding:0;font-size:.8rem}.earn-lists li{padding:.35rem 0;border-bottom:1px solid rgba(110,200,255,.15)}.earn-lists li.muted{color:var(--muted);border:0}.earn-rules{margin-top:.85rem;font-size:.82rem;color:var(--muted)}.earn-rules summary{cursor:pointer;color:var(--accent-hot);font-family:var(--font-display)}.earn-rules ul{margin:.5rem 0 0;padding-left:1.1rem;line-height:1.45}.earn-legal-foot{margin:.85rem 0 0;font-size:.72rem;color:var(--muted)}.earn-legal-foot a{color:var(--accent-hot)}@media(max-width:720px){.earn-stats,.earn-lists{grid-template-columns:1fr}}@media(min-width:861px)and (max-width:1100px){.home-layout{grid-template-columns:minmax(200px,280px) minmax(0,1fr);gap:1rem;align-items:start}.command-ring{--ring: min(380px, 46vw, 58vmin)}.mode-orb{width:88px;height:88px;margin:-44px}.profile-card{padding:.85rem 1rem}.profile-panel .profile-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:721px)and (max-width:1024px){.auth-chip,.profile-auth-actions .btn-gold,.earn-gate-row .btn-gold{min-height:2.65rem;padding-left:.95rem;padding-right:.95rem}.mode-btn{min-height:2.75rem}#piano{max-height:280px}#staff{height:clamp(128px,18vh,168px)}.panel{padding:1rem 1.1rem 1.15rem}.arcade-play-overlay .arcade-stage{max-width:min(960px,100%)}.earn-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.streak-plaque{padding:.65rem .75rem}}@media(max-width:860px)and (min-width:600px){.brand-face{font-size:clamp(1.35rem,5.5vw,2.1rem)}.tagline{font-size:.86rem;margin-top:.55rem}.profile-stats{gap:.35rem}.stat-pill{font-size:.68rem}#piano{max-height:240px}}@media(max-height:560px)and (orientation:landscape){.game-shell{padding-top:max(.55rem,env(safe-area-inset-top,0px))}.home-hero{margin-bottom:.25rem}.brand-face{font-size:clamp(1.05rem,4.2vw,1.55rem)}.credits-plaque,.tagline{display:none}.home-layout{gap:.65rem;margin-top:.15rem}.command-ring{--ring: min(260px, 52vh, 48vw)}.mode-orb{width:68px;height:68px;margin:-34px}.orb-glyph{font-size:1rem}.profile-card{padding:.65rem .75rem;gap:.65rem}.avatar{width:64px;height:64px}#piano{max-height:150px}#staff{height:110px}.top-bar{margin-bottom:.45rem;padding:.4rem .55rem}.panel{padding:.75rem .85rem .9rem;margin-bottom:.65rem}.level-map-wrap #level-map,#level-map{min-height:220px;max-height:min(280px,48vh)}}@media(pointer:coarse){.auth-actions{gap:.55rem}.piano-wrap{-webkit-overflow-scrolling:touch}}@media(pointer:coarse)and (min-height:561px){.mode-orb{width:max(80px,11vmin);height:max(80px,11vmin);margin:calc(max(80px,11vmin)/-2)}}@media(max-width:840px)and (max-height:700px){#level-map{min-height:min(420px,58vh);max-height:min(480px,62vh)}}