:root{--sol-purple: #9945ff;--sol-green: #14f195;--pump: #22e07a;--dump: #ff4d5e;--cyan: #2de2ff;--gold: #ffcf4d;--ink: #f5f3ff;--bg0: #07060f;--glass: rgba(20, 12, 46, .55);--stroke: rgba(153, 69, 255, .4);--mono: ui-monospace, "SF Mono", "Roboto Mono", Menlo, monospace;--ui: -apple-system, "Segoe UI", system-ui, "PingFang SC", "Hiragino Sans", "Noto Sans CJK", sans-serif}*{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:8px;background:#ffffff0f;overflow:hidden}.xp-fill{height:100%;width:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,var(--sol-purple),var(--cyan),var(--sol-green));box-shadow:0 0 14px #2de2ffb3}.topbar{position:absolute;top:20px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:22px}.level-badge{font-family:var(--mono);font-weight:800;font-size:13px;letter-spacing:.12em;color:var(--bg0);background:linear-gradient(120deg,var(--sol-green),var(--cyan));padding:4px 12px;border-radius:999px;box-shadow:0 0 18px #14f19580}.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:#f5f3ffbf;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:#f5f3ff99;margin-bottom:5px}.hp-track{position:relative;height:18px;border-radius:999px;background:#ff4d5e1f;border:1px solid rgba(255,77,94,.35);overflow:hidden}.hp-fill{height:100%;width:100%;transform:scaleX(1);transform-origin:left center;background:linear-gradient(90deg,#ff4d5e,#ff7a45,var(--gold));box-shadow:0 0 16px #ff4d5e8c}.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:40px;height:40px;display:grid;place-items:center;font-size:22px;border-radius:12px;background:var(--glass);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.chip .lv{position:absolute;right:-4px;bottom:-4px;font-family:var(--mono);font-size:10px;font-weight:800;color:var(--bg0);background:var(--sol-green);border-radius:999px;padding:0 5px;line-height:15px}.boss{position:absolute;top:54px;left:50%;transform:translate(-50%);width:min(560px,80vw);text-align:center;opacity:0;visibility:hidden}.boss-name{font-weight:900;font-size:20px;letter-spacing:.22em;text-transform:uppercase;color:var(--dump);text-shadow:0 0 20px rgba(255,77,94,.6);margin-bottom:8px}.boss-track{height:12px;border-radius:999px;background:#ff4d5e26;border:1px solid rgba(255,77,94,.5);overflow:hidden}.boss-fill{height:100%;width:100%;transform:scaleX(1);transform-origin:left center;background:linear-gradient(90deg,#7c5cff,var(--dump));box-shadow:0 0 18px #ff4d5e99}.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,77,94,.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% 30%,rgba(153,69,255,.25),transparent 60%),#07060fb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.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-weight:900;font-size:clamp(48px,12vw,118px);line-height:.9;letter-spacing:.02em;margin:0;background:linear-gradient(120deg,var(--sol-purple),var(--cyan),var(--sol-green));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 30px rgba(153,69,255,.45))}.subtitle{font-size:17px;color:#f5f3ffcc;margin:14px 0 4px}.controls{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:#f5f3ff80;margin-top:6px}.cta{pointer-events:auto;cursor:pointer;margin-top:30px;font-family:var(--mono);font-weight:800;font-size:18px;letter-spacing:.16em;text-transform:uppercase;color:var(--bg0);background:linear-gradient(120deg,var(--sol-green),var(--cyan));border:none;border-radius:14px;padding:16px 40px;box-shadow:0 0 30px #14f19580;transition:filter .15s ease}.cta:hover{filter:brightness(1.12)}.levelup .panel{width:min(940px,96vw)}.pick-title{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:#f5f3ff99;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:20px;background:var(--glass);border:1px solid var(--rarity, var(--stroke));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 50px #00000080,inset 0 0 0 1px #ffffff0a;transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 26px 60px #0009,0 0 30px 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:#f5f3ffb8}.card .lvpips{display:flex;gap:4px;justify-content:center;margin-top:14px}.card .pip{width:18px;height:4px;border-radius:999px;background:#ffffff24}.card .pip.on{background:var(--rarity, var(--sol-green))}.death .title{background:linear-gradient(120deg,var(--dump),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 30px rgba(255,77,94,.45))}.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:#f5f3ff8c;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:12px;background:var(--glass);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);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}}