*{box-sizing:border-box}body{margin:0;background:#17282a;color:#e8e8d8;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.5}main{max-width:1140px;margin:auto;padding:42px 28px}header{display:flex;align-items:center;gap:20px;margin-bottom:32px}.logo{display:flex;border:1px solid #80958a;border-radius:14px;transform:rotate(-10deg);padding:9px 0;background:#f0ecd9;color:#213b39;font-family:Georgia,serif;font-size:27px}.logo span{width:35px;text-align:center}.logo span+span{border-left:1px solid #9aa79a}h1,h2,h3,p{margin:0}h1{font:42px Georgia,serif;letter-spacing:-1.5px}h1 span{font-size:24px;color:#9aafa3;letter-spacing:-.5px}.eyebrow{font-size:9px;letter-spacing:.17em;font-weight:650;color:#758c80;margin-bottom:7px}header .eyebrow{color:#a8b9a7}.edition{margin-left:auto;font-size:11px;color:#afc0ae;text-align:right}.workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);background:#f3efdf;border:1px solid #d8dcc3;border-radius:19px;overflow:hidden;box-shadow:0 24px 70px #071a1c44;color:#243b37}.play{padding:32px;background:radial-gradient(ellipse at 40% 15%,#fbf8ee,#e8e8d4)}.boardhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:26px}.boardhead h2{font:30px Georgia,serif;letter-spacing:-.5px}#count{font-size:11px;border:1px solid #b9c6b3;border-radius:30px;padding:5px 10px;white-space:nowrap;color:#4e6d61}#board{display:grid;gap:5px;max-width:530px;margin:0 auto;padding:12px;border:1px solid #c4ceba;border-radius:13px;background:#dce1ce;isolation:isolate}.cell{position:relative;aspect-ratio:1;border:1px solid #bac5b0;border-radius:8px;background:#f7f3e5;font:clamp(20px,3.5vw,32px) Georgia,serif;color:#46594a;cursor:pointer;padding:0;touch-action:manipulation}.cell:hover{background:#fffaf0}.cell.paired{background:#326f68;border-color:#326f68;color:#fff7dc}.cell.repeat{background:#b76a52;border-color:#b76a52;color:#fff5e2}.cell.right{border-radius:8px 0 0 8px}.cell.left{border-radius:0 8px 8px 0}.cell.down{border-radius:8px 8px 0 0}.cell.up{border-radius:0 0 8px 8px}.cell.right:after{content:"";position:absolute;right:-7px;top:-1px;bottom:-1px;width:7px;background:inherit;z-index:-1}.cell.down:after{content:"";position:absolute;bottom:-7px;left:-1px;right:-1px;height:7px;background:inherit;z-index:-1}.cell.selected{box-shadow:inset 0 0 0 3px #e4b854}.cell.cursor{outline:1px dotted #a48643;outline-offset:-6px}.cell:focus-visible,button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #d99b32;outline-offset:2px}.message{display:flex;gap:10px;align-items:flex-start;min-height:69px;margin-top:19px;font-size:12px;color:#647966}.message>span{color:#a58344;font-size:20px}#status.win{color:#24645a;font-weight:700}#next{background:#326f68;color:#fff7dc;border-color:#326f68}.boardnote{font-size:8px;letter-spacing:.12em;text-align:center;color:#899580;margin-top:20px}aside{padding:29px 27px;border-left:1px solid #d3d9c4}select{width:100%;border:1px solid #bac8b6;border-radius:8px;background:#f7f5e9;padding:9px 10px;font-size:12px;color:#294b40;margin-top:4px}#progress{font-size:10px;color:#7a8a73;margin:7px 0 22px}.rules h2{font:30px/1.05 Georgia,serif;letter-spacing:-.7px;margin-bottom:15px}.rules p{font-size:12px;color:#60745f;margin-top:11px}.rules b{color:#334f40;font-weight:650}.tools{display:flex;flex-wrap:wrap;gap:6px;margin:22px 0 13px}button{font:inherit}button:not(.cell){cursor:pointer;border:1px solid #bdcbb5;border-radius:7px;padding:7px 11px;background:#eeefde;color:#345747;font-size:11px}button:not(.cell):hover{filter:brightness(.96)}button:disabled{opacity:.4;cursor:default}.controls{font-size:10px;line-height:1.9;color:#7b8b73}kbd{font:inherit;background:#e1e6d2;border-radius:3px;padding:1px 3px}h3{font-size:9px;letter-spacing:.1em;color:#6c816b;margin:21px 0 10px}h3 span{float:right;letter-spacing:0}#inventory{display:flex;flex-wrap:wrap;gap:6px}.pair{display:flex;min-width:42px;border:1px solid #bdcbb5;border-radius:5px;background:#e8ebd8;color:#8c9b7f;font-size:12px;padding:3px 0}.pair span{flex:1;text-align:center;width:22px}.pair span+span{border-left:1px solid #bdcbb5}.pair.placed{background:#326f68;color:#fff5dc;border-color:#326f68}.pair.repeated{background:#b76a52;color:#fff5dc;border-color:#b76a52}.key{font-size:8px;color:#8b987e;margin-top:10px}footer{display:flex;justify-content:space-between;gap:15px;font-size:8px;color:#9bafa2;letter-spacing:.06em;margin-top:23px}footer a{color:inherit;text-underline-offset:3px}[hidden]{display:none!important}@media(max-width:760px){main{padding:23px 13px}header{gap:13px;margin-bottom:22px}h1{font-size:32px}h1 span{display:block;font-size:17px;letter-spacing:0}.logo{font-size:24px}.logo span{width:28px}.edition{display:none}header .eyebrow{font-size:7px}.workspace{grid-template-columns:1fr}.play{padding:23px 16px}.boardhead{margin-bottom:18px}.boardhead h2{font-size:26px}.boardhead .eyebrow{font-size:8px}#count{font-size:10px;padding:4px 7px}#board{padding:9px;gap:4px}.cell{font-size:26px}.cell.right:after{width:6px;right:-6px}.cell.down:after{height:6px;bottom:-6px}aside{border-left:0;border-top:1px solid #d3d9c4;padding:23px}.rules h2 br{display:none}.rules p{font-size:13px}.controls{font-size:11px}button:not(.cell){font-size:13px}.message{min-height:55px}footer{flex-direction:column;text-align:center}.eyebrow{font-size:9px}}