:root{color-scheme:dark;font-family:"Courier New",monospace;color:#c3eebc;background:#010803}*{box-sizing:border-box}body{margin:0;overflow:hidden;overscroll-behavior:none}canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none}header{position:fixed;top:0;left:0;right:0;padding:26px 32px;display:flex;align-items:center;gap:24px;background:linear-gradient(#010803a8,transparent);pointer-events:none}.brand{color:#c3eebc;text-decoration:none;letter-spacing:3px;font-size:14px;pointer-events:auto}.brand span{color:#679269;font-size:11px}.score{margin-left:auto;display:flex;gap:14px;align-items:center}.score span{font-size:11px;color:#86ab81}.score strong{letter-spacing:3px;font-size:22px;font-weight:400}button{font:inherit;color:#c3eebc;background:#061608b3;border:1px solid #719e6c55;border-radius:4px;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #c3eebc;outline-offset:5px}#pause{width:40px;height:40px;pointer-events:auto}#hint{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);font-size:11px;color:#9abe94;white-space:nowrap;pointer-events:none;letter-spacing:1px}#hint span{opacity:.6}#joystick{position:fixed;left:max(32px,env(safe-area-inset-left));bottom:max(34px,env(safe-area-inset-bottom));width:130px;height:130px;border:1px solid #a3e99645;border-radius:50%;background:#04150880;touch-action:none;user-select:none;cursor:grab}.rings{position:absolute;inset:18px;border:1px solid #a3e99622;border-radius:50%}.rings:before,.rings:after{content:"";position:absolute;background:#a3e99620}.rings:before{width:1px;top:0;bottom:0;left:50%}.rings:after{height:1px;left:0;right:0;top:50%}#stick{position:absolute;left:44px;top:44px;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#b8e7a650,#59945325);border:1px solid #b1e9a475;box-shadow:0 0 18px #8cff8115;pointer-events:none}#joystick>span{position:absolute;left:0;right:0;bottom:-20px;text-align:center;font-size:10px;color:#7eab77;letter-spacing:3px}#boost{position:fixed;right:max(36px,env(safe-area-inset-right));bottom:max(54px,env(safe-area-inset-bottom));border-radius:50%;width:82px;height:82px;font-size:30px;touch-action:none;user-select:none}#boost span{display:block;font-size:10px;letter-spacing:1px}#boost.active{box-shadow:0 0 28px #a4ff7250;background:#294020aa}#overlay{position:fixed;inset:0;background:#010803a8;backdrop-filter:blur(8px);display:grid;place-items:center;text-align:center}#overlay[hidden]{display:none}#overlay>div{padding:32px;max-width:430px}#overlay h1{font-size:32px;letter-spacing:4px;font-weight:400}#overlay p{font-size:13px;line-height:1.8;color:#89b27c}#overlay button{padding:12px 22px;margin:12px 5px}#overlay a{display:block;margin-top:24px;font-size:11px;color:#82a67d}@media(max-width:600px){header{padding:18px;gap:16px}.brand{font-size:11px;letter-spacing:1px}.brand span{display:none}.score{gap:8px}.score strong{font-size:18px}#hint{bottom:210px;font-size:10px}#hint span{display:none}#joystick{left:24px;bottom:44px}#boost{right:24px;bottom:65px}}