:root{--ink:#1e1b2e;--dim:#5f5a72;--plum:#d63a76;--plum-deep:#a01e50;--jade:#0f9b8e;--gold:#c97a0a;--panel:#ffffffeb;--edge:#1e1b2e29;--halo:0 1px 3px #fffffff2, 0 0 8px #fffc;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;font-family:Pretendard,ui-sans-serif,system-ui,-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif}*{box-sizing:border-box}html,body,#root{background:#dcefff;height:100%;margin:0;overflow:hidden}canvas{touch-action:none;display:block}kbd{border:1px solid var(--edge);font:inherit;background:#1e1b2e0f;border-radius:4px;padding:1px 6px;font-size:12px}.hud{color:var(--ink);pointer-events:none;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;position:fixed;inset:0}.xp-bar{border-bottom:1px solid var(--edge);background:#ffffffd9;height:22px;position:absolute;top:0;left:0;right:0}.xp-fill{background:linear-gradient(90deg, #2b6fd8, var(--jade));height:100%;transition:width 90ms linear}.xp-label{letter-spacing:.08em;place-items:center;font-size:12px;font-weight:600;display:grid;position:absolute;inset:0}.hud-top{place-items:center;display:grid;position:absolute;top:30px;left:0;right:0}.clock{text-shadow:var(--halo);align-items:baseline;gap:6px;display:flex}.clock-time{letter-spacing:.02em;font-size:34px;font-weight:700}.clock-goal{color:var(--dim);font-size:13px}.hud-left{width:232px;position:absolute;bottom:16px;left:16px}.hp{border:1px solid var(--edge);background:#ffffffd9;border-radius:4px;height:22px;position:relative;overflow:hidden}.hp-fill{background:linear-gradient(90deg, var(--plum-deep), var(--plum));height:100%;transition:width .12s linear}.hp-label{text-shadow:var(--halo);place-items:center;font-size:12px;font-weight:600;display:grid;position:absolute;inset:0}.loadout{border:1px solid var(--edge);background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px;margin-top:8px;padding:8px 10px}.loadout-row{justify-content:space-between;align-items:center;gap:10px;font-size:13px;line-height:1.75;display:flex}.loadout-row.dim{color:var(--dim);font-size:12px}.pips{gap:3px;display:inline-flex}.pip{border:1px solid #1e1b2e3d;border-radius:50%;width:7px;height:7px}.pip.on{background:var(--gold);border-color:var(--gold)}.hud-right{justify-items:end;gap:4px;display:grid;position:absolute;bottom:16px;right:16px}.stat{text-shadow:var(--halo);align-items:baseline;gap:8px;display:flex}.stat.dim{color:var(--dim);font-size:12px}.stat-label{letter-spacing:.1em;color:var(--dim);font-size:11px}.stat-value{color:var(--gold);font-size:19px;font-weight:600}.stat.dim .stat-value{color:var(--ink);font-size:13px}.overlay{color:var(--ink);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dim-backdrop{background:#e8f3fcd9}.panel{border:1px solid var(--edge);background:var(--panel);text-align:center;border-radius:16px;width:min(560px,100%);padding:32px}.title-panel{text-align:left;background:linear-gradient(#ffe9f2f5,#fffffff5);grid-template-columns:minmax(0,260px) minmax(0,1fr);align-items:center;gap:28px;width:min(880px,100%);display:grid}.key-art{border:1px solid var(--edge);background:#24262b;border-radius:12px;margin:0;overflow:hidden}.key-art img{width:100%;height:auto;display:block}.title-copy .eyebrow,.title-copy h1,.title-copy .lede,.title-copy .record{text-align:left}@media (width<=760px){.title-panel{text-align:center;grid-template-columns:minmax(0,1fr);gap:18px}.key-art{max-width:220px;margin:0 auto}.title-copy .eyebrow,.title-copy h1,.title-copy .lede,.title-copy .record{text-align:center}}.eyebrow{letter-spacing:.5em;color:var(--plum);margin:0;font-size:13px}h1{letter-spacing:-.01em;margin:10px 0 14px;font-size:42px;font-weight:800}h2{margin:6px 0 20px;font-size:26px;font-weight:700}.lede{color:var(--dim);margin:0 0 22px;line-height:1.7}.rules{border:1px solid var(--edge);text-align:left;color:var(--dim);background:#1e1b2e0a;border-radius:10px;margin:0 0 22px;padding:14px 18px;font-size:13px;line-height:2;list-style:none}.record{color:var(--dim);margin:0 0 20px;font-size:13px}.record strong{color:var(--gold)}button{border:1px solid var(--edge);color:var(--ink);font:inherit;cursor:pointer;background:#ffffffb3;border-radius:9px;padding:10px 18px;font-size:14px;transition:background .12s,border-color .12s}button:hover{background:#d63a761f}button.primary{border-color:var(--plum);background:linear-gradient(180deg, var(--plum), var(--plum-deep));color:#fffafc;padding:12px 28px;font-weight:700}button.primary:hover{filter:brightness(1.12)}.actions{justify-content:center;gap:10px;display:flex}.results{grid-template-columns:repeat(2,1fr);gap:10px 20px;margin:0 0 26px;display:grid}.results>div{border:1px solid var(--edge);background:#1e1b2e0a;border-radius:8px;justify-content:space-between;align-items:baseline;padding:8px 12px;display:flex}.results span{color:var(--dim);font-size:12px}.results strong{color:var(--gold);font-size:20px}.results .dim strong{color:var(--ink);font-size:16px}.levelup{text-align:center;width:min(880px,100%)}.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.card{border:1px solid var(--edge);text-align:left;background:linear-gradient(#fffffff7,#f0f6fff7);border-radius:14px;gap:4px;padding:20px 18px 18px;display:grid;position:relative}.card:hover{border-color:var(--plum);background:linear-gradient(#ffecf4fa,#fffafcfa)}.card-kind{letter-spacing:.2em;color:var(--jade);font-size:11px}.card-subtitle{color:var(--dim);letter-spacing:.14em;font-size:12px}.card-name{font-size:22px;font-weight:800}.card-level{color:var(--gold);font-size:12px}.card-blurb{color:var(--dim);margin-top:6px;font-size:13px;line-height:1.6}.card-key{border:1px solid var(--edge);width:20px;height:20px;color:var(--dim);border-radius:5px;place-items:center;font-size:11px;display:grid;position:absolute;top:12px;right:14px}@media (width<=720px){h1{font-size:30px}.clock-time{font-size:26px}.hud-left{width:190px}}