*{box-sizing:border-box}body{margin:0;background:#09141f;color:#eef5fc;font-family:system-ui,-apple-system,sans-serif}main{max-width:1000px;margin:auto;padding:24px 36px}header{display:flex;justify-content:space-between;align-items:center}.brand{font-size:11px;letter-spacing:3px;color:#a4bbcd}button{font:inherit;border:1px solid #465d73;border-radius:8px;background:#162a3b;color:#edf5fc;padding:12px 20px;cursor:pointer;touch-action:manipulation}button:hover:not(:disabled){background:#27455c}button:focus-visible{outline:3px solid #f7c96d;outline-offset:3px}button:disabled{opacity:.4;cursor:default}#language{padding:8px 12px;font-size:12px}.heading{padding:28px 0 22px}.heading p{color:#aebfcd;font-size:14px;line-height:1.7;margin:8px 0}#eyebrow{color:#73dbdf;font-size:12px;letter-spacing:2px}h1{font-size:clamp(38px,7vw,66px);letter-spacing:-3px;line-height:1;margin:14px 0}h1 span{color:#78dfdf;margin-left:14px}.console{border:1px solid #344a5e;border-radius:14px;overflow:hidden;background:#0d1d2b;box-shadow:0 20px 70px #0004}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:18px 24px;border-bottom:1px solid #30485b}.stats div{display:flex;flex-direction:column;gap:4px}.stats span{color:#94acbf;font-size:11px;letter-spacing:1px}.stats strong{font-variant-numeric:tabular-nums;font-size:28px}.stage{position:relative;aspect-ratio:800/440}canvas{display:block;width:100%;height:100%;touch-action:manipulation}#overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a172bea;padding:24px;text-align:center}#overlay[hidden]{display:none}#overlay h2{font-size:clamp(20px,4vw,30px);margin:8px 0}#overlay p{max-width:450px;font-size:13px;line-height:1.8;color:#bacfdf}.stamp{letter-spacing:3px;color:#70d8de!important;font-size:10px!important}#start{background:#79deda;color:#102632;border:0;font-weight:800;min-width:210px;margin:12px}.controls{display:flex;gap:10px;padding:14px 24px 0}#switch{background:#e8ba65;color:#162230;flex:1;font-weight:800}kbd{font:10px system-ui;border:1px solid #16223055;padding:3px;margin-left:12px;border-radius:4px}#status{color:#aabfd0;font-size:12px;margin:12px 24px 18px;min-height:20px}footer{color:#839aae;font-size:11px;line-height:1.7;padding-top:14px}@media(max-width:550px){main{padding:16px}.heading{padding:20px 0 14px}.heading p{font-size:12px}h1{letter-spacing:-2px}.stats{padding:12px 16px}.stats strong{font-size:23px}.controls{padding:12px 12px 0}button{padding:11px 14px}.stage{aspect-ratio:1.4}#overlay{padding:12px}#overlay p{font-size:11px;margin:5px 0}#overlay h2{margin:3px}#start{margin:8px;padding:10px}#status{margin:12px;font-size:11px}kbd{display:none}}
/* Compact play surface, readable controls, undistorted game geometry. */
main{max-width:850px}.heading{padding:16px 0}.heading p{font-size:14px}h1{font-size:44px;margin:10px 0}.brand{font-size:12px}.stats span{font-size:14px}#status{font-size:14px}footer{font-size:12px}#overlay p{font-size:14px}.stage{aspect-ratio:800/440}@media(max-width:550px){h1{font-size:36px}.heading p{font-size:14px}.stats span{font-size:12px}#overlay{padding:8px}#overlay p{font-size:12px;line-height:1.5}.stamp{display:none}#overlay h2{font-size:20px}#status{font-size:13px}}