:root{color-scheme:dark;--bg:#14281f;--panel:#1c3328;--muted:#9aac93;--light:#ecf2da;--lime:#d5eb8c;--line:#405341;--orange:#f3a279;font-family:"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#2e4129 0%,transparent 52%),var(--bg);color:var(--light);min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button:disabled{opacity:.32;cursor:default}.app{width:min(100% - 64px,760px);margin:0 auto;padding:28px 0 22px}.masthead{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand img{border-radius:13px}.eyebrow,.label{display:block;font-size:10px;letter-spacing:1.7px;font-weight:650;color:var(--muted)}h1{font-size:28px;font-weight:600;letter-spacing:-1.2px;margin:3px 0 0}h1 span{color:var(--lime)}.offline{font-size:9px;color:#bdc9a8;letter-spacing:1.5px;display:flex;align-items:center;gap:8px}.offline i,.status-dot{width:6px;height:6px;background:var(--lime);border-radius:100%;display:inline-block}.game-card{border:1px solid var(--line);border-radius:18px;padding:0 18px;background:linear-gradient(130deg,#263c2d,var(--panel));box-shadow:0 16px 60px #081c1638}.toolbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 9px}.scores{display:flex;align-items:center;gap:25px}.scores .label{font-size:9px;letter-spacing:1.6px;margin-bottom:3px}.scores strong{font-size:31px;line-height:1.1;letter-spacing:1px;font-variant-numeric:tabular-nums;font-weight:500}.scores>div:last-child strong{color:#bccaa3}.score-divider{height:34px;width:1px;background:var(--line)}.tools{display:flex;gap:9px}.icon-button{height:36px;width:36px;border:1px solid #526046;border-radius:50%;background:transparent;color:#d4dfbf;display:grid;place-items:center}.icon-button:hover{background:#ffffff0c}.icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sound-waves{display:none}.sound-enabled .sound-cross{display:none}.sound-enabled .sound-waves{display:block}.board-wrap{position:relative;width:min(100%,calc(100vh - 320px));min-width:280px;aspect-ratio:1;margin:auto;background:#101f18;border-radius:7px;overflow:hidden;touch-action:none}canvas{display:block;width:100%;height:100%;transition:opacity .2s}.board-wrap.covered canvas{opacity:.38}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:radial-gradient(ellipse,#14261bef 5%,#14261bd9 42%,#14261b44 80%);padding:22px}.overlay[hidden]{display:none}.intro-icon{font-size:36px;color:var(--lime);line-height:1;margin-bottom:17px}.overlay .eyebrow{color:#c0cca6;font-size:9px;letter-spacing:1.8px}.overlay h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(33px,5.1vw,58px);font-weight:400;line-height:1.02;letter-spacing:-1.8px;margin:15px 0;color:#edf2d5}.overlay p{font-size:12px;line-height:1.8;margin:0 0 21px;color:#afbea3}.primary{min-width:174px;display:flex;align-items:center;justify-content:space-between;gap:22px;border:0;border-radius:8px;padding:13px 21px;background:var(--lime);color:#203422;font-size:14px;font-weight:650;box-shadow:0 4px 16px #0002}.primary:hover{background:#e0f3a5;transform:translateY(-1px)}.primary span{font-size:20px;line-height:1}.start-hint{font-size:10px;color:#a7b796;margin-top:14px;display:flex;gap:5px;align-items:center}kbd{font-family:inherit;display:inline-flex;min-width:20px;height:21px;align-items:center;justify-content:center;padding:0 5px;font-size:10px;border:1px solid #68755570;border-bottom-width:2px;border-radius:4px;background:#dbeaab05;color:#b4c09f}.start-hint kbd{height:19px;font-size:8px}.corner-mark{position:absolute;height:10px;width:10px;border-color:#79856075;border-style:solid;pointer-events:none}.top-left{top:10px;left:10px;border-width:1px 0 0 1px}.top-right{top:10px;right:10px;border-width:1px 1px 0 0}.bottom-left{bottom:10px;left:10px;border-width:0 0 1px 1px}.bottom-right{bottom:10px;right:10px;border-width:0 1px 1px 0}.game-bottom{height:44px;display:flex;align-items:center;justify-content:space-between;color:#a5b696;font-size:10px;padding:0 7px}.game-bottom>span{display:flex;align-items:center;gap:7px}.game-bottom>span:last-child{font-size:8px;letter-spacing:1.3px;color:#90a181}.fruit-dot{display:inline-block;background:var(--orange);width:6px;height:6px;border-radius:50%}.status-dot{height:5px;width:5px}.settings{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px}.pace{display:flex;align-items:center;gap:14px}.pace>.label{max-width:55px;line-height:1.7;font-size:9px}.segmented{display:flex;padding:4px;background:#0d1f17;border:1px solid #3b4c38;border-radius:9px;gap:3px}.segmented button{border:0;border-radius:5px;background:transparent;padding:8px 15px;color:#9aab8a;font-size:11px}.segmented button[aria-pressed=true]{color:#e6edca;background:#384c32;box-shadow:0 1px 4px #0003}.segmented button:hover{color:#e6edca}.controls{display:flex;flex-direction:column;gap:8px;font-size:10px;color:#9bac8d}.controls>span{display:flex;align-items:center;gap:4px}.controls>span>span{margin-left:5px}.controls b{padding:0 5px;font-weight:400}footer{display:flex;align-items:center;justify-content:space-between;margin-top:27px;color:#81947b;font-size:10px}footer>span:first-child{font-size:8px;letter-spacing:1.8px}.touch-controls{display:none;text-align:center;margin-top:18px}.touch-controls button{color:var(--lime);background:#293f2f;border:1px solid var(--line);border-radius:8px;height:40px;width:48px;margin:3px;font-size:20px;touch-action:manipulation}.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:620px){.app{width:calc(100% - 28px);padding-top:20px}.masthead{margin-bottom:18px}h1{font-size:25px}.masthead .eyebrow{font-size:8px}.offline{display:none}.game-card{padding:0 10px}.board-wrap{width:100%;min-width:0}.toolbar{height:76px;padding:0 5px}.scores{gap:20px}.scores strong{font-size:28px}.overlay h2{font-size:45px}.overlay p{font-size:11px}.intro-icon{margin-bottom:12px}.overlay .eyebrow{font-size:7px}.settings{align-items:flex-start;gap:16px}.pace{flex-direction:column;align-items:flex-start;gap:8px}.pace>.label{max-width:unset}.segmented button{padding:7px 12px}.controls{padding-top:0;font-size:9px}.controls kbd{min-width:17px;height:20px;font-size:9px}.controls>span:first-child{flex-wrap:wrap;max-width:160px;row-gap:6px}.controls>span>span{width:100%;margin:0}footer{font-size:9px;margin-top:23px}.touch-controls{display:block}}
@media(max-height:760px) and (min-width:621px){.app{padding-top:16px}.masthead{margin-bottom:16px}.toolbar{height:70px}.board-wrap{width:min(100%,calc(100vh - 270px))}.overlay h2{font-size:42px;margin:10px 0}.intro-icon{font-size:25px;margin-bottom:10px}.overlay p{margin-bottom:12px;font-size:11px}.primary{padding:10px 18px}.start-hint{margin-top:9px}.settings{margin-top:15px}footer{margin-top:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.primary:hover{transform:none}}
@media(min-width:621px){.board-wrap{width:min(100%,calc(100vh - 390px))}}
@media(max-height:760px) and (min-width:621px){.board-wrap{width:min(100%,calc(100vh - 335px))}.overlay h2{font-size:36px}.overlay p{font-size:10px;margin-bottom:10px}.intro-icon{font-size:20px;margin-bottom:6px}.overlay .eyebrow{font-size:7px}.overlay{padding:15px}}
@media(max-width:400px){.overlay h2{font-size:36px;margin:10px 0}.overlay{padding:14px}.intro-icon{font-size:23px;margin-bottom:8px}.overlay p{font-size:10px;margin-bottom:12px}.primary{padding:10px 18px}.start-hint{margin-top:10px}}