:root{font-family:Arial,Helvetica,sans-serif;color:#f2f0e9;background:#101316;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #f8cf7b;outline-offset:5px}header,main,footer{max-width:1240px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:30px 48px;border-bottom:1px solid #303539;font-size:.9rem}.brand{display:flex;align-items:center;gap:13px;font-size:.8rem;letter-spacing:.12em;font-weight:700}.brand-mark{font-size:2.1rem;letter-spacing:-.12em;color:#f7cb78}main{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:75px 48px 0}.eyebrow{font-size:.75rem;letter-spacing:.16em;line-height:1.7;color:#b9c0c3;margin:0 0 24px}h1{font-size:clamp(4rem,7.8vw,7rem);font-weight:500;letter-spacing:-.065em;line-height:.95;margin:0 0 28px}h1 em{font-family:Georgia,serif;font-weight:400;color:#f7cb78}.lead{font-size:1.35rem;line-height:1.45;margin:0 0 22px}.description{max-width:350px;color:#b6bdc0;font-size:1rem;line-height:1.75}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.tags span{border:1px solid #363c41;border-radius:30px;padding:8px 11px;font-size:.8rem;color:#c9ced0}.play{align-self:center;background:#191e22;border:1px solid #333b40;border-radius:20px;padding:24px 26px 18px;box-shadow:0 28px 70px #0003}.game-top{display:flex;justify-content:space-between;color:#aeb7bc;font-size:.75rem;letter-spacing:.12em;margin-bottom:22px}.game-top b{font-weight:400;color:#f2f0e9;margin-left:10px;font-size:1rem;font-variant-numeric:tabular-nums}.board{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.cell{aspect-ratio:1;border:1px solid #3b464d;border-radius:10px;background:#252e34;position:relative;transition:background .18s,transform .12s,box-shadow .18s;color:#65737e;font-size:1.3rem}.cell::after{content:'·'}.cell.on{background:#f4c976;border-color:#f4c976;color:#6b4c16;box-shadow:0 0 22px #e8b35616}.cell.on::after{content:'+'}.cell:hover{transform:translateY(-2px);border-color:#ffdfa0}.cell:active{transform:scale(.94)}.cell:disabled{cursor:default}.game-bottom{margin-top:23px}#status{font-size:.95rem;min-height:1.5em;color:#c8cfd1;line-height:1.5}.controls{display:flex;gap:10px;margin-top:20px}.controls button{border:1px solid #485158;border-radius:8px;background:transparent;color:#e4e8e9;padding:12px 14px;font-size:.875rem;flex:1}.controls .primary{background:#e8edea;color:#171e21;border-color:#e8edea}.primary span{margin-left:8px}.controls button:hover{filter:brightness(1.14)}.keyboard{text-align:center;color:#a7b1b7;font-size:.75rem;line-height:1.6;margin:20px 0 0}.about{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 55px;border-top:1px solid #303539;margin-top:40px;padding:44px 0 55px}.about .eyebrow{grid-column:1/-1}.about h2{font-weight:400;font-size:2rem;line-height:1.25;letter-spacing:-.04em;margin:0}.about p:not(.eyebrow){font-size:1rem;line-height:1.8;color:#b6bdc0;margin:0 0 16px}.about p.privacy{font-size:.875rem;color:#aab3b8}footer{display:flex;justify-content:space-between;padding:25px 48px 35px;border-top:1px solid #303539;font-size:.75rem;letter-spacing:.04em;color:#bbc2c5}.muted{color:#929da4}@media(max-width:760px){header{padding:20px 24px}.brand{font-size:.66rem}main{grid-template-columns:1fr;padding:40px 24px 0;gap:36px}.intro h1{font-size:4.7rem}.description{max-width:none}.tags{margin-top:20px}.play{padding:20px}.board{gap:8px}.about{grid-template-columns:1fr;gap:16px;margin-top:15px;padding:30px 0}.about h2{font-size:1.8rem;margin-bottom:10px}footer{padding:24px;gap:20px;flex-wrap:wrap}.controls button{padding:12px 8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cell{transition:none}}