:root{--cream:#f6f1e8;--ink:#36291f;--muted:#75685c;--line:#dfd4c4;--amber:#e7aa42}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,a,canvas{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;min-height:46px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:#fffaf2}button:hover:not(:disabled){filter:brightness(.94)}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #276b71;outline-offset:4px}header,footer{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between}header{padding:25px 30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;font-size:15px;font-weight:700}.monogram{display:grid;place-items:center;background:var(--ink);color:var(--cream);width:38px;height:38px;border-radius:10px;font-family:Georgia,serif;font-size:17px}.tag,.eyebrow,.label,.small{font-size:10px;letter-spacing:1.7px;font-weight:700}.tag{color:var(--muted)}main{max-width:1000px;margin:40px auto;display:grid;grid-template-columns:1fr 440px;gap:70px;align-items:center;padding:0 30px}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--muted)}.eyebrow span{width:7px;height:7px;border-radius:50%;background:#bc6b41}h1{font:normal clamp(64px,7vw,94px)/.92 Georgia,serif;letter-spacing:-5px;margin:23px 0}h1 i{font-weight:normal;color:#af583d}.lead{font-size:20px;line-height:1.5;letter-spacing:-.4px}.how{margin-top:32px;max-width:335px}.how h2{font-size:13px}.how ol{padding-left:20px;font-size:13px;line-height:1.9}.how p,.aside{font-size:12px;line-height:1.65;color:var(--muted)}.aside{margin-top:26px}.game-card{background:#fffdf9;border:1px solid var(--line);border-radius:23px;padding:18px;box-shadow:0 16px 42px #5f40200b;min-width:0}.scorebar{display:flex;align-items:center;gap:23px;padding:1px 4px 15px}.scorebar strong{display:block;font-size:29px;font-weight:500;line-height:1.2;font-variant-numeric:tabular-nums}.label{font-size:9px;letter-spacing:1px;color:var(--muted)}.best{margin-left:auto}.icon-button{width:46px;font-size:21px}.board{position:relative;isolation:isolate;overflow:hidden;border-radius:12px;background:#eee7da;aspect-ratio:360/440}canvas{display:block;width:100%;height:100%;touch-action:manipulation}.board-label{position:absolute;top:20px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:2px;color:#887662;pointer-events:none}.overlay{position:absolute;inset:0;display:grid;align-items:start;text-align:center;padding:58px 15px 10px;background:#eee7da40}.overlay[hidden]{display:none}.overlay-inner{width:100%}.small{font-size:8px;color:var(--muted)}.overlay h2{font:normal 43px/1.05 Georgia,serif;letter-spacing:-1.5px;margin:15px 0}.overlay p{font-size:12px;margin:16px 0}.overlay button{padding:0 23px;background:var(--ink);color:#fffaf2;border:0;min-width:170px}.overlay button span{margin-left:22px}.controls{display:flex;gap:8px;margin-top:14px}.controls #drop{flex:1;background:var(--ink);color:#fffaf2;border-color:var(--ink);font-size:14px}kbd{font:10px Arial,sans-serif;border:1px solid #8b7e72;border-radius:4px;padding:3px 6px;margin-left:20px;color:#e9dfcf}#restart{padding:0 12px;font-size:18px}#restart span{font-size:12px}#hint{text-align:center;color:var(--muted);font-size:11px;margin:12px 0 2px}.toast{position:absolute;top:68px;width:100%;text-align:center;font-size:15px;font-weight:700;pointer-events:none;color:#386b59}footer{padding:0 30px 25px;font-size:10px;color:var(--muted);gap:20px}.mobile-rules{font-size:11px;line-height:1.6;color:var(--muted);margin-top:8px}.mobile-rules summary{cursor:pointer;min-height:32px;padding:8px;text-align:center}.mobile-rules p{padding:0 8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:750px){header{padding:15px 20px}.tag{font-size:8px;letter-spacing:1px}main{display:flex;flex-direction:column;gap:18px;margin:22px auto;padding:0 16px;max-width:460px}.intro{width:100%}.eyebrow{font-size:8px;letter-spacing:1.3px}h1{font-size:44px;letter-spacing:-2px;line-height:1;margin:12px 0 7px}h1 br{display:none}h1 i{margin-left:8px}.lead{font-size:13px;margin:0}.lead br{display:none}.lead br:after{content:' '}.how,.aside{display:none}.game-card{width:100%;padding:13px;border-radius:19px}.board{aspect-ratio:360/400;max-height:52svh;min-height:265px}.scorebar{padding-bottom:10px}.scorebar strong{font-size:25px}.overlay{padding-top:44px}.overlay h2{font-size:37px}.overlay p{margin:13px 0}footer{max-width:460px;align-items:flex-start;padding:0 20px 20px;line-height:1.6}#hint{font-size:10px}kbd{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}