*{box-sizing:border-box} :root{color-scheme:dark;--lime:#d7ff70;--muted:#7f8987}body{margin:0;background:#101516;color:#f1f3ea;font-family:Arial,Helvetica,sans-serif}.shell{max-width:1320px;margin:auto;padding:30px 48px}header{display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:#f1f3ea;font-size:20px;font-weight:900;letter-spacing:1px;display:flex;align-items:center;gap:6px}.brand-icon{display:grid;place-items:center;width:31px;height:33px;background:var(--lime);color:#101516;transform:rotate(-7deg);margin-right:9px;font-size:25px}.muted{color:var(--muted)}.offline{font-size:10px;letter-spacing:1.4px;color:#b8c1b6;display:flex;align-items:center;gap:8px}i{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%}.heading{margin:54px 0 30px}.eyebrow{color:var(--lime);font-size:10px;font-weight:bold;letter-spacing:2.3px;margin-bottom:16px}h1{font-size:clamp(32px,4.1vw,54px);line-height:1.04;letter-spacing:-2px;margin:0;font-weight:800}h1 em{font-style:normal;color:var(--lime)}.heading p{font-size:13px;color:#98a29f;margin-top:17px}.game{position:relative;border:1px solid #34433b;border-radius:12px;overflow:hidden;background:#14252a;box-shadow:0 20px 65px #0003}canvas{display:block;width:100%;aspect-ratio:1200/520;touch-action:none}.hud{position:absolute;left:28px;right:28px;top:24px;display:flex;justify-content:space-between;z-index:1;pointer-events:none}.location{font-size:9px;letter-spacing:1.4px;color:#a6c0b9;display:flex;align-items:center;gap:8px;height:17px}.location span{color:#56766c}.scores{display:flex;gap:30px}.scores small{display:block;font-size:8px;letter-spacing:1.7px;color:#9cac9f;margin-bottom:6px}.scores strong{font-family:monospace;font-size:23px;font-weight:normal}.scores strong span{font-size:12px;color:#8eaa94}.scores>div:last-child strong{color:#b0bd9c}.overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;background:linear-gradient(90deg,#11212418,#11212450,#11212418);padding-bottom:15px}.overlay.hidden{display:none}.tag{font-size:8px;letter-spacing:2px;color:#bcceab;background:#192e27cc;border:1px solid #73865a55;border-radius:4px;padding:7px 10px}h2{font-size:clamp(25px,4.1vw,51px);letter-spacing:-2px;margin:15px 0 8px;text-shadow:0 3px 30px #112124}h2 span{color:var(--lime)}.overlay p{color:#b9c9b9;font-size:12px;margin:0 0 22px}button{cursor:pointer;font:inherit}#start{background:var(--lime);border:0;border-radius:5px;color:#18241a;font-size:10px;font-weight:800;letter-spacing:.8px;padding:17px 22px;box-shadow:0 5px 25px #d7ff7015}#start span{font-size:16px;margin-left:24px}button:hover{filter:brightness(1.12)}button:focus-visible{outline:2px solid white;outline-offset:4px}.overlay>small{font-size:9px;letter-spacing:.7px;color:#849b89;margin-top:13px}.game-bottom{position:absolute;bottom:13px;left:25px;right:18px;display:flex;align-items:center;justify-content:space-between}.game-bottom>span{font-size:8px;letter-spacing:1.3px;color:#a4b8a0}.game-bottom i{width:4px;height:4px;margin-right:7px}.icon-button{border:1px solid #65735d66;background:#16251dcc;border-radius:4px;color:#bcccaa;font-size:9px;padding:7px 9px;min-width:28px}.icon-button:disabled{opacity:.35;cursor:default}.below{display:flex;justify-content:space-between;align-items:center;margin-top:18px;color:#86918c;font-size:11px}.controls{display:flex;gap:22px;align-items:center}.controls>span{display:flex;gap:6px;align-items:center}kbd{font-family:monospace;font-size:9px;background:#1b2221;border:1px solid #35403a;border-bottom-width:2px;padding:5px 7px;border-radius:4px;color:#c2cac1}.tip{font-size:10px}footer{border-top:1px solid #28312c;margin-top:48px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#89918b}footer>span:first-child{letter-spacing:1.3px;white-space:nowrap}footer>span:last-child{text-align:right}footer .muted{display:block;font-size:8px;margin-top:7px}.tiny-block{border-radius:1px;width:7px;height:7px;margin-right:7px}@media(max-width:680px){.shell{padding:22px 18px}.offline{font-size:7px;letter-spacing:.5px}.heading{margin-top:38px}h1{letter-spacing:-1.3px}.heading p{max-width:270px;line-height:1.6}.game canvas{aspect-ratio:4/3}.hud{left:15px;right:15px;top:15px}.location{font-size:7px;max-width:115px;flex-wrap:wrap;gap:4px}.scores{gap:15px}.scores strong{font-size:18px}.scores small{font-size:7px}.tag{font-size:6px;letter-spacing:1px}h2{letter-spacing:-1px}.overlay p{font-size:10px}.below{align-items:flex-start;gap:16px}.controls{gap:8px;flex-wrap:wrap}.touch-hint{width:100%;margin-top:5px}.tip{max-width:110px;text-align:right;line-height:1.5}footer{margin-top:32px;flex-direction:column;gap:12px}footer>span:last-child{text-align:left}.game-bottom{left:15px;right:12px}.game-bottom>span{font-size:6px}}