@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Share+Tech+Mono&display=swap";*{box-sizing:border-box}html,body,#app{height:100%;width:100%;margin:0;padding:0;font-family:Share Tech Mono,monospace;overflow:hidden}body{background-color:#020203;color:#a0a0a8}#ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:2rem}.topbar{display:flex;justify-content:space-between;align-items:flex-start;text-transform:uppercase;letter-spacing:3px}.brand{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;color:#00f3ff;letter-spacing:6px;text-shadow:0 0 10px #00f3ff,0 0 20px #00f3ff}.stats{text-align:right;font-family:Share Tech Mono,monospace;font-size:1rem}.score-display{display:flex;align-items:center;gap:1rem}.player-label{color:#00f3ff;font-size:.85rem;letter-spacing:2px;text-shadow:0 0 5px #00f3ff}.ai-label{color:#f09;font-size:.85rem;letter-spacing:2px;text-shadow:0 0 5px #ff0099}.score-value{font-size:1.8rem;font-weight:400;font-family:Orbitron,sans-serif}.score-value.player{color:#00f3ff;text-shadow:0 0 10px #00f3ff}.score-value.ai{color:#f09;text-shadow:0 0 10px #ff0099}.vs{color:#fff;font-size:.9rem}.controls{pointer-events:auto;display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}button{background:#0009;border:1px solid #00f3ff;color:#00f3ff;padding:1rem 3rem;font-family:Share Tech Mono,monospace;font-size:1rem;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 10px #00f3ff33}button:hover{background:#00f3ff1a;box-shadow:0 0 20px #00f3ff80;text-shadow:0 0 5px #00f3ff}button:hover{background:#50505566;border-color:#78787d80;color:#c0c0c8;box-shadow:0 0 15px #64646e33}.donate-btn{color:#c4b998;text-decoration:none;border:1px solid #c4b998;padding:.5rem 1rem;font-family:Share Tech Mono,monospace;font-size:.8rem;letter-spacing:2px;transition:all .2s;margin-left:1rem;pointer-events:auto}.donate-btn:hover{background:#c4b9981a;box-shadow:0 0 10px #c4b9984d;color:#fff}.settings-container{position:absolute;bottom:2rem;right:2rem;pointer-events:auto;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;z-index:100}.settings-panel{background:#0a0a0cf2;border:1px solid #333;padding:.5rem;display:flex;flex-direction:column;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:140px;margin-bottom:.5rem}.menu-btn{background:transparent;border:1px solid #444;color:#8a8a90;padding:.5rem;font-family:Share Tech Mono,monospace;font-size:.8rem;cursor:pointer;text-align:left;transition:all .2s}.menu-btn:hover{background:#ffffff1a;color:#fff;border-color:#666}.settings-panel.hidden{display:none}.icon-btn{background:#1e1e2399;border:1px solid #333;color:#8a8a90;font-size:1.2rem;padding:.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:Share Tech Mono,monospace;border-radius:50%}.icon-btn:hover{color:#fff;border-color:#555;background:#32323ccc}button:hover{background:#50505566;border-color:#78787d80;color:#b0b0b8}button.hidden{display:none}#gameover{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0cf2;display:flex;justify-content:center;align-items:center;z-index:100;pointer-events:auto}#gameover.hidden{display:none}.gameover-content{text-align:center}.gameover-content h1{font-family:Orbitron,sans-serif;font-size:3rem;color:#7a7a80;margin-bottom:1rem;letter-spacing:8px;font-weight:400}.gameover-content p{font-family:Share Tech Mono,monospace;font-size:1.3rem;color:#5a5a60;margin-bottom:2rem;letter-spacing:2px}#hint{position:absolute;bottom:1rem;width:100%;text-align:center;font-size:.75rem;color:#3a3a40;letter-spacing:2px}canvas{display:block;width:100%;height:100%}canvas{touch-action:none}body.theme-day .donate-btn{color:#567;border-color:#567}body.theme-day .donate-btn:hover{background:#5566771a;color:#000;box-shadow:0 0 10px #5566774d}body.theme-day .brand{color:#456}body.theme-day .score-value{text-shadow:none}
