*{box-sizing:border-box}html{background:#090e1b;color:#eff4ff;font-family:ui-rounded,system-ui,-apple-system,sans-serif}body{margin:0}main{max-width:470px;margin:auto;padding:max(10px,env(safe-area-inset-top)) 16px max(14px,env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#8190ab}a{color:#becbe4;text-decoration:none;font-size:14px;letter-spacing:0}button{font:inherit;color:#eff4ff;border:1px solid #33425f;background:#18243a;border-radius:14px;touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:transparent}button:active{background:#37516f;transform:scale(.96)}button:focus-visible{outline:3px solid #ffdd64;outline-offset:2px}header button{padding:10px;letter-spacing:0;font-size:12px}.title{margin:16px 0}.title h1{font-size:29px;letter-spacing:-1.1px;margin:0}.title h1 span{color:#ffdc62;margin-left:8px}.title p{color:#8293b1;font-size:12px;margin:5px 0}.hud{display:flex;justify-content:space-between;margin:12px 0;font-size:9px;letter-spacing:1.8px;color:#889ab9}.hud strong{display:block;font-size:19px;letter-spacing:1px;color:#fff;margin-top:4px}#lives{color:#ffdc62}.board{position:relative;width:100%;margin:auto;border-radius:15px;overflow:hidden;border:1px solid #26375d;box-shadow:0 14px 45px #0005;background:#0b1223}canvas{width:100%;display:block;aspect-ratio:1;touch-action:none}#overlay{position:absolute;inset:0;display:grid;place-items:center;background:#080e1bdc;text-align:center;padding:20px}#overlay[hidden]{display:none}h2{font-size:27px;line-height:1.1;letter-spacing:-1px;margin:12px 0}#message{font-size:13px;line-height:1.6;color:#a8b8d2}.eyebrow{font-size:10px;letter-spacing:2px;color:#ffdc62}#action{background:#ffdc62;color:#172035;font-weight:750;padding:15px 28px;border:0;margin-top:10px;min-width:170px}#status{font-size:11px;text-align:center;color:#a5b4ce;margin:12px 0;min-height:14px}.controls{display:grid;grid-template-columns:64px 64px 64px;grid-template-rows:48px 48px 48px;gap:5px;justify-content:center;user-select:none}.controls button{font-size:26px}.controls [data-dir=up]{grid-column:2}.controls [data-dir=left]{grid-row:2;grid-column:1}.controls span{grid-row:2;grid-column:2;display:grid;place-items:center;color:#657b9e}.controls [data-dir=right]{grid-row:2;grid-column:3}.controls [data-dir=down]{grid-row:3;grid-column:2}footer{text-align:center;color:#5e708f;font-size:10px;margin-top:12px}@media(max-height:750px){.title{margin:8px 0}.title p{display:none}.title h1{font-size:24px}.hud{margin:8px 0}.board{max-width:min(100%,calc(100svh - 305px))}.controls{grid-template-rows:44px 44px 44px}#status{margin:8px 0}footer{margin-top:7px}}