:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;background:#101e1a;color:#f1f4e9}*{box-sizing:border-box}body{margin:0;padding: max(22px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));overscroll-behavior:none}main{max-width:430px;margin:auto}.eyebrow{font-size:10px;letter-spacing:3px;color:#a5bcac}h1{font-size:44px;letter-spacing:-2px;margin:8px 0}h1 span{float:right;color:#cef879;font-weight:400}header p{font-size:14px;color:#a5bcac;margin:0 0 22px}.scores{display:flex;gap:32px;align-items:center;margin-bottom:14px}.scores div{font-size:10px;letter-spacing:2px;color:#a5bcac}.scores strong{display:block;color:#f1f4e9;font-size:29px;letter-spacing:-1px;font-variant-numeric:tabular-nums}button{font:inherit;cursor:pointer;border:0;touch-action:manipulation}button:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:3px}#pause{margin-left:auto;background:#24392f;color:#cef879;border-radius:14px;width:48px;height:48px}button:disabled{opacity:.35}.board{position:relative;border:1px solid #3a5140;border-radius:20px;overflow:hidden;background:#16291f;aspect-ratio:1}canvas{width:100%;height:100%;display:block;touch-action:none}#overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;background:#102219df;pointer-events:none}#overlay[hidden]{display:none}#symbol{font-size:48px;color:#cef879}h2{font-size:24px;letter-spacing:-.8px;margin:14px 0 6px}#message{font-size:14px;color:#b4c6b6;max-width:245px;line-height:1.5}.actions{margin:16px 0}#start{width:100%;padding:17px 20px;background:#cef879;color:#142417;font-weight:700;border-radius:14px}#start span{float:right}.pad{display:flex;flex-direction:column;align-items:center;gap:5px}.pad div{display:flex;align-items:center;gap:16px}.pad button{width:56px;height:42px;background:#24392f;color:#d9edcf;border:1px solid #354a3d;border-radius:12px;font-size:25px}.pad button:active{background:#4e6948}.pad span{text-align:center;font-size:8px;letter-spacing:1px;line-height:1.6;color:#90a895;width:80px}footer{color:#90a895;text-align:center;font-size:11px;margin-top:20px;line-height:1.6}details{margin-top:12px}summary{cursor:pointer}details p{font-size:12px}@media(max-height:750px){header p{margin-bottom:12px}h1{font-size:34px}.eyebrow{font-size:9px}.scores strong{font-size:24px}.board{max-width:340px;margin:auto}.actions{margin:10px 0}.pad button{height:35px}footer{margin-top:12px}}