html,body{background:#000;height:100%;margin:0;overflow:hidden}#game{display:block;width:100%!important;height:100%!important}#camera{z-index:10;opacity:.5;position:absolute;top:0;left:0;transform:scaleX(-1)}#hud{z-index:10;color:#fff;white-space:nowrap;cursor:default;background:#0000008c;border-radius:12px;padding:8px 20px;font:600 22px/1.2 system-ui,sans-serif;position:fixed;top:12px;left:50%;transform:translate(-50%)}#menu{z-index:15;color:#fff;background:linear-gradient(90deg,#8f8dd9 0%,#57c785 50%,#5fcc31 100%);flex-direction:column;justify-content:center;align-items:center;gap:28px;font-family:system-ui,sans-serif;transition:opacity .4s;display:flex;position:fixed;inset:0}#menu.hidden{opacity:0;pointer-events:none}#menu h1{letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:clamp(2.5rem,10vw,5rem)}#menu p{opacity:.7;margin:0}#start-btn,#sett-btn,#board-btn{color:#fff;cursor:pointer;background:#2ecc71;border:1px solid #000;border-radius:12px;width:30%;height:300px;padding:40px;font-size:1.5rem;font-weight:700;transition:transform .1s,box-shadow .1s,background .1s;box-shadow:0 6px #1f9d55}#cont{justify-content:space-between;width:1000px;display:flex}#start-btn:hover,#sett-btn:hover,#board-btn:hover{background:#3be083}#start-btn:active,#sett-btn:active,#board-btn:active{transform:translateY(4px);box-shadow:0 2px #1f9d55}#start-btn:disabled,#sett-btn:disabled,#board-btn:disabled{opacity:.6;cursor:wait}.settings-overlay{z-index:20;background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.settings-overlay.visible{display:flex}.settings-panel{box-sizing:border-box;color:#fff;background:linear-gradient(#57c785f2 0%,#2ea05af2 100%);border-radius:12px;flex-direction:column;justify-content:center;gap:10px;width:500px;max-width:90vw;height:400px;max-height:80vh;padding:32px 40px;font-family:system-ui,sans-serif;display:flex;box-shadow:0 10px #1f9d55,0 20px 40px #0006}.settings-panel h2{text-align:center;letter-spacing:.15em;text-transform:uppercase;margin:0 0 12px;font-size:2rem}.settings-panel p{justify-content:space-between;align-items:center;margin:12px 0 0;font-size:1.1rem;font-weight:700;display:flex}.settings-panel p span{text-align:center;background:#0000004d;border-radius:8px;min-width:40px;padding:2px 10px}.settings-panel .settings-hint{opacity:.85;font-size:.9rem}.settings-panel input[type=range]{appearance:none;cursor:pointer;background:#0000004d;border-radius:6px;outline:none;width:100%;height:12px}.settings-panel input[type=range]::-webkit-slider-thumb{appearance:none;background:#2ecc71;border:2px solid #000;border-radius:50%;width:28px;height:28px;transition:transform .1s,background .1s;box-shadow:0 3px #1f9d55}.settings-panel input[type=range]::-moz-range-thumb{background:#2ecc71;border:2px solid #000;border-radius:50%;width:24px;height:24px;transition:transform .1s,background .1s;box-shadow:0 3px #1f9d55}.settings-panel input[type=range]:hover::-webkit-slider-thumb{background:#3be083;transform:scale(1.1)}.settings-panel input[type=range]:hover::-moz-range-thumb{background:#3be083;transform:scale(1.1)}.settings-panel input[type=range]:active::-webkit-slider-thumb{transform:translateY(2px)scale(1.1);box-shadow:0 1px #1f9d55}.settings-panel input[type=range]:active::-moz-range-thumb{transform:translateY(2px)scale(1.1);box-shadow:0 1px #1f9d55}.leaderboard-overlay{z-index:20;background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.leaderboard-overlay.visible{display:flex}.leaderboard-panel{box-sizing:border-box;color:#fff;background:linear-gradient(#57c785f2 0%,#2ea05af2 100%);border-radius:12px;flex-direction:column;justify-content:flex-start;gap:10px;width:500px;max-width:90vw;height:auto;min-height:400px;max-height:80vh;padding:32px 40px;font-family:system-ui,sans-serif;display:flex;box-shadow:0 10px #1f9d55,0 20px 40px #0006}.leaderboard-panel h2{text-align:center;letter-spacing:.15em;text-transform:uppercase;margin:0 0 12px;font-size:2rem}.leaderboard-panel p{justify-content:space-between;align-items:center;margin:12px 0 0;font-size:1.1rem;font-weight:700;display:flex}.leaderboard-panel p span{text-align:center;background:#0000004d;border-radius:8px;min-width:40px;padding:2px 10px}.leaderboard-list{margin:0;padding:0;list-style:none;overflow-y:auto}.leaderboard-list li{border-radius:8px;grid-template-columns:3em minmax(0,1fr) auto;align-items:baseline;column-gap:12px;padding:6px 10px;font-size:1.1rem;font-weight:700;display:grid}.leaderboard-list li span:nth-child(2){overflow-wrap:anywhere}.leaderboard-list li span:nth-child(3){text-align:right}.leaderboard-list small{opacity:.8;grid-column:2/-1;font-size:.8rem;font-weight:400}.leaderboard-row--highlight{background:#0000004d}.leaderboard-panel .leaderboard-status{text-align:center;min-height:1.25em;margin:0;font-size:1rem;display:block}.leaderboard-nav{gap:16px;margin-top:auto;display:flex}.endgame-overlay{z-index:20;background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.endgame-overlay.visible{display:flex}.endgame-panel{box-sizing:border-box;color:#fff;background:linear-gradient(#57c785f2 0%,#2ea05af2 100%);border-radius:12px;flex-direction:column;gap:12px;width:500px;max-width:90vw;padding:32px 40px;font-family:system-ui,sans-serif;display:flex;box-shadow:0 10px #1f9d55,0 20px 40px #0006}.endgame-panel h2{text-align:center;letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:2rem}.endgame-panel .endgame-score{text-align:center;margin:0 0 12px;font-size:1.5rem;font-weight:700}.endgame-panel .endgame-score span{background:#0000004d;border-radius:8px;min-width:40px;padding:2px 12px;display:inline-block}.endgame-panel .endgame-breakdown{text-align:center;opacity:.85;margin:-8px 0 12px;font-size:1rem}.endgame-panel .endgame-message{text-align:center;min-height:1.25em;margin:0;font-size:1rem;font-weight:700}.endgame-panel label{font-size:1.1rem;font-weight:700}.endgame-panel input[type=text]{font:inherit;color:#fff;background:#0000004d;border:2px solid #0000;border-radius:8px;outline:none;padding:10px 14px;font-size:1.1rem}.endgame-panel input[type=text]::placeholder{color:#fff9}.endgame-panel input[type=text]:focus{border-color:#fff}.endgame-actions{gap:16px;margin-top:12px;display:flex}.endgame-actions button,.leaderboard-nav button{color:#fff;cursor:pointer;background:#2ecc71;border:1px solid #000;border-radius:12px;flex:1;padding:14px;font-size:1.1rem;font-weight:700;transition:transform .1s,box-shadow .1s,background .1s;box-shadow:0 6px #1f9d55}.endgame-actions button:hover,.leaderboard-nav button:hover{background:#3be083}.endgame-actions button:active,.leaderboard-nav button:active{transform:translateY(4px);box-shadow:0 2px #1f9d55}.endgame-actions button:disabled,.leaderboard-nav button:disabled{opacity:.6;cursor:wait}#endgame-menu-btn{background:#0000004d;box-shadow:0 6px #0006}#endgame-menu-btn:hover{background:#00000073}#endgame-menu-btn:active{box-shadow:0 2px #0006}