@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=Outfit:wght@300;400;600&display=swap";:root{--neon-cyan:#00f0ff;--neon-pink:#ff007f;--neon-green:#39ff14;--neon-purple:#bd00ff;--dark-bg:#090211;--glass-bg:#1405268c;--glass-border:#ff007f40;--font-display:"Orbitron", sans-serif;--font-sans:"Outfit", sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background-color:var(--dark-bg);color:#f1eef5;font-family:var(--font-sans);background-image:linear-gradient(#ff007f08 1px,#0000 1px),linear-gradient(90deg,#ff007f08 1px,#0000 1px);background-size:20px 20px;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow-x:hidden}body:before,body:after{content:"";z-index:-1;filter:blur(120px);opacity:.15;border-radius:50%;position:absolute}body:before{background-color:var(--neon-pink);width:400px;height:400px;top:10%;left:15%}body:after{background-color:var(--neon-cyan);width:450px;height:450px;bottom:10%;right:15%}.app-container{opacity:1;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:900px;padding:20px;transition:opacity .4s ease-in;display:flex;position:relative}header{text-align:center;margin-bottom:5px}header h1{font-family:var(--font-display);letter-spacing:4px;background:linear-gradient(135deg, var(--neon-cyan), var(--neon-pink));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #00f0ff66);-webkit-background-clip:text;font-size:2.5rem;font-weight:900;animation:3s infinite alternate glowPulse}header p{color:#f1eef599;letter-spacing:2px;text-transform:uppercase;margin-top:5px;font-size:.9rem}.game-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;flex-direction:column;gap:20px;width:100%;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px #0006,inset 0 0 20px #ff007f0d}.game-card:before{content:"";z-index:10;pointer-events:none;opacity:.4;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px;position:absolute;inset:0}.hud-panel{font-family:var(--font-display);border-bottom:1px dashed #ff007f33;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.hud-title{color:var(--neon-pink);text-shadow:0 0 5px #ff007f4d;letter-spacing:1px;font-size:.9rem}.scores-container{gap:24px;font-size:1.15rem;display:flex}.high-score{color:#f1eef580}.high-score span{color:var(--neon-cyan);text-shadow:0 0 8px #00f0ff66}.current-score{color:#fff}.current-score span{color:var(--neon-pink);text-shadow:0 0 8px #ff007f66}.canvas-wrapper{background-color:#140526;border:1px solid #00f0ff4d;border-radius:12px;width:800px;height:400px;margin:0 auto;transition:border-color .5s,box-shadow .5s;position:relative;overflow:hidden;box-shadow:0 0 15px #00f0ff1a}.canvas-wrapper.night-mode{border-color:#39ff1459;box-shadow:0 0 15px #39ff1426}#canvas-container{width:100%;height:100%;transition:transform .8s cubic-bezier(.68,-.55,.27,1.55)}#canvas-container.flipped{transform:rotate(180deg)}#canvas-container.split-active{flex-direction:row;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;padding:12px;display:flex}#canvas-container.split-active canvas{border:2px solid var(--neon-cyan);border-radius:8px;box-shadow:0 0 15px #00f0ff66;width:48%!important;height:auto!important}canvas{width:100%;height:100%;display:block}.hidden{display:none!important}#powerup-hud-container{z-index:19;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;top:15px;left:15px}.powerup-hud{border:1px solid var(--neon-cyan);font-family:var(--font-display);color:var(--neon-cyan);letter-spacing:1px;background:#090211d9;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:.7rem;display:flex;box-shadow:0 0 10px #00f0ff4d}.powerup-bar-bg{background:#ffffff1a;border:1px solid #00f0ff33;border-radius:4px;width:100px;height:8px;overflow:hidden}.powerup-bar-fill{background:var(--neon-cyan);width:100%;height:100%;box-shadow:0 0 8px var(--neon-cyan);transition:width 50ms linear}#debug-overlay{border:1px solid var(--neon-green);font-family:var(--font-display);color:var(--neon-green);z-index:20;pointer-events:none;letter-spacing:1px;background:#090211d9;border-radius:6px;flex-direction:column;gap:6px;padding:10px 14px;font-size:.75rem;display:flex;position:absolute;top:15px;right:15px;box-shadow:0 0 10px #39ff144d}.debug-row{justify-content:space-between;gap:15px;display:flex}.debug-row span:last-child{color:#fff;text-shadow:0 0 4px #39ff1499;font-weight:700}.overlay{z-index:5;text-align:center;background:#080210d1;flex-direction:column;justify-content:center;align-items:center;padding:20px;transition:opacity .3s;display:flex;position:absolute;inset:0}.overlay.hidden{opacity:0;pointer-events:none}.overlay h2{font-family:var(--font-display);letter-spacing:3px;margin-bottom:15px;font-size:2.2rem}.overlay p{color:#f1eef5b3;margin-bottom:25px;font-size:1rem}.btn-neon{border:2px solid var(--neon-cyan);color:var(--neon-cyan);font-family:var(--font-display);cursor:pointer;letter-spacing:2px;text-transform:uppercase;background:0 0;border-radius:30px;padding:12px 28px;font-size:1rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 0 10px #00f0ff33}.btn-neon:hover{background:var(--neon-cyan);color:var(--dark-bg);transform:translateY(-2px);box-shadow:0 0 20px #00f0ff99}.btn-neon:active{transform:translateY(0)}.btn-neon.pink{border-color:var(--neon-pink);color:var(--neon-pink);box-shadow:0 0 10px #ff007f33}.btn-neon.pink:hover{background:var(--neon-pink);color:#fff;box-shadow:0 0 20px #ff007f99}#overlay-start h2{color:var(--neon-cyan);text-shadow:0 0 10px #00f0ff66}#overlay-gameover h2{color:var(--neon-pink);text-shadow:0 0 10px #ff007f66}#overlay-gameover .final-score{font-family:var(--font-display);color:#fff;margin-bottom:25px;font-size:1.25rem}#overlay-gameover .final-score span{color:var(--neon-cyan);text-shadow:0 0 6px #00f0ff66}.controls-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:0 10px;display:flex}.keyboard-visuals{align-items:center;gap:12px;display:flex}.keyboard-visuals .key-label{color:#f1eef580;text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.key-cap{font-family:var(--font-display);color:#f1eef5b3;text-align:center;background:#190a2a;border:1px solid #ffffff26;border-bottom:4px solid #0009;border-radius:6px;min-width:50px;padding:8px 12px;font-size:.75rem;font-weight:700;transition:all 80ms;box-shadow:0 4px 6px #0003}.key-cap.pressed{background-color:var(--neon-cyan);color:var(--dark-bg);border-bottom-width:1px;border-color:var(--neon-cyan);box-shadow:0 0 12px var(--neon-cyan);transform:translateY(3px)}.key-cap.pressed.alt{background-color:var(--neon-purple);color:#fff;border-color:var(--neon-purple);box-shadow:0 0 12px var(--neon-purple)}.key-cap.pressed.duck{background-color:var(--neon-pink);color:#fff;border-color:var(--neon-pink);box-shadow:0 0 12px var(--neon-pink)}.mobile-controls{justify-content:center;gap:25px;width:100%;display:none}.mobile-btn{border:2px solid var(--neon-cyan);width:70px;height:70px;color:var(--neon-cyan);cursor:pointer;font-family:var(--font-display);touch-action:none;background:#00f0ff14;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;transition:all .1s;display:flex;box-shadow:0 0 10px #00f0ff26}.mobile-btn:active{background:var(--neon-cyan);color:var(--dark-bg);box-shadow:0 0 20px var(--neon-cyan);transform:scale(.92)}.mobile-btn.duck{border-color:var(--neon-pink);color:var(--neon-pink);background:#ff007f14;box-shadow:0 0 10px #ff007f26}.mobile-btn.duck:active{background:var(--neon-pink);color:#fff;box-shadow:0 0 20px var(--neon-pink)}.mobile-btn svg{width:22px;height:22px;margin-bottom:2px}.theme-badge{color:#f1eef599;letter-spacing:.5px;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;padding:4px 10px;font-size:.75rem;display:flex}.theme-indicator{background-color:var(--neon-pink);width:8px;height:8px;box-shadow:0 0 6px var(--neon-pink);border-radius:50%;transition:background-color .5s,box-shadow .5s}.theme-badge.night-mode-active .theme-indicator{background-color:var(--neon-green);box-shadow:0 0 6px var(--neon-green)}@keyframes glowPulse{0%{filter:drop-shadow(0 0 8px #00f0ff59)}to{filter:drop-shadow(0 0 18px #ff007f8c)}}@media (width<=840px){.canvas-wrapper{aspect-ratio:2;width:100%;height:auto}.controls-footer{text-align:center;justify-content:center}}@media (hover:none),(width<=600px){.keyboard-visuals{display:none}.mobile-controls{margin-top:10px;display:flex}}.replay-controls-bar{z-index:100;pointer-events:auto;background:#0a0312e0;border-top:1px solid #00f0ff40;flex-direction:column;gap:6px;padding:8px 16px;transition:opacity .3s,transform .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.replay-controls-bar.hidden{opacity:0;pointer-events:none;transform:translateY(100%)}.replay-slider{appearance:none;cursor:pointer;background:#ffffff1f;border-radius:2px;outline:none;width:100%;height:4px}.replay-slider::-webkit-slider-thumb{appearance:none;background:var(--neon-cyan);width:12px;height:12px;box-shadow:0 0 8px var(--neon-cyan);cursor:pointer;border-radius:50%;margin-top:0;transition:transform .1s}.replay-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.replay-actions{justify-content:space-between;align-items:center;display:flex}.replay-status-dot{background-color:var(--neon-cyan);width:8px;height:8px;box-shadow:0 0 6px var(--neon-cyan);border-radius:50%;animation:1.2s infinite alternate blink}.replay-time{font-family:var(--font-display);color:var(--neon-cyan);letter-spacing:1px;margin-left:6px;font-size:.75rem}.replay-playback-buttons{gap:18px;display:flex}.replay-control-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:2px 6px;font-size:1.1rem;transition:all .2s;display:flex}.replay-control-btn:hover{color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan);transform:scale(1.2)}.replay-control-btn:active{transform:scale(.9)}.replay-control-btn.close{font-family:var(--font-display);border:1px solid var(--neon-pink);color:var(--neon-pink);border-radius:4px;padding:3px 8px;font-size:.75rem;box-shadow:0 0 5px #ff007f26}.replay-control-btn.close:hover{background:var(--neon-pink);color:#fff;box-shadow:0 0 10px var(--neon-pink)}@keyframes blink{0%{opacity:.3}to{opacity:1}}.btn-hud-leaderboard{border:1px solid var(--neon-pink);color:#fff;font-family:var(--font-display);cursor:pointer;letter-spacing:1px;background:#ff007f1f;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 0 10px #ff007f40}.btn-hud-leaderboard:hover{background:var(--neon-pink);color:#fff;box-shadow:0 0 20px var(--neon-pink);transform:translateY(-1px)}.btn-hud-leaderboard .trophy-icon{font-size:.95rem}.score-submit-card{border:1px solid var(--neon-cyan);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0221bf;border-radius:12px;width:90%;max-width:440px;margin:15px auto 5px;padding:16px 20px;box-shadow:0 0 25px #00f0ff33,inset 0 0 15px #00f0ff14}.score-submit-label{font-family:var(--font-display);color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan);letter-spacing:1px;margin-bottom:12px;font-size:.8rem;font-weight:800}.score-submit-row{justify-content:center;align-items:center;gap:10px;display:flex}.player-name-input{border:2px solid var(--neon-pink);color:#fff;font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;text-align:center;background:#0009;border-radius:8px;outline:none;width:160px;padding:10px 14px;font-size:1rem;font-weight:700;transition:all .2s;box-shadow:0 0 10px #ff007f33}.player-name-input:focus{border-color:var(--neon-cyan);box-shadow:0 0 18px var(--neon-cyan)}.player-name-input::placeholder{color:#ffffff59;font-size:.85rem}.submit-status-msg{font-family:var(--font-body);color:#39ff14;text-shadow:0 0 6px #39ff14;margin-top:10px;font-size:.85rem;font-weight:600}.submit-status-msg.error{color:#f36;text-shadow:0 0 6px #f36}#overlay-leaderboard{border:2px solid var(--neon-pink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:200;background:#090211f0;border-radius:16px;width:90%;max-width:600px;padding:30px 25px;box-shadow:0 0 40px #ff007f59,inset 0 0 20px #ff007f1a}.leaderboard-header h2{color:var(--neon-pink);text-shadow:0 0 20px var(--neon-pink);letter-spacing:3px;margin-bottom:4px;font-size:2rem}.leaderboard-header .subtitle{color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan);letter-spacing:1.5px;margin-bottom:20px;font-size:.85rem}.leaderboard-table-wrapper{background:#0006;border:1px solid #ffffff1a;border-radius:8px;max-height:280px;overflow-y:auto}.leaderboard-table{border-collapse:collapse;width:100%;font-family:var(--font-display);font-size:.9rem}.leaderboard-table th{color:var(--neon-cyan);text-align:left;letter-spacing:1px;background:#ff007f33;border-bottom:1px solid #00f0ff40;padding:10px 14px;font-size:.8rem}.leaderboard-table td{color:#fff;text-align:left;border-bottom:1px solid #ffffff0f;padding:10px 14px}.leaderboard-table tr:hover{background:#00f0ff14}.leaderboard-table tr.highlight-user{background:#39ff142e;border-left:3px solid #39ff14}.leaderboard-table tr.highlight-user td{color:#39ff14;text-shadow:0 0 8px #39ff14;font-weight:800}.rank-gold{color:gold;text-shadow:0 0 10px #ffd700cc;font-weight:800}.rank-silver{color:#e0e0e0;text-shadow:0 0 8px #e0e0e099;font-weight:800}.rank-bronze{color:#cd7f32;text-shadow:0 0 8px #cd7f3299;font-weight:800}.score-col{color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan);font-weight:800}.loading-cell{color:#fff9;font-style:italic;text-align:center!important;padding:30px!important}