:root{color-scheme:light;--paper:#f2eddf;--ink:#343f32;--muted:#59624f;--green:#365c39;--orange:#f5b66a;--cell:70px;--gap:3px;--cols:8;--rows:6}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 12% 18%,#fff9ed 0,transparent 53%),radial-gradient(ellipse at 95% 90%,#e5e9d6 0,transparent 48%),var(--paper);font-family:ui-sans-serif,system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation;min-width:44px;min-height:44px}button,a:focus-visible{outline-offset:3px}button:focus-visible,a:focus-visible{outline:3px solid #734c22}[hidden]{display:none!important}.ten-app{height:100vh;height:100dvh;max-width:1170px;padding:20px 30px 24px;margin:auto;display:flex;flex-direction:column;gap:20px;overflow:hidden;--cell:clamp(44px,min(calc((100vw - 395px)/8),calc((100dvh - 130px)/6)),70px)}.topbar{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}.back{display:flex;align-items:center;gap:7px;min-width:44px;min-height:44px;color:var(--muted);text-decoration:none;font-size:30px}.back span{font-size:12px}h1{font-family:"Songti SC",SimSun,serif;font-size:29px;letter-spacing:.09em;margin:0;font-weight:800}h1 span{color:var(--green)}.nav-actions{display:flex;gap:7px}.nav-actions button{border:1px solid #b7c0a7;border-radius:13px;background:#fbf8ed;color:var(--ink);font-size:12px;padding:0 12px;white-space:nowrap}#rules-open{font-size:20px;font-family:Georgia,serif;width:44px;padding:0}.play-layout{display:grid;grid-template-columns:auto minmax(210px,280px);justify-content:center;align-items:center;gap:38px;min-height:0;flex:1}.board-column{display:flex;align-items:center;justify-content:center;min-width:0}.board-shell{position:relative;padding:6px;background:#d8dec7;border:1px solid #a3b391;border-radius:20px;box-shadow:0 6px 0 #aeba9c,0 15px 32px #344d3222;isolation:isolate}.board{display:grid;grid-template-columns:repeat(var(--cols),var(--cell));grid-template-rows:repeat(var(--rows),var(--cell));gap:var(--gap);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;position:relative}.cell{width:var(--cell);height:var(--cell);min-width:44px;min-height:44px;padding:3px;border:0;background:transparent;border-radius:10px;position:relative;display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none;-webkit-user-select:none;outline-offset:-3px!important}.cell::before{content:"";position:absolute;inset:3px;border:1px dashed #b3bda0;border-radius:10px;opacity:.45}.fruit{position:relative;width:87%;height:83%;display:flex;align-items:center;justify-content:center;border-radius:40% 43% 42% 44%;background:#f5b66a;box-shadow:inset 0 -4px 0 #df934b,inset 3px 3px 0 #ffe0ab,0 3px 3px #4f583825;transform:rotate(var(--tilt));color:#49351f;font-size:clamp(24px,calc(var(--cell)*.46),32px);font-weight:800;font-variant-numeric:tabular-nums;pointer-events:none;line-height:1}.fruit::before{content:"";position:absolute;left:48%;top:-6%;width:5%;height:16%;background:#59624f;border-radius:2px;transform:rotate(18deg);z-index:-1}.fruit::after{content:"";position:absolute;left:50%;top:-6%;width:24%;height:14%;border-radius:80% 8% 80% 8%;background:#426744;transform:rotate(-22deg);box-shadow:inset 0 -2px #365c39}.cell[data-tone="1"] .fruit{background:#e8cb7d;box-shadow:inset 0 -4px #c4a65e,inset 3px 3px #ffebad,0 3px 3px #4f583825;border-radius:42% 43% 45% 37%}.cell[data-tone="2"] .fruit{background:#d3dca3;box-shadow:inset 0 -4px #a8b97c,inset 3px 3px #ebefc6,0 3px 3px #4f583825;border-radius:40% 38% 45% 44%}.fruit b{transform:rotate(calc(var(--tilt)*-1));font-weight:800}.cell.empty .fruit{visibility:hidden}.cell.empty::before{opacity:.7}.cell.selected{background:#ffffff70}.cell.selected .fruit{filter:brightness(1.06)}.cell.cursor:focus-visible{outline:3px solid #734c22;z-index:3}.selection-box{position:absolute;border:3px solid #734c22;box-shadow:0 0 0 1px #fff9ed,inset 0 0 0 1px #fff9ed;background:#fff9ed18;z-index:4;pointer-events:none;border-radius:12px;transition:border-color .12s}.selection-box.valid{border-color:#234f32;background:#bdd7a433}.selection-box::after{content:attr(data-sum);position:absolute;right:-7px;top:-20px;min-width:36px;height:30px;padding:0 8px;display:flex;align-items:center;justify-content:center;background:#734c22;color:#fff9ed;border-radius:12px 12px 12px 3px;font-size:17px;font-weight:800;box-shadow:0 2px 0 #fff9ed;white-space:nowrap}.selection-box.valid::after{background:#234f32}.side-panel{display:flex;flex-direction:column;gap:24px;min-width:0}.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--muted)}.orchard-heading h2{font-family:"Songti SC",SimSun,serif;font-size:34px;letter-spacing:.08em;line-height:1.45;margin:12px 0 0}.orchard-art{position:relative;height:80px;width:160px;margin:8px 0 0 20px;transform:rotate(-5deg)}.art-basket{position:absolute;bottom:6px;left:20px;width:115px;height:37px;border-radius:4px 4px 22px 22px;background:repeating-linear-gradient(90deg,#baa37a 0,#baa37a 11px,#dac7a1 12px,#dac7a1 17px);border:3px solid #88744f;box-shadow:0 -5px 0 #d9c59b,0 -7px 0 #88744f}.art-fruit{position:absolute;width:44px;height:42px;background:#e9a75f;border-radius:42%;border:1px solid #bb863f;bottom:29px}.art-fruit.one{left:24px;transform:rotate(-12deg)}.art-fruit.two{left:63px;bottom:35px;background:#d3dca3}.art-fruit.three{left:95px;width:39px;height:38px;transform:rotate(15deg);background:#e8cb7d}.art-leaf{position:absolute;left:82px;top:2px;width:29px;height:13px;background:#426744;border-radius:90% 0;transform:rotate(-25deg)}.metrics{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:10px;border-top:1px solid #b7c0a7;border-bottom:1px solid #b7c0a7;padding:15px 0}.metric{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px}.metric>span{font-size:10px;color:var(--muted);white-space:nowrap}.metric strong,.metric output{font-size:31px;line-height:1;font-weight:750;font-variant-numeric:tabular-nums}.sum-metric{border-left:1px solid #b7c0a7}.sum-metric.valid output{color:#234f32}.time-track{width:44px;height:3px;border-radius:4px;overflow:hidden;background:#cbd2bc;margin-top:3px}.time-track i{display:block;width:100%;height:100%;background:#365c39;transform-origin:left}.clock-metric.urgent strong{color:#8c3527}.control-area{display:flex;flex-direction:column;gap:16px}.feedback{font-size:12px;line-height:1.7;color:var(--muted);margin:0;min-height:40px;display:flex;align-items:center}.control-area button,.result button,#rules-done{min-height:48px;border:1px solid #365c39;border-radius:13px;background:#365c39;color:#fff9ed;font-size:14px;font-weight:700;padding:9px 16px;box-shadow:0 3px 0 #23452b}.control-area button:active,.result button:active{transform:translateY(2px);box-shadow:0 1px 0 #23452b}.tiny-rule{font-size:10px;line-height:1.8;color:var(--muted);margin:0}.ready-note{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-5deg);z-index:5;background:#fff9ed;box-shadow:0 6px 20px #344d3233;border:1px solid #c9b989;border-radius:10px;padding:20px 18px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;white-space:nowrap;pointer-events:none}.ready-note b{font-family:"Songti SC",SimSun,serif;font-size:21px}.ready-note>span:not(.note-leaf){font-size:11px;color:var(--muted)}.note-leaf{position:absolute;top:-11px;left:47%;height:20px;width:34px;border-radius:90% 0;background:#426744;transform:rotate(-17deg)}.result{position:absolute;inset:9%;z-index:7;padding:22px 14px;background:#fff9edf5;border:1px solid #c7cdb5;border-radius:22px;box-shadow:0 12px 40px #344d3233;backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px}.result-mark{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:2px solid #365c39;border-radius:50%;background:#e5e9d6;color:#365c39;font-family:Georgia,serif;font-size:29px;transform:rotate(-10deg)}.result-kicker{font-size:10px;letter-spacing:.1em;color:var(--muted);margin:4px 0 0}.result h2{font-family:"Songti SC",SimSun,serif;font-size:25px;margin:0}.result p:not(.result-kicker){font-size:13px;line-height:1.7;margin:0 0 7px;color:var(--muted)}.result button{min-height:44px}.fx-layer{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden;border-radius:18px}.harvest{position:absolute;display:flex;align-items:center;justify-content:center;animation:harvest .38s ease-out forwards}.harvest .fruit{width:78%;height:76%;font-size:28px}.gain{position:absolute;left:50%;top:42%;font-size:29px;font-weight:800;color:#234f32;text-shadow:0 2px #fff9ed,0 -2px #fff9ed,2px 0 #fff9ed,-2px 0 #fff9ed;animation:gain .6s ease-out forwards;transform:translateX(-50%)}@keyframes harvest{to{transform:translateY(-22px) rotate(14deg) scale(.6);opacity:0}}@keyframes gain{to{transform:translate(-50%,-35px);opacity:0}}dialog{width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:22px;border:1px solid #c7cdb5;border-radius:20px;background:#fff9ed;color:var(--ink);overflow:auto;box-shadow:0 25px 70px #344d3244}dialog::backdrop{background:#343f3277;backdrop-filter:blur(3px)}.rules-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.rules-top h2{font-family:"Songti SC",SimSun,serif;font-size:20px;margin:0}.rules-top button{border:0;border-radius:12px;background:#e5e9d6;color:#343f32;font-size:25px;flex:none;width:44px}dialog ol{padding-left:22px;font-size:13px;line-height:1.8}dialog li{margin-bottom:9px}dialog p{font-size:11px;color:var(--muted);line-height:1.7}#rules-done{width:100%;margin-top:8px}.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}.ten-app.is-expanded{position:fixed;inset:0;z-index:1000;max-width:none;width:100%;height:100vh;height:100dvh;background:var(--paper)}.ten-app:fullscreen::backdrop{background:var(--paper)}body.game-view-open{overflow:hidden}
@media(orientation:portrait){:root{--cols:6;--rows:8}.ten-app{max-width:480px;padding:10px 12px 14px;gap:10px;--cell:clamp(44px,min(calc((100vw - 53px)/6),calc((100dvh - 198px)/8)),58px)}.topbar{gap:7px}h1{font-size:24px;letter-spacing:.05em}.back span{display:none}.back{justify-content:center}.nav-actions{gap:5px}.nav-actions [data-game-fullscreen]{width:44px;padding:0;font-size:0}.nav-actions [data-game-fullscreen]::before{content:"⛶";font-size:23px}.play-layout{display:grid;grid-template-columns:1fr;grid-template-rows:50px auto 56px;gap:12px;justify-content:center;align-content:center;align-items:center}.board-column{grid-row:2}.side-panel{display:contents}.orchard-heading,.tiny-rule{display:none}.metrics{grid-row:1;padding:5px 0;gap:5px;height:50px;width:100%;max-width:350px;justify-self:center}.metric{flex-direction:row;gap:9px}.metric>span{font-size:10px}.metric strong,.metric output{font-size:25px}.time-track{position:absolute;bottom:0;right:15px;width:32px;height:2px}.sum-metric{border-left:0}.control-area{grid-row:3;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;max-width:350px;width:100%;justify-self:center}.feedback{font-size:11px;line-height:1.6;min-height:34px}.control-area button{min-width:130px;min-height:48px;padding:8px 12px;font-size:13px}.board-shell{border-radius:16px}.fruit{font-size:clamp(24px,calc(var(--cell)*.46),29px)}.ten-app.is-expanded{max-width:none}.result{inset:10% 7%;gap:11px}.result h2{font-size:23px}}
@media(orientation:portrait) and (max-height:650px){.ten-app{padding:6px 12px 10px;gap:4px;--cell:clamp(44px,min(calc((100vw - 53px)/6),calc((100dvh - 176px)/8)),56px)}.topbar h1{font-size:21px}.play-layout{grid-template-rows:40px auto 44px;gap:5px;align-content:center}.metrics{height:40px;padding:2px 0;border-top:0}.metric{gap:5px}.metric>span{font-size:9px}.metric strong,.metric output{font-size:23px}.control-area{gap:9px}.control-area button{min-height:44px;min-width:121px;padding:7px 9px;font-size:12px}.feedback{font-size:10px;min-height:32px}.time-track{right:12px}.ready-note{padding:17px 12px 13px}.ready-note b{font-size:19px}}
@media(orientation:landscape) and (max-height:550px){.ten-app{max-width:1000px;padding:6px 14px 10px;gap:4px;--cell:clamp(44px,min(calc((100vw - 255px)/8),calc((100dvh - 95px)/6)),57px)}.topbar{gap:10px}.topbar h1{font-size:24px}.back span{font-size:11px}.play-layout{grid-template-columns:auto minmax(165px,230px);gap:20px;align-items:center}.side-panel{gap:16px}.orchard-heading{display:none}.metrics{padding:10px 0;gap:5px}.metric strong,.metric output{font-size:27px}.metric>span{font-size:9px}.control-area{gap:10px}.feedback{font-size:11px;min-height:36px;line-height:1.6}.control-area button{min-height:44px;font-size:12px;padding:8px 10px}.tiny-rule{font-size:9px}.board-shell{border-radius:15px}.ready-note b{font-size:20px}.result{inset:6%;gap:7px;padding:12px}.result-mark{width:43px;height:43px;font-size:23px}.result h2{font-size:22px}.result p:not(.result-kicker){font-size:11px;margin-bottom:2px}.result-kicker{margin:0}}
@media(orientation:landscape) and (max-height:375px){.ten-app{padding:5px 12px 9px;--cell:44px}.play-layout{gap:16px;grid-template-columns:auto minmax(165px,225px)}.side-panel{gap:13px}.metrics{padding:8px 0}.board-shell{box-shadow:0 4px 0 #aeba9c,0 9px 20px #344d3222}.tiny-rule{line-height:1.6}.result{gap:6px}.topbar h1{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.cozy-sound{min-height:44px;padding:8px 14px;border:1px solid #8b7764;border-radius:12px;background:#fff9ef;color:#423a30;font:inherit;cursor:pointer;touch-action:manipulation}.cozy-sound:focus-visible{outline:3px solid #355e56;outline-offset:2px}

.best-score{display:inline;font-size:9px;font-weight:700;white-space:nowrap}.nav-actions .cozy-sound{min-width:44px;padding:0 7px;font-size:11px}
@media(max-width:400px){.topbar{gap:5px}.nav-actions{gap:3px}.nav-actions .cozy-sound{font-size:10px;padding:0 4px}.topbar h1{font-size:20px}}
