:root{font-family:Manrope,system-ui,sans-serif;color:#263e35;background:#f7f3e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:auto;padding:28px 32px 24px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dbdece;padding-bottom:20px}.brand{font-size:36px;font-weight:800;letter-spacing:-2px;color:inherit;text-decoration:none}.brand>span:first-child{color:#d18856}.paw{font-size:22px;margin-left:8px;color:#d18856}.tag,label,.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800}.tag{border:1px solid #d9dece;border-radius:30px;padding:9px 14px}.intro{position:absolute;max-width:350px;padding-top:62px}.eyebrow{color:#8a927d}h1{font-size:43px;line-height:1.15;letter-spacing:-1.8px;margin:18px 0}h1 em{font-style:normal;color:#b98058}.intro>p:last-child{font-size:13px;line-height:1.9;color:#798276}.play{display:flex;justify-content:flex-end;align-items:flex-start;gap:22px;margin-top:40px}.board-wrap{position:relative;border:8px solid #294038;border-radius:15px;box-shadow:0 15px 35px #263e3518;overflow:hidden;line-height:0}#board{display:block;width:270px;height:540px}aside{width:155px}.status{font-size:10px;color:#547c62;margin:4px 0 26px}.stat strong{display:block;font-size:39px;letter-spacing:-1px;margin:5px 0 20px}label{display:block;color:#8a927d;font-size:9px;letter-spacing:1.2px}.twostats{display:flex;gap:35px}.twostats b{display:block;font-size:22px;margin:7px 0 22px}.next{background:#edeedf;border-radius:12px;padding:14px 10px;margin-bottom:20px}#next{display:block;width:100%;height:auto}button{font:inherit;font-weight:700;border:0;border-radius:9px;background:#294e3d;color:#fff;padding:13px;cursor:pointer;touch-action:none}button:hover{filter:brightness(1.12)}button:focus-visible{outline:3px solid #d18856;outline-offset:3px}aside button{width:100%;font-size:11px;margin-bottom:9px}.secondary{background:transparent;color:#677568;border:1px solid #d7ddcd}.tip{font-size:11px;color:#8a927d;line-height:1.8;margin-top:20px}.controls{display:flex;gap:8px;justify-content:flex-end;margin:17px 177px 0 0}.controls button{min-width:43px;background:#e6e8da;color:#304d3b;padding:12px}.controls button:last-child{background:#d8b58c;font-size:11px}footer{display:flex;justify-content:space-between;border-top:1px solid #dbdece;margin-top:32px;padding-top:18px;color:#8a927d;font-size:10px;line-height:1.8}#overlay{position:absolute;inset:0;align-items:center;justify-content:center;flex-direction:column;gap:24px;background:#102421dd;color:#fff;line-height:1.5;text-align:center;font-size:22px;font-weight:800}#overlay button{font-size:13px;background:#e7b579;color:#263e35}@media(max-width:900px){main{max-width:650px}.intro{position:static;padding-top:24px;max-width:none}h1{font-size:32px;margin:10px 0}h1 br{display:none}.intro>p:last-child{margin:8px 0}.play{justify-content:center;margin-top:22px}.controls{justify-content:center;margin:16px 0 0}}@media(max-width:480px){main{padding:14px 12px}header{padding-bottom:10px}.brand{font-size:29px}.tag{font-size:8px;padding:7px}.eyebrow{font-size:8px}h1{font-size:25px}.intro{padding-top:16px}.intro>p:last-child{font-size:11px}.play{gap:12px;margin-top:16px}#board{width:min(60vw,240px);height:min(120vw,480px)}.board-wrap{border-width:5px}aside{width:105px}.status{font-size:9px;margin-bottom:18px}.stat strong{font-size:30px;margin-bottom:14px}.twostats{gap:18px}.twostats b{font-size:19px;margin-bottom:14px}label{font-size:8px}.next{padding:11px 5px;margin-bottom:12px}aside button{padding:11px 5px;font-size:10px}.tip{font-size:9px}.controls{gap:7px}.controls button{min-width:45px;min-height:46px}footer{margin-top:22px;font-size:9px}footer>span:last-child{display:none}}#board{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}