@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@500;700&display=swap";:root{color:#ecedf6;font-synthesis:none;background:#111321;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 70% 10%,#302249 0,#0000 55%);min-height:100vh;margin:0}main{max-width:780px;margin:auto;padding:70px 24px}.eyebrow{color:#bfa1ff;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700}h1{max-width:680px;margin:24px 0;font-family:Space Grotesk,sans-serif;font-size:clamp(38px,7vw,64px);line-height:1.05}.intro{color:#b4b7cc;max-width:580px;line-height:1.7}.board{text-align:center;background:#1d1d30;border:1px solid #39364f;border-radius:20px;margin:36px 0 24px;padding:16px}#status,.hint{color:#b4b7cc;font-size:14px}button{font:inherit;color:#171122;cursor:pointer;background:#c3a1ff;border:0;border-radius:10px;padding:14px 24px;font-weight:700}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #ecedf6}form{flex-wrap:wrap;align-items:center;gap:12px;display:flex}input{color:#ecedf6;min-width:120px;font:inherit;background:#1d1d30;border:1px solid #49465e;border-radius:10px;flex:1;padding:14px}h2{margin:0 0 12px;font-family:Space Grotesk,sans-serif;font-size:22px}.stage{position:relative}canvas{touch-action:none;border-radius:12px;width:100%;height:auto;display:block}canvas:focus{outline:none}.overlay{background:#111321c7;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.overlay[hidden]{display:none}.overlay p{margin:0 16px 8px;font-family:Space Grotesk,sans-serif;font-size:22px}.scores{background:#1d1d30;border:1px solid #39364f;border-radius:20px;margin:0 0 24px;padding:20px 24px}.scores ol{margin:0;padding-left:24px}.scores li{color:#b4b7cc;padding:6px 0}.scores li span:last-child{float:right;color:#ecedf6;font-weight:700}.scores li.empty{margin-left:-24px;list-style:none}