:root{--bg:#08070f;--panel:#141120;--panel2:#1c172a;--line:rgba(255,255,255,.1);--text:#fbf8ff;--muted:#a59bb5;--pink:#ff3eab;--cyan:#38e7ff;--lime:#cbff52;--orange:#ffad49}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 22% 6%,#30204f 0,transparent 25%),radial-gradient(circle at 82% 15%,#212c55 0,transparent 23%),var(--bg);color:var(--text);font-family:'Space Grotesk',sans-serif;min-height:100vh}.scanlines{position:fixed;inset:0;pointer-events:none;opacity:.15;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 3px 4px);mix-blend-mode:overlay;z-index:3}.hidden{display:none!important}.panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(28,23,42,.95),rgba(12,10,19,.93));box-shadow:0 0 0 1px rgba(255,62,171,.05),0 20px 60px rgba(0,0,0,.35)}h1,h2,h3,h4,p{margin:0}.brand{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;place-items:center;width:52px;height:52px;border:2px solid var(--pink);color:var(--pink);font:900 31px 'Orbitron';text-shadow:0 0 16px var(--pink);box-shadow:inset 0 0 16px rgba(255,62,171,.2),0 0 12px rgba(255,62,171,.3)}.brand h1{font:800 22px 'Orbitron';letter-spacing:-1px}.brand h1 span{color:var(--pink)}.brand p,.eyebrow{font:700 10px 'Orbitron';color:var(--cyan);letter-spacing:2px;margin-top:4px}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,460px);padding:42px}.intro{color:var(--muted);margin:34px 0 22px;font-size:16px}form{display:grid;gap:16px}label{display:grid;gap:7px;color:#d8d1e2;font-size:14px;font-weight:700}input{padding:13px 14px;background:#0c0a13;color:var(--text);border:1px solid #393046;font:inherit;outline:none}input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(56,231,255,.12)}button{font:inherit;cursor:pointer}.neon-button{border:1px solid var(--pink);background:linear-gradient(100deg,#d92589,var(--pink));color:#fff;min-height:47px;padding:0 17px;font:800 13px 'Orbitron';letter-spacing:1px;box-shadow:0 0 20px rgba(255,62,171,.25);transition:transform .15s,filter .15s}.neon-button:hover{filter:brightness(1.15);transform:translateY(-1px)}.wide{margin-top:5px}.neon-button span{font-size:18px;margin-left:8px}.auth-switch{display:flex;justify-content:center;gap:7px;margin-top:24px;color:var(--muted);font-size:13px}.auth-switch button{border:0;padding:0;background:none;color:var(--cyan);font-weight:700}.form-error{min-height:20px;text-align:center;color:#ff7aaf;font-size:13px;margin-top:12px}.game-shell{max-width:1350px;padding:24px;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;margin-bottom:20px}.compact .brand-mark{width:38px;height:38px;font-size:23px}.compact h1{font-size:18px}.compact p{font-size:8px}.top-actions{display:flex;gap:8px}.top-action{border:1px solid var(--line);background:#12101b;color:#e9e2f0;padding:9px 12px;font-size:13px}.top-action:hover{border-color:var(--cyan)}.top-action.muted{color:var(--muted)}.game-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:20px}.play-area{min-height:535px;padding:29px;display:flex;flex-direction:column;align-items:center}.user-row{display:flex;align-items:center;width:100%;gap:11px}.avatar,.mini-avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--pink),#7545ff);font-weight:800}.avatar{width:44px;height:44px;font-size:20px}.rank-chip{margin-left:auto;border:1px solid var(--cyan);padding:7px 10px;color:var(--cyan);font:700 14px 'Orbitron'}.score-wrap{text-align:center;margin:45px 0 12px}.score-wrap p{font:700 12px 'Orbitron';letter-spacing:2px;color:var(--muted)}.score-wrap strong{display:block;font:900 clamp(58px,9vw,104px) 'Orbitron';line-height:1.1;letter-spacing:-5px;color:#fff;text-shadow:0 0 30px rgba(56,231,255,.25)}.score-wrap span{color:var(--lime);font-size:13px;font-weight:700}.effects{min-height:38px;display:flex;gap:7px;justify-content:center;flex-wrap:wrap}.effect-pill{border:1px solid rgba(203,255,82,.5);background:rgba(203,255,82,.08);padding:7px 9px;font-size:12px;color:#eafec1}.effect-pill b{color:var(--lime);margin-left:4px}.effect-none{font-size:12px;color:var(--muted)}.goon-button{width:min(390px,100%);min-height:142px;margin:31px 0 11px;border:2px solid var(--pink);background:radial-gradient(circle,#a21b69 0,#461330 55%,#20101f 100%);color:#fff;box-shadow:0 0 0 5px rgba(255,62,171,.08),0 0 42px rgba(255,62,171,.4),inset 0 0 45px rgba(255,98,185,.18);font:900 34px 'Orbitron';letter-spacing:2px;transition:.12s}.goon-button:hover{transform:scale(1.02);filter:brightness(1.12)}.goon-button:active,.goon-button.hit{transform:scale(.96)}.goon-button:disabled{filter:grayscale(.5);cursor:wait}.goon-button span{display:block}.goon-icon{font-size:36px;margin-bottom:4px}.goon-button small{display:block;margin-top:8px;font:700 10px 'Orbitron';letter-spacing:2px;color:#ffc4e3}.click-feedback{height:18px;color:var(--cyan);font-size:13px;font-weight:700}.side-column{display:grid;gap:20px;align-content:start}.side-panel{padding:19px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-title h3{font:800 14px 'Orbitron';letter-spacing:1px}.live-dot{font:800 9px 'Orbitron';color:var(--lime)}.live-dot:before,.status-dot{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:5px;box-shadow:0 0 9px var(--lime)}.leaderboard{list-style:none;padding:0;margin:0}.leaderboard li{height:42px;display:flex;align-items:center;gap:8px;border-top:1px solid rgba(255,255,255,.06);font-size:13px}.leaderboard li.self{background:rgba(255,62,171,.1);margin:0 -8px;padding:0 8px}.place{width:17px;color:var(--muted);font:700 12px 'Orbitron'}.mini-avatar{width:24px;height:24px;font-size:11px}.board-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard strong{margin-left:auto;font:700 12px 'Orbitron';color:var(--orange)}.online-count{font:700 12px 'Orbitron';color:var(--lime)}.online-users{display:grid;gap:7px}.online-user{display:flex;align-items:center;gap:7px;border-top:1px solid rgba(255,255,255,.06);padding-top:8px;font-size:13px}.status-dot{width:6px;height:6px;margin:0}.online-user button{margin-left:auto;border:1px solid rgba(56,231,255,.45);background:transparent;color:var(--cyan);font:700 9px 'Orbitron';padding:7px}.online-user button:hover{background:rgba(56,231,255,.1)}.empty{color:var(--muted);font-size:13px;line-height:1.5}.shop{margin-top:20px;padding:24px}.shop .section-title{align-items:end}.shop h2,.modal h2{font:800 23px 'Orbitron';margin-top:5px}.shop-subtitle{color:var(--muted);font-size:13px}.item-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.item-card{position:relative;min-height:174px;padding:14px;border:1px solid var(--line);background:rgba(8,7,15,.56);display:flex;flex-direction:column}.item-card:hover{border-color:rgba(255,62,171,.55)}.item-icon{font-size:28px;margin-bottom:9px}.item-content h4{font:700 14px 'Orbitron';margin-bottom:6px}.item-content p{font-size:12px;line-height:1.4;color:var(--muted)}.mini-button{margin-top:auto;align-self:stretch;border:1px solid var(--pink);background:rgba(255,62,171,.08);color:#ffacd7;padding:8px;font:700 10px 'Orbitron';letter-spacing:.5px}.mini-button:hover{background:var(--pink);color:#fff}.modal{width:min(600px,calc(100vw - 28px));border-color:rgba(255,62,171,.55);padding:28px;color:var(--text)}.modal::backdrop{background:rgba(2,1,7,.8);backdrop-filter:blur(4px)}.modal-copy{color:var(--muted);margin:9px 0 16px}.close-modal{position:absolute;right:14px;top:10px;border:0;background:none;color:#fff;font-size:28px}.modal-items{display:grid;gap:9px;max-height:58vh;overflow:auto}.modal .item-card{min-height:96px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:9px}.modal .item-icon{margin:0}.modal .mini-button{margin:0;align-self:center}.quantity{position:absolute;right:10px;top:8px;color:var(--lime);font:800 11px 'Orbitron'}.toast{position:fixed;z-index:10;left:50%;bottom:18px;transform:translate(-50%,120px);background:#20182a;border:1px solid var(--line);color:#fff;padding:12px 18px;box-shadow:0 15px 35px #000;transition:.25s;font-size:13px}.toast.show{transform:translate(-50%,0)}.toast.success{border-color:var(--lime)}.toast.error{border-color:#ff718f}.big-notification{position:fixed;z-index:11;inset:0;display:grid;place-content:center;text-align:center;padding:30px;background:radial-gradient(circle,rgba(67,21,78,.96),rgba(5,4,10,.98));animation:arrive .35s both}.delivery-icon{font-size:88px;filter:drop-shadow(0 0 28px var(--pink));animation:float 1.5s ease-in-out infinite}.big-notification h2{font:900 clamp(30px,5vw,64px) 'Orbitron';margin:14px 0}.big-notification p:not(.eyebrow){max-width:500px;color:#e6dae9;margin:0 auto 22px;font-size:18px}.big-notification .neon-button{width:180px;justify-self:center}@keyframes arrive{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{50%{transform:translateY(-8px)}}@media(max-width:850px){.game-grid{grid-template-columns:1fr}.side-column{grid-template-columns:1fr 1fr}.item-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.game-shell{padding:11px}.topbar{padding:12px}.top-actions .muted,.top-action span{display:none}.play-area{padding:18px;min-height:500px}.side-column{grid-template-columns:1fr}.item-grid{grid-template-columns:1fr}.shop{padding:18px}.shop-subtitle{display:none}.score-wrap{margin-top:32px}.goon-button{min-height:130px}.auth-card{padding:28px 22px}}