@font-face{font-family:Cinzel Decorative;font-style:normal;font-weight:900;font-display:swap;src:url(./cinzel-decorative-900-D7P_uXi-.woff2) format("woff2")}@font-face{font-family:Cinzel;font-style:normal;font-weight:700;font-display:swap;src:url(./cinzel-700-BOqWLKHx.woff2) format("woff2")}@font-face{font-family:Spectral;font-style:normal;font-weight:400;font-display:swap;src:url(./spectral-400-Com8ZUEe.woff2) format("woff2")}@font-face{font-family:Spectral;font-style:normal;font-weight:600;font-display:swap;src:url(./spectral-600-YQFuBY_k.woff2) format("woff2")}:root{--sol-purple: #8a4bd0;--sol-green: #26d07c;--pump: #26d07c;--dump: #ff5347;--cyan: #ffb547;--gold: #ffcf4d;--ink: #efe6d6;--bg0: #1a1120;--glass: rgba(38, 20, 40, .55);--stroke: rgba(138, 75, 208, .4);--panel: #241326;--panel-2: #2c1730;--channel: #130b17;--hi: rgba(255, 240, 214, .14);--lo: rgba(0, 0, 0, .55);--frame-gold: rgba(255, 207, 77, .42);--frame-plum: rgba(138, 75, 208, .42);--bevel-in: inset 0 2px 3px rgba(0, 0, 0, .7), inset 0 0 0 1px rgba(255, 207, 77, .1);--bevel-out: inset 0 1px 0 var(--hi), inset 0 -3px 8px var(--lo), 0 12px 30px rgba(0, 0, 0, .5);--emboss: 0 1px 0 rgba(0, 0, 0, .6), 0 -1px 0 rgba(255, 240, 214, .12), 0 4px 18px rgba(0, 0, 0, .55);--display: "Cinzel Decorative", "Cinzel", "Songti SC", "Yu Mincho", "Nanum Myeongjo", serif;--head: "Cinzel", "Songti SC", "Yu Mincho", "Nanum Myeongjo", serif;--body: "Spectral", "Songti SC", "Yu Mincho", "Nanum Myeongjo", Georgia, serif;--mono: var(--head);--ui: var(--body)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg0);color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{position:fixed;top:0;right:0;bottom:0;left:0}#root canvas{display:block;width:100%!important;height:100%!important}#hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:var(--ui)}#hud .clickable{pointer-events:auto}.xp-track{position:absolute;top:0;left:0;right:0;height:9px;background:var(--channel);border-bottom:1px solid var(--frame-gold);box-shadow:var(--bevel-in);overflow:hidden}.xp-fill{height:100%;width:100%;transform:scaleX(0);transform-origin:left center;background:var(--gold);box-shadow:inset 0 1px #fff8e0b3,inset 0 -3px 5px #783c008c}.topbar{position:absolute;top:20px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:22px}.level-badge{font-family:var(--head);font-weight:700;font-size:13px;letter-spacing:.14em;color:var(--gold);background:var(--panel);padding:4px 13px;border-radius:3px;border:1px solid var(--frame-gold);box-shadow:var(--bevel-out);text-shadow:0 1px 0 rgba(0,0,0,.6)}.timer{font-family:var(--mono);font-weight:800;font-size:34px;letter-spacing:.04em;text-shadow:0 2px 20px rgba(0,0,0,.6);font-variant-numeric:tabular-nums}.kills{font-family:var(--mono);font-size:14px;letter-spacing:.1em;color:#efe6d6bf;text-transform:uppercase}.kills b{color:var(--dump);font-size:18px}.hpwrap{position:absolute;left:22px;bottom:22px;width:min(320px,42vw)}.hp-label{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#efe6d699;margin-bottom:5px}.hp-track{position:relative;height:19px;border-radius:3px;background:var(--channel);border:1px solid rgba(120,30,26,.7);box-shadow:var(--bevel-in);overflow:hidden}.hp-fill{height:100%;width:100%;transform:scaleX(1);transform-origin:left center;background:var(--dump);box-shadow:inset 0 1px #ffbeaa99,inset 0 -4px 7px #5a0c0abf}.hp-text{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--mono);font-size:11px;font-weight:700;color:var(--ink);text-shadow:0 1px 3px rgba(0,0,0,.7)}.bag{position:absolute;right:22px;bottom:22px;display:flex;gap:8px;flex-wrap:wrap-reverse;justify-content:flex-end;max-width:46vw}.chip{position:relative;width:42px;height:42px;display:grid;place-items:center;font-size:22px;border-radius:5px;background:var(--panel);border:1px solid var(--frame-plum);box-shadow:var(--bevel-out)}.chip .lv{position:absolute;right:-5px;bottom:-5px;font-family:var(--head);font-size:10px;font-weight:700;color:var(--gold);background:var(--panel-2);border:1px solid var(--frame-gold);border-radius:3px;padding:0 4px;line-height:15px;box-shadow:0 2px 5px #00000080}.boss{position:absolute;top:54px;left:50%;transform:translate(-50%);width:min(560px,80vw);text-align:center;opacity:0;visibility:hidden}.boss-name{font-family:var(--head);font-weight:900;font-size:20px;letter-spacing:.22em;text-transform:uppercase;color:var(--dump);text-shadow:0 0 20px rgba(255,83,71,.6);margin-bottom:8px}.boss-track{height:13px;border-radius:3px;background:var(--channel);border:1px solid rgba(120,30,26,.7);box-shadow:var(--bevel-in);overflow:hidden}.boss-fill{height:100%;width:100%;transform:scaleX(1);transform-origin:left center;background:linear-gradient(90deg,var(--sol-purple),var(--dump) 70%);box-shadow:inset 0 1px #ffc8be73,inset 0 -4px 7px #460a28b3}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(255,83,71,.42) 100%)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;text-align:center;padding:24px}.screen.show{display:grid}.screen .backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 32%,rgba(138,75,208,.26),transparent 62%),radial-gradient(ellipse at 50% 120%,rgba(255,181,71,.08),transparent 55%),#130b17db}.screen .panel{position:relative;z-index:1;max-width:720px}.eyebrow{font-family:var(--mono);font-size:13px;letter-spacing:.4em;text-transform:uppercase;color:var(--sol-green);margin-bottom:10px}.title{font-family:var(--display);font-weight:900;font-size:clamp(48px,12vw,118px);line-height:.9;letter-spacing:.02em;margin:0;color:var(--gold);text-shadow:var(--emboss)}.subtitle{font-size:17px;color:#efe6d6cc;margin:14px 0 4px}.controls{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:#efe6d680;margin-top:6px}.cta{pointer-events:auto;cursor:pointer;margin-top:30px;font-family:var(--head);font-weight:700;font-size:18px;letter-spacing:.18em;text-transform:uppercase;color:#241326;background:var(--gold);border:1px solid #7a5410;border-radius:6px;padding:16px 42px;text-shadow:0 1px 0 rgba(255,248,224,.5);box-shadow:inset 0 1px #fffae8bf,inset 0 -4px 8px #78460080,0 10px 26px #00000080;transition:transform .15s ease,filter .15s ease}.cta:hover{filter:brightness(1.08);transform:translateY(-2px)}.levelup .panel{width:min(940px,96vw)}.pick-title{font-family:var(--head);font-weight:900;font-size:clamp(24px,4vw,40px);letter-spacing:.06em;margin:0 0 6px;color:var(--gold);text-shadow:0 0 24px rgba(255,207,77,.4)}.pick-sub{font-family:var(--mono);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#efe6d699;margin-bottom:26px}.cards{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}.card{pointer-events:auto;cursor:pointer;width:240px;padding:26px 20px 24px;border-radius:8px;background:var(--panel-2);border:1px solid var(--rarity, var(--frame-plum));box-shadow:inset 0 1px 0 var(--hi),inset 0 -3px 10px var(--lo),0 18px 50px #0000008c;transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-6px) scale(1.03);box-shadow:inset 0 1px 0 var(--hi),inset 0 -3px 10px var(--lo),0 26px 60px #000000a6,0 0 22px var(--rarity, var(--sol-purple))}.card .emoji{font-size:52px;line-height:1;margin-bottom:14px;filter:drop-shadow(0 6px 16px rgba(0,0,0,.5))}.card .rarity{font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--rarity, var(--sol-purple));margin-bottom:6px}.card .name{font-weight:800;font-size:20px;margin-bottom:8px}.card .desc{font-size:13px;line-height:1.45;color:#efe6d6b8}.card .lvpips{display:flex;gap:4px;justify-content:center;margin-top:14px}.card .pip{width:18px;height:4px;border-radius:1px;background:#ffffff1f;box-shadow:inset 0 1px 1px #00000080}.card .pip.on{background:var(--rarity, var(--gold));box-shadow:inset 0 1px #fffae880}.death .title{color:var(--dump);text-shadow:0 1px 0 rgba(0,0,0,.6),0 -1px 0 rgba(255,200,150,.14),0 4px 22px rgba(255,83,71,.4)}.death .stats{display:flex;gap:34px;justify-content:center;margin:26px 0 4px}.death .stat{font-family:var(--mono)}.death .stat .v{font-size:34px;font-weight:800;color:var(--ink)}.death .stat .k{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#efe6d68c;margin-top:4px}.mute{position:absolute;top:16px;right:18px;width:40px;height:40px;display:grid;place-items:center;font-size:18px;cursor:pointer;border-radius:5px;background:var(--panel);border:1px solid var(--frame-plum);box-shadow:var(--bevel-out);color:var(--ink);transition:filter .15s ease,opacity .15s ease}.mute:hover{filter:brightness(1.2)}.mute.off{opacity:.5}@media (prefers-reduced-motion: reduce){*{transition:none!important}}