:root{--bg-color: #0d1117;--text-color: #ffffff;--copilot-primary: #238636;--copilot-gradient: linear-gradient(135deg, #6366f1, #a855f7, #ec4899);--grid-color: #21262d;--canvas-bg: #010409;--ui-bg: rgba(22, 27, 34, .9);--border-color: #30363d;--muted-text: #8b949e}:root[data-theme=light]{--bg-color: #f5f7fb;--text-color: #0f172a;--copilot-primary: #16a34a;--copilot-gradient: linear-gradient(135deg, #60a5fa, #a78bfa, #f472b6);--grid-color: #d3d9f5;--canvas-bg: #edf2ff;--ui-bg: rgba(255, 255, 255, .9);--border-color: #cbd5e1;--muted-text: #475569}:root[data-theme=green]{--bg-color: #0c1f1a;--text-color: #e0f2f1;--copilot-primary: #22c55e;--copilot-gradient: linear-gradient(135deg, #22c55e, #16a34a, #84cc16);--grid-color: #184035;--canvas-bg: #0b2f26;--ui-bg: rgba(10, 37, 31, .9);--border-color: #1f3d32;--muted-text: #94b8ab}:root[data-theme=red]{--bg-color: #1a0a0a;--text-color: #fef2f2;--copilot-primary: #dc2626;--copilot-gradient: linear-gradient(135deg, #ef4444, #dc2626, #b91c1c);--grid-color: #3d1515;--canvas-bg: #1a0a0a;--ui-bg: rgba(26, 10, 10, .9);--border-color: #5c2020;--muted-text: #fca5a5}:root[data-theme=blue]{--bg-color: #0f1b2e;--text-color: #e0f2fe;--copilot-primary: #3b82f6;--copilot-gradient: linear-gradient(135deg, #3b82f6, #2563eb, #1d4ed8);--grid-color: #1e3a5f;--canvas-bg: #0a1628;--ui-bg: rgba(15, 27, 46, .9);--border-color: #1e40af;--muted-text: #93c5fd}:root[data-theme=purple]{--bg-color: #1a0a2e;--text-color: #f3e8ff;--copilot-primary: #a855f7;--copilot-gradient: linear-gradient(135deg, #a855f7, #9333ea, #7c3aed);--grid-color: #2d1b4e;--canvas-bg: #1a0a2e;--ui-bg: rgba(26, 10, 46, .9);--border-color: #6b21a8;--muted-text: #c4b5fd}body{margin:0;background-color:var(--bg-color);color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;gap:24px;padding:32px 0;overflow-x:hidden;overflow-y:auto;-webkit-user-select:none;user-select:none}.page{display:flex;flex-direction:column;align-items:center;gap:20px;width:min(100%,1100px);padding:0 20px;box-sizing:border-box}.page-header{display:flex;justify-content:center;width:100%}.game-title{margin:0;font-size:56px;letter-spacing:2px;background:var(--copilot-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 8px 25px rgba(0,0,0,.35)}.game-container{display:flex;flex-direction:column;gap:16px;align-items:center}.canvas-wrapper{position:relative;box-shadow:0 0 50px #a855f733;border-radius:12px;overflow:hidden}canvas{display:block;background-color:var(--canvas-bg)}.ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.top-bar{display:flex;justify-content:center;align-items:center;width:600px;gap:16px;flex-wrap:wrap}.controls-group{display:flex;gap:12px;align-items:center}.speed-control{display:inline-flex;gap:10px;align-items:center;background:var(--ui-bg);border:1px solid var(--border-color);border-radius:12px;padding:8px 12px;pointer-events:auto;color:var(--text-color);box-shadow:0 4px 12px #0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.speed-control label{font-size:14px;font-weight:600}.speed-control input[type=range]{width:120px;height:6px;border-radius:3px;background:var(--border-color);outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.speed-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--copilot-gradient);cursor:pointer;border:2px solid var(--bg-color);box-shadow:0 2px 4px #0000004d}.speed-control input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--copilot-gradient);cursor:pointer;border:2px solid var(--bg-color);box-shadow:0 2px 4px #0000004d}.thickness-control{display:inline-flex;gap:10px;align-items:center;background:var(--ui-bg);border:1px solid var(--border-color);border-radius:12px;padding:8px 12px;pointer-events:auto;color:var(--text-color);box-shadow:0 4px 12px #0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.thickness-control label{font-size:14px;font-weight:600}.thickness-control input[type=range]{width:80px;height:6px;border-radius:3px;background:var(--border-color);outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.thickness-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--copilot-gradient);cursor:pointer;border:2px solid var(--bg-color);box-shadow:0 2px 4px #0000004d}.thickness-control input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--copilot-gradient);cursor:pointer;border:2px solid var(--bg-color);box-shadow:0 2px 4px #0000004d}.score-board{display:flex;flex-direction:column;gap:4px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5);background:var(--ui-bg);padding:10px 20px;border-radius:20px;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.score-row{font-size:24px}.score-row.secondary{font-size:16px;font-weight:600;color:var(--text-muted-color, rgba(255, 255, 255, .7))}.theme-switcher{display:inline-flex;gap:10px;align-items:center;background:var(--ui-bg);border:1px solid var(--border-color);border-radius:12px;padding:8px 12px;pointer-events:auto;color:var(--text-color);box-shadow:0 4px 12px #0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.theme-switcher label{font-size:14px;font-weight:600}.theme-switcher select{border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-color);border-radius:8px;padding:6px 8px;font-size:14px;cursor:pointer}.start-screen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:var(--ui-bg);padding:40px;border-radius:16px;border:1px solid var(--border-color);pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000080}.start-screen h1{margin:0 0 20px;font-size:48px;background:var(--copilot-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn{background:var(--copilot-gradient);border:none;padding:12px 32px;color:#fff;font-size:18px;font-weight:700;border-radius:30px;cursor:pointer;transition:transform .2s,opacity .2s}.btn:hover{transform:scale(1.05);opacity:.9}.controls-hint{margin-top:20px;color:var(--muted-text);font-size:14px}.hidden{display:none!important}.auto-badge{position:absolute;top:20px;right:20px;background:var(--copilot-gradient);padding:5px 15px;border-radius:15px;font-size:12px;font-weight:700;opacity:0;transition:opacity .3s;pointer-events:none}.auto-badge.active{opacity:1}.pause-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:20px 40px;border-radius:10px;font-size:24px;font-weight:700;opacity:0;transition:opacity .3s;pointer-events:none}.pause-badge.active{opacity:1}.replay-badge{position:absolute;top:20px;left:20px;background:linear-gradient(135deg,#f59e0b,#ef4444);padding:5px 15px;border-radius:15px;font-size:12px;font-weight:700;opacity:0;transition:opacity .3s;pointer-events:none;color:#fff}.replay-badge.active{opacity:1}.replay-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;background:var(--ui-bg);padding:10px 15px;border-radius:25px;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;z-index:100}.replay-btn{background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-color);padding:8px 12px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.replay-btn:hover{background:var(--border-color);transform:scale(1.05)}.replay-btn.speed-btn{min-width:45px}.replay-btn.speed-btn.active{background:var(--copilot-gradient);color:#fff;border-color:transparent}.btn-secondary{background:var(--bg-color);border:2px solid var(--border-color);color:var(--text-color);margin-top:10px}.btn-secondary:hover{background:var(--border-color)}.game-over-buttons,.replay-complete-buttons{display:flex;flex-direction:column;gap:10px;margin-top:20px}.new-high-score{color:#fbbf24;font-size:18px;font-weight:700;margin:10px 0;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.powerup-indicator{position:absolute;top:50px;left:20px;background:#000000b3;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:700;display:flex;gap:10px;align-items:center;opacity:0;transition:opacity .3s;pointer-events:none;border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #0000004d}.powerup-indicator.active{opacity:1}.powerup-name{font-weight:600;text-shadow:0 0 10px currentColor}.powerup-timer{color:#fff;background:#fff3;padding:2px 8px;border-radius:10px;font-size:12px}.replay-history-bar{display:flex;flex-direction:column;gap:8px;width:600px}.replay-history-panel{width:100%;background:var(--ui-bg);border:1px solid var(--border-color);border-radius:12px;padding:10px 12px;box-shadow:0 10px 25px #00000059;pointer-events:auto;box-sizing:border-box;font-size:12px;max-height:400px;overflow-y:auto}.replay-history-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}.replay-history-actions{display:flex;gap:6px}.replay-history-title{font-weight:700;font-size:14px}.replay-history-subtitle{color:var(--muted-text);font-size:11px}.replay-history-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.history-item{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#ffffff05;border:1px solid var(--border-color);border-radius:8px;padding:8px}.history-item__meta{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.history-item__title{font-weight:600;font-size:12px}.history-item__details{color:var(--muted-text);font-size:10px}.history-item__actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.history-empty{color:var(--muted-text);font-size:12px;padding:8px 4px}.btn-small{padding:4px 10px;font-size:11px}.icon-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-color);border-radius:6px;padding:4px 6px;cursor:pointer;font-size:12px;transition:background .2s ease}.icon-btn:hover{background:#ffffff14}.history-delete-btn:hover{background:#ff505033}.keyboard-legend{display:flex;justify-content:center;gap:20px;margin-top:15px;font-size:14px;color:var(--text-color);opacity:.8}.legend-item{display:flex;align-items:center;gap:6px}kbd{display:inline-block;padding:3px 6px;font-family:inherit;font-size:12px;background:var(--canvas-bg);border:1px solid var(--text-color);border-radius:4px;box-shadow:0 1px 2px #0003}