.dm-nav{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem;border-radius:999px;background:#10082299;border:1px solid rgba(180,130,255,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:inherit}.dm-nav-home,.dm-nav-item{border:none;background:none;color:#f4f0ffb3;font:700 .85rem/1 inherit;letter-spacing:.03em;padding:.45rem .85rem;border-radius:999px;cursor:pointer;transition:color .12s,background .12s}.dm-nav-home{font-size:1.05rem;padding:.4rem .7rem}.dm-nav-home:hover,.dm-nav-item:hover{color:#fff;background:#ffffff14}.dm-nav-item.on{color:#fff;background:linear-gradient(90deg,#ff3df0,#7a5cff);box-shadow:0 0 14px #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}}@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{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{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;gap:1.2rem;padding:1rem 1.5rem 2rem;overflow:auto}.ss-blurb{max-width:44rem;text-align:center;opacity:.8;line-height:1.5}.ss-pick{display:flex;gap:2rem;width:100%;max-width:60rem;justify-content:center;flex-wrap:wrap}.ss-pick-col{flex:1;min-width:18rem}.ss-pick-h{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;opacity:.6;margin:0 0 .6rem}.ss-portraits{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.ss-portrait{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.4rem;border:2px solid rgba(255,255,255,.12);border-radius:12px;background:#ffffff0a;color:inherit;cursor:pointer;transition:border-color .15s,transform .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:.75rem;opacity:.8}.ss-portrait:hover{transform:translateY(-2px)}.ss-portrait.sel{border-color:#ff7ad9;box-shadow:0 0 18px #ff7ad966}.ss-songs{display:flex;flex-direction:column;gap:.5rem}.ss-song{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1rem;border:2px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff0a;color:inherit;cursor:pointer;transition:border-color .15s,transform .15s}.ss-song:hover{transform:translate(2px)}.ss-song.sel{border-color:#8ab4ff;box-shadow:0 0 18px #8ab4ff59}.ss-song-name{font-weight:600}.ss-song-diff{font-size:.75rem;opacity:.65;text-transform:uppercase;letter-spacing:.08em}.ss-intro-actions{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;justify-content:center}.ss-begin{padding:.7rem 2.4rem;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;border:none;border-radius:999px;color:#160a2b;font-weight:700;cursor:pointer;background:linear-gradient(90deg,#ff7ad9,#8ab4ff);box-shadow:0 6px 24px #ff7ad966}.ss-begin:hover{filter:brightness(1.08)}.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-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{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap;padding:2rem}.ss-frame-big{width:240px}.ss-results-body{text-align:center;max-width:26rem}.ss-results-body h2{margin:0 0 .2rem;font-size:1.8rem}.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:38px;height:38px;transform:translate(-50%,-50%) scale(var(--s));border-radius:50%;background:radial-gradient(circle at 38% 34%,#fff,#ffd36e 60%,#9a7320);box-shadow:0 0 14px 2px #ffd36e99}.ss-beatline{position:absolute;left:-6%;right:-6%;height:0;pointer-events:none}.ss-beatline:before{content:"";position:absolute;left:0;right:0;top:-2px;height:3px;background:#ffffffd9;box-shadow:0 0 14px #ffffffb3}.ss-beatpulse{position:absolute;left:50%;top:0;width:70px;height:70px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(255,255,255,.9);animation:ss-beatpulse .3s ease-out forwards}@keyframes ss-beatpulse{0%{opacity:.9;transform:translate(-50%,-50%) scale(.5)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.ss-buttons{grid-area:tray;display:flex;justify-content:center;align-items:flex-end;gap:.8rem;padding-bottom:.3rem}.ss-btn{--c: #fff;position:relative;width:88px;height:168px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;padding-bottom:10px;border-radius:18px;overflow:hidden;border:3px solid color-mix(in srgb,var(--c) 55%,transparent);background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--c) 22%,transparent),#140c2899);box-shadow:0 0 18px color-mix(in srgb,var(--c) 28%,transparent),inset 0 0 22px color-mix(in srgb,var(--c) 14%,transparent);transition:transform .08s,box-shadow .12s,filter .12s}.ss-btn.mana{width:104px}.ss-btn.broke{filter:grayscale(.7) brightness(.55)}.ss-btn-glyph{font-size:2rem;color:var(--c);text-shadow:0 0 12px var(--c);line-height:1}.ss-btn-key{font-size:.72rem;font-weight:800;letter-spacing:.06em;color:#160a2b;background:var(--c);border-radius:5px;padding:1px 7px}.ss-btn-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;opacity:.75}.ss-btn-cost{position:absolute;top:5px;right:8px;font-size:.62rem;color:var(--c);opacity:.8}.ss-btn.throb{animation:ss-throb .34s cubic-bezier(.2,1.4,.4,1)}.ss-btn.th-fired{box-shadow:0 0 40px 8px var(--c),inset 0 0 30px color-mix(in srgb,var(--c) 40%,transparent)}.ss-btn.th-mana{box-shadow:0 0 40px 8px #ffd36e}.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>span{position:relative;z-index:1}.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) 60%,transparent),color-mix(in srgb,var(--c) 30%,transparent));transition:transform .18s ease-out}.ss-btn .ss-btn-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;opacity:.85}.ss-btn-val{font-size:.92rem;font-weight:800;opacity:.96;text-shadow:0 0 6px rgba(0,0,0,.75)}.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{box-shadow:0 0 26px 4px var(--c),inset 0 0 26px color-mix(in srgb,var(--c) 35%,transparent);border-color:var(--c)}.ss-btn.active .ss-btn-glyph{animation:ss-throb .7s ease-in-out infinite}.ss-foe{position:relative}.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;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}.lobby{position:relative;min-height:100dvh;width:100%;overflow-x:hidden;display:flex;align-items:flex-start;justify-content:center;padding:clamp(1rem,5vh,4rem) 1rem 4rem;box-sizing:border-box;color:#f4f0ff;font-family:inherit}.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:38rem;display:flex;flex-direction:column;gap:1rem}.lobby-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.lobby-title{display:flex;align-items:baseline;gap:.6rem}.lobby-title h1{margin:0;font-size:1.7rem;font-weight:800;letter-spacing:.02em;color:#fff;text-shadow:0 0 18px rgba(255,122,217,.45)}.lobby-title-sub{font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:#b69bff}.lobby-head-right{display:flex;align-items:center;gap:.7rem}.who{font-size:.85rem;opacity:.75;max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby button{font:600 .92rem/1.1 inherit;cursor:pointer;transition:transform .1s,box-shadow .12s,background .12s,border-color .12s}.lobby button:disabled{opacity:.4;cursor:default}.btn-primary{color:#fff;border:none;border-radius:999px;padding:.65rem 1.5rem;background:linear-gradient(90deg,#ff3df0,#7a5cff);box-shadow:0 0 20px #ff50dc80}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 30px #78a0ffcc}.btn-primary.sm{padding:.45rem 1rem;font-size:.85rem}.btn-primary.is-ready{background:linear-gradient(90deg,#4fe0a0,#7dffd0);box-shadow:0 0 22px #7dffd099;color:#06281e}.btn-ghost{color:#f4f0ff;border-radius:999px;padding:.6rem 1.2rem;background:#ffffff0f;border:1.5px solid rgba(180,200,255,.3)}.btn-ghost:hover:not(:disabled){background:#ffffff1f;border-color:#dcc8ff99}.btn-ghost.sm{padding:.4rem .9rem;font-size:.85rem}.link{background:none;border:none;color:#8ab4ff;cursor:pointer;padding:0;font:inherit}.link:hover{text-decoration:underline}.lobby-avatar{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.lobby-avatar-label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;opacity:.6}.avatar-row{display:flex;gap:.45rem;flex-wrap:wrap}.avatar-opt{width:46px;height:46px;padding:0;border-radius:12px;overflow:hidden;border:2px solid rgba(180,200,255,.25);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:#dcc8ff99}.avatar-opt.sel{border-color:#ff7ad9;box-shadow:0 0 16px #ff7ad980}.lobby-tabs{display:flex;gap:.3rem;padding:.35rem;background:#0000004d;border:1px solid rgba(180,130,255,.25);border-radius:999px}.lobby-tabs button{flex:1;padding:.6rem 0;border:none;border-radius:999px;background:transparent;color:#f4f0ff99;font-weight:700;letter-spacing:.04em}.lobby-tabs button:hover{color:#f4f0ff}.lobby-tabs button.on{color:#fff;background:linear-gradient(90deg,#ff3df0,#7a5cff);box-shadow:0 0 18px #ff50dc80}.lobby-panel{padding:.2rem .1rem}.room-panel{background:linear-gradient(180deg,#26124099,#0e071cbd);border:1px solid rgba(180,130,255,.26);border-radius:18px;padding:1.4rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 50px #783cff33}.lobby-panel h2{margin:0 0 .6rem;font-size:1.1rem;font-weight:800}.lobby-panel code{background:#ffffff14;padding:0 5px;border-radius:5px;font-size:.85em}.muted{opacity:.62;line-height:1.5;margin:0 0 .9rem}.muted.center{text-align:center;margin:.8rem 0 0}.panel-head{display:flex;align-items:center;justify-content:space-between;margin:1.2rem 0 .6rem}.panel-head h2{margin:0}.field{margin-bottom:1rem}.field>label{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin-bottom:.45rem}.lobby input[type=text],.lobby input:not([type]){font:inherit;color:#f4f0ff;background:#00000059;border:1.5px solid rgba(180,200,255,.3);border-radius:999px;padding:.6rem 1.1rem;width:100%}.lobby input::placeholder{color:#f4f0ff59;letter-spacing:.08em}.join-row{display:flex;gap:.5rem}.join-row .btn-primary{flex-shrink:0}.check{display:flex;align-items:center;gap:.4rem;opacity:.82;font-size:.9rem;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:.7rem 1rem;border-radius:12px;text-align:left;background:#ffffff0a;border:1.5px solid rgba(180,200,255,.2);color:#f4f0ff}.song-opt:hover{border-color:#dcc8ff80}.song-opt.sel{border-color:#ff7ad9;background:#ff7ad91f;box-shadow:0 0 18px #ff7ad966}.song-name{font-weight:700}.song-diff{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;opacity:.6}.host-actions{display:flex;align-items:center;gap:1.2rem;margin-top: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:.6rem .9rem;border-radius:12px;background:#ffffff0a;border:1px solid rgba(180,200,255,.14)}.room-host{flex:1;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-list .code{opacity:.75;letter-spacing:.1em;color:#ffd36e}.empty-duels{display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:1.6rem;text-align:center;opacity:.75}.empty-duels .glyph{font-size:2.4rem;opacity:.8}.room-panel{text-align:center}.room-code{display:inline-flex;align-items:center;gap:.6rem;margin:.4rem 0 1.2rem;padding:.55rem 1.1rem;border-radius:999px;background:#0000004d;border:1.5px solid rgba(255,211,110,.4);color:#f4f0ff}.room-code-label{font-size:.62rem;letter-spacing:.18em;opacity:.55}.room-code strong{letter-spacing:.16em;font-size:1.25rem;color:#ffd36e;text-shadow:0 0 14px rgba(255,211,110,.5)}.room-code-copy{font-size:.72rem;opacity:.55}.roster{display:flex;align-items:center;justify-content:center;gap:1.4rem;margin:.5rem 0 1.2rem}.vs{opacity:.45;font-weight:800;font-size:1.1rem;letter-spacing:.1em}.slot{display:flex;flex-direction:column;align-items:center;gap:.35rem;flex:1;max-width:11rem;padding:1.1rem;border-radius:16px;background:#ffffff0a;border:1.5px solid rgba(180,200,255,.22);transition:border-color .15s,box-shadow .15s}.slot.ready{border-color:#7dffd0;box-shadow:0 0 22px #7dffd066}.slot-name{font-weight:800}.slot-state{font-size:.66rem;opacity:.6;text-transform:uppercase;letter-spacing:.12em}.dot{width:10px;height:10px;border-radius:50%}.dot.on{background:#7dffd0;box-shadow:0 0 10px #7dffd0}.dot.off{background:#ff5d7a}.room-actions{display:flex;gap:.7rem;justify-content:center}.lobby-error{color:#ff9b3d;font-size:.9rem;margin:.2rem 0 .8rem;text-align:center}.qm-pools{display:flex;flex-direction:column;gap:.6rem}.qm-pool{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.1rem;border-radius:14px;background:#ffffff0a;border:1.5px solid rgba(180,200,255,.2);transition:border-color .15s,box-shadow .15s}.qm-pool.seeking{border-color:#7dffd0;box-shadow:0 0 22px #7dffd066}.qm-pool-head{display:flex;align-items:baseline;justify-content:space-between}.qm-diff{font-weight:800;font-size:1.1rem;letter-spacing:.02em}.qm-wait{font-size:.85rem;opacity:.75}.qm-wait b{color:#ffd36e;font-size:1.05rem}.qm-song{font-size:.8rem;opacity:.6}.qm-pool>.btn-primary,.qm-pool>.btn-ghost{align-self:flex-start}.lb-h2{margin-top:1.3rem!important}.lb-list{list-style:none;padding:0;margin:.4rem 0 0;display:flex;flex-direction:column;gap:.28rem}.lb-list li{display:grid;grid-template-columns:1.6rem 1fr auto auto;align-items:center;gap:.8rem;padding:.45rem .7rem;border-radius:10px;background:#ffffff09}.lb-rank{font-weight:800;opacity:.5;text-align:center}.lb-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-rating{font-weight:800;color:#ffd36e}.lb-wl{font-size:.8rem;opacity:.6;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}@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}.join-row input{flex:1}.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}}