@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*,*:before,*:after{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input[type=text],input[type=search],textarea{-webkit-user-select:text;user-select:text}:root{--bg-color: #050505;--text-main: #e0e0e0;--neon-green: #39ff14;--neon-green-dim: rgba(57, 255, 20, .15);--neon-red: #ff3131;--neon-blue: #1b8cfb;--neon-yellow: #fff01f;--panel-bg: rgba(10, 10, 10, .95);--border-color: #222;--surface: rgba(15, 15, 25, .85);--surface-hover: rgba(25, 25, 40, .9);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius: 6px;--border-w: 1px;--font-display: "Press Start 2P", cursive;--font-body: "Share Tech Mono", monospace}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:var(--bg-color);font-family:var(--font-body);color:var(--text-main);height:100dvh;width:100vw;font-size:14px}.fullscreen-panel{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background:var(--bg-color);z-index:100;overflow-y:auto;overflow-x:hidden}#login-panel{background:radial-gradient(ellipse at center,#1a0a2e,#050505 70%);padding-top:0}.lobby-top-bar{position:sticky;top:0;z-index:10;width:100%;max-width:520px;display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-lg);background:#050505cc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:var(--border-w) solid #1a1a1a}.online-count{font-size:11px;color:var(--neon-green);letter-spacing:1px}.profile-element{position:relative}.profile-trigger{display:flex;align-items:center;gap:var(--space-sm);background:#ffffff0d;border:var(--border-w) solid #333;border-radius:var(--radius);padding:var(--space-xs) var(--space-sm);cursor:pointer;color:var(--text-main);font-family:var(--font-body);font-size:12px;transition:border-color .2s}.profile-trigger:hover{border-color:var(--neon-green);background:#ffffff14;transform:none;box-shadow:none}.profile-avatar{width:24px;height:24px;border-radius:50%}.profile-name{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-caret{font-size:10px;color:#888}.profile-dropdown{display:none;position:absolute;top:calc(100% + 4px);right:0;background:#111;border:var(--border-w) solid #333;border-radius:var(--radius);min-width:160px;z-index:20;overflow:hidden}.profile-dropdown.open{display:block}.profile-dropdown-item{display:block;width:100%;padding:10px var(--space-md);background:transparent;border:none;color:var(--text-main);font-family:var(--font-body);font-size:12px;text-align:left;cursor:pointer;text-decoration:none;transition:background .15s}.profile-dropdown-item:hover{background:#ffffff14;transform:none;box-shadow:none}.profile-dropdown-danger{color:var(--neon-red)}.profile-dropdown-danger:hover{background:#ff31311a}.lobby-hero{text-align:center;padding:var(--space-lg) var(--space-md) var(--space-sm);flex-shrink:0}.title-art{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:6px}.bomb-icon{font-size:40px;animation:bomb-bounce 1.5s ease-in-out infinite}@keyframes bomb-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.game-title{font-family:var(--font-display);font-size:42px;color:var(--neon-yellow);text-shadow:3px 3px var(--neon-red),0 0 12px rgba(255,49,49,.3);letter-spacing:6px;line-height:1.3;text-align:center;margin:0}.title-tagline{font-family:var(--font-display);font-size:12px;color:var(--neon-green);text-shadow:0 0 6px rgba(57,255,20,.4);margin-bottom:0;letter-spacing:2px}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.lobby-main-col{max-width:480px;width:100%;padding:var(--space-md) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);flex-grow:1}.lobby-card{background:var(--surface);border:var(--border-w) solid var(--border-color);border-radius:var(--radius);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.card-label{font-family:var(--font-display);font-size:9px;letter-spacing:2px;color:#666;text-transform:uppercase;margin-bottom:var(--space-xs)}.input-label{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#888;margin-bottom:2px}button{font-family:var(--font-body);font-size:13px;border-radius:var(--radius);border-width:var(--border-w);border-style:solid;cursor:pointer;transition:all .15s ease;letter-spacing:1px;height:44px;padding:0 var(--space-md);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);background:#111;border-color:#444;color:#aaa}button:active{transform:scale(.97)}button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}button:focus-visible{outline:2px solid var(--neon-green);outline-offset:2px}@media(hover:hover){button:hover:not(:disabled){border-color:var(--neon-blue);color:var(--neon-blue)}}.btn-primary{background:var(--neon-green)!important;color:#000!important;border-color:var(--neon-green)!important;font-weight:700;box-shadow:0 0 12px #39ff1440}@media(hover:hover){.btn-primary:hover:not(:disabled){background:#4dff33!important;color:#000!important;box-shadow:0 0 20px #39ff1480}}.btn-primary:active{background:#2de00f!important;box-shadow:0 0 8px #39ff1433}.btn-secondary{background:transparent;border-color:#555;color:#bbb}@media(hover:hover){.btn-secondary:hover:not(:disabled){border-color:var(--neon-blue);color:var(--neon-blue);background:#1b8cfb0d}}.btn-danger{background:transparent;border-color:var(--neon-red);color:var(--neon-red)}@media(hover:hover){.btn-danger:hover:not(:disabled){background:var(--neon-red);color:#000;box-shadow:0 0 12px #ff313166}}.btn-ghost{background:transparent;border-color:transparent;color:#888}@media(hover:hover){.btn-ghost:hover:not(:disabled){color:var(--text-main);background:#ffffff0d;border-color:transparent}}.btn-block{width:100%}input[type=text],input[type=search]{height:44px;border-radius:var(--radius);border:var(--border-w) solid #444;padding:0 var(--space-md);font-family:var(--font-body);font-size:13px;background:#0a0a0a;color:var(--neon-green);transition:border-color .2s,box-shadow .2s;width:100%}input[type=text]:focus,input[type=search]:focus{outline:none;border-color:var(--neon-green);box-shadow:0 0 8px #39ff1433}input[type=text]::placeholder,input[type=search]::placeholder{color:#555}.auth-card{align-items:center}.discord-auth{width:100%;display:flex;justify-content:center}.btn-discord{display:inline-flex;align-items:center;gap:8px;background:#5865f2;color:#fff;padding:0 20px;height:44px;border:none;border-radius:var(--radius);cursor:pointer;font-family:var(--font-body);font-size:13px;text-decoration:none;transition:background .2s;letter-spacing:.5px}@media(hover:hover){.btn-discord:hover{background:#4752c4;box-shadow:0 0 12px #5865f266}}.btn-discord svg{flex-shrink:0}.guest-flow{margin-top:var(--space-xs)}.play-card .btn-primary{font-size:15px;height:52px;letter-spacing:2px;font-weight:700}.room-card .input-label{margin-bottom:0}.room-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-top:var(--space-xs)}.room-list{margin-top:var(--space-sm);max-height:200px;overflow-y:auto;border:var(--border-w) solid #333;border-radius:var(--radius);background:#0009}.room-row{display:flex;justify-content:space-between;align-items:center;padding:10px var(--space-md);border-bottom:var(--border-w) solid #1a1a1a;cursor:pointer;transition:background .15s}@media(hover:hover){.room-row:hover{background:var(--neon-green-dim)}}.room-row .room-name{color:#ddd;font-size:13px}.room-row .room-info{display:flex;gap:10px;align-items:center;font-size:11px}.room-row .room-players{color:var(--neon-green)}.room-row .room-state{padding:2px 8px;border-radius:3px;font-size:10px;letter-spacing:1px}.room-state.lobby{background:#1a3a1a;color:var(--neon-green)}.room-state.playing{background:#3a1a1a;color:var(--neon-red)}.room-empty{color:#555;text-align:center;padding:20px;font-size:12px}.challenge-card{border-color:#ffd70026}.dc-desc{font-size:12px;color:#ccc;line-height:1.5}.dc-reward{font-size:11px;color:var(--neon-green)}.global-stats-ticker{display:flex;gap:var(--space-md);justify-content:center;font-size:11px;color:var(--neon-green);padding:var(--space-sm) 0}.community-link{text-decoration:none;margin-top:var(--space-xs)}.modal-overlay{position:fixed;inset:0;z-index:500;background:#000000b3;display:none;align-items:flex-end;justify-content:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-overlay.open{display:flex}.modal-sheet{background:#111;border:var(--border-w) solid #333;border-radius:14px 14px 0 0;padding:var(--space-lg);width:100%;max-width:480px;display:flex;flex-direction:column;gap:var(--space-sm);animation:sheetSlideUp .25s ease-out}.modal-handle{width:40px;height:4px;background:#444;border-radius:2px;margin:0 auto var(--space-sm)}.modal-title{font-family:var(--font-display);font-size:12px;color:var(--neon-green);text-align:center;margin:0 0 var(--space-sm);letter-spacing:2px}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom-sheet{background:#111;border:var(--border-w) solid #333;border-radius:14px 14px 0 0;padding:var(--space-lg);width:100%;max-width:480px;max-height:70vh;overflow-y:auto;animation:sheetSlideUp .25s ease-out}.room-list-sheet{display:flex;flex-direction:column;gap:2px}.mobile-bottom-bar{display:none}@media(max-width:767px){.mobile-bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:200;background:#050505f2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:var(--border-w) solid #222;padding:var(--space-sm) var(--space-md);display:block}.mobile-bottom-bar .btn-primary{height:52px;font-size:14px;letter-spacing:2px}.play-card .btn-primary{display:none}.lobby-main-col{padding-bottom:80px}.game-title{font-size:32px}.bomb-icon{font-size:28px}}.about-card{text-align:center}.about-creators{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);margin:var(--space-md) 0}.about-creator{display:flex;flex-direction:column;align-items:center;gap:4px}.about-avatar{width:72px;height:72px;border-radius:50%;border:2px solid var(--neon-green);box-shadow:0 0 12px #39ff144d;animation:avatar-float 3s ease-in-out infinite;object-fit:cover}.about-creator:last-child .about-avatar{border-color:var(--neon-cyan, #00e5ff);box-shadow:0 0 12px #00e5ff4d;animation-delay:-1.5s}@keyframes avatar-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.about-name{font-family:var(--font-heading);font-size:14px;color:var(--neon-green);text-shadow:0 0 6px rgba(57,255,20,.5)}.about-creator:last-child .about-name{color:var(--neon-cyan, #00e5ff);text-shadow:0 0 6px rgba(0,229,255,.5)}.about-role{font-size:10px;color:#666;text-transform:uppercase;letter-spacing:1px}.about-ampersand{font-family:var(--font-heading);font-size:24px;color:var(--neon-yellow, #ffe040);text-shadow:0 0 8px rgba(255,224,64,.4);margin-top:-10px}.about-tagline{font-size:11px;color:#888;margin:var(--space-sm) 0 0;font-style:italic}.copyright{font-size:10px;color:#444;padding:var(--space-md) 0;text-align:center;flex-shrink:0}#muteBtn{position:fixed;bottom:15px;right:15px;z-index:9999;background:#0009;border:var(--border-w) solid #555;color:#fff;font-size:20px;width:40px;height:40px;cursor:pointer;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;padding:0}@media(hover:hover){#muteBtn:hover{background:#ffffff1a;border-color:var(--neon-green);transform:none}}@media(max-width:767px){#muteBtn{bottom:72px}}.room-grid{display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header    header" "primary   secondary";gap:var(--space-md);padding:var(--space-lg);width:100%;height:100%;overflow-y:auto;overflow-x:hidden;background:radial-gradient(ellipse at 30% 20%,rgba(26,10,46,.4) 0%,var(--bg-color) 70%)}.room-header{grid-area:header;display:flex;justify-content:space-between;align-items:center;border-bottom:var(--border-w) solid #333;padding-bottom:var(--space-sm)}.room-header-left{display:flex;flex-direction:column;gap:2px}.room-header h2{margin:0}.room-status{font-size:11px;color:#888;letter-spacing:.5px}.room-status.all-ready{color:var(--neon-green)}.btn-leave{background:transparent;border:var(--border-w) solid var(--neon-red);color:var(--neon-red);padding:0 14px;height:36px;font-family:var(--font-body);font-size:12px;cursor:pointer;letter-spacing:1px;border-radius:var(--radius);flex-shrink:0}@media(hover:hover){.btn-leave:hover{background:var(--neon-red);color:#000;box-shadow:0 0 8px #ff31314d}}.room-primary{grid-area:primary;display:flex;flex-direction:column;gap:var(--space-md);min-height:0;overflow-y:auto}.room-secondary{grid-area:secondary;display:flex;flex-direction:column;gap:var(--space-md);min-height:0;overflow-y:auto}.room-card{background:var(--surface);border:var(--border-w) solid var(--border-color);border-radius:var(--radius);padding:var(--space-md);display:flex;flex-direction:column}.room-card-title{font-family:var(--font-display);font-size:10px;color:var(--neon-blue);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:var(--space-sm);display:flex;align-items:center;gap:var(--space-sm)}.room-card-badge{font-family:var(--font-body);font-size:10px;color:var(--neon-green);background:#39ff141a;border:var(--border-w) solid rgba(57,255,20,.25);border-radius:3px;padding:1px 6px;letter-spacing:0}#player-list{list-style:none;padding:0;margin:0}.player-item{display:flex;align-items:center;gap:var(--space-sm);padding:8px 4px;font-size:12px}.player-item+.player-item{border-top:var(--border-w) solid rgba(255,255,255,.06)}.player-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px currentColor}.player-name{flex-grow:1;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.host-badge{font-size:8px;color:var(--neon-yellow);background:#fff01f1f;padding:1px 5px;border-radius:3px;margin-left:4px;letter-spacing:1px;vertical-align:middle}.status-chip{font-size:9px;letter-spacing:1px;padding:2px 8px;border-radius:3px;flex-shrink:0}.chip-ready{color:var(--neon-green);background:#39ff141f;border:var(--border-w) solid rgba(57,255,20,.3)}.chip-waiting{color:#777;background:#ffffff0a;border:var(--border-w) solid rgba(255,255,255,.08)}.room-grid .room-actions{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap}.btn-ready{flex:1;height:52px;font-size:14px;font-family:var(--font-display);letter-spacing:2px;background:transparent;border:2px solid var(--neon-green);color:var(--neon-green);border-radius:var(--radius);cursor:pointer;transition:all .15s ease}.btn-ready:hover{background:#39ff141a;box-shadow:0 0 14px #39ff1433}.btn-ready.is-ready{background:var(--neon-green);color:#000;box-shadow:0 0 14px #39ff1466}.btn-ready.is-ready:hover{background:#2de00f}.btn-start{flex:1;height:52px;font-size:14px;font-family:var(--font-display);letter-spacing:2px;background:var(--neon-green);border:2px solid var(--neon-green);color:#000;border-radius:var(--radius);cursor:pointer;transition:all .15s ease}.btn-start:hover:not(:disabled){background:#2de00f;box-shadow:0 0 20px #39ff1480}.btn-start:disabled{opacity:.35;cursor:not-allowed;background:#333;border-color:#555;color:#888}.start-hint{width:100%;text-align:center;font-size:10px;color:#666;letter-spacing:.5px}.mode-tiles{display:flex;gap:var(--space-sm)}.map-tiles{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.mode-tile,.map-tile{display:flex;flex-direction:row;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:transparent;border:var(--border-w) solid #444;border-radius:var(--radius);cursor:pointer;transition:all .15s ease;color:#aaa;text-align:left}.mode-tile{flex:1}.tile-icon{font-size:20px;flex-shrink:0;line-height:1}.tile-text{display:flex;flex-direction:column;gap:1px;min-width:0}.tile-name{font-size:11px;font-weight:700;letter-spacing:1px}.tile-desc{font-size:9px;color:#888}.mode-tile.active,.map-tile.active{border-color:var(--neon-green);background:#39ff140f;color:var(--neon-green);box-shadow:0 0 8px #39ff141f}.mode-tile.active .tile-desc,.map-tile.active .tile-desc{color:#39ff14a6}@media(hover:hover){.mode-tile:not(.active):hover,.map-tile:not(.active):hover{border-color:#666;background:#ffffff08;color:#ddd}}.lobby-scores{overflow-y:auto;font-size:11px;max-height:200px}.score-row{display:flex;justify-content:space-between;padding:4px 8px;border-bottom:var(--border-w) solid rgba(255,255,255,.06)}.score-row:nth-child(odd){background:#ffffff05}.score-rank{width:25px;text-align:center}.score-rank.gold{color:gold}.score-rank.silver{color:silver}.score-rank.bronze{color:#cd7f32}.score-name{flex-grow:1;color:#ccc;padding:0 8px}.score-value{color:var(--neon-green);font-weight:700}.score-loading{color:#555;text-align:center;padding:20px;font-size:10px;animation:pulse 2s infinite}.score-empty{color:#555;text-align:center;padding:20px;font-size:10px}#chat-messages{max-height:220px;overflow-y:auto;text-align:left;font-size:12px;line-height:1.6;margin-bottom:var(--space-sm);word-wrap:break-word;overflow-wrap:break-word}#chat-messages::-webkit-scrollbar{width:5px}#chat-messages::-webkit-scrollbar-track{background:transparent}#chat-messages::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.chat-msg{margin-bottom:4px;color:#e0e0e0}.system-msg{color:#666;font-style:italic;font-size:11px}#typing-indicator{font-size:8px;color:#888;height:10px;text-align:left;margin-bottom:4px;flex-shrink:0}#chat-form{display:flex;width:100%;flex-shrink:0}#chatInput{width:100%;margin:0;padding:8px 10px;border:var(--border-w) solid #333;border-radius:var(--radius);text-align:left;font-size:12px;background:#0006;color:var(--text-main);font-family:inherit}#chatInput:focus{border-color:var(--neon-blue);outline:none;background:#0009}.room-card-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-arrow{margin-left:auto;font-size:10px;color:#666;transition:transform .2s ease}.room-card-collapsible.collapsed .room-card-body{display:none}.room-card-collapsible.collapsed .toggle-arrow{transform:rotate(-90deg)}.room-mobile-actions{display:none}@media(max-width:767px){.room-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;grid-template-areas:"header" "primary" "secondary";padding:var(--space-md);padding-bottom:80px}.room-primary,.room-secondary{overflow:visible;min-height:auto}.room-header{flex-wrap:nowrap;gap:var(--space-sm)}.room-header-left{min-width:0;overflow:hidden}.room-header h2{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-status{font-size:10px}.room-mobile-actions{position:fixed;bottom:0;left:0;right:0;z-index:200;display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#050505f2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:var(--border-w) solid #222}.room-mobile-actions .btn-ready,.room-mobile-actions .btn-start{height:48px;font-size:12px}.room-grid .room-actions{display:none}.mode-tiles{flex-direction:column}.map-tiles{grid-template-columns:1fr}.tile-icon{font-size:18px}.tile-name{font-size:10px}.tile-desc{font-size:8px}.mode-tile,.map-tile{padding:var(--space-xs) var(--space-sm);gap:var(--space-xs)}}#game-screen{display:flex;justify-content:center;align-items:stretch;width:100vw;height:100dvh;gap:0}.game-sidebar{width:200px;min-width:160px;background:linear-gradient(180deg,#0a0a0a,#111);border:2px solid #333;padding:15px;display:flex;flex-direction:column;gap:15px;overflow-y:auto}.sidebar-block{background:#0009;border:1px solid #444;padding:10px}.volume-controls{overflow:hidden}.volume-row{display:flex;align-items:center;gap:4px;margin-bottom:6px;font-size:10px}.volume-row label{flex-shrink:0;width:52px;color:var(--text-main);white-space:nowrap}.vol-slider{flex:1;min-width:0;-webkit-appearance:none;appearance:none;height:3px;background:#333;border-radius:2px;outline:none;cursor:pointer;margin:0}.vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--neon-green);box-shadow:0 0 4px var(--neon-green);cursor:pointer}.vol-slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--neon-green);box-shadow:0 0 4px var(--neon-green);border:none;cursor:pointer}.vol-value{flex-shrink:0;width:24px;text-align:right;font-size:9px;color:var(--neon-green)}.sidebar-title{font-size:12px;color:var(--neon-yellow);border-bottom:2px solid var(--neon-yellow);padding-bottom:8px;margin-bottom:10px;text-align:center}#score-list{list-style:none;padding:0;margin:0}#score-list li{display:flex;justify-content:space-between;font-size:11px;padding:6px 0;border-bottom:1px dashed #333}.score-val{color:var(--neon-green);text-shadow:0 0 5px var(--neon-green)}.powerup-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px dashed #333}.powerup-icon{font-size:18px}.powerup-label{font-size:9px;color:#888;flex-grow:1}.powerup-val{font-size:16px;color:var(--neon-blue);text-shadow:0 0 8px var(--neon-blue);min-width:30px;text-align:right}#game-center{flex-grow:1;display:flex;justify-content:center;align-items:center;background:#050505;position:relative;overflow:hidden}#game-center canvas{display:block;max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated}#game-over-panel{background:#050505eb}#game-over-panel h1{font-size:48px;margin-bottom:30px}.post-game-stats{display:flex;gap:20px;justify-content:center;margin:15px 0;flex-wrap:wrap}.stat-item{text-align:center;min-width:70px}.stat-icon{font-size:20px;display:block;margin-bottom:4px}.stat-val{font-size:18px;color:var(--neon-green);font-weight:700;display:block}.stat-label{font-size:8px;color:#777;letter-spacing:1px;display:block}.game-over-actions{display:flex;flex-direction:column;gap:15px;width:350px}.game-over-actions button:disabled{opacity:.4;cursor:not-allowed}h1{font-family:var(--font-display);color:var(--neon-yellow);text-shadow:3px 3px var(--neon-red),0 0 12px rgba(255,49,49,.3);font-size:36px;margin-bottom:20px;letter-spacing:4px}h2{font-family:var(--font-display);color:var(--neon-blue);font-size:16px;text-shadow:0 0 8px rgba(27,140,251,.4);margin:0}h3{font-family:var(--font-display);font-size:12px;margin:0}#game-over-panel button,#leaderboard-panel button{border-color:var(--neon-red);color:var(--neon-red);background:#000}@media(hover:hover){#game-over-panel button:hover:not(:disabled),#leaderboard-panel button:hover:not(:disabled){background:var(--neon-red);color:#000;box-shadow:0 0 12px #ff313166}}#game-over-panel .btn-primary{background:var(--neon-green)!important;color:#000!important;border-color:var(--neon-green)!important}.touch-controls{display:none!important}@media(min-width:768px)and (max-width:1023px){.game-sidebar{width:140px;min-width:120px;padding:10px;font-size:11px}.powerup-icon{font-size:14px}.powerup-val{font-size:13px}.sidebar-title{font-size:10px}}@media(max-width:767px),(hover:none)and (pointer:coarse){#game-screen{flex-direction:column;position:relative}.game-sidebar{display:none!important}#game-center{flex:1;width:100%;height:100%;align-items:flex-start;justify-content:center}#game-center canvas{width:100%!important;height:auto!important;max-height:calc(100dvh - 200px);object-fit:contain}}@media(max-width:767px)and (orientation:landscape),(hover:none)and (pointer:coarse)and (orientation:landscape){#game-center{align-items:center}#game-center canvas{width:auto!important;height:100dvh!important;max-height:100dvh;max-width:100%;object-fit:contain}}.mobile-game-hud{display:none;position:absolute;top:0;left:0;right:0;z-index:10;pointer-events:none;padding:max(var(--space-xs),env(safe-area-inset-top)) max(var(--space-sm),env(safe-area-inset-right)) 0 max(var(--space-sm),env(safe-area-inset-left))}@media(max-width:767px),(hover:none)and (pointer:coarse){.mobile-game-hud{display:flex}}.mobile-hud-top{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:var(--space-sm)}.mobile-hud-left,.mobile-hud-right{display:flex;gap:var(--space-xs);align-items:center;pointer-events:auto}.mobile-hud-center{display:flex;gap:var(--space-xs);align-items:center;flex-shrink:0}.hud-chip{display:inline-flex;align-items:center;gap:4px;background:#050505cc;border:var(--border-w) solid #333;border-radius:14px;padding:3px 8px;font-size:11px;color:var(--text-main);white-space:nowrap;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.hud-chip-icon{font-size:14px;line-height:1}.hud-chip-val{font-family:var(--font-body);font-size:12px;font-weight:700;color:var(--neon-green)}.hud-chip.active-powerup{border-color:#39ff144d;background:#39ff1414}.hud-chip.match-status{border-color:#1b8cfb4d;background:#1b8cfb14}.hud-chip.match-status .hud-chip-val{color:var(--neon-blue)}.hud-trigger-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#050505cc;border:var(--border-w) solid #444;border-radius:50%;color:#bbb;font-size:16px;cursor:pointer;pointer-events:auto;transition:all .15s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:0}.hud-trigger-btn:active{background:#39ff1426;border-color:var(--neon-green);color:var(--neon-green);transform:scale(.92)}.game-sheet-overlay{position:fixed;inset:0;z-index:600;background:#0009;display:none;align-items:flex-end;justify-content:center;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.game-sheet-overlay.open{display:flex}.game-sheet{background:var(--surface);border:var(--border-w) solid #333;border-radius:14px 14px 0 0;padding:var(--space-md) var(--space-lg);width:100%;max-width:480px;max-height:60vh;overflow-y:auto;animation:sheetSlideUp .25s ease-out;padding-bottom:max(var(--space-lg),env(safe-area-inset-bottom))}.game-sheet .modal-handle{width:40px;height:4px;background:#444;border-radius:2px;margin:0 auto var(--space-sm)}.game-sheet-title{font-family:var(--font-display);font-size:10px;color:var(--neon-green);letter-spacing:2px;text-align:center;text-transform:uppercase;margin:0 0 var(--space-sm)}.sheet-score-list{list-style:none;padding:0;margin:0}.sheet-score-list li{display:flex;justify-content:space-between;font-size:12px;padding:8px 4px;border-bottom:1px dashed #333}.sheet-powerup-row{display:flex;align-items:center;gap:8px;padding:8px 4px;border-bottom:1px dashed #333;font-size:12px}.sheet-powerup-row .powerup-icon{font-size:16px}.sheet-powerup-row .powerup-label{flex-grow:1;color:#888;font-size:10px}.sheet-powerup-row .powerup-val{color:var(--neon-blue);font-size:14px;min-width:30px;text-align:right}.touch-controls-layer{display:none;position:fixed;bottom:0;left:0;right:0;z-index:50;pointer-events:none;padding-bottom:max(var(--space-sm),env(safe-area-inset-bottom));height:180px}@media(max-width:767px),(hover:none)and (pointer:coarse){.touch-controls-layer{display:block}}.touch-controls-layer *{pointer-events:auto}.joystick-zone{position:absolute;left:0;bottom:0;width:50%;height:100%;touch-action:none}.joystick-base{display:none;position:absolute;width:120px;height:120px;border-radius:50%;background:#ffffff0f;border:2px solid rgba(255,255,255,.15);transform:translate(-50%,-50%)}.joystick-knob{position:absolute;width:48px;height:48px;border-radius:50%;background:#39ff1440;border:2px solid rgba(57,255,20,.6);transform:translate(-50%,-50%);left:50%;top:50%;transition:none}.joystick-base.active{display:block}.joystick-base.active .joystick-knob{box-shadow:0 0 12px #39ff144d}.touch-dpad{position:absolute;left:20px;bottom:20px;width:130px;height:130px;display:none}.touch-dpad.active-scheme{display:block}.dpad-btn{position:absolute;width:44px;height:44px;background:#ffffff14;border:2px solid rgba(255,255,255,.2);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:#fff9;font-size:18px;touch-action:none;user-select:none;-webkit-user-select:none;transition:background .1s,border-color .1s}.dpad-btn.pressed{background:#39ff1433;border-color:#39ff1499;color:var(--neon-green);transform:scale(.93)}.dpad-up{left:43px;top:0}.dpad-down{left:43px;bottom:0}.dpad-left{left:0;top:43px}.dpad-right{right:0;top:43px}.touch-bomb-btn{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:20px;width:72px;height:72px;border-radius:50%;background:#39ff141a;border:3px solid rgba(57,255,20,.5);display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--neon-green);touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer;transition:transform .1s,box-shadow .1s,background .1s}.touch-bomb-btn.pressed{transform:scale(.88);background:#39ff144d;border-color:var(--neon-green);box-shadow:0 0 20px #39ff1480}.touch-bomb-label{font-family:var(--font-display);font-size:8px;letter-spacing:1px;position:absolute;bottom:-18px;color:#39ff1499}.control-scheme-btn{position:absolute;right:max(20px,env(safe-area-inset-right));top:-36px;background:#050505b3;border:var(--border-w) solid #444;border-radius:14px;padding:4px 10px;font-size:9px;color:#888;cursor:pointer;pointer-events:auto;white-space:nowrap}.control-scheme-btn:active{color:var(--neon-green);border-color:var(--neon-green)}.rotate-hint{display:none;position:fixed;bottom:max(200px,calc(env(safe-area-inset-bottom) + 200px));left:50%;transform:translate(-50%);background:#050505e6;border:var(--border-w) solid #444;border-radius:var(--radius);padding:8px 16px;font-size:10px;color:#aaa;z-index:60;white-space:nowrap;animation:rotateHintFade 4s ease-out forwards;pointer-events:none}.rotate-hint.visible{display:block}@keyframes rotateHintFade{0%{opacity:0;transform:translate(-50%) translateY(10px)}15%{opacity:1;transform:translate(-50%) translateY(0)}75%{opacity:1}to{opacity:0}}@supports (padding: env(safe-area-inset-top)){#game-screen{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}#level-clear-panel{background:#050505f2}.level-clear-content{text-align:center;max-width:600px;width:90%}.level-clear-title{font-size:36px;color:var(--neon-yellow);text-shadow:4px 4px var(--neon-red),0 0 30px var(--neon-yellow);margin-bottom:30px;animation:pulse 1.5s infinite}.next-level-hint{font-size:14px;color:var(--neon-green);margin-top:30px;animation:pulse 1s infinite}.tally-player{background:#141414e6;border:2px solid #444;padding:20px;margin-bottom:15px;text-align:left}.tally-name{font-size:16px;margin-bottom:15px;border-bottom:1px dashed #444;padding-bottom:10px}.tally-row{display:flex;justify-content:space-between;font-size:12px;padding:6px 0;color:#aaa}.tally-row.bonus{color:var(--neon-green)}.tally-row.total{color:var(--neon-yellow);font-size:16px;border-top:2px solid var(--neon-yellow);padding-top:10px;margin-top:8px}.tally-row span:last-child{text-shadow:0 0 5px currentColor}@keyframes tally-appear{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.tally-row{animation:tally-appear .4s ease-out both}.tally-row:nth-child(1){animation-delay:.3s}.tally-row:nth-child(2){animation-delay:.8s}.tally-row:nth-child(3){animation-delay:1.3s}.tally-row:nth-child(4){animation-delay:1.8s}.color-swatches{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid #444;cursor:pointer;transition:all .15s ease;padding:0;outline-offset:6px}@media(hover:hover){.color-swatch:hover:not(.taken){transform:scale(1.15);border-color:#888}}.color-swatch.selected{border-color:#fff;box-shadow:0 0 10px currentColor;transform:scale(1.2)}.color-swatch.taken{opacity:.2;cursor:not-allowed;pointer-events:none}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.emote-float{position:absolute;font-size:14px;font-weight:700;color:#fff;text-shadow:0 0 6px #000,0 0 3px #000;pointer-events:none;animation:emoteFloat 2s ease-out forwards;z-index:50;white-space:nowrap}#countdown-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-family:"Press Start 2P",monospace;font-size:80px;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.8),0 0 60px var(--neon-red);z-index:200;pointer-events:none;transition:opacity .3s,transform .3s}#countdown-overlay.countdown-show{opacity:1;animation:countdownPop .4s ease-out}#countdown-overlay.countdown-go{color:var(--neon-green);text-shadow:0 0 20px rgba(57,255,20,.8),0 0 60px var(--neon-green)}#countdown-overlay.countdown-hide{opacity:0;transform:translate(-50%,-50%) scale(2)}@keyframes countdownPop{0%{transform:translate(-50%,-50%) scale(2);opacity:0}60%{transform:translate(-50%,-50%) scale(.9);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}#spectating-banner{position:fixed;top:50px;left:50%;transform:translate(-50%);background:#000000d9;border:2px solid var(--neon-green);color:var(--neon-green);padding:8px 24px;font-family:"Press Start 2P",monospace;font-size:12px;z-index:100;text-shadow:0 0 8px var(--neon-green);animation:bannerPulse 2s ease-in-out infinite}@keyframes bannerPulse{0%,to{opacity:.9}50%{opacity:.6}}@keyframes emoteFloat{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}.highscore-entry{text-align:center;margin-bottom:20px}.hs-prompt{font-size:20px;color:var(--neon-green);text-shadow:0 0 10px var(--neon-green);margin-bottom:10px}.hs-label{font-size:12px;color:#888;margin-bottom:15px}.initial-inputs{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.initial-char{width:60px;height:70px;font-size:36px;text-align:center;background:#000;border:3px solid var(--neon-yellow);color:var(--neon-yellow);font-family:"Press Start 2P",cursive;text-transform:uppercase;caret-color:var(--neon-yellow)}.initial-char:focus{outline:none;box-shadow:0 0 20px var(--neon-yellow)}#leaderboard-panel{background:#050505f7}.leaderboard-table-wrap{max-height:60vh;overflow-y:auto;margin-bottom:20px}.leaderboard-table{border-collapse:collapse;width:500px;max-width:90vw}.leaderboard-table th{color:var(--neon-yellow);font-size:12px;padding:10px 15px;border-bottom:2px solid var(--neon-yellow);text-align:left}.leaderboard-table td{font-size:12px;padding:8px 15px;border-bottom:1px dashed #333}.leaderboard-table tr:nth-child(1) td{color:gold}.leaderboard-table tr:nth-child(2) td{color:silver}.leaderboard-table tr:nth-child(3) td{color:#cd7f32}.leaderboard-table tr:hover td{background:#39ff141a}.daily-challenge-banner{margin:12px auto;padding:8px 16px;border:1px solid var(--neon-yellow);background:#ffd70014;max-width:400px;text-align:center;font-family:"Press Start 2P",monospace}.dc-label{font-size:8px;color:var(--neon-yellow);text-shadow:0 0 6px var(--neon-yellow);margin-bottom:4px}.dc-desc{font-size:9px;color:#fff;margin-bottom:4px}.dc-reward{font-size:8px;color:var(--neon-green)}.challenge-hud{margin-top:8px}.dc-hud-desc{font-size:7px;color:#ccc;margin-bottom:4px;line-height:1.4}.dc-hud-bar-wrap{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);height:8px;width:100%;margin-bottom:3px}.dc-hud-bar{height:100%;background:var(--neon-green);transition:width .3s ease}.dc-hud-bar.dc-complete{background:var(--neon-yellow);box-shadow:0 0 8px var(--neon-yellow)}.dc-hud-progress{font-size:7px;color:#aaa;text-align:right}.dc-complete-flash{position:fixed;top:100px;left:50%;transform:translate(-50%);background:#000000e6;border:2px solid var(--neon-yellow);color:var(--neon-yellow);padding:12px 28px;font-family:"Press Start 2P",monospace;font-size:14px;z-index:200;text-shadow:0 0 12px var(--neon-yellow);animation:dcFlash 3s ease-out forwards}@keyframes dcFlash{0%{opacity:0;transform:translate(-50%) scale(.8)}15%{opacity:1;transform:translate(-50%) scale(1.1)}30%{transform:translate(-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-30px)}}#killcam-overlay{position:fixed;inset:0;z-index:300;background:#000000eb;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;animation:kcFadeIn .3s ease-out}#killcam-canvas{border:2px solid #ff3131;box-shadow:0 0 30px #ff313166}.killcam-header{font-family:"Press Start 2P",monospace;font-size:18px;color:#ff3131;text-shadow:0 0 15px #ff3131;margin-bottom:12px;animation:kcPulse 1s ease-in-out infinite}.killcam-victim{font-family:"Press Start 2P",monospace;font-size:12px;color:#fff;margin-top:10px}.killcam-hint{font-family:"Press Start 2P",monospace;font-size:8px;color:#666;margin-top:8px}@keyframes kcFadeIn{0%{opacity:0}to{opacity:1}}@keyframes kcPulse{0%,to{opacity:1}50%{opacity:.6}}#mystats-modal{flex-direction:column;align-items:center;justify-content:center;z-index:250}#mystats-modal h2{font-family:var(--font-display);font-size:14px;color:var(--neon-green);text-shadow:0 0 8px rgba(57,255,20,.4);margin-bottom:16px}.mystats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:500px;width:100%;margin-bottom:16px}.stat-card{background:#39ff140d;border:var(--border-w) solid rgba(57,255,20,.2);border-radius:var(--radius);padding:12px 8px;text-align:center;transition:border-color .2s}@media(hover:hover){.stat-card:hover{border-color:var(--neon-green)}}.stat-value{font-family:var(--font-display);font-size:14px;color:var(--neon-green);text-shadow:0 0 6px rgba(57,255,20,.4);margin-bottom:4px}.stat-label{font-family:var(--font-body);font-size:10px;color:#888}@media(max-width:767px){.mystats-grid{grid-template-columns:repeat(2,1fr)}}.onboarding-hint{position:absolute;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);opacity:0;z-index:100;pointer-events:none;transition:opacity .35s ease,transform .35s ease}.onboarding-hint.visible{opacity:1;transform:translate(-50%) translateY(0)}.onboarding-hint-inner{display:flex;align-items:center;gap:12px;padding:14px 22px;background:#050505e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--neon-green, #39ff14);border-radius:12px;box-shadow:0 0 20px #39ff1426,0 4px 20px #00000080;white-space:nowrap}.onboarding-icon{font-size:28px;animation:onboarding-pulse 1.8s ease-in-out infinite}.onboarding-text{font-family:Share Tech Mono,monospace;font-size:14px;color:#e0e0e0;letter-spacing:.02em}.onboarding-text b{color:var(--neon-green, #39ff14);font-weight:700}@keyframes onboarding-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@media(max-width:767px){.onboarding-hint{bottom:12px}.onboarding-hint-inner{padding:10px 16px;gap:8px}.onboarding-icon{font-size:22px}.onboarding-text{font-size:12px}}.phantom-key-toast,.door-locked-toast,.key-collected-toast{position:fixed;top:80px;left:50%;transform:translate(-50%) translateY(-20px);opacity:0;z-index:150;pointer-events:none;font-family:"Press Start 2P",monospace;font-size:11px;padding:10px 24px;border-radius:6px;white-space:nowrap;transition:opacity .35s ease,transform .35s ease}.phantom-key-toast.show,.door-locked-toast.show,.key-collected-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.phantom-key-toast{background:#ffd70026;border:2px solid #ffd700;color:gold;text-shadow:0 0 10px rgba(255,215,0,.6);animation:keyToastGlow 1s ease-in-out infinite}.door-locked-toast{background:#ff640026;border:2px solid #ff6600;color:#f60;text-shadow:0 0 8px rgba(255,100,0,.6)}.key-collected-toast{background:#39ff1426;border:2px solid var(--neon-green);color:var(--neon-green);text-shadow:0 0 10px rgba(57,255,20,.6)}@keyframes keyToastGlow{0%,to{box-shadow:0 0 10px #ffd70033}50%{box-shadow:0 0 25px #ffd70080}}