@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Space+Grotesk:wght@400;500;700&display=swap');
*{box-sizing:border-box}body{margin:0;background:#101319;color:#eee8d7;font-family:'Space Grotesk',sans-serif}header{height:82px;border-bottom:1px solid #2b3036;display:flex;align-items:center;justify-content:space-between;padding:0 6%;font:12px 'Space Mono',monospace;letter-spacing:2px}header a{color:#ece2c8;text-decoration:none;font-weight:bold;font-size:17px}header span{color:#858b93}b{color:#7c827e}button{cursor:pointer;font:inherit;color:inherit;background:transparent;border:1px solid #4a4d4c}header button{padding:10px;font-size:10px}main{max-width:1100px;margin:45px auto;padding:0 32px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}small{font:10px 'Space Mono',monospace;letter-spacing:3px;color:#aeb28e}h1{font-size:35px;font-weight:500;letter-spacing:-1px;margin:9px 0}.badge{font:10px 'Space Mono',monospace;letter-spacing:1px;color:#b9bd9d;border:1px solid #3c423e;padding:11px}.frame{position:relative;border:1px solid #55594c;padding:8px;background:#080b11;box-shadow:0 22px 70px #0005}canvas{width:100%;display:block;image-rendering:pixelated;touch-action:none}#overlay{position:absolute;inset:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(#090d1466,#090d14ed);text-align:center}h2{font:700 clamp(24px,4vw,48px) 'Space Mono',monospace;letter-spacing:6px;margin:16px 0;color:#f3e9cb}p{color:#b5b6b6;line-height:1.9;font-size:15px}#start{background:#c6cb9a;color:#151b1c;padding:17px 24px;margin:18px;font:700 12px 'Space Mono',monospace;letter-spacing:1px}#start span{margin-left:20px}em{font:10px 'Space Mono',monospace;color:#8a9298;font-style:normal}.bottom{display:flex;justify-content:space-between;font:9px 'Space Mono',monospace;letter-spacing:1px;color:#9a9f9e;padding:18px 0}.bottom i{display:inline-block;width:6px;height:6px;background:#b6c48c;margin-right:8px}#actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}#actions button{padding:15px;font:14px 'Space Mono',monospace;border-color:#424a48;color:#c4c9ac}#actions button:hover,#actions button.active{background:#c6cb9a;color:#12191c;border-color:#d5dcab}#actions button:disabled{opacity:.3;cursor:default}footer{display:flex;justify-content:space-between;margin:27px 0;color:#767e85;font-size:12px}footer span{font:9px 'Space Mono',monospace;letter-spacing:1px}.touch{display:none}@media(max-width:700px){header{height:60px}header span,.badge,.bottom span:last-child,footer span{display:none}main{padding:0 12px;margin:25px auto}h1{font-size:27px}#actions{gap:5px}#actions button{font-size:11px;padding:12px 2px}.touch{display:flex;justify-content:center;gap:10px;margin-top:18px}.touch button{width:50px;height:42px;touch-action:none}.touch div{display:flex;flex-direction:column;gap:5px}#confirm{margin-left:35px}}
.rush-panel{display:flex;align-items:center;gap:18px;padding:18px 20px;margin:0 0 18px;border:1px solid #65516e;background:#1d1928;flex-wrap:wrap}.rush-panel>div{flex:1}.rush-panel p{font:10px monospace;margin:7px 0 0;color:#b9accb}.rush-panel label{font:12px monospace;color:#e6a9c5;cursor:pointer}.rush-panel label span{font-size:10px;color:#a7a0b1;display:block;padding-left:24px}.rush-panel input{accent-color:#d894b9}.rush-panel button{padding:12px;font:11px monospace;border-color:#8d719a}.rush-panel button:hover{background:#65476f}.rush-panel label:has(input:disabled){opacity:.5}#rush-start{background:#bba3cd;color:#161222;font-weight:bold}@media(max-width:600px){.rush-panel{gap:12px;padding:12px}.rush-panel>div{flex-basis:100%}.rush-panel button{flex:1}.rush-panel label{flex-basis:100%}}