:root{--bg-1: #04070f;--bg-2: #0a1530;--panel: rgba(9, 17, 35, .82);--panel-border: #1e3766;--text: #e5f0ff;--muted: #93a7cc;--cyan: #26e8ff;--magenta: #ff4bd1;--amber: #ffc65a}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font-family:Rajdhani,Trebuchet MS,sans-serif;background:radial-gradient(circle at 14% 12%,rgba(38,232,255,.15),transparent 34%),radial-gradient(circle at 84% 0%,rgba(255,75,209,.17),transparent 28%),linear-gradient(165deg,var(--bg-2),var(--bg-1) 58%)}#app{max-width:1600px;margin:0 auto;padding:18px}.hero{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:16px}.hero h1{margin:0;font-family:Orbitron,sans-serif;font-size:1.48rem;letter-spacing:.07em;text-transform:uppercase}.hero p{margin:8px 0 0;color:var(--muted)}.hero-stats{display:flex;flex-direction:column;gap:6px;font-size:.95rem;color:var(--muted)}.layout{display:grid;gap:16px;grid-template-columns:minmax(0,2fr) minmax(360px,1fr)}.main-column{display:flex;flex-direction:column;gap:12px}.arena-panel,.panel{background:var(--panel);backdrop-filter:blur(4px);border:1px solid var(--panel-border);border-radius:14px}.arena-panel{padding:12px}#game-canvas{border:1px solid #223d6e;border-radius:10px;min-height:560px;overflow:hidden;box-shadow:inset 0 0 40px #0e142de6}.session-summary{margin-top:10px;color:var(--muted);min-height:22px}.right-column{display:flex;flex-direction:column;gap:12px}.right-column .panel{padding:11px}.panel{padding:12px}.panel h2{margin:0 0 10px;font-family:Orbitron,sans-serif;font-size:.98rem;letter-spacing:.05em;text-transform:uppercase;color:var(--cyan)}label{display:block;color:var(--muted);font-size:.92rem;margin-bottom:9px}select,input{width:100%;margin-top:4px;border-radius:9px;border:1px solid #2a4b82;background:#071224;color:var(--text);padding:8px 10px;font-family:inherit}input[type=checkbox]{width:auto;margin-right:6px;vertical-align:middle}button{border:1px solid #2b558a;border-radius:9px;background:linear-gradient(180deg,#103360,#0c2444);color:var(--text);padding:8px 12px;font-family:Orbitron,sans-serif;letter-spacing:.04em;cursor:pointer}button:hover{border-color:var(--cyan)}button:active{transform:translateY(1px)}.button-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}.music-controls{margin-top:10px;display:grid;gap:8px}.music-controls button{width:100%}.music-volume-label span{float:right;color:var(--cyan)}.music-volume-label input[type=range]{margin-top:8px;accent-color:var(--cyan)}.compact-hint{font-size:.88rem}.profile-stats{margin-top:10px;color:var(--muted)}.scroll-list{max-height:220px;overflow:auto;margin:8px 0 0;padding-left:18px}.guide-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.guide-tab.active{border-color:var(--cyan);box-shadow:0 0 0 1px #26e8ff38 inset}.guide-panel{margin-top:10px;max-height:260px}.hidden{display:none}.guide-shell{padding:12px 14px}.collapsible{border:1px solid #23426f;border-radius:10px;padding:8px 10px;background:#07122480;margin-top:8px}.collapsible summary{cursor:pointer;color:var(--text);font-family:Orbitron,sans-serif;letter-spacing:.03em}.collapsible summary::marker{color:var(--cyan)}.collapsible[open]{border-color:#2e5c93}.compact-list{max-height:180px}.muted{color:var(--muted);margin-top:8px;min-height:20px}.list-badge{display:inline-block;border-radius:999px;border:1px solid #355a96;padding:2px 8px;font-size:.8rem;margin-left:6px}.badge-gold{color:#ffd979;border-color:#af8636}.badge-silver{color:#d5deeb;border-color:#7f8ca0}.badge-bronze{color:#efc48f;border-color:#8b6942}@media(max-width:1100px){.layout{grid-template-columns:1fr}.right-column{gap:10px}#game-canvas{min-height:430px}}