:root{color:#f4f7f1;background:#171b1f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{border:0;border-radius:8px;padding:.75rem 1rem;color:#101417;background:#f4f7f1;font:inherit;font-weight:800;cursor:pointer}button:hover,button:focus-visible{background:#5bd985}.app-shell{display:grid;min-height:100vh;place-items:center;padding:2rem 1rem;background:linear-gradient(135deg,rgba(91,217,133,.18),transparent 32%),radial-gradient(circle at 80% 18%,rgba(255,77,109,.16),transparent 28%),#171b1f}.game-panel{--board-size: min(100%, 576px, max(320px, calc(100vh - 16rem) ));width:min(100%,760px)}.top-bar,.control-bar{display:flex;align-items:end;justify-content:space-between;gap:1rem}.top-bar{margin-bottom:1rem}.eyebrow{margin:0 0 .25rem;color:#f4f7f1a3;font-size:.78rem;font-weight:800;text-transform:uppercase}h1{margin:0;font-size:clamp(2.5rem,8vw,5rem);line-height:.9}.score-board{display:grid;grid-template-columns:repeat(3,minmax(72px,1fr));gap:.5rem}.score-board div{min-width:0;border:1px solid rgba(244,247,241,.14);border-radius:8px;padding:.65rem .8rem;background:#101417a8}.score-board span{display:block;color:#f4f7f194;font-size:.72rem;font-weight:800;text-transform:uppercase}.score-board strong{display:block;margin-top:.16rem;overflow-wrap:anywhere;font-size:1.05rem}.canvas-wrap{position:relative;display:grid;place-items:center;width:var(--board-size);max-width:100%;margin-inline:auto;overflow:hidden;border:1px solid rgba(244,247,241,.16);border-radius:8px;background:#101417;box-shadow:0 24px 80px #00000047}canvas{display:block;width:100%;height:auto;aspect-ratio:1}.screen-layer{position:absolute;inset:0;display:none;place-items:center;padding:1rem;pointer-events:none}.screen-layer.is-visible{display:grid}.screen-copy{display:grid;justify-items:center;gap:.5rem;max-width:min(88%,320px);text-align:center}.screen-copy h2{margin:0;font-size:clamp(2rem,10vw,4rem);line-height:.95}.screen-copy p{margin:0 0 .35rem;color:#f4f7f1bf;font-weight:700}.screen-copy button{pointer-events:auto}.control-bar{align-items:center;margin-top:1rem}.control-hints{display:flex;flex-wrap:wrap;gap:.5rem;color:#f4f7f1b8;font-size:.9rem;font-weight:700}.control-hints span{border:1px solid rgba(244,247,241,.14);border-radius:999px;padding:.4rem .65rem;background:#10141785}.button-row{display:flex;gap:.5rem}@media(max-width:680px){.app-shell{padding:1rem}.top-bar,.control-bar{align-items:stretch;flex-direction:column}.score-board{grid-template-columns:repeat(3,1fr)}.button-row{display:grid;grid-template-columns:1fr 1fr}}