@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(/assets/fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2"),url(/assets/fredoka-latin-700-normal-C8FeHd3X.woff)format("woff")}:root{--bg:#0d0b1e;--bg-2:#15122e;--panel:#1d1940;--panel-2:#262153;--line:#ffffff1a;--text:#fff6e8;--muted:#b8b0d6;--amber:#ffb547;--amber-2:#ff8a3d;--teal:#3ee6c8;--red:#ff4d5e;--radius:18px;--shadow:0 10px 30px #00000059;--font-display:"Fredoka", ui-rounded, "Hiragino Maru Gothic ProN", "Apple SD Gothic Neo", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", system-ui, sans-serif;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", sans-serif;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button,select,input{font:inherit;color:inherit}a{color:var(--teal)}:focus-visible{outline:3px solid var(--teal);outline-offset:2px}[hidden]{display:none!important}.app{flex-direction:column;height:100dvh;display:flex}.screen{flex:1;min-height:0;position:relative;overflow:auto}.noscript{text-align:center;padding:2rem}.boot{height:100%;font-family:var(--font-display);letter-spacing:.1em;color:var(--amber);align-content:center;place-items:center;gap:12px;display:grid}.boot-mini{background:radial-gradient(circle at 50% 60%, #f2d2a9 55%, transparent 56%), var(--amber-2);border-radius:50%;width:44px;height:44px;animation:.8s ease-in-out infinite alternate bob}@keyframes bob{to{transform:translateY(-10px)}}.btn{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;touch-action:manipulation;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 20px;font-weight:600;transition:transform .12s,background .2s,box-shadow .2s;display:inline-flex}.btn:hover{background:#312a69}.btn:active{transform:scale(.97)}.btn.primary{background:linear-gradient(180deg, #ffc566, var(--amber-2));color:#3a1d05;box-shadow:0 6px 0 #b9541c, var(--shadow);border:0}.btn.primary:active{transform:translateY(3px);box-shadow:0 3px #b9541c}.btn.big{min-height:60px;font-size:1.25rem;font-family:var(--font-display)}.btn.ghost{background:0 0}.btn.danger{background:#4a1830;border-color:#7a2848}.icon-btn{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid}.menu{gap:12px;width:100%;display:grid}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.center{text-align:center;justify-content:center}.muted{color:var(--muted)}.small{font-size:.85rem}.title-screen{grid-template-rows:minmax(40vh,1fr) auto;min-height:100%;display:grid}.title-art{position:relative;overflow:hidden}.title-art img{object-fit:cover;object-position:40% 50%;width:100%;height:100%;display:block;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.lamp-hotspot{cursor:default;background:0 0;border:0;border-radius:50%;width:30%;height:30%;position:absolute;top:4%;right:8%}.lights-out .title-art img{filter:brightness(.35)saturate(.8)}.title-panel{padding:0 20px calc(24px + var(--safe-b));justify-self:center;justify-items:center;gap:14px;width:100%;max-width:520px;margin-top:-12vh;display:grid;position:relative}.logo{font-family:var(--font-display);text-align:center;filter:drop-shadow(0 6px #3b1a6b)drop-shadow(0 12px 24px #00000080);margin:0;line-height:.85;display:grid}.logo-tiny{color:var(--teal);letter-spacing:.3em;margin-right:-.3em;font-size:clamp(2rem,9vw,3.4rem)}.logo-heroes{color:var(--amber);letter-spacing:.02em;-webkit-text-stroke:2px #fff3d6;font-size:clamp(3.4rem,17vw,6.4rem);font-weight:700}.tagline{color:var(--muted);text-align:center;margin:0}.chip-progress{color:var(--teal);align-items:center;gap:6px;font-weight:600;display:flex}.lang{color:var(--muted);align-items:center;gap:8px;display:flex}.lang-select{background:var(--panel);border:1px solid var(--line);border-radius:12px;min-height:40px;padding:8px 10px}.footer-links{flex-wrap:wrap;justify-content:center;gap:16px;font-size:.85rem;display:flex}.page{max-width:980px;padding:calc(8px + var(--safe-t)) 16px calc(32px + var(--safe-b));margin:0 auto}.topbar{z-index:3;background:linear-gradient(var(--bg) 70%, transparent);align-items:center;gap:12px;padding:10px 0;display:flex;position:sticky;top:0}.topbar h1{font-family:var(--font-display);margin:0;font-size:1.5rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);gap:14px;margin-bottom:16px;padding:16px;display:grid}.setting{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.setting input[type=range]{width:50%;accent-color:var(--amber)}.setting input[type=checkbox]{width:24px;height:24px;accent-color:var(--amber)}.world-list{gap:18px;display:grid}.world-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;display:grid;overflow:hidden}.world-art{aspect-ratio:16/6;overflow:hidden}.world-art img{object-fit:cover;width:100%;height:100%;display:block}.world-card.locked .world-art img{filter:grayscale(.8)brightness(.5)}.world-body{gap:8px;padding:14px 16px 18px;display:grid}.world-body h2{font-family:var(--font-display);margin:0;font-size:1.3rem}.world-body p{margin:0}.world-meta{color:var(--amber);gap:16px;font-weight:600;display:flex}.world-meta span{align-items:center;gap:4px;display:inline-flex}.world-meta span:last-child{color:var(--teal)}.locked-note{color:var(--muted);align-items:center;gap:8px;display:flex}.level-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:6px;display:grid}.level-btn{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:16px;align-content:center;justify-items:center;gap:2px;min-height:96px;padding:12px 4px 10px;display:grid;position:relative}.level-btn.done{background:linear-gradient(#2f2a63,#262153);border-color:#ffb54759}.level-btn.locked{opacity:.5;cursor:not-allowed}.lv-num{font-family:var(--font-display);color:var(--amber);font-size:1.3rem;font-weight:700}.lv-name{color:var(--muted);text-align:center;font-size:.72rem;line-height:1.15}.lv-stars{color:#4b4475;gap:1px;display:flex}.lv-stars .on{color:var(--amber)}.lv-chip{color:var(--teal);position:absolute;top:6px;right:6px}.game{background:var(--bg);grid-template-rows:auto 1fr auto;height:100%;display:grid}.hud{padding:calc(6px + var(--safe-t)) 10px 6px;scrollbar-width:none;align-items:center;gap:8px;display:flex;overflow-x:auto}.pill{white-space:nowrap;background:var(--panel);border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:999px;padding:8px 12px;font-size:.9rem;font-weight:600}.pill.name{font-family:var(--font-display);color:var(--amber);text-overflow:ellipsis;flex:1 1 0;min-width:0;max-width:44vw;overflow:hidden}@media (max-width:480px){.hud{gap:5px;padding-left:6px;padding-right:6px}.pill{padding:7px 9px;font-size:.85rem}.pill.name{max-width:none}}.pill.saved.goal{border-color:var(--teal);color:#c9fff4;background:#17483f}.pill.time{margin-left:auto}.pill.par{font-variant-numeric:tabular-nums;color:var(--amber)}.pill.par.missed{color:var(--muted);opacity:.6;text-decoration:line-through}@media (max-width:520px){.pill.par{display:none}}.pill.time.low{color:#ffc0c8;background:#4a1830;animation:1s infinite pulse}@keyframes pulse{50%{opacity:.6}}.field-wrap{min-height:0;position:relative}.field{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.help-wrap{pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:8px;left:0;right:0}.help{text-align:center;background:#0d0b1ecc;border-radius:999px;max-width:92%;padding:6px 14px;font-size:.85rem}.help:empty{display:none}.game.paused .field{filter:saturate(.6)brightness(.8)}.game.replay .hud .name:after{content:" ● REPLAY";color:var(--red)}.dock{padding:8px 10px calc(8px + var(--safe-b));background:linear-gradient(180deg, var(--bg-2), #0a0818);border-top:1px solid var(--line);gap:8px;display:grid}.tray{scrollbar-width:none;justify-content:center;gap:8px;display:flex;overflow-x:auto}.skill{--job:#8fb8ff;background:color-mix(in srgb, var(--job) 18%, var(--panel));width:76px;min-height:72px;color:var(--job);cursor:pointer;touch-action:manipulation;border:2px solid #0000;border-radius:16px;flex:none;align-content:center;justify-items:center;gap:2px;display:grid;position:relative}.skill .sk-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:70px;font-size:.7rem;overflow:hidden}.skill .count{background:var(--job);color:#160f2a;border-radius:12px;place-items:center;min-width:24px;height:24px;padding:0 6px;font-size:.8rem;font-weight:800;display:grid;position:absolute;top:-6px;right:-6px}.skill.active{border-color:var(--job);box-shadow:0 0 0 3px color-mix(in srgb, var(--job) 35%, transparent), 0 0 18px color-mix(in srgb, var(--job) 60%, transparent);transform:translateY(-3px)}.skill.empty{opacity:.4}.controls{justify-content:center;gap:8px;display:flex}.ctl{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:14px;align-items:center;gap:6px;min-width:48px;height:44px;padding:0 12px;display:inline-flex}.ctl.finish{border-color:var(--teal);color:#c9fff4;background:#17483f;font-weight:700}.modal{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05030f99;place-items:end center;animation:.2s fade;display:grid;position:fixed;inset:0}@media (min-width:640px){.modal{place-items:center}}@keyframes fade{0%{opacity:0}}.sheet{background:var(--panel);border:1px solid var(--line);width:min(560px,100%);max-height:92dvh;padding:18px 18px calc(22px + var(--safe-b));box-shadow:var(--shadow);border-radius:24px 24px 0 0;animation:.25s cubic-bezier(.2,.9,.3,1.2) up;overflow:auto}@media (min-width:640px){.sheet{border-radius:24px}}@keyframes up{0%{opacity:0;transform:translateY(40px)}}.sheet>header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sheet h2{font-family:var(--font-display);margin:0;font-size:1.6rem}.result{text-align:center;gap:10px;display:grid}.result p{margin:0}.result.win h2{color:var(--amber)}.big-stars{color:#3d3770;justify-content:center;gap:6px;display:flex}.big-stars .on{color:var(--amber);animation:pop .45s var(--d) both cubic-bezier(.2,.9,.3,1.6)}@keyframes pop{0%{transform:scale(0)rotate(-40deg)}}.rescued{font-family:var(--font-display);font-size:1.5rem}.chip-line{color:var(--teal);justify-content:center;align-items:center;gap:6px;font-weight:600;display:inline-flex}.share-box{gap:10px;display:grid}.social{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.soc{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:999px;padding:8px 12px;font-size:.85rem;text-decoration:none}.story{grid-template-rows:1fr auto;min-height:100%;display:grid}.story-art{object-fit:cover;width:100%;height:100%;max-height:62dvh;display:block}.story-card{padding:20px 20px calc(24px + var(--safe-b));justify-self:center;gap:14px;max-width:640px;display:grid}.story-text{margin:0;font-size:1.15rem;line-height:1.6}.dots{justify-content:center;gap:6px;display:flex}.dots span{background:var(--line);border-radius:50%;width:8px;height:8px}.dots .on{background:var(--amber);border-radius:4px;width:22px}.ending h2{font-family:var(--font-display);color:var(--teal);margin:0}.portraits{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.portraits figure{background:var(--panel);border:1px solid var(--line);border-radius:18px;margin:0;overflow:hidden}.portraits img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.portraits figcaption{text-align:center;font-family:var(--font-display);color:var(--teal);padding:8px}.codex{gap:12px;display:grid}.entry{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px 16px}.entry h3{font-family:var(--font-display);color:var(--amber);align-items:center;gap:4px;margin:0 0 6px;display:flex}.entry p{margin:0;line-height:1.6}.entry.locked{opacity:.55}.minigame-entry{border-color:#3ee6c866;gap:10px;margin-bottom:16px;display:grid}.reboot-grid{--n:5;grid-template-columns:repeat(var(--n), 1fr);background:#0b1a1f url(/art/minigame_reboot.webp) 50%/cover;border-radius:18px;gap:4px;width:min(92vw,520px);margin:16px auto;padding:10px;display:grid}.tile{aspect-ratio:1;cursor:pointer;background:#0a141ebf;border:0;border-radius:10px;padding:0;transition:background .2s}.tile.lit{background:#143c3cd9}.tile.core{background:#46280ae6}.daily{text-align:center;gap:10px;display:grid}.daily-art{aspect-ratio:16/7;object-fit:cover;border-radius:16px;width:100%}.daily h3{font-family:var(--font-display);margin:0}.toasts{top:calc(64px + var(--safe-t));z-index:40;pointer-events:none;justify-items:center;gap:8px;display:grid;position:fixed;left:0;right:0}.toast{color:#241a3d;box-shadow:var(--shadow);text-align:center;background:#fff6e8;border-radius:14px;max-width:min(92vw,520px);padding:10px 16px;font-weight:600;transition:opacity .4s,transform .4s;animation:.25s up}.toast.out{opacity:0;transform:translateY(-10px)}kbd{font-family:inherit;font-size:.85rem}.retro body,.retro .screen{font-family:ui-monospace,Courier New,monospace}.retro .btn.primary{color:#001a07;box-shadow:none;background:#39ff6b;border-radius:0}.retro .logo-heroes{color:#39ff6b;-webkit-text-stroke:0}@media (min-width:900px){.dock{grid-template-columns:1fr auto;align-items:center}.tray{justify-content:flex-start}.title-screen{grid-template-rows:1fr;grid-template-columns:1.3fr 1fr}.title-art img{-webkit-mask-image:linear-gradient(90deg,#000 70%,#0000);mask-image:linear-gradient(90deg,#000 70%,#0000)}.title-panel{align-content:center;margin-top:0}}@media (max-height:520px) and (orientation:landscape){.title-screen{grid-template-rows:1fr;grid-template-columns:1.2fr 1fr}.title-art img{-webkit-mask-image:linear-gradient(90deg,#000 70%,#0000);mask-image:linear-gradient(90deg,#000 70%,#0000)}.title-panel{align-content:center;margin-top:0}.hud{padding-top:calc(3px + var(--safe-t));padding-bottom:3px}.pill{padding:5px 10px}.skill{width:60px;min-height:52px}.skill .sk-name{display:none}.dock{grid-template-columns:1fr auto;align-items:center;padding-top:4px}}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{transition:none!important;animation:none!important}h1:focus,h2:focus,.lamp-hotspot:focus{outline:none}:lang(ko){word-break:keep-all}@media (min-width:760px){.world-card{grid-template-columns:minmax(220px,36%) 1fr}.world-art{aspect-ratio:auto;min-height:100%}}.clean .help-wrap,.clean .game.replay .hud .name:after{display:none}.clean .game.replay .hud .name:after{content:""}.btn.accent{color:#04221c;font-family:var(--font-display);background:linear-gradient(#4ff0d4,#1fb89e);border:0;font-size:1.1rem;box-shadow:0 5px #157a69}.menu-grid{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.menu-grid .btn{min-height:46px;padding:10px 12px;font-size:.95rem}.bar{background:#ffffff1a;border-radius:99px;width:100%;height:8px;display:block;overflow:hidden}.bar i{height:100%;width:calc(var(--p,0) * 100%);background:linear-gradient(90deg, var(--amber), #ffd36b);border-radius:inherit;transition:width .6s cubic-bezier(.2,.9,.3,1);display:block}.rank-chip{border:1px solid var(--line);background:var(--panel);cursor:pointer;text-align:left;border-radius:999px;align-items:center;gap:10px;width:100%;max-width:360px;padding:8px 14px 8px 8px;display:flex}.topbar .rank-chip{width:auto;max-width:220px;margin-left:auto}.rank-badge{color:#3a1d05;width:36px;height:36px;font-family:var(--font-display);background:radial-gradient(circle at 35% 30%,#ffe08a,#ff8a3d);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid;box-shadow:0 0 0 3px #ffb54740}.rank-badge.big{width:76px;height:76px;font-size:2rem}.rank-text{flex:1;gap:4px;min-width:0;font-size:.9rem;display:grid}.missions-card{border-radius:var(--radius);background:linear-gradient(160deg,#262153,#1d1940);border:1px solid #3ee6c840;gap:10px;margin:0 0 16px;padding:14px 16px;display:grid}.missions-card h3{font-family:var(--font-display);color:var(--teal);align-items:center;gap:6px;margin:0;display:flex}.mission{grid-template-columns:1fr auto;gap:4px 10px;font-size:.92rem;display:grid}.mission .bar{grid-column:1/-1}.mission.done{color:var(--teal)}.mission.done .bar i{background:linear-gradient(90deg, #1fb89e, var(--teal))}.mission-progress{font-variant-numeric:tabular-nums;color:var(--muted)}.keys-pill{background:var(--panel);border:1px solid var(--line);color:var(--amber);border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:8px 12px;font-weight:700;display:inline-flex}.arcade-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:12px;display:grid}.arcade-card{border:1px solid var(--line);background:var(--panel);cursor:pointer;text-align:left;border-radius:18px;padding:0;transition:transform .15s,box-shadow .2s;display:grid;overflow:hidden}.arcade-card:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 26px #0006}.arcade-card.locked{opacity:.55;cursor:not-allowed}.arcade-card.locked .arcade-cover img{filter:grayscale(.9)brightness(.6)}.arcade-cover{aspect-ratio:3/2;background:radial-gradient(circle at 50% 40%,#3b2f8a,#1d1940);place-items:center;display:grid;overflow:hidden}.arcade-cover img{object-fit:cover;width:100%;height:100%;display:block}.arcade-cover.fallback img.cover-sprite{object-fit:contain;filter:drop-shadow(0 8px 14px #00000073);width:62%;height:auto}.ac-body{gap:4px;padding:10px 12px 12px;display:grid}.ac-body b{font-family:var(--font-display);font-size:1rem}.ac-meta{color:var(--muted);align-items:center;gap:6px;font-size:.8rem;display:flex}.medal{place-items:center;display:inline-grid}.medal.m0{color:#4b4475}.medal.m1{color:#cd7f32}.medal.m2{color:#d9e0ee}.medal.m3{color:#ffd23f;filter:drop-shadow(0 0 6px #ffd23f99)}.medal-goal{align-items:center;gap:3px;margin:0 8px;display:inline-flex}.big-medal{justify-content:center;animation:.5s cubic-bezier(.2,.9,.3,1.6) both pop;display:flex}.xp-line{color:var(--amber);font-weight:700;font-family:var(--font-display)}.badges{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.badge{border-radius:999px;align-items:center;gap:5px;padding:6px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.badge.perfect{color:#c9fff4;background:#17483f}.badge.speed{color:#ffe08a;background:#4a3510}.arcade-game{grid-template-rows:auto 1fr;height:100%;display:grid}.arcade-stage{min-height:0;position:relative}.arcade-canvas{touch-action:none;width:100%;height:100%;display:block}.arcade-overlay{text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d0b1eb8;place-content:center;justify-items:center;gap:12px;padding:20px;display:grid;position:absolute;inset:0}.arcade-overlay h2{font-family:var(--font-display);color:var(--amber);margin:0;font-size:2rem}.arcade-overlay p{max-width:420px;margin:0}.section-title{font-family:var(--font-display);margin:22px 0 10px;font-size:1.25rem}.profile-head{grid-template-columns:auto 1fr;align-items:center}.profile-head h2{font-family:var(--font-display);margin:0}.profile-head p{margin:4px 0 8px}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.ach{background:var(--panel);border:1px solid var(--line);opacity:.55;border-radius:14px;gap:3px;padding:12px;display:grid}.ach.got{opacity:1;border-color:#ffb54766}.ach-icon{color:var(--amber)}.skin-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.skin{background:var(--panel);cursor:pointer;border:2px solid #0000;border-radius:16px;justify-items:center;gap:4px;padding:10px;display:grid}.skin img{object-fit:cover;border-radius:12px;width:84px;height:84px}.skin.on{border-color:var(--amber)}.skin.locked{opacity:.45;cursor:not-allowed}.skin.locked img{filter:grayscale()brightness(.5)}.stats{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;gap:2px;padding:12px;display:grid}.stat b{font-family:var(--font-display);color:var(--amber);font-size:1.4rem}.lv-time{color:var(--teal);font-variant-numeric:tabular-nums;font-size:.72rem}.lv-time.par{color:var(--amber);font-weight:700}.lv-time.par:before{content:"⚡";margin-right:1px}.par-line{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.9rem}.par-line.beat{color:var(--amber);font-weight:700}.best-line{font-variant-numeric:tabular-nums;color:var(--muted)}.best-line.new{color:var(--amber);font-weight:700;animation:1s 3 pulse}.ctl b{margin-left:2px;font-size:.8rem}.intro-card{z-index:5;background:color-mix(in srgb, var(--panel) 94%, transparent);border:1px solid var(--line);text-align:center;cursor:pointer;border-radius:22px;width:min(440px,100% - 32px);padding:16px 18px;animation:.35s cubic-bezier(.2,1.4,.4,1) ic-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 50px #00000073}.intro-card.teach{border-color:var(--amber)}@keyframes ic-in{0%{opacity:0;transform:translate(-50%,-40%)scale(.9)}}.ic-name{font-family:var(--font-display);color:var(--amber);margin:0 0 4px;font-size:1.25rem}.ic-goal{margin:0 0 10px;font-weight:600}.ic-kit{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:8px;display:flex}.ic-skill{background:color-mix(in srgb, var(--job) 22%, transparent);border:1px solid color-mix(in srgb, var(--job) 60%, transparent);color:#fff;border-radius:999px;align-items:center;gap:4px;padding:6px 10px;display:inline-flex}.ic-skill svg{color:var(--job)}.ic-skill.hot{box-shadow:0 0 0 3px color-mix(in srgb, var(--job) 55%, transparent);animation:1.2s infinite pulse}.ic-tip{text-align:left;margin:8px 0;line-height:1.4}.ic-badge{letter-spacing:.04em;background:var(--amber);color:#2b1a12;text-transform:uppercase;border-radius:999px;margin-right:6px;padding:2px 8px;font-size:.7rem;font-weight:800;display:inline-block}@media (max-width:600px){.tray{justify-content:flex-start;padding:0 12px;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 12px calc(100% - 12px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 12px calc(100% - 12px),#0000 100%)}}@media (max-width:420px){.skill{width:62px}.skill .sk-name{font-size:.62rem}}.ctl.nudge{border-color:var(--amber);animation:1s ease-in-out 3 nudge}@keyframes nudge{50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--amber) 45%, transparent);transform:scale(1.12)}}.fail-cause{color:#ffc0c8;font-weight:600}.world-clear{text-align:center;gap:10px;display:grid}.wc-art{object-fit:cover;border-radius:16px;width:100%;max-height:34vh;animation:.5s ease-out ic-in}.wc-stats{justify-content:center;align-items:center;gap:6px;font-size:1.15rem;font-weight:700;display:flex}.wc-next{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:16px;grid-template-columns:96px 1fr;align-items:center;gap:12px;padding:10px;display:grid}.wc-next img{object-fit:cover;border-radius:10px;width:96px;height:64px}.wc-next p{margin:2px 0}.modal.celebrate .sheet{border-color:var(--amber);box-shadow:0 0 60px color-mix(in srgb, var(--amber) 35%, transparent)}.online-screen{max-width:720px;padding:0 16px calc(24px + var(--safe-b));margin:0 auto}.btn.online{color:#fff;font-family:var(--font-display);background:linear-gradient(#8b7bff,#5a48d8);border:0;font-size:1.1rem;box-shadow:0 5px #3a2c9a}.card h2{font-family:var(--font-display);align-items:center;gap:6px;margin:0;font-size:1.2rem;display:flex}.me-row{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.me-name{font-family:var(--font-display);font-size:1.3rem}.check{align-items:center;gap:8px;font-size:.95rem;display:flex}.check input{width:20px;height:20px;accent-color:var(--teal)}details.account summary{cursor:pointer;color:var(--muted)}details.account .menu{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:10px}.btn.small{min-height:40px;padding:8px 12px;font-size:.9rem}.text-input{border:1px solid var(--line);background:var(--bg-2);width:100%;min-height:48px;color:var(--text);border-radius:12px;padding:10px 14px;font-size:1.05rem}.text-input:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #3ee6c840}.code-input{text-transform:uppercase;letter-spacing:.4em;text-align:center;font-family:var(--font-display);font-size:1.6rem}.field-label{color:var(--muted);gap:6px;font-size:.9rem;display:grid}.form-error{min-height:1.2em;color:var(--red);margin:0;font-size:.9rem}.seg{background:var(--bg-2);border-radius:12px;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.seg-btn{min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;font-weight:700}.seg-btn[aria-selected=true]{background:var(--panel-2);color:var(--text);box-shadow:0 2px 8px #0000004d}.board{gap:6px;margin:0;padding:0;list-style:none;display:grid}.board li{background:var(--bg-2);border-radius:12px;grid-template-columns:2.4em 1fr auto auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.board li.me{outline:2px solid var(--amber);background:#2a2030}.board li.muted{text-align:center;display:block}.board .rk{text-align:center;font-variant-numeric:tabular-nums}.board .nm{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.board .sc{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.9rem}.board .delta{font-variant-numeric:tabular-nums;font-weight:800}.board .delta.up{color:var(--teal)}.board .delta.down{color:var(--red)}.icon-btn.small{width:34px;height:34px}.room-code{text-align:center;font-family:var(--font-display);letter-spacing:.25em;color:var(--amber);-webkit-user-select:all;user-select:all;margin:0;font-size:2.6rem}.room-level{align-items:center;gap:6px;margin:0;font-weight:700;display:flex}.room-players{gap:6px;margin:0;padding:0;list-style:none;display:grid}.room-players li{background:var(--bg-2);border:1px solid #0000;border-radius:12px;grid-template-columns:1.6em 1fr auto;align-items:center;gap:8px;padding:10px 12px;display:grid}.room-players li.ready{border-color:var(--teal)}.room-players li.me{box-shadow:inset 3px 0 0 var(--amber)}.room-players li.away{opacity:.5}.room-players .rd{color:var(--muted);font-size:.9rem}.room-players li.ready .rd{color:var(--teal);font-weight:700}.menu.row{grid-auto-flow:column;justify-content:center}.emotes{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.emote{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:50%;width:44px;height:44px;font-size:1.3rem;transition:transform .12s}.emote:active{transform:scale(.88)}.online-line{color:var(--muted);margin:0;font-size:.92rem}.link-btn{color:var(--teal);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.race-strip{z-index:4;pointer-events:none;gap:4px;min-width:170px;max-width:46%;display:grid;position:absolute;top:8px;right:8px}.rs-row{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d0b1eb8;border-radius:10px;grid-template-columns:minmax(0,1fr) 56px auto;align-items:center;gap:6px;padding:4px 8px;font-size:.78rem;display:grid}.rs-row.me{display:none}.rs-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.rs-bar{background:#ffffff26;border-radius:3px;height:6px;overflow:hidden}.rs-bar i{height:100%;width:calc(var(--p,0) * 100%);background:var(--amber);transition:width .3s;display:block}.rs-row.goal .rs-bar i{background:var(--teal)}.rs-row.dnf{opacity:.45}.rs-n{font-variant-numeric:tabular-nums}.race-countdown{z-index:5;font-family:var(--font-display);color:var(--amber);text-shadow:0 6px #b9541c,0 0 40px #ffb54780;pointer-events:none;place-items:center;font-size:clamp(4rem,18vw,9rem);display:grid;position:absolute;inset:0}.race-countdown:empty{display:none}.race-countdown.go{color:var(--teal);text-shadow:0 6px #157a69;animation:.7s ease-out forwards pop-go}@keyframes pop-go{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.4)}}.race-bubbles{z-index:4;pointer-events:none;gap:4px;display:grid;position:absolute;bottom:8px;left:8px}.race-bubbles .bubble{background:#0d0b1ecc;border-radius:14px;padding:6px 10px;font-size:.9rem;animation:.25s ease-out bubble-in}@keyframes bubble-in{0%{opacity:0;transform:translateY(8px)}}.race-emotes{z-index:4;position:absolute;bottom:8px;right:8px}.race-emotes .emotes{flex-direction:column;gap:4px}.race-emotes .emote{background:#262153d9;width:36px;height:36px;font-size:1.05rem}@media (max-width:520px){.race-emotes{display:none}.race-strip{min-width:140px}}.reduce-motion .race-countdown.go,.reduce-motion .race-bubbles .bubble{animation:none}.stats-line{color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:.8rem}.stats-line b{color:var(--text);font-weight:700}.live-dot{background:var(--teal);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:4px;animation:2s infinite live;display:inline-block;box-shadow:0 0 #3ee6c899}@keyframes live{70%{box-shadow:0 0 0 6px #3ee6c800}to{box-shadow:0 0 #3ee6c800}}.reduce-motion .live-dot{animation:none}.company{color:var(--muted);opacity:.8;text-align:center;word-break:keep-all;margin-top:6px;font-size:.7rem;line-height:1.5}.company p{margin:2px 0}.company a{color:var(--muted)}.pill.ghost-chip{color:var(--text);cursor:pointer;font-variant-numeric:tabular-nums;background:#ffffff0f;border:1px dashed #ffffff59}.pill.ghost-chip.off{opacity:.4;text-decoration:line-through}.badge.ghost{color:#e6e0ff;background:#2b2552}