@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Cinzel+Decorative:wght@400;700&family=Share+Tech+Mono&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg-main:#03020e;--bg-panel:#0a061ebf;--bg-surface:#11093066;--arcane-purple:#a855f7;--arcane-glow:#a855f759;--cyan-accent:#06b6d4;--pink-accent:#ec4899;--gold-primary:#fbbf24;--gold-dark:#b45309;--gold-glow:#fbbf2433;--border:#8b5cf640;--border-glow:#8b5cf640;--glass-blur:blur(12px)}body{background:radial-gradient(circle at center, #0f0a2a 0%, var(--bg-main) 70%);color:#f1f5f9;justify-content:center;align-items:center;min-height:100vh;font-family:Cinzel,serif;display:flex;overflow:hidden}#wrap{justify-content:center;align-items:center;width:100%;padding:6px;display:flex}canvas{border:1px solid var(--border);border-radius:6px;display:block;box-shadow:0 0 60px #6d28d91f}#overlays{pointer-events:none;z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay{pointer-events:all;background:#030111e0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.panel{border:1px solid var(--border);text-align:center;background:linear-gradient(160deg,#4c1d9540 0%,#0a061ef2 60%);border-radius:18px;width:min(540px,94vw);padding:40px;position:relative;box-shadow:0 0 80px #6d28d926}.menu-title{text-align:center;margin-bottom:6px;font-family:Cinzel Decorative,serif;font-size:clamp(2rem,6vw,3rem);font-weight:700;line-height:1.1}.menu-title span.arc{background:linear-gradient(110deg,#c4b5fd 35%,#fff 50%,#c4b5fd 65%) 0 0/200%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #8b5cf6cc);-webkit-background-clip:text;animation:4.5s ease-in-out infinite arcaneGlassShine;display:inline-block}.menu-title span.sur{background:linear-gradient(110deg,#fde68a 35%,#fff 50%,#fde68a 65%) 0 0/200%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #fbbf2499);-webkit-background-clip:text;animation:4.5s ease-in-out .2s infinite arcaneGlassShine;display:inline-block}.menu-sub{letter-spacing:.25em;color:#6d28d9;text-transform:uppercase;margin-bottom:30px;font-size:.72rem}.divider{background:linear-gradient(90deg,#0000,#8b5cf680,#0000);width:70px;height:1px;margin:0 auto 24px}@keyframes arcaneGlassShine{0%{background-position:-100%}22%{background-position:100%}to{background-position:100%}}.btn{color:#e2e8f0;cursor:pointer;background:linear-gradient(135deg,#4c1d9580,#6d28d933);border:1px solid #8b5cf666;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:10px;padding:13px 20px;font-family:Cinzel,serif;font-size:.95rem;font-weight:700;transition:all .18s;display:flex}.btn:hover{color:#fff;border-color:#c4b5fd99;transform:translateY(-2px)}.btn.gold{background:linear-gradient(135deg,#78530066,#5c400033);border-color:#fbbf2466}.btn.danger{background:linear-gradient(135deg,#7800004d,#50000026);border-color:#ef44444d}.section-title{color:#c4b5fd;letter-spacing:.05em;margin-bottom:18px;font-size:1.35rem}.field-group{text-align:left;margin-bottom:14px}.field-label{letter-spacing:.18em;color:#a78bfa;text-transform:uppercase;margin-bottom:5px;font-size:.62rem;display:block}.field-input{color:#e2e8f0;background:#0a061ecc;border:1px solid #8b5cf647;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:Cinzel,serif}.field-row{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.lb-table{border-collapse:collapse;width:100%;margin-top:10px}.lb-table th{color:#7c3aed;text-transform:uppercase;text-align:left;border-bottom:1px solid #8b5cf633;padding:6px 10px;font-size:.6rem}.lb-table td{color:#c4b5fd;text-align:left;border-bottom:1px solid #8b5cf61a;padding:8px 10px;font-size:.8rem}.lb-score{font-family:Share Tech Mono,monospace;font-weight:700;text-align:right!important}.scroll-area{max-height:260px;overflow-y:auto}#toast{color:#e2e8f0;opacity:0;z-index:999;background:#4c1d95e6;border:1px solid #c4b5fd40;border-radius:8px;padding:9px 20px;transition:all .25s;position:fixed;bottom:22px;left:50%;transform:translate(-50%)translateY(16px)}#toast.show{opacity:1;transform:translate(-50%)translateY(0)}#toast.error{background:#780000e6;border-color:#fca5a540}#coop-hud{border:1px solid var(--border);color:#a78bfa;z-index:50;background:#0a061ed9;border-radius:8px;padding:5px 16px;font-size:.7rem;display:none;position:fixed;top:8px;left:50%;transform:translate(-50%)}#coop-hud.active{display:block}#btn-pause-exit{z-index:55;border:1px solid var(--border);color:#a78bfa;cursor:pointer;background:#0a061ecc;border-radius:6px;padding:5px 12px;font-family:Cinzel,serif;font-size:.7rem;position:fixed;top:8px;right:10px}#chat-container{z-index:60;border:1px solid var(--border);background:#080514e6;border-radius:8px 0 0;flex-direction:column;width:260px;display:flex;position:fixed;bottom:0;right:0;overflow:hidden}#chat-header{border-bottom:1px solid var(--border);color:#a78bfa;cursor:pointer;background:#4c1d9540;justify-content:space-between;padding:6px 12px;font-size:.65rem;display:flex}#chat-messages{flex-direction:column;flex:1;gap:4px;max-height:150px;padding:8px;display:flex;overflow-y:auto}.chat-msg{color:#c4b5fd;font-family:Share Tech Mono,monospace;font-size:.75rem}.chat-msg.mine .chat-name{color:#fde68a}.chat-msg.theirs .chat-name{color:#fb923c}#chat-input-row{border-top:1px solid var(--border);display:flex}#chat-input{color:#e2e8f0;background:#0a061eb3;border:none;outline:none;flex:1;padding:6px 10px;font-family:Share Tech Mono,monospace}#chat-send{color:#a78bfa;cursor:pointer;background:#4c1d954d;border:none;padding:0 12px}#chat-toggle{z-index:59;border:1px solid var(--border);color:#c4b5fd;cursor:pointer;background:#4c1d95e6;border-radius:6px 0 0;padding:6px 14px;font-size:.72rem;position:fixed;bottom:0;right:0}.room-code-display{letter-spacing:.25em;color:#fde68a;text-indent:.125em;background:#0000004d;border:1px solid #fbbf2433;border-radius:8px;margin:12px 0;padding:10px;font-family:Share Tech Mono,monospace;font-size:1.85rem}.ui-panel{background:var(--bg-panel);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-glow);box-shadow:0 8px 32px 0 #00000080, 0 0 20px 0 var(--arcane-glow);text-align:center;border-radius:16px;width:100%;max-width:500px;padding:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.ui-title{color:#fff;text-shadow:0 0 10px var(--arcane-glow), 0 0 20px #a855f733;letter-spacing:2px;margin-bottom:1.5rem;font-family:Cinzel Decorative,serif;font-size:2.5rem;font-weight:700}.ui-stats-display{color:var(--cyan-accent);text-shadow:0 0 8px #06b6d466;font-family:Share Tech Mono,monospace;font-size:1.25rem}.btn-arcane{background:linear-gradient(135deg, var(--bg-surface), #8b5cf61a);border:1px solid var(--arcane-purple);color:#fff;letter-spacing:1px;cursor:pointer;border-radius:8px;padding:.75rem 2rem;font-family:Cinzel,serif;font-weight:600;transition:all .2s;position:relative;overflow:hidden}.btn-arcane:hover{background:var(--arcane-purple);box-shadow:0 0 15px var(--arcane-purple), 0 0 30px var(--arcane-glow);text-shadow:0 1px 3px #00000080;transform:translateY(-2px)}.btn-arcane:active{transform:translateY(1px)}.hud-layer{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:10;padding:24px;position:absolute;inset:0}.hud-pause-hint{color:#a78bfa;text-shadow:0 0 8px #a78bfa66,0 2px 4px #000;letter-spacing:.05em;z-index:20;pointer-events:none;background:#0a061e80;border:1px solid #a78bfa26;border-radius:4px;padding:4px 8px;font-family:Share Tech Mono,monospace;font-size:.8rem;position:absolute;bottom:10px;right:15px}.hud-score-module{text-align:right;text-transform:uppercase;position:absolute;top:20px;right:30px}.hud-score-module .hud-label{letter-spacing:2px;color:#a78bfab3;font-size:.65rem}.hud-score-value{color:#fff;font-family:Share Tech Mono,monospace;font-size:2.2rem;font-weight:700;line-height:.9}.hud-wave-value{color:#a78bfa80;margin-top:6px;font-family:Share Tech Mono,monospace;font-size:.8rem}.hud-status-bars{flex-direction:column;gap:4px;display:flex;position:absolute;bottom:30px;left:30px}.hud-bar-wrapper{background:#0f0a1ecc;border:1px solid #00000080;width:250px;height:20px;position:relative}.hud-bar-wrapper .hud-bar-fill{height:100%;transition:width .1s linear}.hp-bar .hud-bar-fill{background-color:#e26a5a}.xp-bar .hud-bar-fill{background-color:#4a7c59}.hud-bar-text{color:#fff;text-shadow:1px 1px #000c;align-items:center;padding-left:8px;font-family:Share Tech Mono,monospace;font-size:.75rem;font-weight:700;display:flex;position:absolute;inset:0}.hud-controls-hint{color:#a78bfa66;letter-spacing:.5px;font-family:Share Tech Mono,monospace;font-size:.72rem;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.level-up-screen{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#03020ebf;flex-direction:column}.level-up-container{text-align:center;width:100%;max-width:960px;padding:20px}.level-up-title{color:#fef08a;letter-spacing:3px;text-shadow:0 0 12px #f59e0b,0 0 30px #f59e0b99,0 0 60px #f59e0b4d;margin-bottom:.5rem;font-family:Cinzel,serif;font-size:2.6rem;font-weight:700}.level-up-subtitle{color:#cbd5e1;letter-spacing:2px;margin-bottom:.5rem;font-family:Cinzel,serif;font-size:.85rem}.level-up-warning{color:#fbbf24;opacity:.85;margin-bottom:2.5rem;font-size:.75rem}.upgrade-cards-grid{justify-content:center;gap:20px;width:100%;display:flex}.upgrade-card{cursor:pointer;background:linear-gradient(#31148a 0%,#200b66 100%);border:2px solid #a855f7;border-radius:14px;flex:1;max-width:260px;padding:30px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 20px #a855f766}.upgrade-card:hover,.upgrade-card:focus{border-color:#c084fc;outline:none;transform:scale(1.04);box-shadow:0 0 35px #a855f7d9,inset 0 0 15px #a855f766}.card-icon{filter:drop-shadow(0 0 8px #ffffff4d);margin-bottom:12px;font-size:2rem}.card-title{text-transform:uppercase;color:#fff;letter-spacing:1px;margin-bottom:8px;font-family:Cinzel,serif;font-size:1.2rem;font-weight:700}.card-desc{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;min-height:40px;font-size:.78rem}.card-key{color:#fbbf24;text-shadow:0 0 8px #fbbf2480;margin-top:10px;font-family:Share Tech Mono,monospace;font-size:1.1rem;font-weight:700}.hud-ping-overlay{color:#34d399;text-shadow:0 0 10px #34d39966,0 2px 4px #000;letter-spacing:.05em;z-index:20;pointer-events:none;background:#0a061ea6;border:1px solid #34d39933;border-radius:6px;padding:4px 10px;font-family:Share Tech Mono,monospace;font-size:.85rem;font-weight:700;position:absolute;top:15px;left:15px}.hud-start-overlay{z-index:10;background:#030111bf;justify-content:center;align-items:center;width:100%;height:100%;font-family:monospace;display:flex;position:absolute;top:0;left:0}.hud-start-modal{text-align:center;background:#0a061e;border:2px solid #8b5cf6;border-radius:8px;padding:24px 40px;box-shadow:0 0 20px #8b5cf666}.hud-start-modal h2{color:#a78bfa;letter-spacing:2px;margin:0 0 10px;font-size:24px}.hud-start-modal p{color:#94a3b8;margin:0;font-size:14px}.ult-skill-container{vertical-align:middle;margin-left:16px;display:inline-block;position:relative}.ult-skill-circle{cursor:pointer;background:linear-gradient(135deg,#2e0854 0%,#120224 100%);border:3px solid #bf55ec;border-radius:50%;outline:none;justify-content:center;align-items:center;width:68px;height:68px;transition:transform .1s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 15px #bf55ec80}.ult-skill-circle:hover:not(:disabled){border-color:#df9eff;transform:scale(1.06);box-shadow:0 0 25px #bf55ecd9}.ult-skill-circle:disabled{cursor:not-allowed;box-shadow:none;background:#111116;border-color:#4b5563}.ult-cooldown-overlay{z-index:2;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(-90deg)}.ult-icon-graphic{z-index:1;-webkit-user-select:none;user-select:none;font-size:24px}.ult-cooldown-text{z-index:3;color:#fff;text-shadow:2px 2px 4px #000000e6;font-size:16px;font-weight:900;position:absolute}.ult-ring-glow{pointer-events:none;z-index:4;border:2px solid #ffffff59;border-radius:50%;position:absolute;inset:-1px}.ult-tooltip{color:#fff;z-index:9999;text-align:left;pointer-events:none;background:#0a0612f5;border:2px solid #bf55ec;border-radius:8px;width:310px;padding:12px;font-family:sans-serif;position:absolute;bottom:85px;right:0;box-shadow:0 8px 32px #000000d9}.ult-tooltip h3{color:#f0c27b;margin:0;font-size:16px}.ult-tooltip p.sub{color:#a29bfe;text-transform:uppercase;margin:2px 0 6px;font-size:10px}.ult-tooltip p.desc{color:#ccc;margin-bottom:8px;font-size:11px;font-style:italic;line-height:1.4}.ult-debuff-list{color:#b4b4c0;margin:0;padding-left:14px;font-size:11px}.ult-debuff-list strong{color:#ff7675}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{border-radius:4px;background:radial-gradient(circle, #0e071e 0%, var(--bg-main) 100%)!important;border-left:1px dashed #fbbf2426!important}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--gold-primary) 0%, var(--gold-dark) 100%)!important;box-shadow:0 0 6px var(--gold-glow)!important;border:2px solid #060413!important;border-radius:10px!important}::-webkit-scrollbar-thumb:hover{cursor:pointer;background:linear-gradient(180deg, #fef08a 0%, var(--gold-primary) 100%)!important;box-shadow:0 0 12px #fbbf24cc!important}html,*{scrollbar-width:thin;scrollbar-color:var(--gold-primary) #060413}