:root{color-scheme:dark;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#e9eaf3;background:#11131d}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 30% 20%,#29244066,transparent 60%);padding:30px 16px}main{max-width:520px;margin:auto}header{margin-bottom:24px}.eyebrow{font-size:11px;letter-spacing:.18em;color:#b8a4de}h1{font-size:38px;letter-spacing:-1.8px;margin:8px 0;font-weight:750}h1 span{font-weight:300;color:#bfc0d1}h1 i{display:inline-block;width:8px;height:8px;background:#ba9cf0;margin-left:10px}header p{font-size:12px;color:#9092aa;margin:0}.game{display:grid;grid-template-columns:minmax(0,300px) minmax(120px,164px);gap:20px;align-items:start;justify-content:center}.board-wrap{position:relative;border:1px solid #444059;box-shadow:0 18px 65px #0005;border-radius:5px;overflow:hidden;background:#0c0e17}#board{display:block;width:100%;height:auto}aside{display:grid;gap:12px}.panel{background:#1b1d2a;border:1px solid #2d2e40;border-radius:8px;padding:16px}h2{font-size:10px;letter-spacing:.1em;color:#9e9fb5;margin:0 0 9px;font-weight:500}.next canvas{display:block;width:100%;max-width:120px;margin:auto}.stats{display:grid;gap:20px}.stats strong{font-size:26px;line-height:1;font-variant-numeric:tabular-nums;font-weight:550}#score{color:#c9b1f4}button{font:inherit;font-size:12px;color:#161322;background:#c5adf0;border:1px solid transparent;border-radius:6px;min-height:41px;cursor:pointer;touch-action:manipulation}button:hover{filter:brightness(1.12)}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid white;outline-offset:3px}.secondary{background:#242433;color:#d4cbe7;border-color:#39364e}.instructions{padding:8px 2px}.instructions p{font-size:10px;line-height:2.1;color:#9092aa;margin:0}.touch{display:grid;grid-template-columns:repeat(4,1fr) 1.5fr;gap:8px;margin-top:18px}.touch button{background:#252536;border-color:#3b374f;color:#d8c9f2;font-size:21px;min-height:46px;touch-action:none;user-select:none}.touch button:last-child{font-size:12px;background:#39304d}footer{text-align:center;color:#73768f;font-size:10px;margin-top:20px;line-height:1.8}.overlay{position:absolute;inset:0;background:#0c0e17dd;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px;backdrop-filter:blur(4px)}.overlay[hidden]{display:none}.overlay h2{font-size:22px;color:#e4d8fc;letter-spacing:.05em}.overlay p{font-size:11px;color:#aaa4be;line-height:1.8}@media(max-width:440px){body{padding:18px 12px}.game{gap:12px;grid-template-columns:minmax(0,1fr) 112px}header{margin-bottom:18px}h1{font-size:32px}.panel{padding:12px}.stats{gap:16px}.stats strong{font-size:23px}aside{gap:9px}.instructions p{font-size:9px}.next canvas{height:70px;object-fit:contain}footer{font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}