:root{font-family:Arial,Helvetica,sans-serif;color:#383b30;background:#f4efe7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select,summary,a{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button,select,summary{cursor:pointer}button:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #376970;outline-offset:5px}button:disabled{cursor:default;opacity:.4}main{max-width:1150px;margin:auto;padding:32px 40px}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:28px;border-bottom:1px solid #d8d4c9;font-size:11px;letter-spacing:1.8px}.wordmark{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-weight:700}.mark{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#555441;color:#fff8e7;font-family:Georgia,serif;font-size:24px;letter-spacing:-2px}.edition{font-size:11px;letter-spacing:.6px;color:#717064}.layout{display:grid;grid-template-columns:1fr 470px;gap:75px;padding:52px 0 42px;align-items:start}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#727563;margin:0 0 19px}h1{font:normal 66px/.99 Georgia,'Times New Roman',serif;letter-spacing:-3px;margin:0 0 25px}h1 em{color:#7b805b;font-weight:normal}.lede{font-size:17px;line-height:1.6;color:#717064;margin:0 0 30px}h2{font-size:14px;margin:0 0 10px}.how p,details p{font-size:13px;line-height:1.65;color:#6c6d60;max-width:330px}.mini{display:grid;grid-template-columns:repeat(4,22px);gap:3px;margin:16px 0}.mini span{height:22px;display:grid;place-items:center;background:#e2dfd3;border-radius:3px;font-size:10px}.mini span:last-child{background:transparent;border:1px dashed #c8c6b8}details{margin-top:22px}summary{font-size:12px;font-weight:700}kbd{font:11px monospace;background:#e4e1d6;padding:3px 5px;border-radius:4px}.game{background:#fffcf7;border:1px solid #dedad0;border-radius:22px;padding:25px;box-shadow:0 12px 38px #50472b09}.game-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.game-top .eyebrow{font-size:9px;margin:0 0 7px}.game-top label{font-family:Georgia,serif;font-size:24px}.game-top select{max-width:215px;font-size:11px;border:1px solid #d8d4c7;border-radius:8px;background:#f5f2e9;padding:10px 7px}.stats{display:grid;grid-template-columns:1fr 1fr 1fr;padding:22px 0 19px}.stats>div+div{padding-left:20px;border-left:1px solid #e8e4da}.stats span{display:block;font-size:9px;letter-spacing:1px;color:#858675;margin-bottom:4px}.stats strong{font-size:25px;line-height:1.2;font-weight:500;font-variant-numeric:tabular-nums}.stats strong span{display:inline;font-size:13px;letter-spacing:0;margin-left:3px}.board-wrap{position:relative}#board{position:relative;width:100%;aspect-ratio:1;border-radius:15px;background:#e6e2d7;border:8px solid #e6e2d7;touch-action:manipulation}.tile{position:absolute;width:calc(25% - 6px);height:calc(25% - 6px);left:calc(var(--col)*25% + 3px);top:calc(var(--row)*25% + 3px);border:1px solid #ffffff80;border-radius:11px;display:grid;place-items:center;font-family:Georgia,serif;font-size:34px;box-shadow:0 3px 0 #0000000b;transition:left .15s ease,top .15s ease,box-shadow .15s,filter .15s;background:var(--color);color:#444638}.tile[data-band="0"]{--color:#d3dcc0}.tile[data-band="1"]{--color:#e8d7ae}.tile[data-band="2"]{--color:#e6c9b6}.tile[data-band="3"]{--color:#d9d0e0}.tile.legal{border:2px solid #6b7150;box-shadow:0 3px 0 #00000013}.tile.legal:hover{filter:brightness(1.035);box-shadow:0 4px 9px #00000020}.tile.correct:after{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:#606c40;bottom:9px;opacity:.65}.gap{position:absolute;width:calc(25% - 14px);height:calc(25% - 14px);left:calc(var(--col)*25% + 7px);top:calc(var(--row)*25% + 7px);border:1px dashed #b9b8a8;border-radius:9px}#pause-overlay{position:absolute;inset:0;background:#eeece3ed;border-radius:14px;backdrop-filter:blur(7px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}#pause-overlay[hidden]{display:none}#pause-overlay p{font:30px Georgia,serif}button{background:#f5f2ea;border:1px solid #d9d5c9;border-radius:9px;padding:11px 12px;font-size:12px;font-weight:600}button:hover:enabled{background:#ebe7db}.primary{background:#555b40;color:#fffdf4;border-color:#555b40}.primary:hover:enabled{background:#41472e}.actions{display:flex;gap:7px;align-items:center}.actions .primary{flex:1}.actions .primary span{margin-left:13px}#message{font-size:12px;line-height:1.6;min-height:38px;margin:14px 0 8px;color:#686d58}#message.win{color:#46612c;font-weight:700}.record{font-size:10px;color:#7e8170;text-align:center;margin:16px 0 0;line-height:1.5}footer{display:flex;justify-content:space-between;gap:18px;padding-top:20px;border-top:1px solid #d8d4c9;color:#77796b;font-size:10px;line-height:1.7}footer a{color:inherit;text-underline-offset:3px}dialog{border:1px solid #ddd7c8;border-radius:18px;background:#fffcf7;padding:28px;color:inherit;max-width:calc(100vw - 40px);width:365px;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#3335}dialog h2{font:26px Georgia,serif}dialog p{font-size:13px;line-height:1.6}dialog .actions{margin-top:22px}@media(max-width:900px){main{padding:24px}.layout{gap:30px;grid-template-columns:1fr 420px}h1{font-size:51px}.edition{display:none}}@media(max-width:720px){main{max-width:500px;padding:20px 16px}header{padding-bottom:17px}.layout{display:flex;flex-direction:column;gap:24px;padding:26px 0}.intro{width:100%}h1{font-size:45px;letter-spacing:-2px;margin-bottom:12px}h1 br{display:none}.intro .eyebrow{margin-bottom:13px;font-size:9px}.lede{font-size:14px;margin:0}.lede br{display:none}.how{display:none}details{margin-top:13px}.game{width:100%;padding:18px;border-radius:17px}.tile{font-size:29px}.game-top select{max-width:190px}.stats{padding:18px 0}footer{flex-direction:column;gap:6px}.actions button{font-size:11px;padding:11px 9px}}@media(prefers-reduced-motion:reduce){.tile{transition:none}}