:root{--bg-color:#08090c;--panel-bg:#0e1219d9;--border-color:#00f3ff33;--border-glow:0 0 15px #00f3ff59;--neon-blue:#00f3ff;--neon-red:#f05;--neon-green:#39ff14;--neon-orange:#fa0;--neon-purple:#b900ff;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-arcade:"Press Start 2P", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:#e2e8f0;font-family:var(--font-sans);background-image:linear-gradient(#12182666 1px,#0000 1px),linear-gradient(90deg,#12182666 1px,#0000 1px);background-position:50%;background-size:40px 40px;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden}#app{justify-content:center;align-items:center;width:100%;height:100%;display:flex}#game-container{border:2px solid var(--neon-blue);background-color:#0a0c12f2;border-radius:12px;flex-direction:column;width:1024px;height:768px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 30px #00f3ff33,inset 0 0 15px #00f3ff1a}.screen-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#05070af5;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.screen-overlay.active{display:flex}.glow-container{background-color:var(--panel-bg);border:1px solid var(--border-color);width:90%;max-width:700px;max-height:92%;box-shadow:var(--border-glow);text-align:center;border-radius:10px;flex-direction:column;align-items:center;padding:30px 40px;animation:4s ease-in-out infinite alternate floatPanel;display:flex;overflow-y:auto}.neon-title{font-family:var(--font-arcade);color:#fff;text-shadow:0 0 5px #fff, 0 0 10px var(--neon-blue), 0 0 20px var(--neon-blue);letter-spacing:2px;margin-bottom:8px;font-size:2.2rem;position:relative}.neon-title.red-glow{text-shadow:0 0 5px #fff, 0 0 10px var(--neon-red), 0 0 20px var(--neon-red)}.subtitle{color:#8a9fc4;letter-spacing:1px;margin-bottom:25px;font-size:1.1rem;font-weight:300}.red-text{color:#f57}.rules-box{text-align:left;background:#00f3ff08;border:1px solid #00f3ff1a;border-radius:8px;width:100%;margin-bottom:25px;padding:18px 24px}.rules-box h3{font-family:var(--font-sans);color:var(--neon-orange);letter-spacing:1px;margin-bottom:10px;font-size:1rem;font-weight:800}.rules-box ul{list-style:none}.rules-box li{color:#ccd6f6;margin-bottom:8px;padding-left:15px;font-size:.9rem;line-height:1.4;position:relative}.rules-box li:before{content:"▶";color:var(--neon-blue);font-size:.7rem;position:absolute;top:2px;left:0}.difficulty-section{width:100%;margin-bottom:25px}.difficulty-section h3{color:#8a9fc4;letter-spacing:2px;margin-bottom:12px;font-size:.95rem;font-weight:600}.difficulty-buttons{grid-template-columns:1fr 1fr 1fr;gap:15px;width:100%;display:grid}.diff-btn{color:#8892b0;cursor:pointer;background:#0f172a99;border:1px solid #ffffff1a;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;padding:12px 10px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex}.diff-btn:hover{color:#fff;background:#00f3ff0d;border-color:#00f3ff80}.diff-btn.active{border-color:var(--neon-blue);color:#fff;background:#00f3ff1f;box-shadow:0 0 10px #00f3ff40}.diff-btn.active .btn-title{text-shadow:0 0 5px var(--neon-blue)}.btn-title{font-family:var(--font-arcade);letter-spacing:1px;margin-bottom:6px;font-size:.8rem}.btn-desc{opacity:.8;font-size:.75rem;font-weight:300;line-height:1.3}.controls-guide{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;margin-bottom:30px;display:flex}.control-key{color:#ccd6f6;background:#ffffff0d;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:5px;padding:6px 14px;font-size:.78rem;display:flex}.control-key span{background:#233554;border-bottom:2px solid #0f1d3a;border-radius:4px;padding:1px 6px;font-family:monospace;font-weight:700}.btn-neon-action{border:2px solid var(--neon-blue);color:#fff;font-family:var(--font-arcade);cursor:pointer;letter-spacing:1px;background:0 0;border-radius:8px;padding:18px 30px;font-size:.95rem;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 0 15px #00f3ff26}.btn-neon-action:hover{background:var(--neon-blue);color:#000;font-weight:700;box-shadow:0 0 25px #00f3ff80}.btn-neon-action.red-btn{border-color:var(--neon-red);box-shadow:0 0 15px #ff005526}.btn-neon-action.red-btn:hover{background:var(--neon-red);color:#fff;box-shadow:0 0 25px #ff005580}.stats-panel{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;gap:15px;width:100%;margin-bottom:30px;padding:20px 30px;display:flex}.stat-row{font-family:var(--font-arcade);letter-spacing:1px;justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.stat-row span:first-child{color:#8892b0}.neon-blue{text-shadow:0 0 4px var(--neon-blue);color:var(--neon-blue)!important}.neon-red{text-shadow:0 0 4px var(--neon-red);color:var(--neon-red)!important}.neon-green{text-shadow:0 0 4px var(--neon-green);color:var(--neon-green)!important}.neon-orange{text-shadow:0 0 4px var(--neon-orange);color:var(--neon-orange)!important}#hud-bar{background-color:#0b0e14;border-bottom:2px solid #00f3ff26;justify-content:space-around;align-items:center;height:60px;padding:0 20px;display:flex}.hud-item{flex-direction:column;align-items:center;display:flex}.hud-label{color:#8892b0;letter-spacing:2px;margin-bottom:4px;font-size:.65rem;font-weight:800}.hud-value{font-family:var(--font-arcade);font-size:.95rem}#canvas-wrapper{background-color:#040508;flex-grow:1;justify-content:center;align-items:center;display:flex;position:relative}#game-canvas{background-color:#06080b;display:block;box-shadow:inset 0 0 40px #000c}#pinned-alert{border:2px solid var(--neon-red);text-align:center;z-index:50;pointer-events:none;background:#19050aeb;border-radius:8px;flex-direction:column;align-items:center;padding:24px;animation:.8s ease-in-out infinite alternate pulseAlert;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #ff005580}#pinned-alert.active{display:flex}.alert-title{font-family:var(--font-arcade);color:var(--neon-red);text-shadow:0 0 10px var(--neon-red);margin-bottom:6px;font-size:1.6rem}.alert-sub{color:#ccd6f6;letter-spacing:1px;margin-bottom:15px;font-size:.85rem;font-weight:600}#pinned-countdown{font-family:var(--font-arcade);color:#fff;text-shadow:0 0 15px var(--neon-red);margin-bottom:15px;font-size:2.2rem}.alert-progress-bar{background-color:#ffffff1a;border-radius:4px;width:250px;height:8px;overflow:hidden}#alert-progress-fill{background-color:var(--neon-red);width:100%;height:100%;box-shadow:0 0 8px var(--neon-red);transition:width .1s linear}#footer-ui{background-color:#0b0e14;border-top:2px solid #00f3ff26;justify-content:space-between;align-items:center;height:60px;padding:0 30px;display:flex}.cooldown-item{align-items:center;gap:12px;display:flex}.cd-key{border:1px solid var(--border-color);color:var(--neon-blue);background:#172a45;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:.75rem;font-weight:700}.cd-label{color:#ccd6f6;min-width:90px;font-size:.8rem;font-weight:600}.cd-bar-container{background:#ffffff14;border-radius:4px;width:120px;height:8px;overflow:hidden}.cd-bar{background-color:var(--neon-blue);width:100%;height:100%;box-shadow:0 0 6px var(--neon-blue);transition:width .1s linear}.btn-sound{color:#8892b0;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:4px;padding:6px 12px;font-size:.65rem;transition:all .2s}.btn-sound:hover{border-color:var(--neon-blue);color:#fff}@keyframes floatPanel{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@keyframes pulseAlert{0%{border-color:#f059;box-shadow:0 0 15px #ff00554d}to{border-color:#f05;box-shadow:0 0 35px #f05c}}.leaderboard-section{width:100%;margin-bottom:25px}.leaderboard-section h3{color:var(--neon-orange);letter-spacing:2px;margin-bottom:12px;font-size:.95rem;font-weight:600}.leaderboard-table-wrapper{background:#05070c99;border:1px solid #00f3ff1a;border-radius:6px;max-height:180px;overflow-y:auto}#leaderboard-table{border-collapse:collapse;color:#ccd6f6;text-align:left;width:100%;font-size:.8rem}#leaderboard-table th,#leaderboard-table td{border-bottom:1px solid #ffffff08;padding:8px 12px}#leaderboard-table th{font-family:var(--font-arcade);color:#8892b0;letter-spacing:1px;background:#0b0e14;border-bottom:2px solid #00f3ff26;font-size:.65rem;position:sticky;top:0}#leaderboard-table td{font-family:var(--font-sans)}#leaderboard-table td:nth-child(6){font-family:var(--font-arcade);color:var(--neon-green);font-size:.72rem}#leaderboard-table tr:hover{background:#00f3ff08}.leaderboard-table-wrapper::-webkit-scrollbar{width:6px}.glow-container::-webkit-scrollbar{width:6px}.leaderboard-table-wrapper::-webkit-scrollbar-track{background:#0000001a}.glow-container::-webkit-scrollbar-track{background:#0000001a}.leaderboard-table-wrapper::-webkit-scrollbar-thumb{background:#00f3ff33;border-radius:3px}.glow-container::-webkit-scrollbar-thumb{background:#00f3ff33;border-radius:3px}#high-score-input-container{border:1px dashed var(--neon-orange);background:#ffaa0005;border-radius:8px;width:100%;margin-top:10px;margin-bottom:25px;padding:15px}#high-score-input-container h3{font-family:var(--font-arcade);margin-bottom:8px;font-size:1.1rem}.input-prompt{color:#8892b0;margin-bottom:12px;font-size:.85rem}.name-input-row{justify-content:center;align-items:center;gap:15px;display:flex}#player-initials{color:#fff;width:100px;height:44px;font-family:var(--font-arcade);text-align:center;text-transform:uppercase;background:#0f172acc;border:2px solid #ffaa004d;border-radius:6px;outline:none;font-size:1.4rem;transition:all .3s}#player-initials:focus{border-color:var(--neon-orange);box-shadow:0 0 10px #ffaa004d}.btn-neon-action.orange-btn{border-color:var(--neon-orange);padding:12px 24px;font-size:.85rem;box-shadow:0 0 15px #ffaa0026}.btn-neon-action.orange-btn:hover{background:var(--neon-orange);color:#000;box-shadow:0 0 25px #ffaa0080}.hidden{display:none!important}