:root{color-scheme:dark;font-family:'Segoe UI',Arial,sans-serif;color:#ecf2dc;background:#101e1b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 35%,#243e33,transparent 65%),#101e1b}main{width:min(760px,calc(100% - 32px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:25px 0;border-bottom:1px solid #395044;font-size:12px}header a{color:#d7e5bb;text-decoration:none}header span{font-size:9px;letter-spacing:2px;color:#a4b89a}button{font:inherit;color:#ecf2dc;background:#2d4639;border:1px solid #56714e;border-radius:7px;padding:9px 14px;cursor:pointer;touch-action:manipulation}button:hover{background:#3e5c42}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #e8c778;outline-offset:3px}button:disabled{opacity:.4;cursor:default}.intro{text-align:center;padding:28px 0 25px}.intro>p{font-size:9px;letter-spacing:2.5px;color:#b1c39e}.intro h1{font-size:64px;line-height:1.05;letter-spacing:-3px;margin:10px 0 12px;font-weight:650}.intro em{font-family:Georgia,serif;font-weight:400;color:#d7eb9d}.intro>div{font-size:13px;color:#b7c7ac}.cabinet{max-width:630px;margin:auto;background:#152920;border:1px solid #4c6245;border-radius:15px;overflow:hidden;box-shadow:0 24px 60px #0005}.stats{display:flex;justify-content:space-around;padding:16px 12px;font-size:9px;letter-spacing:2px;color:#aabd9e}.stats strong{display:block;color:#edf2dc;font-size:21px;font-variant-numeric:tabular-nums;letter-spacing:1px;margin-top:5px}.stats div:last-child strong{color:#d8e99e;font-size:17px}.timer{height:4px;background:#483d2b}.timer>div{height:100%;background:#d9dc8c;transition:width .1s linear}.board{position:relative}canvas{width:100%;height:auto;display:block;touch-action:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#102b1bbd;backdrop-filter:blur(3px);padding:22px;text-align:center}.overlay[hidden]{display:none}.overlay>div{max-width:365px}.overlay span{font-size:10px;letter-spacing:2px;color:#d7e5b2}.overlay h2{font:italic 49px Georgia,serif;margin:18px 0}.overlay p{font-size:15px;line-height:1.7;color:#d3dfc4}.overlay button{background:#d9eb9e;color:#1f3524;font-weight:700;padding:14px 30px;margin:16px 0;border:0}.overlay small{display:block;font-size:10px;color:#d3dfc4}.toolbar{display:flex;align-items:center;gap:8px;padding:12px;font-size:11px;min-height:60px}.toolbar span{flex:1;color:#bdcdae}.toolbar button{font-size:11px;padding:7px 10px}.controls{text-align:center;margin:20px auto;user-select:none}.controls button{width:57px;height:44px;margin:3px;font-size:23px;background:#263e30;box-shadow:0 3px 0 #080e0a}.controls button:active{transform:translateY(2px);box-shadow:0 1px 0 #080e0a}footer{display:flex;justify-content:space-between;gap:25px;max-width:630px;margin:25px auto 40px;font-size:11px;line-height:1.8;color:#9eb396}footer span{max-width:310px}footer b{display:block;color:#d9e4c9}@media(max-width:480px){header span{display:none}.intro{padding:20px 0}.intro h1{font-size:53px}.intro>div{font-size:11px}.stats{padding:12px 5px}.stats strong{font-size:18px}.stats{font-size:8px}.overlay h2{font-size:37px}.overlay p{font-size:13px}.overlay small{font-size:9px}.toolbar{flex-wrap:wrap}.toolbar span{font-size:10px}footer{display:block}footer span{display:block;margin-bottom:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.timer>div{transition:none}}

@media(min-width:700px){.cabinet{max-width:clamp(360px,calc((100svh - 290px)*.8182),630px)}.intro{padding:18px 0}.intro h1{font-size:52px}.controls{margin:12px auto}footer{margin-top:18px}}