@font-face{font-family:MedievalSharp;src:url(/fonts/MedievalSharp.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:dark;font-family:Georgia,Palatino Linotype,Palatino,serif;--display: "MedievalSharp", "Palatino Linotype", Georgia, serif;--fs-xs: .8rem;--fs-sm: .9rem;--fs-base: 1rem;--fs-md: 1.15rem;--fs-lg: 1.4rem;--fs-xl: 1.8rem;--fs-2xl: 2.3rem;--fs-huge: 6rem;--ink: #e9ecfb;--text: #e9ecfb;--muted: #99a0c4;--accent: #ffd76a;--accent-soft: #ffe9a8;--accent-dim: rgba(255, 215, 106, .42);--rubric: #ff6f61;--lapis: #82a8ff;--glass: rgba(28, 31, 52, .52);--glass-strong: rgba(20, 22, 40, .82);--wash: rgba(255, 255, 255, .07);--wash-2: rgba(255, 255, 255, .13);--wash-on: rgba(255, 215, 106, .18);--well: rgba(0, 0, 0, .38);--hair: rgba(170, 180, 235, .16);--edge: inset 0 0 0 1px rgba(255, 255, 255, .09);--lift: inset 0 1px 0 rgba(255, 255, 255, .12);--blur: blur(16px) saturate(1.2);--radius: 18px;--radius-sm: 11px;--shadow: 0 16px 38px rgba(0, 0, 0, .5);--shadow-soft: 0 7px 20px rgba(0, 0, 0, .38);--halo: 0 1px 4px rgba(0, 0, 0, .7)}*{box-sizing:border-box}html{font-size:18px;background:#0e1018}body{margin:0;color:var(--text);font-size:var(--fs-base);background:transparent;min-height:100vh}svg.ambient{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.battle-platforms{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.platform{position:absolute;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 38%,#96b4ff80,#6e82cd3d 56%,#6e82cd00 74%)}.platform:after{content:"";position:absolute;left:9%;right:9%;top:16%;bottom:16%;border-radius:50%;border:2px solid rgba(150,180,255,.6);box-shadow:0 0 20px #96b4ff80,inset 0 0 16px #96b4ff59;animation:platform-pulse 3.6s ease-in-out infinite}.platform-player{left:22%;top:80%;width:27vw;height:8.2vw}.platform-enemy{left:78%;top:42%;width:18.5vw;height:5.6vw}@keyframes platform-pulse{0%,to{opacity:.65}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.platform:after{animation:none}}button{font:inherit;background:var(--wash);color:var(--text);border:none;border-radius:var(--radius-sm);padding:7px 15px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-soft),var(--edge),var(--lift);transition:background .14s ease,color .14s ease,box-shadow .14s ease,transform 90ms ease}button:hover:not(:disabled){background:var(--wash-2);box-shadow:var(--shadow),var(--edge),var(--lift)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}button.active{background:var(--wash-on);color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent-dim)}button:focus-visible,select:focus-visible,input:focus-visible{outline:none;box-shadow:0 0 0 3px #ffd76a59}select,input[type=text]{font:inherit;background:var(--glass-strong);color:var(--text);border:none;border-radius:var(--radius-sm);padding:8px 11px;box-shadow:var(--edge),var(--shadow-soft);transition:box-shadow .14s ease}input[type=range],input[type=radio]{accent-color:var(--accent)}.app{position:relative;z-index:1;display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;justify-content:flex-end;padding:14px 26px;position:relative;z-index:10}.topbar strong{display:none}.topbar nav{display:flex;gap:4px}.topbar nav button{background:none;border:none;border-radius:999px;padding:7px 16px;color:var(--text);font-family:var(--display);font-size:var(--fs-md);letter-spacing:.5px;text-shadow:var(--halo);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.topbar nav button:hover:not(:disabled){background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--edge)}.topbar nav button.active{background:var(--glass-strong);color:var(--accent);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--shadow-soft),var(--edge),var(--lift)}.lab{flex:1;display:grid;grid-template-columns:1fr 300px;min-height:0}.lab-stage{position:relative;display:flex;flex-direction:column;min-height:0}.canvas-host{flex:1;min-height:0}.lab-stage .canvas-host{position:relative;z-index:6}.lab-stage .overlay:not(.fighter){z-index:10}.canvas-host canvas{display:block}.focus-sink{position:absolute;opacity:0;width:2px;height:2px;bottom:8px;left:8px;pointer-events:none}.hint{padding:8px 16px;margin:0;font-size:var(--fs-sm);color:var(--muted);text-shadow:var(--halo)}.lab-side{overflow-y:auto;padding:16px 16px 64px;display:flex;flex-direction:column;gap:16px;margin:12px 12px 12px 0;border-radius:var(--radius);background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--shadow),var(--edge),var(--lift)}.panel{position:relative;background:var(--glass);border-radius:var(--radius);padding:18px 20px;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--shadow),var(--edge),var(--lift)}.panel h2{margin:0 0 12px;font-variant:small-caps;font-size:var(--fs-md);font-weight:700;letter-spacing:2px;color:var(--accent);padding-bottom:7px;border-bottom:1px solid var(--hair)}.panel h3{margin:14px 0 6px;font-variant:small-caps;font-size:var(--fs-sm);font-weight:700;letter-spacing:2px;color:var(--muted)}.lab-side .panel{background:none;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0 0 16px;border-bottom:1px solid var(--hair)}.lab-side .panel:last-child{border-bottom:none;padding-bottom:0}.muted{color:var(--muted);font-size:var(--fs-sm)}.help{cursor:help;text-decoration:underline dotted;text-underline-offset:3px}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;font-size:var(--fs-sm)}.field>span,.field legend{color:var(--accent);font-variant:small-caps;font-weight:700;font-size:var(--fs-sm);letter-spacing:1px}.radio{display:flex;align-items:center;gap:6px;margin:2px 0;color:var(--text)}fieldset.field{border:none;background:var(--wash);border-radius:var(--radius-sm);padding:8px 12px;box-shadow:var(--edge)}.prompt-preview{font-family:var(--display);font-size:var(--fs-xl);letter-spacing:2px;padding:8px 0;color:var(--accent)}.bar-row{display:grid;grid-template-columns:100px 1fr 44px;align-items:center;gap:8px;margin:6px 0;font-size:var(--fs-sm)}.bar-label{color:var(--muted)}.bar-track{height:9px;background:var(--well);border-radius:999px;overflow:hidden}.bar-fill{height:100%}.bar-val{text-align:right}.derives{margin:8px 0 2px;padding-top:6px;border-top:1px solid var(--hair);text-align:right;font-size:var(--fs-xs);color:var(--muted);cursor:help}.bar-row.quality{margin-top:2px;font-size:var(--fs-base)}.bar-row.quality .bar-label{color:var(--accent);font-weight:700;font-variant:small-caps}.bar-row.quality .bar-track{height:16px;box-shadow:inset 0 0 0 1px var(--accent-dim)}.bar-row.quality .bar-val{color:var(--accent);font-size:var(--fs-md)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin:12px 0 0}.stats div{display:flex;justify-content:space-between;font-size:var(--fs-sm);border-bottom:1px dotted var(--hair);padding-bottom:2px}.stats dt{color:var(--muted)}.stats dd{margin:0}.misfire{margin:12px 0 0;padding:10px 12px;border-radius:var(--radius-sm);background:#ff6f6124;color:#ffb4ab;font-size:var(--fs-sm)}.history .spark{display:flex;align-items:flex-end;gap:3px;height:60px;padding:4px;background:var(--well);border-radius:var(--radius-sm)}.spark-bar{flex:1;min-width:4px}.arena{position:relative;flex:1;min-height:0;overflow:hidden}.arena .canvas-host{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6}.arena .overlay:not(.fighter){z-index:10}.overlay{position:absolute;pointer-events:none;z-index:2}.field-stack{width:42%;height:76%;display:flex;flex-direction:column;gap:5px;transform:translateY(-50%);transition:opacity .16s ease}.field-player{top:38%;left:5%;align-items:flex-start;text-align:left}.field-enemy{top:62%;right:5%;align-items:flex-end;text-align:right}.field-enemy .alts{align-items:flex-end}.field-stack.dim{opacity:.5}.lab-stage .field-stack{height:94%}.lab-stage .field-player{top:50%}@keyframes field-shake{0%,to{transform:translateY(-50%)}20%{transform:translate(-7px,-50%)}40%{transform:translate(6px,-51%)}60%{transform:translate(-4px,-49%)}80%{transform:translate(3px,-50%)}}.field-stack.shake{animation:field-shake .4s ease-out}.alts{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:2px;width:100%;align-items:flex-start}.field-stack>.alts:first-child{justify-content:flex-end}.field-stack>.alts:last-child{justify-content:flex-start}.alt{display:flex;align-items:center;gap:8px;max-height:28px;overflow:hidden;opacity:.9;transition:opacity .15s ease,max-height .2s ease,transform .15s ease}.alt.dropped{opacity:0;max-height:0;transform:translate(-8px)}.alt.unaffordable{opacity:.4}.alt-icon{font-size:var(--fs-sm);width:18px;text-align:center;flex:none}.alt-incant{font-size:var(--fs-md);letter-spacing:1px;text-shadow:var(--halo);white-space:pre}.alt-incant .typed{color:inherit;font-weight:700}.alt-incant .rest{color:inherit;opacity:.5}.alt-cost{font-size:var(--fs-xs);color:var(--muted);text-shadow:var(--halo)}.field-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:40px;margin-right:8px;font-size:var(--fs-lg);line-height:1}.cast-field{flex:none;display:flex;align-items:center;min-height:48px;padding:4px 2px;border-bottom:2px solid var(--accent-dim);font-size:var(--fs-2xl);line-height:1.15;letter-spacing:2px;text-shadow:var(--halo);white-space:pre}.cast-field .typed{color:var(--text)}.cast-field .rest{color:var(--muted);opacity:.6}.cast-field .committed{color:var(--accent);font-variant:small-caps}.field-caret{display:inline-block;width:2px;align-self:stretch;margin:4px 1px;background:var(--accent);animation:caret-blink 1s step-end infinite}.hud-corner{width:300px}.hud-corner.player{bottom:16px;left:18px}.hud-corner.enemy{top:16px;right:18px}.buffs{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.buffs-right{justify-content:flex-end}.buff{position:relative;width:34px;height:34px;border:2px solid;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--fs-md);background:var(--glass-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow-soft);overflow:hidden}.buff-glyph{line-height:1}.buff-bar{position:absolute;bottom:0;left:0;height:3px;opacity:.9;transition:width .12s linear}.arena-controls{top:12px;left:50%;transform:translate(-50%);pointer-events:auto;display:flex;align-items:center;gap:8px}.arena-log{bottom:14px;left:50%;transform:translate(-50%);width:min(440px,60%);text-align:center;font-size:var(--fs-sm);color:var(--muted);text-shadow:var(--halo)}.duel-hud{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:12px 16px}.side-hud{display:flex;flex-direction:column;gap:5px;width:100%;max-width:320px}.side-hud.mirror{margin-left:auto;text-align:right}.side-name{font-variant:small-caps;font-weight:700;font-size:var(--fs-md);letter-spacing:1px;text-shadow:var(--halo)}.side-name em{color:var(--muted)}.meter{display:grid;grid-template-columns:78px 1fr;align-items:center;gap:8px;font-size:var(--fs-xs)}.side-hud.mirror .meter{grid-template-columns:1fr 78px}.side-hud.mirror .meter-label{order:2;text-align:left}.side-hud.mirror .meter-track{order:1}.meter-label{color:var(--muted);text-shadow:var(--halo)}.meter-track{height:9px;background:var(--well);border-radius:999px;overflow:hidden;box-shadow:var(--lift)}.meter-fill{height:100%}.tell{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 14px;min-width:150px;text-shadow:var(--halo)}.tell.idle{color:var(--muted);font-size:var(--fs-sm)}.tell-school{font-weight:700;letter-spacing:3px;font-size:var(--fs-md)}.tell-pips{display:flex;gap:5px}.pip{width:8px;height:8px;transform:rotate(45deg);background:var(--well)}.pip.on{background:var(--accent)}.tell-progress{width:110px;height:5px;background:var(--well);border-radius:999px;overflow:hidden}.tell-progress-fill{display:block;height:100%;transition:width .12s linear}.tell-label{font-size:var(--fs-xs);letter-spacing:2px;color:var(--muted)}.duel-stage{position:relative;display:flex;flex-direction:column;min-height:0;overflow:hidden}.winner-banner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#0a0c16c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--display);font-size:var(--fs-xl);color:var(--text)}.duel-spells{display:flex;gap:8px;padding:10px 16px;flex-wrap:wrap}.spell{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:124px;padding:8px 10px;text-align:left}.spell.active{box-shadow:inset 0 0 0 1.5px var(--accent-dim)}.spell-key{font-size:var(--fs-xs);color:var(--muted)}.spell-name{font-variant:small-caps;font-weight:700;letter-spacing:1px}.spell-meta{font-size:var(--fs-xs);color:var(--muted)}.candidates{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;width:100%}.candidate{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:132px;padding:8px 12px;border-radius:var(--radius-sm);background:var(--glass-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--shadow-soft),var(--edge),var(--lift);transition:opacity .12s ease,box-shadow .12s ease}.candidate.dropped{opacity:.3}.candidates.dim{opacity:.5}.candidate.unaffordable{opacity:.4}.candidate.unaffordable .candidate-incant .typed,.candidate.unaffordable .candidate-incant .rest{color:var(--muted)}.candidate-incant{font-size:var(--fs-lg);letter-spacing:1px}.candidate-incant .typed{color:var(--accent);font-weight:700}.candidate-incant .rest{color:var(--muted)}.candidate-name{font-variant:small-caps;letter-spacing:1px;color:var(--text)}.candidate-meta{font-size:var(--fs-xs);color:var(--muted)}.lab-stage .candidates{position:absolute;left:0;right:0;bottom:52px;padding:0 16px}.candidates-hint{padding:4px 0;margin:0}.spellbook-open{align-self:flex-start;margin-bottom:10px}.lab-spellset{display:inline-flex;gap:2px;padding:2px;margin-bottom:10px;border-radius:9px;background:var(--wash)}.lab-spellset-pick{padding:4px 12px;border-radius:7px;background:transparent;color:var(--muted);font-size:var(--fs-xs)}.lab-spellset-pick.on{background:var(--glass-strong);color:var(--text);box-shadow:0 1px 4px #00000040}.spellbook-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50}.spellbook{width:min(680px,92vw);max-height:84vh;display:flex;flex-direction:column;background:var(--glass-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--radius);box-shadow:var(--shadow),var(--edge),var(--lift)}.spellbook-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--hair)}.spellbook-head h2{margin:0;font-family:var(--display);font-size:var(--fs-lg);letter-spacing:1px;color:var(--accent);flex:1}.spellbook-page{font-size:var(--fs-xs);color:var(--muted);margin-right:14px}.spellbook-page-body{display:grid;grid-template-columns:280px 1fr;gap:18px;padding:18px}.spellbook-preview{width:280px;height:200px;border-radius:var(--radius-sm);overflow:hidden;background:radial-gradient(circle at 50% 40%,#1c2140,#0d1022);box-shadow:var(--edge)}.spellbook-preview canvas{display:block}.spellbook-detail{display:flex;flex-direction:column}.spellbook-title{display:flex;align-items:baseline;gap:10px}.spellbook-sigil{font-size:var(--fs-lg)}.spellbook-name{font-family:var(--display);font-size:var(--fs-xl);letter-spacing:1px}.spellbook-incant{margin-top:6px;font-size:var(--fs-lg);letter-spacing:2px;text-transform:capitalize;color:var(--accent)}.spellbook-tags{font-size:var(--fs-xs);color:var(--muted);margin-top:6px}.spellbook-effect{margin:12px 0 0;color:var(--text);line-height:1.5}.spellbook-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-top:1px solid var(--hair)}.spellbook-dots{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.spellbook-dots .dot{width:9px;height:9px;min-width:0;padding:0;border-radius:50%;background:var(--well)}.spellbook-dots .dot.active{background:var(--accent)}.duel-foot{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:10px 16px}.duel-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.toggle-group{display:flex;align-items:center;gap:6px}.field-inline{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm)}.small{font-size:var(--fs-xs)}.duel-log{background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--radius-sm);padding:8px 12px;font-size:var(--fs-sm);overflow-y:auto;max-height:96px;box-shadow:var(--edge)}.log-line{color:var(--muted);padding:1px 0}.log-line.fresh{color:var(--text)}.lobby{position:relative;z-index:1;flex:1;overflow-y:auto;display:flex;justify-content:center;padding:44px 28px 64px}.lobby-shell{width:100%;max-width:1060px;display:flex;flex-direction:column;gap:26px}.lobby-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.lobby-head h1{font-family:var(--display);color:var(--accent);font-size:var(--fs-xl);line-height:1.05;margin:0}.lobby-head .sub{color:var(--muted);font-size:var(--fs-sm);margin-top:6px}.lobby-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;align-items:start}.lobby-col{display:flex;flex-direction:column;gap:22px;min-width:0}@media(max-width:860px){.lobby-grid{grid-template-columns:1fr}}.lobby-card{background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--radius);padding:22px 24px;min-width:320px;max-width:440px;box-shadow:var(--shadow),var(--edge),var(--lift)}.lobby-grid .lobby-card{min-width:0;max-width:none;width:100%}.lobby-card h2,.lobby-card h3{font-family:var(--display);color:var(--accent);margin:0 0 10px}.lobby-card p{color:var(--muted);margin:6px 0 14px}.lobby .row{display:flex;gap:10px;align-items:center;margin:10px 0}.lobby .row.spread{justify-content:space-between}.lobby .check{color:var(--muted);font-size:var(--fs-sm);display:flex;align-items:center;gap:6px}.lobby input[type=text],.lobby input:not([type]){background:var(--glass-strong);color:var(--text);border:none;border-radius:var(--radius-sm);padding:8px 10px;font-family:inherit;flex:1;box-shadow:var(--edge),var(--shadow-soft)}.hint{color:var(--muted);font-size:var(--fs-sm)}.muted{color:var(--muted)}.link{background:none;color:var(--lapis);cursor:pointer;padding:2px 6px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.link:hover{color:var(--accent);background:none;box-shadow:none}.lobby-error{color:var(--rubric);margin:8px 0;font-size:var(--fs-sm)}.auth-gate{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(400px,92vw);background:var(--glass-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--radius);box-shadow:var(--shadow),var(--edge),var(--lift);padding:36px 32px 30px;text-align:center}.auth-mark{margin:0;font-family:var(--display);font-size:var(--fs-2xl);font-weight:400;letter-spacing:1px;color:var(--accent);text-shadow:0 0 26px rgba(255,215,106,.3)}.auth-sub{margin:7px 0 22px;color:var(--muted);font-size:var(--fs-sm)}.signin{display:flex;flex-direction:column;gap:11px;text-align:left}.signin input{font:inherit;width:100%;background:var(--glass-strong);color:var(--text);border:none;border-radius:var(--radius-sm);padding:11px 13px;box-shadow:var(--edge),var(--shadow-soft);transition:box-shadow .14s ease}.signin input::placeholder{color:var(--muted)}.signin>button{width:100%;padding:11px 15px}.signin>button[type=submit]{margin-top:2px;font-family:var(--display);font-size:var(--fs-md);letter-spacing:1px;color:#1b1407;background:linear-gradient(180deg,var(--accent-soft),var(--accent));box-shadow:var(--shadow-soft),var(--lift)}.signin>button[type=submit]:hover:not(:disabled){background:linear-gradient(180deg,#fff1cc,var(--accent-soft));box-shadow:var(--shadow),var(--lift)}.signin .link{width:auto;align-self:center;font-size:var(--fs-sm)}.signin .or{display:flex;align-items:center;gap:12px;margin:3px 0;color:var(--muted);font-size:var(--fs-xs);font-variant:small-caps;letter-spacing:2px}.signin .or:before,.signin .or:after{content:"";flex:1;height:1px;background:var(--hair)}.signin .error{margin:0;color:var(--rubric);font-size:var(--fs-sm)}.signin .hint{padding:0}.social{display:flex;flex-direction:column;width:min(560px,92vw);height:min(70vh,620px)}.social-tabs{display:flex;gap:6px;margin-bottom:12px}.social-tabs button{font-family:var(--display);font-size:var(--fs-md);padding:6px 16px}.social-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;overflow:hidden}.social-search input{width:100%;background:var(--glass-strong);color:var(--text);border:none;border-radius:var(--radius-sm);padding:9px 12px;box-shadow:var(--edge)}.social-h{margin:8px 0 2px;font-variant:small-caps;letter-spacing:1px;color:var(--muted);font-size:var(--fs-sm)}.social-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:3px;overflow-y:auto}.social-user{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:var(--radius-sm)}.social-user:hover{background:var(--wash)}.social-user>.link{margin-left:auto}.user-chip{display:flex;align-items:center;gap:8px;min-width:0}.user-ava{width:30px;height:38px;border-radius:8px;overflow:hidden;background:radial-gradient(circle at 50% 38%,#1c2140,#0d1022);display:grid;place-items:end center;flex:none}.user-ava svg{width:30px;height:auto}.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-dot{width:8px;height:8px;border-radius:50%;flex:none}.social-dot.on{background:#5fd06a;box-shadow:0 0 8px #5fd06ab3}.social-dot.off{background:#aab4eb47}.chat-pane .dock-log,.dm-conv .dock-log{flex:1;min-height:0;overflow-y:auto;background:var(--well);border-radius:var(--radius-sm);padding:8px 10px}.dm-pane{flex-direction:row;gap:12px}.dm-partners{list-style:none;padding:0;margin:0;width:150px;overflow-y:auto;display:flex;flex-direction:column;gap:3px;border-right:1px solid var(--hair)}.dm-partners .social-user{cursor:pointer}.dm-partners .social-user.on{background:var(--wash-on);box-shadow:inset 0 0 0 1px var(--accent-dim)}.dm-conv{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.dm-head{padding-bottom:6px;border-bottom:1px solid var(--hair)}.dm-msg{max-width:78%;padding:7px 11px;border-radius:12px;font-size:var(--fs-sm);overflow-wrap:anywhere}.dm-msg.mine{align-self:flex-end;background:var(--wash-on);box-shadow:inset 0 0 0 1px var(--accent-dim)}.dm-msg.theirs{align-self:flex-start;background:var(--wash)}.room-code{color:var(--muted);margin-bottom:14px}.room-code strong{color:var(--accent);letter-spacing:.08em;font-family:var(--display)}.roster{display:flex;align-items:center;gap:14px;margin:12px 0}.roster .vs{color:var(--rubric);font-family:var(--display)}.slot{flex:1;display:flex;align-items:center;gap:8px;border-radius:var(--radius-sm);padding:10px 12px;background:var(--wash);box-shadow:var(--edge),var(--lift)}.slot.ready{box-shadow:inset 0 0 0 1.5px var(--accent-dim),var(--lift)}.slot-name{flex:1}.slot-state{color:var(--muted);font-size:var(--fs-xs)}.dot{width:9px;height:9px;border-radius:50%}.dot.on{background:#5fd06a;box-shadow:0 0 8px #5fd06ab3}.dot.off{background:#aab4eb47}.play-actions{display:flex;align-items:center;gap:14px;margin:4px 0 16px}.join-row{display:flex;gap:10px}.btn-primary{background:var(--accent);color:#2a2206;font-family:var(--display);font-size:var(--fs-md);padding:11px 22px;box-shadow:var(--shadow-soft),var(--lift)}.btn-primary:hover:not(:disabled){background:var(--accent-soft);color:#2a2206}.room-list{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:8px}.room-list li{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--radius-sm);background:var(--wash);box-shadow:var(--edge),var(--lift);transition:background .14s ease}.room-list li:hover{background:var(--wash-2)}.room-host{flex:1;font-weight:500}.room-list .code{color:var(--muted);font-family:var(--display);letter-spacing:.06em;font-size:var(--fs-sm)}.empty-duels{display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px 16px;color:var(--muted);text-align:center}.empty-duels .glyph{font-size:26px;color:var(--accent-dim)}.net-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#080a12b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:30;pointer-events:auto}.net-card{background:var(--glass-strong);border-radius:var(--radius);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--shadow),var(--edge),var(--lift);padding:24px 30px;color:var(--text);text-align:center;display:flex;flex-direction:column;gap:14px}.countdown{font-family:var(--display);font-size:var(--fs-huge);color:var(--accent);text-shadow:0 0 30px rgba(255,215,106,.5);animation:countpulse 1s ease-in-out infinite}@keyframes countpulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.12);opacity:1}}.net-banner{top:14px;left:50%;transform:translate(-50%);background:#ff6f6124;color:#ffb4ab;box-shadow:inset 0 0 0 1px #ff6f6159;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-sm);padding:8px 14px;z-index:25}.winner-banner .row{display:flex;gap:10px;justify-content:center;margin-top:10px}.leaderboard .ladder{list-style:none;padding:0;margin:6px 0 0}.leaderboard .ladder li{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--radius-sm);border-top:1px solid var(--hair)}.leaderboard .ladder li.me{background:var(--wash-on);box-shadow:inset 0 0 0 1px var(--accent-dim)}.leaderboard .rank{width:22px;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.leaderboard .ava{width:24px;height:24px;border-radius:50%;object-fit:cover;box-shadow:var(--edge)}.leaderboard .ava.blank{background:var(--wash-2)}.leaderboard .ladder-name{flex:1}.leaderboard .wl{color:var(--muted);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.leaderboard .rating{color:var(--accent);font-variant-numeric:tabular-nums;min-width:42px;text-align:right}.character .char-head{display:flex;gap:16px;align-items:center;margin:8px 0 16px}.char-avatar{width:96px;height:96px;border-radius:var(--radius-sm);object-fit:cover;background:var(--wash);box-shadow:var(--edge),var(--lift)}.char-avatar.blank{background:repeating-linear-gradient(45deg,#ffffff0a,#ffffff0a 6px,#ffffff17 6px,#ffffff17 12px)}.char-id{flex:1;display:flex;flex-direction:column;gap:8px}.char-id input{background:var(--glass-strong);color:var(--text);border:none;border-radius:var(--radius-sm);padding:8px 10px;font-family:var(--display);font-size:var(--fs-md);flex:1;box-shadow:var(--edge),var(--shadow-soft)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:8px 0 16px}.stat{background:var(--wash);border-radius:var(--radius-sm);padding:12px 8px;text-align:center;box-shadow:var(--edge),var(--lift)}.stat-value{font-family:var(--display);font-size:var(--fs-lg);color:var(--text)}.stat-value.accent{color:var(--accent)}.stat-label{color:var(--muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}.avatar-forge{display:flex;gap:14px;align-items:flex-start}.forge-controls{flex:1;display:flex;flex-direction:column;gap:8px}.talents{max-width:none;width:100%}.talents .arcana{color:var(--accent);font-family:var(--display)}.xp-bar{height:6px;border-radius:999px;background:var(--wash);box-shadow:var(--edge);overflow:hidden;margin:4px 0 2px}.xp-fill{height:100%;background:linear-gradient(90deg,var(--accent-dim),var(--accent));border-radius:999px;transition:width .3s ease}.pick-mastery{margin-left:6px;font-size:var(--fs-xs);color:var(--muted)}.pick.on .pick-mastery{color:var(--accent)}.talent-tree{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px 16px;align-items:start;margin:14px 0 20px}.talent-line{display:flex;flex-direction:column;gap:6px;min-width:0}.line-label{color:var(--muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;text-align:center}.talent{display:grid;grid-template-columns:1fr auto;gap:2px 6px;text-align:left;background:var(--wash);border-radius:var(--radius-sm);padding:8px 10px;cursor:pointer;box-shadow:var(--edge),var(--lift)}.talent{min-width:0}.talent .talent-name{font-family:var(--display);color:var(--text);min-width:0;overflow-wrap:anywhere}.talent .talent-cost{color:var(--accent);font-size:var(--fs-sm)}.talent .talent-blurb{grid-column:1 / -1;color:var(--muted);font-size:var(--fs-xs)}.talent.owned{box-shadow:inset 0 0 0 1.5px var(--accent-dim),var(--lift)}.talent.owned .talent-cost{color:#5fd06a}.talent.open:hover{background:var(--wash-2)}.spell-info-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:24px}.spell-info{position:relative;width:min(420px,94vw);background:var(--glass-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--radius);box-shadow:var(--shadow),var(--edge),var(--lift);padding:22px 24px}.spell-info-head{display:flex;gap:14px;align-items:center;margin-bottom:14px}.spell-info-icon{font-size:40px;line-height:1;flex:none}.spell-info-head h3{font-family:var(--display);color:var(--accent);margin:0 0 4px}.spell-info-tags{display:flex;flex-wrap:wrap;gap:6px}.spell-info-tags .tag{font-size:var(--fs-xs);color:var(--muted);background:var(--wash);border-radius:999px;padding:2px 9px;text-transform:capitalize}.spell-info-effect{color:var(--text);margin:0 0 14px;line-height:1.5}.spell-info-incant{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.spell-info-incant .label{font-size:var(--fs-xs);color:var(--muted);text-transform:uppercase;letter-spacing:1px}.spell-info-incant code{font-family:var(--display);font-size:18px;letter-spacing:1px;color:var(--accent);background:var(--wash);border-radius:var(--radius-sm);padding:8px 12px}.spell-info-mastery{font-size:var(--fs-sm);color:var(--muted);margin-bottom:16px}.spell-info-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}.spell-info-actions .gate-note{color:var(--muted);font-size:var(--fs-sm)}.spell-info-actions .learned-badge{color:var(--accent);font-family:var(--display)}.talent.locked{opacity:.5;cursor:not-allowed}.loadout-pick{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.pick{background:var(--wash);border-radius:999px;padding:5px 12px;cursor:pointer;color:var(--muted);box-shadow:var(--edge),var(--lift)}.pick.on{color:var(--accent);background:var(--wash-on);box-shadow:inset 0 0 0 1px var(--accent-dim)}.tavern{display:flex;gap:18px;padding:24px;height:calc(100vh - 60px);box-sizing:border-box}.tavern-main{flex:1;display:flex;flex-direction:column;background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--radius);padding:18px 20px;min-width:0;box-shadow:var(--shadow),var(--edge),var(--lift)}.tavern-main h2{font-family:var(--display);color:var(--accent);margin:0}.chat-log{flex:1;overflow-y:auto;margin:12px 0;display:flex;flex-direction:column;gap:7px;padding-right:6px}.chat-line{display:flex;align-items:baseline;gap:8px}.chat-ava{width:22px;height:22px;border-radius:50%;object-fit:cover;align-self:center;box-shadow:var(--edge)}.chat-ava.blank{background:var(--wash-2)}.chat-from{color:var(--accent);font-family:var(--display);font-size:var(--fs-sm);white-space:nowrap}.chat-text{color:var(--text);overflow-wrap:anywhere}.chat-input{gap:8px}.chat-input input{flex:1;background:var(--glass-strong);color:var(--text);border:none;border-radius:var(--radius-sm);padding:9px 11px;font-family:inherit;box-shadow:var(--edge),var(--shadow-soft)}.tavern-patrons{width:240px;align-self:flex-start}.patron-list{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:8px}.patron-list li{display:flex;align-items:center;gap:8px}.patron-list li .patron-name{flex:1}.history-list{list-style:none;padding:0;margin:6px 0 0}.history-list li{display:flex;align-items:center;gap:10px;padding:7px 4px;border-top:1px solid var(--hair)}.history-list .result{font-family:var(--display);font-size:var(--fs-sm);width:46px}.history-list .result.win{color:#5fd06a}.history-list .result.loss{color:var(--rubric)}.history-list .result.draw{color:var(--muted)}.history-list .vs-name{flex:1}.history-list .when{color:var(--muted);font-size:var(--fs-xs)}.models{min-height:100vh;color:var(--text);padding:0 0 40px;position:relative;z-index:1}.models-bar{display:flex;align-items:baseline;gap:14px;padding:16px 24px;border-bottom:1px solid var(--hair)}.models-bar strong{font-family:var(--display);color:var(--accent);font-size:var(--fs-lg)}.models-grid{display:grid;grid-template-columns:320px 1fr;gap:20px;padding:24px;align-items:start}.model-stage{position:sticky;top:24px;background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:var(--shadow),var(--edge),var(--lift)}.model-stage svg{background:radial-gradient(circle at 50% 38%,#1c2140,#0d1022);border-radius:var(--radius-sm)}.mod-readout{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.mod-readout span{background:var(--wash-on);border-radius:999px;padding:3px 10px;font-size:var(--fs-sm);color:var(--accent)}.model-panel h3{font-family:var(--display);color:var(--accent);margin:14px 0 8px}.model-panel .slot-head{text-transform:capitalize;color:var(--muted);font-size:var(--fs-sm)}.model-row{display:flex;flex-wrap:wrap;gap:10px}.model-chip{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--wash);border-radius:var(--radius-sm);padding:8px;cursor:pointer;color:var(--muted);font-size:var(--fs-xs);box-shadow:var(--edge),var(--lift)}.model-chip svg{background:radial-gradient(circle at 50% 40%,#1c2140,#0d1022);border-radius:var(--radius-sm)}.model-chip.on{color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent-dim)}.wizards{min-height:100vh;color:var(--text);padding:0 0 48px;position:relative;z-index:1}.wizards-bar{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;padding:16px 24px;border-bottom:1px solid var(--hair)}.wizards-bar strong{font-family:var(--display);color:var(--accent);font-size:var(--fs-lg)}.wizards-bar .hint{flex:1;min-width:240px;padding:0}.wizards-palettes{display:flex;gap:8px}.pal-chip{font-family:var(--display);font-size:var(--fs-sm);color:var(--muted);padding:5px 14px;border-radius:999px}.pal-chip.on{color:var(--accent);background:var(--wash-on);box-shadow:inset 0 0 0 1px var(--accent-dim)}.wizards-section{font-family:var(--display);color:var(--accent);font-size:var(--fs-lg);margin:26px 0 0;padding:0 24px;letter-spacing:.5px}.wizards-section small{display:block;font-family:var(--display);color:var(--muted);font-size:var(--fs-sm);letter-spacing:0;margin-top:2px}.wizards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;padding:16px 24px 8px}.wcard{background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow),var(--edge),var(--lift);display:flex;flex-direction:column;gap:12px}.wcard-head{display:flex;align-items:baseline;gap:10px}.wcard-head h3{font-family:var(--display);color:var(--accent);margin:0;font-size:var(--fs-md)}.wcard-head .num{color:var(--muted);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase}.wcard-stage{display:flex;align-items:flex-end;justify-content:center;gap:16px;padding:16px;border-radius:var(--radius-sm);background:radial-gradient(circle at 50% 38%,#1c2140,#0d1022);box-shadow:var(--edge)}.wcard-stage>svg{filter:drop-shadow(0 8px 12px rgba(0,0,0,.45))}.wcard-sizes{display:flex;align-items:flex-end;gap:12px}.wcard-stage.art{padding:0;overflow:hidden}.wsprite{display:block;width:100%;max-height:360px;object-fit:contain;border-radius:var(--radius-sm)}.mb{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:20px;padding:8px 24px;align-items:start}@media(max-width:760px){.mb{grid-template-columns:1fr}.mb-stage{position:static}}.mb-stage{position:sticky;top:16px;display:flex;flex-direction:column;align-items:center;gap:14px;background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow),var(--edge),var(--lift)}.mb-stage>svg{background:radial-gradient(circle at 50% 38%,#1c2140,#0d1022);border-radius:var(--radius-sm)}.mb-sizes{display:flex;align-items:flex-end;gap:14px}.mb-sizes svg{background:radial-gradient(circle at 50% 38%,#1c2140,#0d1022);border-radius:var(--radius-sm)}.mb-actions{display:flex;gap:8px}.mb-controls{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px 18px}.mb-slot h4{margin:0 0 6px;font-family:var(--display);color:var(--accent);font-size:var(--fs-sm);font-variant:small-caps;letter-spacing:1px}.mb-chips{display:flex;flex-wrap:wrap;gap:5px}.mb-chip{font-size:var(--fs-xs);color:var(--muted);padding:4px 10px;border-radius:999px;background:var(--wash);box-shadow:var(--edge)}.mb-chip.on{color:var(--accent);background:var(--wash-on);box-shadow:inset 0 0 0 1px var(--accent-dim)}.mb-swatches{display:flex;flex-wrap:wrap;gap:6px}.mb-swatch{width:24px;height:24px;min-width:0;padding:0;border-radius:50%;box-shadow:var(--edge)}.mb-swatch.on{box-shadow:0 0 0 2px var(--accent),var(--edge)}.wcard-blurb{color:var(--text);font-size:var(--fs-sm);line-height:1.45;margin:0}.wcard-tags{display:flex;flex-wrap:wrap;gap:6px}.wcard-tags span{background:var(--wash);border-radius:999px;padding:2px 10px;font-size:var(--fs-xs);color:var(--muted);box-shadow:var(--edge)}.kit-body{display:flex;gap:18px;flex-wrap:wrap}.kit-figure{display:flex;flex-direction:column;align-items:center;gap:8px}.kit-figure svg{background:radial-gradient(circle at 50% 38%,#1c2140,#0d1022);border-radius:var(--radius-sm)}.kit-choices{flex:1;min-width:220px;display:flex;flex-direction:column;gap:8px}.kit-slot{display:flex;flex-direction:column;gap:4px}.fighter{z-index:5;pointer-events:none;filter:drop-shadow(0 8px 12px rgba(0,0,0,.5))}.fighter-player{left:22%;top:80%;bottom:auto;transform:translate(-50%,-88%)}.fighter-enemy{left:78%;top:42%;right:auto;transform:translate(-50%,-88%) scaleX(-1)}.scene-mote{transform-box:fill-box;transform-origin:center;opacity:.82;animation:scene-bob var(--dur, 6s) ease-in-out infinite;animation-delay:var(--delay, 0s)}.scene-spin{transform-box:fill-box;transform-origin:center;animation:scene-spin 16s linear infinite}.scene-cloud{transform-box:fill-box;animation:scene-drift linear infinite}@keyframes scene-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes scene-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scene-drift{0%{transform:translate(-50px)}to{transform:translate(120px)}}@media(prefers-reduced-motion:reduce){.scene-mote,.scene-spin,.scene-cloud{animation:none}}.world{position:relative;flex:1;min-height:0;overflow:hidden}.room{position:absolute;top:0;right:0;bottom:0;left:0}.room-wall{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(var(--wall),color-mix(in srgb,var(--wall) 70%,#000))}.room-floor{position:absolute;left:4%;right:4%;top:22%;bottom:3%;background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,#fff 16%,var(--floor)) 0%,var(--floor) 60%);border-radius:16px;box-shadow:inset 0 8px 26px #00000073,inset 0 -2px #ffffff0d,0 -10px 24px #0000004d}.room-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.room-scene{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.rs-prop{position:absolute;transform:translate(-50%,-50%);filter:drop-shadow(0 6px 6px rgba(0,0,0,.4))}.rs-prop svg{display:block;width:100%;height:100%;overflow:visible}.item{position:absolute;transform:translate(-50%,-50%);z-index:3;pointer-events:none;filter:drop-shadow(0 8px 7px rgba(0,0,0,.5))}.door{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#82a8ff24;box-shadow:inset 0 0 0 1px #a0beff66,0 0 22px #82a8ff59}.door-label{font-family:var(--display);font-size:var(--fs-sm);color:var(--text);text-shadow:var(--halo);white-space:nowrap}.pad{position:absolute;transform:translate(-50%,-50%);width:14%;height:9%;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,#ffd76a42,#ffd76a00 70%);box-shadow:inset 0 0 0 2px #ffd76a52;animation:platform-pulse 3s ease-in-out infinite}.pad.active{box-shadow:inset 0 0 0 2px var(--accent),0 0 26px #ffd76a80}.prop{position:absolute;transform:translate(-50%,-50%);border-radius:8px}.prop-sigil{width:11%;height:8%;border-radius:50%;background:radial-gradient(ellipse,rgba(130,168,255,.18),transparent 70%);box-shadow:inset 0 0 0 1.5px #96b4ff59}.prop-pillar{width:4.5%;height:18%;background:linear-gradient(90deg,#14121f,#2a2740 55%,#14121f);border-radius:6px;box-shadow:0 8px 14px #00000073}.prop-table{width:13%;height:9%;border-radius:50%;background:radial-gradient(ellipse at 50% 35%,#6e4a2a,#4a3018);box-shadow:0 8px 14px #0006,inset 0 0 0 2px #0003}.prop-desk{width:12%;height:6%;background:linear-gradient(#5a4630,#3e2f1d);box-shadow:0 8px 12px #0006}.prop-bar{transform:translate(-50%,-50%);background:linear-gradient(#5a4026,#3a2817);border-radius:10px;box-shadow:0 10px 18px #00000073,inset 0 2px #ffffff0f}.prop-hearth{width:12%;height:9%;background:radial-gradient(ellipse at 50% 70%,#ff8a3c,#7a2f12 60%,#2a1208);border-radius:8px;box-shadow:0 0 28px #ff8a3c80}.prop-board{transform:translate(-50%,-50%);background:#1a2a22;border:3px solid #5a4630;border-radius:6px;box-shadow:0 6px 12px #0006}.prop-lectern{width:5%;height:7%;background:linear-gradient(#5a4630,#3a2817);border-radius:4px 4px 6px 6px}.avatar{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;pointer-events:none;filter:drop-shadow(0 8px 8px rgba(0,0,0,.55))}.avatar-name{margin-top:-6px;font-size:var(--fs-xs);color:var(--text);text-shadow:var(--halo);white-space:nowrap;background:#0a0c1680;padding:1px 8px;border-radius:8px}.avatar-me{z-index:6}.avatar-peer{z-index:5;animation:peer-idle 3.4s ease-in-out infinite}.avatar-peer.moving{transition:left .1s linear,top .1s linear}.creature{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;z-index:5;pointer-events:none;filter:drop-shadow(0 7px 7px rgba(0,0,0,.5));transition:left .12s linear,top .12s linear}.creature-name{margin-top:-6px;font-size:var(--fs-xs);color:#ff9a8a;text-shadow:var(--halo);white-space:nowrap;background:#280c0e80;padding:1px 8px;border-radius:8px}.creature.near{filter:drop-shadow(0 0 10px rgba(255,110,90,.6)) drop-shadow(0 7px 7px rgba(0,0,0,.5))}.encounter-tag{color:#ff9a8a;font-family:var(--display);letter-spacing:.04em}@keyframes peer-idle{0%,to{transform:translate(-50%,-100%)}50%{transform:translate(-50%,-103%)}}.avatar-challenge{pointer-events:auto;margin-top:4px;font-size:var(--fs-xs);padding:2px 9px}@media(prefers-reduced-motion:reduce){.avatar-peer,.pad{animation:none}}.world-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8}.hud-room{position:absolute;top:14px;left:20px;font-family:var(--display);font-size:var(--fs-lg);color:var(--accent);text-shadow:var(--halo)}.hud-keys{position:absolute;bottom:16px;left:50%;transform:translate(-50%);padding:8px 16px;border-radius:999px;background:var(--glass-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--edge),var(--shadow-soft);font-size:var(--fs-sm);color:var(--muted);white-space:nowrap}.hud-keys b,.hud-prompt b{color:var(--accent)}.hud-prompt{color:var(--text)}.hud-actions{position:absolute;top:14px;right:20px;display:flex;gap:8px;pointer-events:auto}.hud-actions b{color:var(--accent);margin-right:4px}.tavern-dock{position:absolute;left:20px;bottom:70px;width:min(360px,34vw);max-height:44%;display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:var(--radius);background:var(--glass-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--shadow),var(--edge),var(--lift);pointer-events:auto;z-index:9}.tavern-dock.solo{bottom:70px}.dock-head{display:flex;align-items:baseline;gap:8px;font-family:var(--display)}.dock-head .link{margin-left:auto}.dock-log{flex:1;min-height:60px;overflow-y:auto;display:flex;flex-direction:column;gap:5px;font-size:var(--fs-sm)}.dock-input{display:flex;gap:8px}.dock-input input{flex:1;background:var(--glass-strong);color:var(--text);border:none;border-radius:var(--radius-sm);padding:8px 10px;box-shadow:var(--edge)}.leave-btn{top:14px;left:18px;pointer-events:auto;z-index:80}.leave-btn.done{background:#2f7d3a;border-color:#5fd06a;color:#eafbe9;box-shadow:0 0 16px #5fd06a8c}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.modal-shell{position:relative;display:flex;flex-direction:column;width:min(840px,94vw);max-height:90vh;overflow:auto;padding:26px 28px;border-radius:var(--radius);background:var(--glass-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--shadow),var(--edge),var(--lift)}.modal-shell.modal-sm{width:min(600px,94vw)}.modal-shell.modal-md{width:min(840px,94vw)}.modal-shell.modal-lg{width:min(1060px,95vw)}.modal-shell .lobby-card{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border-radius:0;padding:0;min-width:0;max-width:none;width:100%}.modal-close{position:absolute;top:14px;right:16px;z-index:2}.book{position:relative;width:min(980px,95vw);max-height:88vh;display:flex;flex-direction:column;border-radius:14px;background:linear-gradient(180deg,#241f33,#1a1626);box-shadow:var(--shadow),var(--edge),inset 0 0 0 1px #ffffff0f}.book-close{position:absolute;top:12px;right:14px;z-index:3}.book-spread{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(90deg,transparent calc(50% - 2px),rgba(0,0,0,.5) 50%,transparent calc(50% + 2px))}.book-leaf{padding:26px 30px;overflow-y:auto}.book-leaf.left{display:flex;flex-direction:column;align-items:center;gap:16px}.book-leaf.right{display:flex;flex-direction:column;gap:14px}.plate{display:flex;align-items:center;gap:12px}.plate-sigil{font-size:var(--fs-xl)}.plate-name{font-family:var(--display);font-size:var(--fs-xl)}.plate-incant{font-family:var(--display);font-size:var(--fs-lg);letter-spacing:2px;color:var(--accent);text-transform:capitalize}.entry-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-bottom:1px solid var(--hair);padding-bottom:8px}.entry-role{font-family:var(--display);font-size:var(--fs-lg);color:var(--text)}.entry-school{font-variant:small-caps;font-weight:700;letter-spacing:1px}.entry-desc{margin:0;font-size:var(--fs-md);line-height:1.6;color:var(--text)}.entry-stats{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.entry-stats th,.entry-stats td{padding:7px 4px;border-bottom:1px dotted var(--hair);text-align:left}.entry-stats th{color:var(--muted);font-weight:400;font-variant:small-caps;letter-spacing:1px;width:42%}.entry-stats td{color:var(--text);text-align:right;text-transform:capitalize}.entry-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.entry-tags .tag{font-size:var(--fs-xs);color:var(--muted);background:var(--wash);border-radius:999px;padding:3px 11px;text-transform:capitalize}.book-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-top:1px solid var(--hair)}.book-folio{font-family:var(--display);color:var(--muted)}.onboard{position:relative;z-index:1;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;overflow-y:auto}.onboard-card{background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--radius);box-shadow:var(--shadow),var(--edge),var(--lift);padding:28px;width:min(960px,100%)}.onboard-head{text-align:center;margin-bottom:8px}.onboard-head h1{font-family:var(--display);color:var(--accent);margin:0 0 6px}.onboard-head .hint{display:block;max-width:520px;margin:0 auto 16px}.onboard-name{display:inline-flex;align-items:center;gap:10px}.onboard-name span{font-family:var(--display);color:var(--accent);font-variant:small-caps;letter-spacing:1px}.onboard-name input{background:var(--glass-strong);color:var(--text);border:none;border-radius:var(--radius-sm);padding:10px 14px;font-family:inherit;box-shadow:var(--edge),var(--shadow-soft);min-width:240px;text-align:center}.onboard-actions{display:flex;justify-content:center;margin-top:18px}.primary{color:var(--accent);background:var(--wash-on);box-shadow:inset 0 0 0 1px var(--accent-dim),var(--edge);font-weight:600;padding:10px 22px}.primary:disabled{opacity:.5;cursor:default}.teacher-line{color:var(--text);margin:0;font-size:var(--fs-md);line-height:1.5}.lesson-coach{left:50%;top:18px;transform:translate(-50%);display:flex;gap:14px;align-items:center;pointer-events:auto;max-width:min(620px,92vw);padding:14px 18px;background:var(--glass-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--radius);box-shadow:var(--shadow),var(--edge),var(--lift)}.lesson-coach svg{flex:none}.lesson-coach-text{min-width:0}.lesson-coach-text h3{font-family:var(--display);color:var(--accent);margin:0 0 4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lesson-learned{font-family:var(--ui);font-size:var(--fs-xs);color:#0c1b0c;background:#5fd06a;border-radius:999px;padding:2px 9px;letter-spacing:.3px}.lesson-reps{display:flex;align-items:center;gap:8px;margin-top:10px}.lesson-reps .rep{width:13px;height:13px;border-radius:50%;background:var(--wash);box-shadow:inset 0 0 0 1.5px var(--accent-dim)}.lesson-reps .rep.done{background:var(--accent);box-shadow:0 0 10px #ffd76a80}.lesson-count{margin-left:4px;color:var(--muted);font-size:var(--fs-sm)}.lesson-fanfare{top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:8;animation:fanfare-life 2.8s ease both}.fanfare-card{text-align:center;padding:22px 36px;max-width:min(440px,88vw);background:var(--glass-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--radius);box-shadow:var(--shadow),var(--edge),0 0 34px #ffd76a66;animation:fanfare-pop .44s cubic-bezier(.2,1.3,.4,1) both}.fanfare-card h2{font-family:var(--display);color:var(--accent);margin:8px 0 4px;font-size:30px}.fanfare-card p{margin:0;color:var(--text);font-size:var(--fs-md)}.fanfare-spark{font-size:46px;line-height:1;display:block;animation:fanfare-spin 1.1s ease-out both}@keyframes fanfare-life{0%{opacity:0}8%{opacity:1}78%{opacity:1}to{opacity:0}}@keyframes fanfare-pop{0%{transform:scale(.7)}to{transform:scale(1)}}@keyframes fanfare-spin{0%{transform:scale(0) rotate(-120deg)}to{transform:scale(1) rotate(0)}}@media(prefers-reduced-motion:reduce){.lesson-fanfare,.fanfare-card,.fanfare-spark{animation-duration:.01ms;animation-iteration-count:1}}.dummy-label{position:absolute;left:50%;bottom:-6px;transform:translate(-50%) scaleX(-1);font-size:var(--fs-xs);color:var(--muted);white-space:nowrap;letter-spacing:.3px}.dummy-hit{animation:dummy-flinch .36s ease-out}@keyframes dummy-flinch{0%{transform:translate(-50%,-88%) scaleX(-1)}18%{transform:translate(calc(-50% + 12px),-84%) scaleX(-1) rotate(4deg)}42%{transform:translate(calc(-50% - 7px),-88%) scaleX(-1) rotate(-2.5deg)}70%{transform:translate(calc(-50% + 3px),-88%) scaleX(-1) rotate(1deg)}to{transform:translate(-50%,-88%) scaleX(-1)}}@media(prefers-reduced-motion:reduce){.dummy-hit{animation:none}}@keyframes caret-blink{50%{opacity:0}}.victory-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.victory{width:min(440px,92vw);padding:28px 28px 22px;border-radius:var(--radius);text-align:center;background:var(--glass-strong);box-shadow:var(--shadow),var(--edge),var(--lift);animation:victory-pop .4s cubic-bezier(.2,1.3,.4,1)}.victory-title{font-family:var(--display);font-size:44px;margin:0 0 8px;letter-spacing:1px}.victory.win .victory-title{color:var(--accent);text-shadow:0 0 24px rgba(255,215,106,.5)}.victory.loss .victory-title{color:#c46b6b}.victory.draw .victory-title{color:var(--muted)}.victory-xp{display:flex;flex-direction:column;gap:2px;margin:6px 0 16px;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s}.victory-xp.in{opacity:1;transform:none}.xp-amount{font-family:var(--display);font-size:22px;color:#7fd0a0}.levelup{color:var(--accent);font-weight:600}.level{color:var(--muted);font-size:var(--fs-sm)}.victory-mastery{text-align:left;margin:4px 0 18px}.vm-head{font-variant:small-caps;letter-spacing:1px;color:var(--muted);font-size:var(--fs-sm);margin-bottom:8px}.vm-row{display:grid;grid-template-columns:1fr 90px auto;align-items:center;gap:8px;margin:6px 0}.vm-name{font-size:var(--fs-sm);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vm-bar{height:8px;border-radius:999px;background:var(--wash);box-shadow:var(--edge);overflow:hidden}.vm-fill{display:block;height:100%;border-radius:999px;transition:width .9s cubic-bezier(.2,.8,.2,1)}.vm-delta{font-size:var(--fs-xs);color:#7fd0a0;min-width:34px;text-align:right}.victory-actions{display:flex;gap:10px;justify-content:center;margin-top:6px}@keyframes victory-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.dm-volume{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .6rem;border-radius:999px;background:#10082299;border:1px solid rgba(180,130,255,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dm-volume-icon{background:none;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:pointer;font-size:1rem;line-height:1;padding:0;filter:drop-shadow(0 0 4px rgba(255,122,217,.5))}.dm-volume input[type=range]{width:90px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,#ff3df0,#7a5cff);border-radius:999px;cursor:pointer}.dm-volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 8px #ff7ad9e6;cursor:pointer}.dm-volume input[type=range]::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:#fff;box-shadow:0 0 8px #ff7ad9e6;cursor:pointer}.dm-volume-splash{position:absolute;top:1rem;right:1rem;z-index:2}.dm-nav{display:inline-flex;align-items:center;gap:.15rem;font-family:var(--disco-sans)}.dm-nav-home,.dm-nav-item{border:none;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--disco-faint);font:600 var(--ds-sm)/1 var(--disco-sans);letter-spacing:.02em;padding:.5rem .85rem;border-radius:999px;cursor:pointer;transition:color .14s,background .14s,box-shadow .14s}.dm-nav-home{font-size:1.1rem;padding:.45rem .6rem}.dm-nav-home:hover,.dm-nav-item:hover{color:#fff;background:#ffffff14}.dm-nav-item.on{color:#fff;background:var(--disco-grad);box-shadow:0 0 16px #ff50dc73;cursor:default}.spellsong{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;display:flex;flex-direction:column;color:#f4f0ff;background:radial-gradient(120% 90% at 50% -10%,#2a1248,#160a2b 45%,#090414);font-family:inherit;-webkit-user-select:none;user-select:none}@keyframes ss-spin{to{transform:rotate(360deg)}}.ss-nebula{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none;background:radial-gradient(32% 38% at 18% 24%,rgba(255,60,160,.35),transparent 70%),radial-gradient(36% 40% at 82% 22%,rgba(90,120,255,.32),transparent 70%),radial-gradient(40% 44% at 70% 78%,rgba(120,255,220,.2),transparent 70%),radial-gradient(30% 34% at 30% 80%,rgba(180,90,255,.22),transparent 70%);filter:blur(8px);animation:ss-spin 24s linear infinite;transition:filter .5s}.spellsong[data-combo="1"] .ss-nebula{filter:blur(8px) brightness(1.15)}.spellsong[data-combo="2"] .ss-nebula{filter:blur(8px) brightness(1.35) saturate(1.2)}.spellsong[data-combo="3"] .ss-nebula{filter:blur(8px) brightness(1.6) saturate(1.4)}.ss-stars{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 20% 30%,#fff,transparent),radial-gradient(1.5px 1.5px at 67% 12%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 40% 70%,#fff,transparent),radial-gradient(1px 1px at 85% 55%,rgba(200,220,255,.9),transparent),radial-gradient(1.5px 1.5px at 12% 85%,#fff,transparent),radial-gradient(1px 1px at 92% 80%,rgba(255,220,245,.9),transparent),radial-gradient(1px 1px at 55% 45%,#fff,transparent),radial-gradient(1.5px 1.5px at 75% 92%,#fff,transparent);background-size:320px 320px;opacity:.6;animation:ss-stardrift 46s linear infinite,ss-twinkle 4.2s ease-in-out infinite alternate}@keyframes ss-stardrift{to{background-position:320px 160px}}@keyframes ss-twinkle{0%{opacity:.4}to{opacity:.85}}.ss-stars2{background-size:210px 210px;background-position:90px 40px;opacity:.4;animation:ss-stardrift2 30s linear infinite,ss-twinkle 3.1s ease-in-out infinite alternate}@keyframes ss-stardrift2{to{background-position:300px 250px}}.ss-beams{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;pointer-events:none;opacity:.12;background:conic-gradient(from 0deg at 50% 118%,transparent 0deg,rgba(255,122,217,.18) 10deg,transparent 22deg,transparent 56deg,rgba(138,180,255,.18) 68deg,transparent 80deg,transparent 116deg,rgba(125,255,208,.16) 128deg,transparent 140deg);animation:ss-spin 20s linear infinite reverse;transition:opacity .4s}.spellsong[data-combo="1"] .ss-beams{opacity:.3}.spellsong[data-combo="2"] .ss-beams{opacity:.55}.spellsong[data-combo="3"] .ss-beams{opacity:.85}.ss-floor{position:absolute;left:-30%;right:-30%;bottom:-4%;height:46%;pointer-events:none;background-image:linear-gradient(90deg,rgba(255,122,217,.5) 1px,transparent 1px),linear-gradient(0deg,rgba(138,180,255,.45) 1px,transparent 1px);background-size:64px 64px;transform:perspective(320px) rotateX(74deg);transform-origin:bottom center;mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.6) 35%,transparent 85%);-webkit-mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.6) 35%,transparent 85%);animation:ss-floorscroll 1.5s linear infinite;transition:filter .4s}@keyframes ss-floorscroll{to{background-position:0 64px}}.spellsong[data-combo="2"] .ss-floor{filter:brightness(1.3) saturate(1.2)}.spellsong[data-combo="3"] .ss-floor{filter:brightness(1.7) saturate(1.5)}.ss-aurora{position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;pointer-events:none;opacity:.4;background:radial-gradient(45% 60% at 25% 40%,rgba(220,70,170,.35),transparent 72%),radial-gradient(50% 55% at 76% 36%,rgba(80,130,255,.32),transparent 72%),radial-gradient(55% 60% at 55% 76%,rgba(110,230,210,.28),transparent 74%);filter:blur(40px) saturate(1.15);mix-blend-mode:screen;animation:ss-aurora 26s ease-in-out infinite alternate;transition:opacity .6s}@keyframes ss-aurora{0%{transform:translate3d(-3%,-2%,0) scale(1.05)}to{transform:translate3d(4%,3%,0) scale(1.12)}}.spellsong[data-combo="2"] .ss-aurora{opacity:.55}.spellsong[data-combo="3"] .ss-aurora{opacity:.72}.ss-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:radial-gradient(120% 80% at 50% 80%,transparent 40%,rgba(125,255,208,.28) 100%);mix-blend-mode:screen;animation:ss-vig .34s ease-out forwards}@keyframes ss-vig{0%{opacity:1}to{opacity:0}}.ss-galaxy{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;display:block;pointer-events:none}.ss-galaxy.huedrift{animation:ss-huedrift 90s linear infinite}@keyframes ss-huedrift{to{filter:hue-rotate(360deg)}}.ss-galaxy-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(125% 105% at 50% 44%,transparent 52%,rgba(4,2,12,.55) 100%)}.ss-arena-gl{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;display:block;pointer-events:none}.spellsong:not([data-phase=intro]) .ss-nebula,.spellsong:not([data-phase=intro]) .ss-aurora,.spellsong:not([data-phase=intro]) .ss-stars,.spellsong:not([data-phase=intro]) .ss-beams,.spellsong:not([data-phase=intro]) .ss-floor{display:none}@media(prefers-reduced-motion:reduce){.ss-nebula,.ss-stars,.ss-beams,.ss-floor,.ss-aurora,.ss-searchlights,.ss-skyflash{animation:none}}.ss-head{position:relative;z-index:3;display:flex;align-items:baseline;gap:.6rem;padding:.8rem 1.2rem}.ss-leave{position:relative;z-index:4}.ss-coach{position:absolute;left:50%;top:10%;transform:translate(-50%);z-index:7;width:min(92vw,40rem);text-align:center;color:#f4f0ff;background:#100822db;border:1px solid rgba(180,130,255,.4);border-radius:16px;padding:.9rem 1.4rem;box-shadow:0 0 40px #783cff59;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ss-coach-step{font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:#b69bff;margin-bottom:.4rem}.ss-coach-line{margin:0;font-size:1.05rem;line-height:1.45}.ss-coach-next{margin-top:.8rem;padding:.55rem 1.8rem;border:none;border-radius:999px;cursor:pointer;color:#fff;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(90deg,#ff3df0,#7a5cff);animation:ss-coach-next-pulse 1.2s ease-in-out infinite}@keyframes ss-coach-next-pulse{0%,to{box-shadow:0 0 18px #ff50dc8c;transform:scale(1)}50%{box-shadow:0 0 34px #78a0fff2;transform:scale(1.05)}}@media(prefers-reduced-motion:reduce){.ss-coach-next{animation:none}}.ss-btn.coach-lit .ss-btn-body{border-color:#ffd36e;box-shadow:0 0 28px 4px #ffd36ecc,inset 0 0 22px color-mix(in srgb,var(--c) 30%,transparent);animation:ss-coachlit .9s ease-in-out infinite alternate}@keyframes ss-coachlit{to{box-shadow:0 0 42px 8px #ffd36e,inset 0 0 26px color-mix(in srgb,var(--c) 45%,transparent)}}@media(prefers-reduced-motion:reduce){.ss-btn.coach-lit .ss-btn-body{animation:none}}.ss-getready{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;opacity:.85;animation:ss-blink .7s steps(2) infinite}.ss-intro{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:1.1rem;padding:1.2rem var(--ds-pad-x) 1.3rem;overflow:auto}.ss-blurb{max-width:46rem;text-align:center;color:var(--disco-faint);font-size:var(--ds-body);line-height:1.6;margin:0}.ss-pick{display:flex;gap:2.6rem;width:100%;max-width:58rem;justify-content:center;align-items:flex-start;flex-wrap:wrap}.ss-pick-col{flex:1;min-width:18rem}.ss-pick-h{font-size:var(--ds-eyebrow);text-transform:uppercase;letter-spacing:.14em;color:var(--disco-faint);font-weight:600;margin:0 0 .75rem}.ss-portraits{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.ss-portrait{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.5rem;border:2px solid var(--disco-line);border-radius:var(--ds-radius-sm);background:#ffffff0a;color:inherit;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}.ss-portrait img{width:100%;aspect-ratio:1;object-fit:cover;object-position:top center;border-radius:8px;background:#0c0720}.ss-portrait span{font-size:var(--ds-meta);color:var(--disco-faint)}.ss-portrait:hover{transform:translateY(-2px);border-color:var(--disco-line-hi)}.ss-portrait.sel{border-color:var(--disco-pink-soft);box-shadow:0 0 18px #ff7ad966}.ss-song-head{display:flex;align-items:center;gap:.6rem;margin:1.1rem 0 .7rem;padding-top:1rem;border-top:1px solid var(--disco-line)}.ss-song-head .ss-pick-h{margin:0}.ss-intro-actions{display:flex;flex-direction:column;align-items:center;gap:.6rem}.ss-help-btn{border:none;background:none;cursor:pointer;color:var(--disco-faint);font:600 var(--ds-sm) var(--disco-sans);letter-spacing:.04em;text-decoration:underline;text-underline-offset:3px}.ss-help-btn:hover{color:var(--disco-ink)}.ss-help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:2rem;background:#07030fb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ss-help-card{max-width:42rem;text-align:center;padding:1.9rem 2.1rem;background:linear-gradient(180deg,#261240f0,#0e071cf5);border:1px solid rgba(180,130,255,.3);border-radius:var(--ds-radius);box-shadow:0 0 60px #783cff59}.ss-help-h{margin:0 0 .9rem;font-size:var(--ds-h2);color:#fff}.ss-help-card .ss-blurb{max-width:none;text-align:left}.ss-help-close{margin-top:1.4rem;padding:.6rem 2rem;border:none;border-radius:999px;cursor:pointer;color:#fff;font-weight:700;font-family:var(--disco-sans);letter-spacing:.04em;background:var(--disco-grad);box-shadow:var(--disco-glow)}.ss-help-close:hover:not(:disabled){filter:brightness(1.08);background:var(--disco-grad)}.ss-begin{padding:.8rem 2.8rem;font-size:var(--ds-strong);letter-spacing:.06em;text-transform:uppercase;border:none;border-radius:999px;color:#fff;font-weight:700;cursor:pointer;font-family:var(--disco-sans);background:var(--disco-grad);box-shadow:var(--disco-glow)}.ss-begin:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);background:var(--disco-grad)}.ss-tapout{padding:.7rem 1.6rem;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;border:2px solid rgba(138,180,255,.6);border-radius:999px;background:#8ab4ff14;color:#cdd9ff;font-weight:700;cursor:pointer}.ss-tapout:hover{background:#8ab4ff2e}.ss-record{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:2rem}.ss-record-h{margin:0;font-size:2rem;letter-spacing:.1em;text-transform:uppercase}.ss-record-sub{max-width:38rem;opacity:.8;line-height:1.5;margin:0}.ss-record-pulse{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(125,255,208,.5),transparent 70%);border:3px solid rgba(125,255,208,.8);animation:ss-recpulse .3s ease-out}@keyframes ss-recpulse{0%{transform:scale(1.25);box-shadow:0 0 40px 10px #7dffd0b3}to{transform:scale(1);box-shadow:0 0 0 0 transparent}}.ss-record-count{display:flex;flex-direction:column;line-height:1}.ss-record-count b{font-size:2.6rem;font-weight:900;color:#7dffd0}.ss-record-count span{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;opacity:.6}.ss-record-time{font-size:.9rem;opacity:.55}.ss-tapresult{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;text-align:center;padding:2rem}.ss-tapresult h2{margin:0;font-size:1.6rem}.ss-tapresult-verdict{font-size:1.3rem;margin:0}.ss-tapresult-verdict b.late{color:#ff9b3d}.ss-tapresult-verdict b.early{color:#8ab4ff}.ss-tapresult-read{max-width:36rem;opacity:.7;line-height:1.5;margin:0}.ss-tapresult-none{max-width:34rem;opacity:.8}.ss-stage{position:relative;z-index:2;flex:1;display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);grid-template-rows:auto 1fr auto;grid-template-areas:"bar  bar  bar" "you  lane foe" "tray tray tray";align-items:center;gap:.8rem 1rem;padding:.4rem 1.5rem 1rem;min-height:0}.ss-duelbar{grid-area:bar;display:flex;align-items:center;justify-content:center;gap:1.2rem;padding:0 .5rem}.ss-fighter{flex:1;display:flex;flex-direction:column;gap:.25rem}.ss-fighter-foe{align-items:flex-end}.ss-fighter-name{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;opacity:.8}.ss-bar{height:12px;width:100%;border-radius:999px;background:#ffffff1a;overflow:hidden}.ss-bar.shield{height:7px}.ss-bar-fill{height:100%;border-radius:999px;transition:width .18s ease-out}.ss-bar.hp .ss-bar-fill{background:linear-gradient(90deg,#ff5d7a,#ff9b3d)}.ss-bar.shield .ss-bar-fill{background:linear-gradient(90deg,#8ab4ff,#cdd9ff)}.ss-bar.foe .ss-bar-fill{background:linear-gradient(90deg,#b46bff,#ff5db0)}.ss-combo-big{position:absolute;top:.4rem;left:50%;transform:translate(-50%);transform-origin:50% 0;z-index:6;pointer-events:none;white-space:nowrap;display:inline-flex;align-items:baseline;gap:.3em;font-weight:900;font-style:italic;color:#ffd36e;line-height:1;animation:ss-combopop .22s ease-out}.ss-combo-big b{font-size:2.8rem;-webkit-text-stroke:2px rgba(0,0,0,.55);paint-order:stroke fill;text-shadow:0 0 22px #ffb03e,0 2px 5px rgba(0,0,0,.6)}.ss-combo-big small{font-size:.66rem;letter-spacing:.18em;opacity:.7;text-transform:uppercase}@keyframes ss-combopop{0%{transform:translate(-50%) scale(1.16);filter:brightness(1.7)}to{transform:translate(-50%) scale(1);filter:brightness(1)}}.ss-performer{grid-area:you;display:flex;flex-direction:column;align-items:center;gap:.5rem;justify-self:center}.ss-foe{grid-area:foe;display:flex;flex-direction:column;align-items:center;gap:.5rem;justify-self:center}.ss-frame{width:260px;max-width:31vw;aspect-ratio:3 / 4;border-radius:14px;overflow:hidden;border:3px solid rgba(255,255,255,.15);box-shadow:0 0 30px #785aff4d;transition:box-shadow .2s,transform .2s}.ss-frame{--glow: 0;position:relative;box-shadow:0 0 calc(24px + 46px * var(--glow)) rgba(255,122,217,calc(.25 + .55 * var(--glow)))}.ss-frame img{width:100%;height:100%;object-fit:cover;object-position:top center}.ss-disc{position:relative;width:min(34vw,280px);aspect-ratio:1}.ss-disc:before{content:"";position:absolute;top:8.5%;right:8.5%;bottom:8.5%;left:8.5%;border-radius:50%;z-index:1;padding:2.5px;background:conic-gradient(from 0deg,#ff3df0,#7a5cff,#7dffd0,#ffd36e,#ff7ad9,#ff3df0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;filter:drop-shadow(0 0 6px rgba(255,122,217,.6));animation:ss-spin 9s linear infinite;pointer-events:none}.ss-disc .ss-frame{position:absolute;top:11%;right:11%;bottom:11%;left:11%;width:auto;height:auto;max-width:none;aspect-ratio:auto;border-radius:50%;border:2px solid rgba(8,4,18,.9);box-shadow:0 0 calc(20px + 42px * var(--glow)) rgba(255,122,217,calc(.3 + .55 * var(--glow)))}.ss-disc .ss-frame img{object-position:center 12%}.ss-rings{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible;z-index:2;pointer-events:none}.ss-ring-track{fill:none;stroke:#ffffff1a;stroke-width:5}.ss-ring-track.thin{stroke:#8ab4ff29;stroke-width:3}.ss-ring-hp{fill:none;stroke-width:5.5;stroke-linecap:round;transition:stroke-dashoffset .28s ease-out .34s;filter:drop-shadow(0 0 5px currentColor)}.ss-ring-hp.you{stroke:#4fe0a0;color:#4fe0a0}.ss-ring-hp.foe{stroke:#ff5db0;color:#ff5db0}.ss-ring-shield{fill:none;stroke:#8ab4ff;color:#8ab4ff;stroke-width:3.5;stroke-linecap:round;transition:stroke-dashoffset .24s ease-out .34s;filter:drop-shadow(0 0 4px currentColor)}.ss-shield-shell{position:absolute;top:-9%;right:-9%;bottom:-9%;left:-9%;border-radius:50%;z-index:0;pointer-events:none;transform:scale(calc(.94 + .1 * var(--sh, 0)));background:radial-gradient(circle,#8ab4ff00 56%,#8ab4ff24 72%,#96beff4d 85%,#8ab4ff00 95%);border:2px solid rgba(175,208,255,.55);box-shadow:0 0 26px #78a5ff8c,inset 0 0 30px #8ab4ff4d;transition:opacity .3s ease,transform .3s ease}.ss-shield-shell:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(210,228,255,.55) 30deg,transparent 90deg,rgba(160,200,255,.4) 200deg,transparent 280deg);-webkit-mask:radial-gradient(circle,transparent 72%,#000 82%,transparent 97%);mask:radial-gradient(circle,transparent 72%,#000 82%,transparent 97%);animation:ss-spin 7s linear infinite}@media(prefers-reduced-motion:reduce){.ss-shield-shell:before{animation:none}}.ss-performer.hot .ss-frame{transform:scale(1.05);border-color:#ffd36eb3}.ss-performer.recovering .ss-frame{filter:grayscale(.5) brightness(.7);box-shadow:0 0 30px #ff5d7a80}.ss-recovering{position:absolute;inset:auto 0 8% 0;display:flex;flex-direction:column;align-items:center;font-weight:900;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;color:#ff9b3d;text-shadow:0 0 10px rgba(0,0,0,.9);animation:ss-blink .5s steps(2) infinite}.ss-recovering small{font-size:.55rem;opacity:.85;letter-spacing:.12em;color:#fff}.ss-downs{margin-left:.4rem;color:#ff5d7a;font-weight:800}.ss-performer-name{font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;opacity:.75}.ss-performer.stunned .ss-frame{filter:grayscale(.4) brightness(1.25) saturate(1.4) hue-rotate(170deg);border-color:#bcd8ff;box-shadow:0 0 34px #8cc8ffd9;animation:ss-stun-judder .12s steps(2) infinite}@keyframes ss-stun-judder{0%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}to{transform:translate(-1px)}}.ss-stun-tag{position:absolute;inset:auto 0 42% 0;text-align:center;font-weight:900;font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;color:#cfe6ff;text-shadow:0 0 12px #5da0ff,0 0 3px #000;animation:ss-blink .28s steps(2) infinite}.spellsong[data-stunned="1"] .ss-buttons{filter:grayscale(.7) brightness(.5);pointer-events:none;opacity:.7;transition:filter .1s,opacity .1s}.ss-frame-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:screen;animation:ss-frameflash .32s ease-out forwards}.ss-frame-flash.judge-perfect{background:radial-gradient(circle,rgba(125,255,208,.9),transparent 70%)}.ss-frame-flash.judge-great{background:radial-gradient(circle,rgba(138,180,255,.8),transparent 70%)}.ss-frame-flash.judge-good{background:radial-gradient(circle,rgba(201,167,255,.7),transparent 70%)}@keyframes ss-frameflash{0%{opacity:.9}to{opacity:0}}.ss-lane-wrap{justify-self:center;height:100%;display:flex;align-items:stretch}.ss-lane{position:relative;width:460px;max-width:42vw;height:100%;min-height:380px;overflow:hidden}.ss-lane-floor{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(50% 18%,100% 100%,0 100%);background:linear-gradient(180deg,#785aff08 18%,#ff7ad921 80%,#7dffd038)}.ss-rung{position:absolute;left:50%;height:0;transform:translate(-50%);border-top:2px solid rgba(180,210,255,.9);box-shadow:0 0 6px #8ab4ff80;pointer-events:none}.ss-lane-rails{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ss-lane-rails line{stroke:#ff7ad9a6;stroke-width:2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px rgba(255,122,217,.8))}.ss-lane-rails line.mid{stroke:#8ab4ff38;stroke-width:1;filter:none}.ss-vanish{position:absolute;top:18%;left:50%;width:130px;height:110px;transform:translate(-50%,-55%);background:radial-gradient(ellipse at center,rgba(180,160,255,.5),transparent 70%);pointer-events:none}.ss-hit-target{position:absolute;left:0;right:0;height:0;pointer-events:none}.ss-hit-glow{position:absolute;left:50%;top:0;width:300px;height:54px;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(125,255,208,.5),transparent 70%)}.ss-hit-ring{position:absolute;left:50%;top:0;width:78%;height:0;transform:translate(-50%,-50%);border-top:3px solid rgba(125,255,208,.85);box-shadow:0 0 14px #7dffd099}.ss-beat-mark{position:absolute;left:50%;top:0;width:320px;height:0;transform:translate(-50%,-50%);pointer-events:none;border-top:2px solid rgba(255,255,255,.95);box-shadow:0 0 12px 2px #fffc;animation:ss-beatmark .26s ease-out forwards}.ss-beat-mark:before{content:"";position:absolute;left:50%;top:0;width:110px;height:30px;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.9);border-radius:50%;box-shadow:0 0 14px #fff9}@keyframes ss-beatmark{0%{opacity:.95;transform:translate(-50%,-50%) scaleX(.55)}to{opacity:0;transform:translate(-50%,-50%) scaleX(1.1)}}@media(prefers-reduced-motion:reduce){.ss-beat-mark{animation-duration:.12s}}.ss-hit-pulse{position:absolute;left:50%;top:0;width:120px;height:34px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;animation:ss-hitpulse .36s ease-out forwards}.ss-hit-pulse.judge-perfect{box-shadow:0 0 30px 8px #7dffd0}.ss-hit-pulse.judge-great{box-shadow:0 0 26px 6px #8ab4ff}.ss-hit-pulse.judge-good{box-shadow:0 0 22px 4px #c9a7ff}.ss-hit-pulse.judge-miss,.ss-hit-pulse.judge-wrong{box-shadow:0 0 22px 4px #ff5d7a}@keyframes ss-hitpulse{0%{opacity:.95;transform:translate(-50%,-50%) scale(.7)}to{opacity:0;transform:translate(-50%,-50%) scale(1.7)}}.ss-note{--s: 1;position:absolute;left:50%;transform:translate(-50%,-50%) scale(var(--s));display:flex;gap:3px;padding:.55rem .95rem;border-radius:12px;background:#140c28d9;border:3px solid rgba(138,180,255,.5);font-weight:800;font-size:2.4rem;letter-spacing:.04em;box-shadow:0 0 12px #8ab4ff40;will-change:top,transform}.ss-note.chord{border-color:#ff7ad999;box-shadow:0 0 14px #ff7ad94d}.ss-note.chord .ss-ch+.ss-ch:before{content:"+";margin:0 1px 0 2px;opacity:.4;font-size:.7em}.ss-note.active{border-color:#ffd36e;box-shadow:0 0 26px #ffd36eb3;animation:ss-notebreathe .5s ease-in-out infinite alternate}@keyframes ss-notebreathe{to{box-shadow:0 0 34px #ffd36ef2}}.ss-ch{color:#cdd9ff;transition:color .08s,text-shadow .08s}.ss-ch.done{color:#7dffd0;text-shadow:0 0 12px rgba(125,255,208,.9)}.ss-note.struck{opacity:.5}.ss-note.judge-perfect{border-color:#7dffd0;animation:ss-notepop .3s ease-out}.ss-note.judge-great{border-color:#8ab4ff;animation:ss-notepop .3s ease-out}.ss-note.judge-good{border-color:#c9a7ff}.ss-note.judge-miss,.ss-note.judge-wrong{border-color:#ff5d7a;opacity:.3}@keyframes ss-notepop{0%{transform:translate(-50%,-50%) scale(var(--s))}40%{transform:translate(-50%,-50%) scale(calc(var(--s) * 1.4));filter:brightness(1.7)}to{transform:translate(-50%,-50%) scale(var(--s))}}.ss-bursts{position:absolute;left:50%;height:0;pointer-events:none}.ss-burst{position:absolute;left:0;top:0;transform:translate(-50%,-50%)}.ss-burst-ring{position:absolute;left:0;top:0;width:40px;height:40px;transform:translate(-50%,-50%);border-radius:50%;border:3px solid #fff;animation:ss-ring .5s ease-out forwards}.ss-burst.judge-perfect .ss-burst-ring{border-color:#7dffd0;box-shadow:0 0 24px #7dffd0}.ss-burst.judge-great .ss-burst-ring{border-color:#8ab4ff;box-shadow:0 0 18px #8ab4ff}.ss-burst.judge-good .ss-burst-ring{border-color:#c9a7ff}.ss-burst.judge-miss .ss-burst-ring,.ss-burst.judge-wrong .ss-burst-ring{border-color:#ff5d7a}@keyframes ss-ring{0%{width:14px;height:14px;opacity:.95}to{width:150px;height:150px;opacity:0}}.ss-burst-word{position:absolute;left:0;top:0;transform:translate(-50%,-50%);white-space:nowrap;font-weight:900;font-size:1.7rem;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 0 14px currentColor;animation:ss-word .62s cubic-bezier(.2,1.5,.4,1) forwards}.ss-burst.judge-perfect .ss-burst-word{color:#7dffd0;font-size:2.1rem}.ss-burst.judge-great .ss-burst-word{color:#8ab4ff}.ss-burst.judge-good .ss-burst-word{color:#c9a7ff}@keyframes ss-word{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}25%{transform:translate(-50%,-120%) scale(1.15);opacity:1}to{transform:translate(-50%,-220%) scale(1);opacity:0}}.ss-spark{position:absolute;left:0;top:0;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 8px currentColor;animation:ss-spark .6s ease-out forwards}.ss-burst.judge-perfect .ss-spark{background:#7dffd0;color:#7dffd0}.ss-burst.judge-great .ss-spark{background:#8ab4ff;color:#8ab4ff}.ss-burst.judge-good .ss-spark{background:#c9a7ff;color:#c9a7ff}.ss-burst.judge-miss .ss-spark,.ss-burst.judge-wrong .ss-spark{background:#ff5d7a;color:#ff5d7a}@keyframes ss-spark{0%{transform:translate(-50%,-50%);opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.3);opacity:0}}@keyframes ss-punch{0%{transform:scale(1.5);filter:brightness(1.8)}to{transform:scale(1)}}.ss-foe-frame{transform:scaleX(-1);border-color:#b45aff59;box-shadow:0 0 26px #b43cc859}.ss-foe.menacing .ss-foe-frame{box-shadow:0 0 34px #ff50788c}.ss-foe.danger .ss-foe-frame{animation:ss-foepulse .5s ease-in-out infinite}@keyframes ss-foepulse{50%{box-shadow:0 0 46px #ff3c5ae6}}.ss-foe.felled .ss-foe-frame{filter:grayscale(.7) brightness(.6);box-shadow:none}.ss-felled-tag{position:absolute;inset:auto 0 40% 0;transform:scaleX(-1);text-align:center;font-weight:900;font-size:1.3rem;letter-spacing:.12em;text-transform:uppercase;color:#7dffd0;text-shadow:0 0 12px rgba(0,0,0,.9)}.ss-telegraph{position:absolute;left:0;right:0;bottom:6px;transform:scaleX(-1);display:flex;flex-direction:column;align-items:center;gap:3px}.ss-telegraph-label{font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#ffd36e;text-shadow:0 0 8px rgba(0,0,0,.8)}.ss-foe.danger .ss-telegraph-label{color:#ff5d7a;animation:ss-blink .4s steps(2) infinite}@keyframes ss-blink{50%{opacity:.35}}.ss-telegraph-bar{width:80%;height:6px;border-radius:999px;background:#00000080;overflow:hidden}.ss-telegraph-bar div{height:100%;background:linear-gradient(90deg,#ffd36e,#ff5d7a)}.ss-spelltray{grid-area:tray;display:flex;justify-content:center;align-items:center;gap:.8rem;flex-wrap:wrap}.ss-spell{--c: #fff;position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.5rem;align-items:center;min-width:130px;padding:.4rem .7rem;border-radius:12px;border:2px solid rgba(255,255,255,.14);background:#ffffff0a;transition:border-color .12s,box-shadow .12s,transform .12s}.ss-spell-key{grid-row:1 / 3;width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:var(--c);color:#160a2b;font-weight:800}.ss-spell-label{font-weight:600;font-size:.9rem}.ss-spell-charge{grid-column:2;height:6px;border-radius:999px;background:#ffffff1f;overflow:hidden}.ss-spell-charge div{height:100%;background:var(--c);transition:width .12s linear}.ss-spell.active{border-color:var(--c);box-shadow:0 0 18px color-mix(in srgb,var(--c) 50%,transparent);transform:translateY(-3px)}.ss-spell.ready .ss-spell-charge div{box-shadow:0 0 10px var(--c)}.ss-spell.ready:after{content:"READY";position:absolute;top:-8px;right:6px;font-size:.5rem;letter-spacing:.1em;padding:1px 5px;border-radius:4px;background:var(--c);color:#160a2b;font-weight:800}.ss-song-tag{font-size:.7rem;opacity:.55;align-self:center;margin-left:.4rem}.ss-results-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse 85% 75% at 50% 44%,#0603108c,#03010ad1);animation:ss-scrim-in .4s ease-out both}@keyframes ss-scrim-in{0%{opacity:0}to{opacity:1}}.ss-results{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:center;gap:clamp(1.5rem,5vw,4rem);flex-wrap:wrap;padding:2rem;animation:ss-result-in .5s ease-out both}@keyframes ss-result-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.ss-result-hero{position:relative;width:min(40vw,340px);aspect-ratio:1;display:grid;place-items:center;flex:0 0 auto}.ss-result-rays{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,244,200,.22) 0deg 5deg,transparent 5deg 16deg);-webkit-mask:radial-gradient(circle,transparent 36%,#000 44%,transparent 76%);mask:radial-gradient(circle,transparent 36%,#000 44%,transparent 76%);animation:ss-spin 20s linear infinite;opacity:0}.ss-result-hero.win .ss-result-rays{opacity:.85}.ss-result-disc{position:relative;width:76%;aspect-ratio:1;border-radius:50%;animation:ss-result-pop .6s cubic-bezier(.2,1.3,.4,1) both}@keyframes ss-result-pop{0%{transform:scale(.55);opacity:0}to{transform:scale(1);opacity:1}}.ss-result-disc:before{content:"";position:absolute;top:-7%;right:-7%;bottom:-7%;left:-7%;border-radius:50%;background:conic-gradient(from 0deg,#ff4fd8,#b46bff,#4fd0ff,#4fe0a0,#ffd84f,#ff4fd8);-webkit-mask:radial-gradient(circle,transparent 60%,#000 62%);mask:radial-gradient(circle,transparent 60%,#000 62%);animation:ss-spin 9s linear infinite}.ss-result-hero.lose .ss-result-disc:before{background:conic-gradient(from 0deg,#6a6a8a,#3a3a52,#6a6a8a)}.ss-result-frame{position:absolute;top:4%;right:4%;bottom:4%;left:4%;border-radius:50%;overflow:hidden;border:3px solid rgba(8,4,18,.9);box-shadow:0 0 44px #ff78e680,inset 0 0 30px #0009}.ss-result-hero.lose .ss-result-frame{box-shadow:0 0 24px #5a5a8266,inset 0 0 30px #000000b3}.ss-result-hero.lose .ss-result-frame img{filter:grayscale(.7) brightness(.62)}.ss-result-frame img{width:100%;height:100%;object-fit:cover;object-position:center 14%;display:block}.ss-confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:3}.ss-confetti span{position:absolute;top:-6%;border-radius:1px;opacity:.9;animation-name:ss-confetti-fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes ss-confetti-fall{0%{transform:translateY(-10vh) rotate(var(--rot));opacity:0}10%{opacity:.95}to{transform:translateY(108vh) rotate(calc(var(--rot) + 540deg));opacity:.9}}.ss-results-body{text-align:center;max-width:26rem}.ss-result-title{margin:0 0 .25rem;font-size:clamp(2rem,4vw,3rem);font-weight:900;letter-spacing:.02em;background:linear-gradient(95deg,#fff,#ffd84f 30%,#ff7ad9 60%,#7dd0ff);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ss-title-shine 3.4s ease-in-out infinite}.ss-results.lose .ss-result-title{background:none;color:#c9c9e0;-webkit-text-fill-color:#c9c9e0;animation:none}@keyframes ss-title-shine{0%,to{background-position:0% 0}50%{background-position:100% 0}}.ss-results-song{opacity:.6;margin:0 0 .8rem}.ss-grade{font-size:4rem;font-weight:900;line-height:1;margin:.4rem 0;background:linear-gradient(90deg,#ff7ad9,#7dffd0);-webkit-background-clip:text;background-clip:text;color:transparent}.ss-grade.grade-F{background:none;color:#ff5d7a;-webkit-text-fill-color:#ff5d7a}.ss-tally{list-style:none;display:flex;gap:1.2rem;justify-content:center;padding:0;margin:1rem 0;flex-wrap:wrap}.ss-tally li{display:flex;flex-direction:column;align-items:center}.ss-tally li.bad b{color:#ff5d7a}.ss-tally b{font-size:1.4rem}.ss-tally span{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;opacity:.55}.ss-actions{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}.spellsong .focus-sink{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.ss-lanes{grid-area:lane;justify-self:center;display:flex;gap:.55rem;height:100%;min-height:360px;align-items:stretch}.ss-lane2{--c: #fff;position:relative;width:84px;max-width:12vw;min-width:54px;border-radius:14px 14px 10px 10px;overflow:hidden;background:#ffffff08;border:2px solid color-mix(in srgb,var(--c) 30%,transparent);box-shadow:inset 0 -40px 60px -40px var(--c)}.ss-lane2.mana{width:92px}.ss-lane2-floor{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--c) 8%,transparent) 70%,color-mix(in srgb,var(--c) 22%,transparent) 100%)}.ss-dot{--s: 1;position:absolute;left:50%;width:40px;height:40px;transform:translate(-50%,-50%) scale(var(--s));border-radius:50%;background:radial-gradient(circle at 38% 34%,#fff,var(--c) 55%,color-mix(in srgb,var(--c) 50%,#000) 100%);box-shadow:0 0 14px 2px color-mix(in srgb,var(--c) 70%,transparent);will-change:top}.ss-lane2.mana .ss-dot{border-radius:4px}.ss-dot.struck{opacity:.18!important;filter:grayscale(.6);box-shadow:none}.ss-lane2-hit{position:absolute;left:0;right:0;height:0;pointer-events:none}.ss-lane2-ring{position:absolute;left:50%;top:0;width:48px;height:48px;transform:translate(-50%,-50%);border:3px solid color-mix(in srgb,var(--c) 80%,transparent);border-radius:50%;box-shadow:0 0 16px color-mix(in srgb,var(--c) 50%,transparent),inset 0 0 12px color-mix(in srgb,var(--c) 30%,transparent)}.ss-lane2.mana .ss-lane2-ring{border-radius:8px}.ss-lane2-flash{position:absolute;left:50%;top:0;width:64px;height:64px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;animation:ss-laneflash .34s ease-out forwards}.ss-lane2-flash.judge-perfect{box-shadow:0 0 30px 10px #7dffd0}.ss-lane2-flash.judge-great{box-shadow:0 0 26px 8px #8ab4ff}.ss-lane2-flash.judge-good{box-shadow:0 0 22px 6px #c9a7ff}.ss-lane2-flash.judge-miss{box-shadow:0 0 18px 4px #ff5d7a}.ss-lane2-flash.fizzle{filter:grayscale(.8) brightness(.7)}@keyframes ss-laneflash{0%{opacity:.95;transform:translate(-50%,-50%) scale(.6)}to{opacity:0;transform:translate(-50%,-50%) scale(1.7)}}.ss-lane2-cap{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 0 6px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--c) 16%,rgba(0,0,0,.5)))}.ss-lane2-glyph{font-size:1.1rem;color:var(--c);line-height:1;text-shadow:0 0 8px var(--c)}.ss-lane2-key{font-size:.62rem;font-weight:800;letter-spacing:.06em;color:#160a2b;background:var(--c);border-radius:4px;padding:0 5px}.ss-lane2-label{font-size:.55rem;text-transform:uppercase;letter-spacing:.08em;opacity:.7}.ss-bar.mana{height:7px}.ss-bar.mana .ss-bar-fill{background:linear-gradient(90deg,#ffd36e,#ffe9a8)}.ss-songtag{grid-area:tray;justify-self:center;font-size:.72rem;opacity:.55}.ss-beatlane{grid-area:lane;justify-self:center;position:relative;width:96px;height:100%;min-height:320px;background:none;border:none}.ss-beatlane-floor{display:none}.ss-beatdot{--s: 1;position:absolute;left:50%;width:28px;height:28px;transform:translate(-50%,-50%) rotate(45deg) scale(var(--s));border-radius:6px;background:linear-gradient(150deg,#5ac8e63d,#0e14288c);border:1.5px solid rgba(150,240,255,.95);box-shadow:0 0 12px 1px #6edcff80,inset 0 0 8px #96ebff47}.ss-beatdot:before{content:"";position:absolute;top:32%;right:32%;bottom:32%;left:32%;border-radius:2px;background:radial-gradient(circle,#fffffff2,#a0ebff00 72%)}.ss-beatline{position:absolute;left:-28%;right:-28%;height:2px;pointer-events:none;transform:translateY(-1px);background:linear-gradient(90deg,transparent,rgba(125,255,208,.9) 14%,#eafff7 50%,rgba(125,255,208,.9) 86%,transparent);box-shadow:0 0 12px 1px #7dffd08c}.ss-beatline:before,.ss-beatline:after{content:"";position:absolute;top:50%;width:12px;height:12px;transform:translateY(-50%) rotate(45deg);background:#0e162a80;border:1.5px solid rgba(150,240,255,.95);border-radius:3px;box-shadow:0 0 10px 1px #6edcff80}.ss-beatline:before{left:-7px}.ss-beatline:after{right:-7px}.ss-beatpulse{position:absolute;left:50%;top:0;width:82px;height:82px;transform:translate(-50%,-50%);border-radius:50%;border:3px solid rgba(160,255,230,.95);box-shadow:0 0 24px 5px #7dffd08c;animation:ss-beatpulse .32s ease-out forwards}@keyframes ss-beatpulse{0%{opacity:.95;transform:translate(-50%,-50%) scale(.45)}to{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}.ss-buttons{grid-area:tray;display:flex;justify-content:center;align-items:flex-end;gap:14px;padding-bottom:.3rem}.ss-btn{--c: #fff;position:relative;width:108px;height:152px;background:transparent;border:0;padding:0;filter:drop-shadow(0 12px 22px rgba(0,0,0,.5));transition:transform .16s ease,opacity .25s,filter .16s}.ss-btn.mana{width:120px;height:162px}.ss-btn.broke{opacity:.5}.ss-btn-body{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:17px;overflow:hidden;background:linear-gradient(180deg,#241836d1,#0b0714ed);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--c) 30%,transparent);box-shadow:inset 0 1px #ffffff1a;transition:border-color .16s,box-shadow .16s}.ss-btn.mana .ss-btn-body{background:linear-gradient(180deg,color-mix(in srgb,var(--c) 26%,transparent),#100b1ae6 58%,#0b0714f0);border-color:color-mix(in srgb,var(--c) 48%,transparent);box-shadow:0 0 22px color-mix(in srgb,var(--c) 26%,transparent),inset 0 1px #ffffff21}.ss-btn-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:15px 8px 12px}.ss-btn-key{position:absolute;top:-8px;left:50%;transform:translate(-50%);z-index:3;white-space:nowrap;min-width:18px;padding:2px 8px;border-radius:7px;background:linear-gradient(180deg,#2e203ef5,#0f0a1af5);border:1px solid color-mix(in srgb,var(--c) 50%,transparent);box-shadow:0 2px 8px #0006;font-size:9.5px;font-weight:600;letter-spacing:.5px;color:#ffffffe6}.ss-btn-medallion{position:relative;width:46px;height:46px;display:grid;place-items:center;margin-top:9px}.ss-btn-halo{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;filter:blur(2px);background:radial-gradient(circle,color-mix(in srgb,var(--c) 34%,transparent),transparent 66%)}.ss-btn-medallion svg{position:relative;z-index:1;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--c) 50%,transparent))}.ss-btn-label{margin-top:10px;font-size:9px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#ffffff8c}.ss-btn-cost{margin-top:5px;font-size:10px;font-weight:600;letter-spacing:.6px;color:color-mix(in srgb,var(--c) 90%,white)}.ss-btn.throb{animation:ss-throb .34s cubic-bezier(.2,1.4,.4,1)}.ss-btn.th-fired .ss-btn-body{box-shadow:0 0 30px 4px var(--c),inset 0 0 26px color-mix(in srgb,var(--c) 40%,transparent);border-color:var(--c)}.ss-btn.th-mana .ss-btn-body{box-shadow:0 0 30px 4px #f0c878;border-color:#f0c878}.ss-btn.th-fizzle{animation:ss-fizzle .34s ease-out}.ss-btn.th-miss{animation:ss-fizzle .26s ease-out}.ss-btn.th-backfire{animation:ss-backfire .4s ease-out}@keyframes ss-throb{0%{transform:scale(1)}35%{transform:scale(1.22)}to{transform:scale(1)}}@keyframes ss-fizzle{0%{transform:scale(1.05);filter:grayscale(.8) brightness(.7)}to{transform:scale(1)}}@keyframes ss-backfire{0%,to{transform:scale(1)}20%{transform:scale(1.18) translate(-4px);box-shadow:0 0 44px 12px #ff3b3b;border-color:#ff3b3b}60%{transform:scale(1.05) translate(4px);box-shadow:0 0 30px 6px #ff3b3b}}.ss-cast-self{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:screen}.ss-cast-self.cast-shield{animation:ss-fx-shield .6s ease-out forwards;background:radial-gradient(circle,transparent 55%,rgba(138,180,255,.85) 75%,transparent 80%)}.ss-cast-self.cast-heal{animation:ss-fx-heal .6s ease-out forwards;background:radial-gradient(circle at 50% 100%,rgba(125,255,208,.7),transparent 65%)}.ss-cast-self.cast-backfire{animation:ss-fx-back .45s ease-out forwards;background:radial-gradient(circle,rgba(255,59,59,.85),transparent 70%);mix-blend-mode:normal}@keyframes ss-fx-shield{0%{opacity:0;transform:scale(.7)}30%{opacity:1}to{opacity:0;transform:scale(1.1)}}@keyframes ss-fx-heal{0%{opacity:0}25%{opacity:1}to{opacity:0;transform:translateY(-12%)}}@keyframes ss-fx-back{0%{opacity:.95}to{opacity:0}}.ss-cast-foe{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:screen}.ss-cast-foe.cast-bolt{animation:ss-fx-bolt .42s ease-in forwards;background:radial-gradient(circle at 50% 50%,rgba(255,93,122,.9),transparent 60%)}.ss-cast-foe.cast-disrupt{animation:ss-fx-disrupt .5s ease-out forwards;background:radial-gradient(circle,transparent 40%,rgba(201,167,255,.85) 55%,transparent 62%)}@keyframes ss-fx-bolt{0%{opacity:0;transform:scale(1.6) translate(-40%)}60%{opacity:1}to{opacity:0;transform:scale(.8)}}@keyframes ss-fx-disrupt{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(1.6)}}.ss-fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.ss-fx canvas{width:100%;height:100%;display:block}.ss-shield-rail{position:absolute;left:14px;top:26%;bottom:26%;width:16px;z-index:3;border-radius:999px;background:#8ab4ff1f;border:1px solid rgba(138,180,255,.3);overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.ss-shield-fill{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,#cdd9ff,#8ab4ff);box-shadow:0 0 12px #8ab4ffb3;transition:height .16s ease-out}.ss-rail-glyph{position:relative;z-index:1;font-size:.8rem;color:#8ab4ff;padding-bottom:3px;text-shadow:0 0 6px #000}.ss-mana-fill{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,#ffe9a880,#ffd36e52);border-top:2px solid rgba(255,233,168,.85);box-shadow:0 0 18px #ffd36e80;transition:height .14s linear}.ss-mana-tag{position:absolute;left:0;right:0;bottom:4px;text-align:center;font-size:.72rem;font-weight:800;color:#ffe9a8;text-shadow:0 0 6px rgba(0,0,0,.8);pointer-events:none}.ss-btn-fill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;transform-origin:center bottom;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 34%,transparent),color-mix(in srgb,var(--c) 12%,transparent));transition:transform .18s ease-out .34s}.ss-btn-val{margin-top:2px;font-size:22px;font-weight:700;line-height:1;color:#fff;text-shadow:0 0 14px rgba(255,255,255,.22);font-family:Outfit,system-ui,Segoe UI,Helvetica,Arial,sans-serif}.ss-nowplaying{font-size:.82rem;opacity:.6;letter-spacing:.04em}.ss-fx{opacity:0;transition:opacity .25s}.spellsong[data-phase=playing] .ss-fx{opacity:1}.ss-btn-stack{position:absolute;top:8%;left:50%;transform:translate(-50%);z-index:3;font-size:2.5rem;font-weight:900;font-style:italic;color:var(--c);line-height:1;pointer-events:none;-webkit-text-stroke:2px rgba(0,0,0,.7);paint-order:stroke fill;text-shadow:0 0 16px var(--c),0 2px 4px #000;animation:ss-stackpop .3s cubic-bezier(.2,1.5,.4,1)}@keyframes ss-stackpop{0%{transform:translate(-50%) scale(1.5)}60%{transform:translate(-50%) scale(.92)}to{transform:translate(-50%) scale(1)}}.ss-float{position:absolute;z-index:8;pointer-events:none;font-weight:900;font-style:italic;font-size:calc(2rem + 3.8rem * var(--mag, 0));letter-spacing:-.01em;line-height:1;-webkit-text-stroke:calc(1.5px + 1.5px * var(--mag, 0)) rgba(0,0,0,.85);paint-order:stroke fill;text-shadow:0 0 calc(12px + 18px * var(--mag, 0)) currentColor,0 3px 7px rgba(0,0,0,.65);transform:translate(-50%,-50%) translate(var(--fx, 0),var(--fy, 0));animation:ss-float 1.05s cubic-bezier(.2,1.2,.3,1) forwards}.ss-float.crit{filter:drop-shadow(0 0 22px currentColor)}.ss-float-you{left:19%;top:40%}.ss-float-foe{left:81%;top:36%}@keyframes ss-float{0%{opacity:0;transform:translate(-50%,-50%) translate(var(--fx, 0),var(--fy, 0)) scale(.3) rotate(-7deg)}14%{opacity:1;transform:translate(-50%,-50%) translate(var(--fx, 0),calc(var(--fy, 0) - 8px)) scale(1.38) rotate(-2deg)}30%{opacity:1;transform:translate(-50%,-50%) translate(var(--fx, 0),calc(var(--fy, 0) - 18px)) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-50%) translate(var(--fx, 0),calc(var(--fy, 0) - 86px)) scale(.92)}}.ss-impact{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 46%,rgba(255,255,255,.55),rgba(255,120,220,.22) 38%,transparent 70%);mix-blend-mode:screen}.ss-framehit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:0}.ss-framehit.foe{mix-blend-mode:screen;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(255,210,110,.5) 48%,transparent 72%)}.ss-framehit.you{background:radial-gradient(circle,rgba(255,60,80,.92),rgba(255,60,80,.25) 55%,transparent 75%)}.ss-btn.active .ss-btn-body{box-shadow:0 0 22px 3px color-mix(in srgb,var(--c) 60%,transparent),inset 0 0 24px color-mix(in srgb,var(--c) 30%,transparent);border-color:var(--c)}.ss-btn.active .ss-btn-medallion{animation:ss-throb .9s ease-in-out infinite}.ss-foe{position:relative}.lobby{position:relative;min-height:100dvh;width:100%;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;color:var(--disco-ink)}.lobby:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% -10%,#2a1248,#160a2b 45%,#07030f);pointer-events:none;z-index:0}.lobby:after{content:"";position:fixed;top:-5%;right:-5%;bottom:-5%;left:-5%;background:url(/inspiration/discomage-wide.png) center / cover no-repeat;filter:blur(70px) brightness(.32) saturate(1.2);opacity:.4;pointer-events:none;z-index:0}.lobby-shell{position:relative;z-index:1;width:100%;max-width:var(--ds-col);margin:0 auto;padding:.4rem var(--ds-pad-x) 4rem;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--ds-stack)}.lobby button{font:600 var(--ds-sm)/1.1 var(--disco-sans);cursor:pointer;transition:transform .1s,box-shadow .12s,background .12s,border-color .12s,color .12s}.lobby button:disabled{opacity:.4;cursor:default}.btn-primary{color:#fff;border:none;border-radius:999px;padding:.7rem 1.5rem;font-size:var(--ds-strong);background:var(--disco-grad);box-shadow:var(--disco-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);background:var(--disco-grad);box-shadow:0 0 30px #78a0ffcc}.btn-primary.sm{padding:.45rem 1rem;font-size:var(--ds-sm)}.btn-primary.is-ready{background:linear-gradient(90deg,#4fe0a0,#7dffd0);box-shadow:0 0 22px #7dffd099;color:#06281e}.btn-ghost{color:var(--disco-ink);border-radius:999px;padding:.65rem 1.3rem;font-size:var(--ds-strong);background:#ffffff0f;border:1.5px solid var(--disco-line-hi)}.btn-ghost:hover:not(:disabled){background:#ffffff1f;border-color:var(--disco-line-hi)}.btn-ghost.sm{padding:.4rem .9rem;font-size:var(--ds-sm)}.link{background:none;border:none;color:var(--disco-blue);cursor:pointer;padding:0;font:600 var(--ds-sm) var(--disco-sans)}.link:hover{text-decoration:underline}.lobby-avatar{display:flex;flex-direction:column;gap:.55rem}.lobby-avatar-label{font-size:var(--ds-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--disco-faint)}.avatar-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.avatar-opt{width:100%;aspect-ratio:1;padding:0;border-radius:var(--ds-radius);overflow:hidden;border:2px solid var(--disco-line);background:#0000004d;cursor:pointer;transition:border-color .12s,transform .12s,box-shadow .12s}.avatar-opt img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.avatar-opt:hover{transform:translateY(-1px);border-color:var(--disco-line-hi)}.avatar-opt.sel{border-color:var(--disco-pink-soft);box-shadow:0 0 16px #ff7ad980}.lobby-tabs{display:flex;gap:.4rem;border-bottom:1px solid var(--disco-line)}.lobby-tabs button{flex:1;padding:.7rem .3rem;border:none;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--disco-faint);font-weight:700;font-size:var(--ds-sm);letter-spacing:.03em;border-bottom:2px solid transparent;margin-bottom:-1px;border-radius:0}.lobby-tabs button:hover{color:var(--disco-ink)}.lobby-tabs button.on{color:#fff;border-bottom-color:var(--disco-pink)}.lobby-panel{display:flex;flex-direction:column;gap:.85rem}.room-panel{background:linear-gradient(180deg,#26124099,#0e071cbd);border:1px solid rgba(180,130,255,.26);border-radius:var(--ds-radius);padding:1.6rem;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 50px #783cff33}.lobby-panel h2{margin:0;font-size:var(--ds-h2);font-weight:700;color:#fff}.lobby-panel code{background:#ffffff14;padding:0 5px;border-radius:5px;font-size:.85em;font-family:ui-monospace,monospace}.muted{color:var(--disco-faint);font-size:var(--ds-body);line-height:1.55;margin:0}.muted.center{text-align:center}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head h2{margin:0}.field{display:flex;flex-direction:column;gap:.45rem}.field>label{font-size:var(--ds-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--disco-faint)}.field-head{display:flex;align-items:center;gap:.6rem}.field-head label{font-size:var(--ds-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--disco-faint)}.lobby input[type=text],.lobby input:not([type]){font:var(--ds-body) var(--disco-sans);color:var(--disco-ink);background:#00000059;border:1.5px solid var(--disco-line-hi);border-radius:999px;padding:.65rem 1.1rem;width:100%;box-sizing:border-box}.lobby input::placeholder{color:#f4f0ff59;letter-spacing:.06em}.join-row{display:flex;gap:.5rem}.join-row input{flex:1}.join-row .btn-primary{flex-shrink:0}.check{display:flex;align-items:center;gap:.45rem;color:var(--disco-faint);font-size:var(--ds-sm);cursor:pointer}.check input{width:auto}.song-pick{display:flex;flex-direction:column;gap:.5rem}.song-opt{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.85rem 1.1rem;border-radius:var(--ds-radius-sm);text-align:left;background:#ffffff0a;border:1.5px solid var(--disco-line);color:var(--disco-ink);transition:border-color .12s,background .12s,box-shadow .12s}.song-opt:hover{border-color:var(--disco-line-hi)}.song-opt.sel{border-color:var(--disco-pink-soft);background:#ff7ad91f;box-shadow:0 0 18px #ff7ad966}.song-name{font-weight:700;font-size:var(--ds-strong)}.song-diff{font-size:var(--ds-eyebrow);text-transform:uppercase;letter-spacing:.12em;color:var(--disco-faint)}.host-actions{display:flex;align-items:center;gap:1.2rem}.room-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.room-list li{display:flex;align-items:center;gap:.8rem;padding:.7rem 1rem;border-radius:var(--ds-radius-sm);background:#ffffff0a;border:1px solid var(--disco-line)}.room-host{flex:1;font-weight:700;font-size:var(--ds-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-list .code{color:var(--disco-gold);letter-spacing:.1em;font-size:var(--ds-sm);font-family:ui-monospace,monospace}.empty-duels{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:1.8rem;text-align:center;color:var(--disco-faint)}.empty-duels .glyph{font-size:2.6rem}.room-code{display:inline-flex;align-items:center;gap:.6rem;align-self:center;margin:.2rem 0 .4rem;padding:.55rem 1.1rem;border-radius:999px;background:#0000004d;border:1.5px solid rgba(255,211,110,.4);color:var(--disco-ink)}.room-code-label{font-size:var(--ds-eyebrow);letter-spacing:.18em;color:var(--disco-faint)}.lobby .room-code strong{letter-spacing:.16em;font-size:var(--ds-h2);font-weight:700;color:var(--disco-gold);font-family:var(--disco-sans);text-shadow:0 0 14px rgba(255,211,110,.5)}.room-code-copy{font-size:var(--ds-meta);color:var(--disco-faint)}.roster{display:flex;align-items:center;justify-content:center;gap:1.2rem}.lobby .roster .vs{color:var(--disco-faint);font-weight:800;font-size:var(--ds-h2);letter-spacing:.1em;font-family:var(--disco-sans)}.slot{display:flex;flex-direction:column;align-items:center;gap:.4rem;flex:1;max-width:11rem;padding:1.2rem;border-radius:var(--ds-radius);background:#ffffff0a;border:1.5px solid var(--disco-line);transition:border-color .15s,box-shadow .15s}.slot.ready{border-color:var(--disco-cyan);box-shadow:0 0 22px #7dffd066}.slot-name{font-weight:700;font-size:var(--ds-strong)}.slot-state{font-size:var(--ds-eyebrow);color:var(--disco-faint);text-transform:uppercase;letter-spacing:.14em}.dot{width:10px;height:10px;border-radius:50%}.dot.on{background:var(--disco-cyan);box-shadow:0 0 10px var(--disco-cyan)}.dot.off{background:#ff5d7a}.room-actions{display:flex;gap:.7rem;justify-content:center;margin-top:.4rem}.lobby-error{color:#ff9b3d;font-size:var(--ds-sm);text-align:center}.qm-pools{display:flex;flex-direction:column;gap:.6rem}.qm-pool{display:flex;flex-direction:column;gap:.55rem;padding:1.1rem 1.2rem;border-radius:var(--ds-radius);background:#ffffff0a;border:1.5px solid var(--disco-line);transition:border-color .15s,box-shadow .15s}.qm-pool.seeking{border-color:var(--disco-cyan);box-shadow:0 0 22px #7dffd066}.qm-pool-head{display:flex;align-items:baseline;justify-content:space-between}.qm-diff{font-weight:700;font-size:var(--ds-strong)}.qm-wait{font-size:var(--ds-sm);color:var(--disco-faint)}.qm-wait b{color:var(--disco-gold);font-size:var(--ds-strong)}.qm-song{font-size:var(--ds-meta);color:var(--disco-faint)}.qm-pool>.btn-primary,.qm-pool>.btn-ghost{align-self:flex-start}.lb-h2{margin-top:1.4rem!important}.lb-list{list-style:none;padding:0;margin:.2rem 0 0;display:flex;flex-direction:column;gap:.3rem}.lb-list li{display:grid;grid-template-columns:1.6rem 1fr auto auto;align-items:center;gap:.8rem;padding:.5rem .8rem;border-radius:var(--ds-radius-sm);background:#ffffff09}.lb-rank{font-weight:800;color:var(--disco-faint);text-align:center}.lb-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-rating{font-weight:800;color:var(--disco-gold)}.lb-wl{font-size:var(--ds-sm);color:var(--disco-faint);min-width:3.2rem;text-align:right}.dm-splash{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#04010c url(/inspiration/discomage-wide.png) center / cover no-repeat}.dm-splash-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.dm-splash-menu{position:absolute;left:50%;bottom:6%;transform:translate(-50%);z-index:1;display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}.dm-cta{padding:.62em 1.8em;font:800 clamp(.9rem,2.6vw,1.4rem) / 1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#fff;border:2px solid rgba(255,255,255,.5);border-radius:999px;background:#1408288c;cursor:pointer;text-shadow:0 0 10px rgba(255,255,255,.4);-webkit-tap-highlight-color:transparent;transition:transform .12s,box-shadow .12s,background .12s}.dm-cta:hover,.dm-cta:focus-visible{transform:scale(1.05);outline:none}.dm-cta-primary{border-color:transparent;background:linear-gradient(90deg,#ff3df0,#7a5cff);box-shadow:0 0 26px #ff50dcb3,inset 0 0 14px #ffffff47;animation:dm-cta-pulse 1.6s ease-in-out infinite}.dm-cta-primary:hover,.dm-cta-primary:focus-visible{transform:scale(1.06)}@keyframes dm-cta-pulse{0%,to{box-shadow:0 0 26px #ff50dc99,inset 0 0 14px #ffffff47}50%{box-shadow:0 0 46px #78a0fff2,inset 0 0 18px #ffffff73}}.dm-mp-card{position:relative;z-index:1;max-width:28rem;text-align:center;color:#f4f0ff;background:#100822c7;border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:2rem 2.2rem;box-shadow:0 0 60px #783cff4d}.dm-mp-card h2{margin:0 0 .6rem;letter-spacing:.06em}.dm-mp-card p{opacity:.8;line-height:1.5;margin:0 0 1.4rem}@media(prefers-reduced-motion:reduce){.dm-cta-primary{animation:none}}.dm-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--disco-display: "Monoton", "Space Grotesk", system-ui, sans-serif;--disco-sans: "Space Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ds-eyebrow: .72rem;--ds-meta: .8rem;--ds-sm: .9rem;--ds-body: .98rem;--ds-strong: 1.05rem;--ds-h2: 1.25rem;--ds-wordmark: clamp(1.7rem, 4.6vw, 2.5rem);--ds-wordmark-sub: .74rem;--ds-stack: 1.4rem;--ds-gap: .7rem;--ds-radius: 14px;--ds-radius-sm: 10px;--ds-pad-x: clamp(1rem, 4vw, 2.5rem);--ds-col: 40rem;--disco-ink: #f4f0ff;--disco-muted: #b69bff;--disco-faint: rgba(244, 240, 255, .55);--disco-pink: #ff3df0;--disco-pink-soft: #ff7ad9;--disco-violet: #7a5cff;--disco-cyan: #7dffd0;--disco-blue: #8ab4ff;--disco-gold: #ffd36e;--disco-line: rgba(180, 200, 255, .16);--disco-line-hi: rgba(220, 200, 255, .5);--disco-grad: linear-gradient(90deg, #ff3df0, #7a5cff);--disco-glow: 0 0 20px rgba(255, 80, 220, .5)}.dm-splash,.spellsong,.lobby{font-family:var(--disco-sans)}.disco-head{position:relative;z-index:5;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;width:100%;padding:1.15rem var(--ds-pad-x);box-sizing:border-box}.disco-wordmark{display:flex;align-items:baseline;gap:.75rem;min-width:0}.disco-wordmark-title{font-family:var(--disco-display);font-weight:400;font-size:var(--ds-wordmark);line-height:1;letter-spacing:.01em;color:#fff;white-space:nowrap;text-shadow:0 0 5px rgba(255,255,255,.45),0 0 16px rgba(255,61,240,.65),0 0 34px rgba(122,92,255,.5)}.disco-wordmark-sub{font-size:var(--ds-wordmark-sub);font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--disco-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:14rem}.disco-head-right{display:flex;align-items:center;gap:1rem;flex-shrink:0}.disco-head .dm-nav,.disco-head .dm-volume{background:none;border:none;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}:where(.disco-head,.lobby,.spellsong) button{background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}:where(.disco-head,.lobby,.spellsong) button:hover:not(:disabled){background:none;box-shadow:none}:where(.disco-head,.lobby,.spellsong) button:focus-visible{outline:none;box-shadow:0 0 0 2px #ff7ad9bf}.pick-tracks{display:flex;flex-direction:column;gap:.4rem}.pick-track{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.6rem 1.1rem;border-radius:var(--ds-radius-sm);text-align:left;background:#ffffff0a;border:2px solid var(--disco-line);color:var(--disco-ink);cursor:pointer;transition:border-color .12s,background .12s,box-shadow .12s,transform .12s}.pick-track:hover{border-color:var(--disco-line-hi);transform:translate(2px)}.pick-track.sel,.pick-track.sel:hover{border-color:var(--disco-pink-soft);background:#ff7ad91f;box-shadow:0 0 18px #ff7ad966}.pick-track-name{font-weight:700;font-size:var(--ds-strong)}.pick-track-tiers{font-size:var(--ds-eyebrow);letter-spacing:.18em;text-transform:uppercase;color:var(--disco-faint)}.pick-diffs{display:inline-flex;gap:.3rem;padding:.3rem;border-radius:999px;background:#00000047;border:1px solid var(--disco-line)}.pick-diff{padding:.45rem 1.2rem;border-radius:999px;border:none;background:none;color:var(--disco-faint);font-weight:700;font-size:var(--ds-sm);letter-spacing:.03em;cursor:pointer;transition:color .12s,background .12s}.pick-diff:hover:not(:disabled){color:var(--disco-ink)}.pick-diff:disabled{opacity:.3;cursor:not-allowed}.pick-diff.sel,.pick-diff.sel:hover:not(:disabled){color:#fff;background:var(--disco-grad);box-shadow:0 0 14px #ff50dc66}.song-preview{display:inline-flex;align-items:center;justify-content:center;width:1.85rem;height:1.85rem;flex-shrink:0;border-radius:999px;border:1.5px solid var(--disco-line-hi);background:#ffffff0d;color:var(--disco-ink);font-size:.62rem;line-height:1;cursor:pointer;transition:color .12s,border-color .12s,background .12s,box-shadow .12s}.song-preview:hover{color:#fff;border-color:var(--disco-pink-soft)}.song-preview.playing,.song-preview.playing:hover{color:#fff;background:var(--disco-grad);border-color:transparent;box-shadow:0 0 14px #ff50dc73}@media(max-width:600px){.disco-head{flex-direction:column;align-items:flex-start;gap:.7rem}.disco-head-right{width:100%;justify-content:space-between}}