:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;background:#0b1118;color:#e5eef7}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;padding:32px 24px;margin:auto}header,footer,.dialog-title{display:flex;align-items:center;justify-content:space-between;gap:18px}h1{font-size:36px;letter-spacing:-1.5px;margin:4px 0 24px}h1 span{font-size:14px;letter-spacing:0;color:#72dfdc;margin-left:10px}h2{letter-spacing:-.7px;font-size:30px}.eyebrow{font-size:10px;letter-spacing:2px;color:#8b9daa}button{font:inherit;font-size:13px;font-weight:600;border:1px solid #344552;border-radius:8px;padding:11px 17px;background:#172530;color:#e5eef7;cursor:pointer}button:hover{background:#213846;border-color:#65d3cf}button:focus-visible,canvas:focus-visible{outline:2px solid #61efdc;outline-offset:3px}button:disabled{opacity:.4;cursor:default}.game-shell{position:relative;border:1px solid #2b3b48;border-radius:12px;overflow:hidden;background:#030609}.stats{display:flex;justify-content:space-between;padding:17px 22px;font-size:12px;color:#829cae;background:#101a24;border-bottom:1px solid #243440}.stats b{color:#82f5e4;margin-left:9px;font-variant-numeric:tabular-nums}canvas{display:block;width:100%;aspect-ratio:3/2;max-height:68vh;object-fit:contain}#overlay{position:absolute;inset:54px 0 0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#030609ba;padding:24px}#overlay[hidden]{display:none}#status-label{font-size:11px;letter-spacing:3px;color:#7ce5d9}#status-title{margin:12px 0}#status-copy{color:#a9bccb;font-size:14px}#play{margin-top:20px;background:#81ecdc;color:#071d23;border:0;padding:13px 36px}footer{font-size:12px;color:#98aebb;padding:16px 0}footer div{display:flex;gap:8px}.note{font-size:12px;color:#8298a9;line-height:1.7}dialog{width:min(530px,92vw);border:1px solid #3a535d;border-radius:12px;background:#111f2a;color:#e5eef7;padding:24px}dialog::backdrop{background:#000b}dialog p{font-size:13px;line-height:1.6;color:#adc1cf}.dialog-title h2{margin:0}.binding-row{display:flex;align-items:center;justify-content:space-between;margin:10px 0}.binding-row button{min-width:130px}.actions{display:flex;gap:8px;margin-top:20px}#binding-message{min-height:22px;color:#81ecdc}@media(max-width:650px){main{padding:18px 12px}header,footer{align-items:flex-start;flex-direction:column}h1{margin-bottom:4px}.stats{padding:12px 10px;font-size:10px}.stats b{margin-left:3px}.eyebrow{font-size:8px}header{margin-bottom:16px}h2{font-size:24px}}