:root{color:#e7efea;font-synthesis:none;background:#0c1b21;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:960px;padding:max(32px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));margin:auto}.eyebrow{color:#9ed3ba;letter-spacing:.16em;font-size:11px}h1{letter-spacing:-.04em;margin:14px 0;font-size:clamp(26px,5vw,38px)}header p,.hint,footer{color:#9eb1b5;font-size:14px;line-height:1.8}#status{color:#c8dcce;margin:24px 0;font-size:13px}.workspace{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:start;gap:32px;display:grid}#game{aspect-ratio:9/16;border:1px solid #34515a;border-radius:14px;width:100%;position:relative;overflow:hidden}#game canvas{display:block}aside{background:#13272f;border:1px solid #2b444c;border-radius:14px;min-width:0;padding:24px}h2{margin:0 0 26px;font-size:19px}label{color:#b9cbc6;margin:18px 0;font-size:13px;display:block}select,button{font:inherit;color:#e7efea;background:#203b43;border:1px solid #4c6971;border-radius:7px;min-height:44px;padding:10px}select{width:100%;margin-top:8px;display:block}button{cursor:pointer;flex:1}button:hover{background:#31505a}button:disabled{opacity:.5;cursor:default}:focus-visible{outline-offset:3px;outline:2px solid #ffd188}.buttons{gap:10px;display:flex}.check{align-items:center;gap:8px;min-height:44px;display:flex}#details{white-space:pre-line;overflow-wrap:anywhere;color:#f3d29d;min-height:90px;font-size:12px;line-height:1.9}footer{border-top:1px solid #28414a;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:28px;padding-top:20px;font-size:12px;display:flex}@media (width<=660px){.workspace{grid-template-columns:minmax(0,1fr);gap:20px}#game{max-width:360px;margin:auto}main{padding-top:24px}}