:root{color-scheme:light;--ink:#334339;--muted:#7b766d;--paper:#fffaf0;--cream:#f7ead1;--leaf:#41694f;--coral:#dd795f;--line:#e0d4bd;--gold:#efc45d}*{box-sizing:border-box}html{background:var(--cream)}body{margin:0;background:radial-gradient(circle at 82% 3%,#f8cfc4 0,transparent 27%),linear-gradient(145deg,#fbf2df,#f5e6ca);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}.shell{width:min(1040px,calc(100% - 44px));margin:auto}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9cdb8}.back{color:var(--ink);font-size:12px;font-weight:750;text-decoration:none}.header-actions{display:flex;align-items:center;gap:9px}.language-picker,.account-link{border:1px solid var(--line);border-radius:9px;background:#fff9;color:var(--ink);padding:8px 10px;font:12px inherit}.account-link{text-decoration:none;font-weight:750;color:var(--leaf)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.hero{padding:43px 3px 28px}.eyebrow,.section-label{margin:0 0 10px;color:#8b7252;font-size:9px;font-weight:850;letter-spacing:.17em}.hero h1{margin:0 0 12px;font-size:clamp(36px,5vw,52px);letter-spacing:-.045em}.hero>p:last-child{max-width:620px;margin:0;color:var(--muted);font-size:14px;line-height:1.8}.game-layout{display:grid;grid-template-columns:minmax(0,650px) 1fr;gap:20px;align-items:start}.game-card,.side-panel{border:1px solid var(--line);border-radius:22px;background:#fffbf2e8;box-shadow:0 17px 45px #765d3514}.game-card{padding:16px}.hud{display:grid;grid-template-columns:1fr 1fr 86px;gap:8px;margin-bottom:12px}.hud>div{min-height:63px;padding:10px 13px;border-radius:13px;background:#f1eadb}.hud span,.hud strong{display:block}.hud span{color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.13em}.hud strong{margin-top:5px;color:var(--ink);font:850 22px ui-monospace,SFMono-Regular,Consolas,monospace}.next-box{display:grid!important;grid-template-columns:1fr 44px;align-items:center;padding-right:7px!important}.next-box canvas{width:44px;height:44px}.stage-wrap{position:relative;width:min(100%,440px);margin:auto;border:7px solid #385443;border-radius:18px;overflow:hidden;background:#fff7e7;box-shadow:inset 0 0 0 1px #fff8,0 10px 28px #42543d22}.stage-wrap>canvas{display:block;width:100%;height:auto;aspect-ratio:9/14;touch-action:none;user-select:none;-webkit-user-select:none}.game-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;color:#fff;background:#334d3ee8;backdrop-filter:blur(4px)}.game-overlay[hidden]{display:none}.game-overlay>span{font-size:42px}.game-overlay h2{margin:11px 0 8px;font-size:25px}.game-overlay p{max-width:330px;margin:0 0 19px;color:#e4eadf;font-size:12px;line-height:1.7}.game-overlay button{border:0;border-radius:12px;background:var(--gold);color:#354032;padding:12px 24px;font:850 12px inherit;cursor:pointer}.game-actions{display:flex;align-items:center;gap:12px;padding:11px 4px 1px}.game-actions button{border:0;border-radius:9px;background:var(--leaf);color:#fff;padding:9px 15px;font:750 11px inherit;cursor:pointer}.game-actions span{color:var(--muted);font-size:11px}.game-actions .basket-pill{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:999px;background:#fff7e5;padding:7px 10px;color:var(--ink);white-space:nowrap}.basket-pill strong{font-size:14px}.side-panel{padding:21px}.side-panel section+section{margin-top:21px;padding-top:20px;border-top:1px solid var(--line)}.instruction{display:flex;gap:10px;margin:12px 0;color:var(--muted);font-size:11px;line-height:1.6}.instruction b{flex:0 0 28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#eef0df}.fruit-order{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;margin:0;padding:0;list-style:none;counter-reset:fruit}.fruit-order li{counter-increment:fruit;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.fruit-order li:before{content:counter(fruit);width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#efe7d5;color:#826d51;font:750 9px ui-monospace,monospace}.fruit-order i{width:9px;height:9px;border-radius:50%;background:var(--dot,#c9a967)}.shop-note{margin:21px 0 0;padding:12px;border-radius:11px;background:#f7e3c1;color:#745e3d;font-size:11px;line-height:1.6}.record-note{margin:17px 0 0;color:var(--muted);font-size:10px;line-height:1.8}.record-note strong{color:var(--ink)}footer{display:flex;justify-content:space-between;gap:15px;margin-top:38px;padding:22px 0 29px;border-top:1px solid #d9cdb8;color:var(--muted);font-size:10px}@media(max-width:820px){.game-layout{grid-template-columns:1fr}.side-panel{display:grid;grid-template-columns:1fr 1fr;gap:20px}.side-panel section+section{margin:0;padding:0 0 0 20px;border:0;border-left:1px solid var(--line)}.shop-note,.record-note{grid-column:1/-1;margin:0}.game-card{order:-1}}@media(max-width:560px){.shell{width:calc(100% - 22px)}.site-header{height:70px}.account-link{padding:8px}.hero{padding:32px 4px 22px}.hero h1{font-size:39px}.hero>p:last-child{font-size:12px}.game-card{padding:9px;border-radius:17px}.hud{grid-template-columns:1fr 1fr 75px;margin-bottom:8px}.hud>div{min-height:56px;padding:8px 10px}.hud strong{font-size:18px}.next-box{grid-template-columns:1fr 37px}.next-box canvas{width:37px;height:37px}.stage-wrap{border-width:5px;border-radius:14px}.game-overlay{padding:22px}.game-overlay h2{font-size:21px}.game-actions{flex-wrap:wrap}.game-actions>#fruit-status{flex:1 0 100%}.side-panel{display:block;padding:17px}.side-panel section+section{margin-top:17px;padding:17px 0 0;border:0;border-top:1px solid var(--line)}.shop-note,.record-note{margin-top:17px}.desktop-tip{display:none}footer{margin-top:27px;flex-wrap:wrap}}

.fruit-save-panel { font-size: .82rem; color: #526655; margin-top: 10px; }
.fruit-save-panel p { margin: 6px 0; }
.fruit-save-panel button { font-size: .82rem; padding: 10px 12px; margin: 4px 4px 0 0; }
button[hidden] { display: none; }