*{box-sizing:border-box} :root{color-scheme:dark;--ink:#142e31;--paper:#f6f0df;--lime:#dcff72}
#strike{position:absolute;left:12%;right:12%;bottom:9%;height:66px;border:3px solid #143638;border-radius:14px;box-shadow:0 6px 0 #143638;background:#dcff72;color:#143638;font-weight:950;font-size:clamp(13px,3vw,22px)}body.recording #strike{opacity:0}
body.recording #start,body.recording #restart,body.recording #steering{opacity:0}
body{margin:0;background:#172a2b;color:var(--paper);font-family:"Avenir Next","Trebuchet MS",sans-serif}main{max-width:650px;margin:auto;padding:0 20px}header{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}header a{font-size:17px;letter-spacing:-.8px;font-weight:950;line-height:.9;color:inherit;text-decoration:none}header a span{display:block;color:var(--lime);font-size:24px}.edition{font:9px monospace;letter-spacing:1.3px}button,a{-webkit-tap-highlight-color:transparent}button{font-family:inherit;cursor:pointer}header button{background:transparent;border:1px solid #718181;color:var(--paper);padding:8px 10px;font-size:9px;font-weight:800;border-radius:4px}#stage{position:relative;width:100%;aspect-ratio:4/5;background:#b7e3dd;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px #0005}#game{display:block;width:100%;height:100%;touch-action:none;outline:none}#game:focus-visible{outline:4px solid var(--lime);outline-offset:-4px}#loading{position:absolute;inset:0;background:#bce5dc;color:var(--ink);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px;padding:30px}#loading strong{font-size:22px;font-weight:950}#loading span{font-size:13px}#loading[hidden],button[hidden],a[hidden],#steering[hidden]{display:none}#start,#restart{position:absolute;left:12%;right:12%;bottom:9%;height:66px;background:var(--lime);color:var(--ink);border:3px solid var(--ink);border-radius:14px;box-shadow:0 6px 0 var(--ink);font-size:clamp(15px,3.6vw,23px);font-weight:950;letter-spacing:-.8px}#start span{margin-left:15px;font-size:27px}#start:hover,#restart:hover{transform:translateY(-2px);box-shadow:0 8px 0 var(--ink)}#start:active,#restart:active{transform:translateY(5px);box-shadow:0 1px 0 var(--ink)}#steering{position:absolute;bottom:3%;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;pointer-events:none}#steering span{font:10px monospace;color:#183b3c;background:#fff9;padding:6px 9px;border-radius:8px}#steering button{pointer-events:auto;width:60px;height:48px;background:#fff9;border:2px solid #183b3c;color:#183b3c;border-radius:13px;font-size:26px}footer{display:flex;justify-content:space-between;padding:21px 3px 10px;font:10px/1.6 monospace;letter-spacing:.5px;color:#c7d7ce}footer span:last-child{text-align:right;color:#a6b6ae}.local-note{font:10px monospace;color:#94aaa4;margin:6px 0 30px;text-align:center}.local-note button,.local-note a{border:0;background:transparent;color:#dcff72;font:inherit;text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:500px){main{padding:0 10px}header{height:61px;gap:8px}.edition{font-size:7px}#stage{border-radius:13px}#start,#restart{height:54px}#steering button{height:42px;width:53px}footer{font-size:8px}}@media(prefers-reduced-motion:reduce){button{transition:none}}