.expansion header{height:84px}.expansion a{color:inherit;text-decoration:none}.expansion .primary{color:#243629}.feature-nav{display:flex;justify-content:center;gap:clamp(8px,2vw,30px);border-bottom:1px solid var(--line);padding:0 24px;overflow-x:auto}.feature-tab{display:block;white-space:nowrap;padding:18px 8px;border-bottom:3px solid transparent;font-size:15px;color:var(--muted)!important}.feature-tab[aria-current=page]{border-color:var(--lime);color:var(--lime)!important}.expansion main{display:block;max-width:1450px;padding:40px 5% 30px;min-height:68svh}.expansion h1{font-size:clamp(28px,3vw,43px);line-height:1.45;margin:8px 0 15px}.expansion h2{font-size:24px;line-height:1.5;margin:0 0 18px}.expansion h3{font-size:18px;margin:0 0 8px}.expansion p{font-size:15px;line-height:1.8;color:#c0d1c9}.glass{background:#0a2831ed;border:1px solid #91c6c06b;border-radius:24px;padding:28px;box-shadow:0 15px 40px #0003}.feature-two{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:24px;align-items:start}.feature-play{display:grid;grid-template-columns:minmax(240px,1fr) minmax(300px,420px) minmax(240px,1fr);gap:24px;align-items:center}.mode-intro h1{font-size:clamp(28px,3vw,43px)}.mode-intro .primary{width:100%;margin:15px 0}.mode-intro>.quiet{width:100%;margin:5px 0}.fruit-sequence{display:flex;gap:8px;margin:10px 0 20px;flex-wrap:wrap}.fruit-sequence .fruit-icon{width:48px;height:48px}.mode-board{aspect-ratio:2/3;position:relative;overflow:hidden;border-radius:26px;border:1px solid #c0e5c49c;background:#102e35d9;box-shadow:inset 0 0 40px #7bd5c612}.mode-center .game-top{flex-wrap:wrap;gap:9px}.mode-center .game-top .quiet{font-size:12px;padding:10px}.mode-center .game-top strong{font-size:32px}.mode-tools{display:flex;gap:8px;margin-top:14px}.mode-tools>button{flex:1;padding:13px 5px;border-radius:12px;background:#15373c}.mode-tools [aria-pressed=true]{border-color:var(--lime);background:#36594a}.mode-timer{display:block;color:var(--lime);font-size:clamp(42px,5vw,72px);font-variant-numeric:tabular-nums;line-height:1.2}.mode-timer:empty{display:none}.mode-timer.urgent{color:#ffb3a5}.feature-status{font-size:13px!important;min-height:24px;overflow-wrap:anywhere}.privacy-note{font-size:12px!important;color:#b3c5bb!important}.mode-result{margin-top:20px}.result-number{font-size:38px;color:var(--lime)}.mode-result input,.expansion aside input,.share-preview input{display:block;background:#061e28;color:var(--ink);border:1px solid #9cc8b752;border-radius:12px;font:inherit;min-width:0;width:100%;padding:13px;margin:10px 0}.mode-result label{display:block;margin:15px 0;font-size:14px}.expansion button,.expansion a.quiet{min-height:44px}.expansion label{display:block;font-size:14px;line-height:1.8;margin:14px 0}.expansion input[type=checkbox]{display:inline-block;width:20px;height:20px;margin:0 10px 0 0;vertical-align:middle;accent-color:var(--lime)}.block-link{display:block;text-align:center;margin:18px 0 0}.mode-aside .rank-scroll{max-height:360px}.mode-aside .rank-table td{padding:13px 7px}.mode-aside caption{font-size:12px;padding:8px;color:var(--muted)}.mode-aside>button{margin-right:15px}.level-link{display:block;border-bottom:1px solid var(--line);padding:17px 0;color:#bbcebc!important;min-height:50px}.level-link[aria-current=page]{color:var(--lime)!important}.collection-grid{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 16px}.fruit-card{text-align:center}.fruit-card .fruit-icon{width:clamp(70px,11vw,145px);height:clamp(70px,11vw,145px);margin:auto}.fruit-card h3{margin:6px 0}.fruit-card p{font-size:12px;line-height:1.6}.fruit-card.locked .fruit-icon{opacity:.3;filter:grayscale(.7)}.milestone{border-bottom:1px solid var(--line);padding:8px 0 23px;margin-bottom:23px}.milestone p{font-size:14px;margin:8px 0}.badge{display:inline-block;border:1px solid #9cb5b07a;border-radius:24px;font-size:12px;padding:6px 12px;color:#b2c3bc}.badge.earned{border-color:var(--lime);color:var(--lime)}.garden-scene{position:relative;aspect-ratio:2/1;border:1px solid #bce5ca;border-radius:24px;overflow:hidden;background:url('/assets/orchard.webp') center 72%/cover;isolation:isolate;min-height:210px}.garden-scene.editing{touch-action:none;outline:2px solid var(--lime);outline-offset:3px}.garden-item{position:absolute;transform:translate(-50%,-50%);border:0;padding:0;background:none;min-height:0!important;cursor:default}.garden-item:active{transform:translate(-50%,-50%)!important}.garden-item img{width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 4px #0008)}.editing .garden-item{cursor:grab}.garden-item[aria-pressed=true]{outline:2px solid var(--lime);outline-offset:5px;border-radius:8px}.decor-drawer{margin-top:20px;padding:22px}.decor-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.decor-card{border:1px solid #92bcb57a;background:#112e34;border-radius:18px;padding:10px 8px;display:flex;align-items:center;flex-direction:column;color:inherit;gap:6px;min-width:0}.decor-card img{width:100%;aspect-ratio:1;object-fit:contain}.decor-card strong{font-size:14px}.decor-card small{font-size:12px;line-height:1.6;color:var(--muted)}.selected-decor{display:block;width:100%;height:200px;object-fit:contain}.orchard-grid>aside>.quiet{margin:5px;font-size:13px}.share-preview{padding:12px}.share-preview canvas{width:100%;height:auto;touch-action:auto;border-radius:16px}.my-shares{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.my-shares button{margin-left:12px}.error-view,.feature-welcome{max-width:680px;margin:40px auto}.skip-link{position:absolute;left:16px;top:-80px;background:var(--lime);color:#14342c!important;padding:14px;z-index:100}.skip-link:focus{top:16px}.classic-link{text-align:center}.expansion input:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
@media(max-width:1150px){.feature-play{grid-template-columns:minmax(230px,1fr) minmax(280px,420px)}.mode-aside{grid-column:1/-1}.feature-play .mode-aside .rank-scroll{max-height:300px}.feature-two{grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr)}.glass{padding:24px}.decor-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.expansion main{padding:24px 16px}.expansion header{height:auto;min-height:76px;flex-wrap:nowrap}.feature-nav{justify-content:flex-start;gap:12px;padding:0 16px}.feature-tab{font-size:14px;padding:14px 4px}.feature-two,.feature-play{display:flex;flex-direction:column;gap:20px}.feature-two>*,.feature-play>*{width:100%;min-width:0}.mode-center{max-width:430px;margin:auto}.mode-intro h1{font-size:30px}.mode-intro .fruit-sequence{margin-bottom:12px}.mode-board{max-height:65svh;width:auto;margin:auto}.glass{padding:23px 20px;border-radius:20px}.mode-aside{order:3}.collection-grid{gap:22px 10px}.fruit-card h3{font-size:15px}.fruit-card .fruit-icon{width:75px;height:75px}.fruit-card p{font-size:12px}.garden-scene{min-height:220px;aspect-ratio:1.45}.decor-drawer{padding:18px 12px}.decor-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.orchard-grid>aside>.quiet{min-width:75px}.share-preview{padding:8px}.expansion h1{font-size:29px}.mode-timer{font-size:48px}}
@media(prefers-reduced-motion:reduce){.expansion *{animation:none!important;transition:none!important}}
.mode-launch{margin-bottom:16px}.mode-launch>.eyebrow{margin:0 0 6px}.mode-launch .feature-status{margin:5px 0}.mode-launch-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.mode-launch-actions>button{flex:1;min-width:120px;padding:12px 10px}.mode-launch .mode-timer{font-size:44px}
.mode-launch>.feature-status:empty{display:none}
@media(max-width:720px){.mode-center{order:1}.mode-intro{order:2}.mode-launch{margin-bottom:8px}.mode-board{max-height:40svh}.mode-center .game-top{padding-bottom:8px}.mode-launch .mode-timer{font-size:38px}.mode-launch-actions>button{font-size:13px}.mode-intro h1{font-size:27px}}
@media(max-width:720px){.garden-scene{width:100%;min-height:0}}

/* Compact play layout. The canvas keeps its logical 720 × 1080 coordinates. */
.mode-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.expansion .mode-title{font-size:22px;line-height:1.4;letter-spacing:1px;margin:0}
.expansion .mode-title:focus{outline:none}
.mode-title-row .mode-timer{font-size:30px}
.mode-intro>h2:first-of-type{font-size:clamp(26px,2.6vw,36px)}
.mode-center .mode-controls{display:flex;gap:6px}
.mode-center .mode-controls button{min-width:44px;min-height:44px}
.mode-center .board-stage{min-height:0}
.mode-board{width:100%;max-width:min(420px,calc((100svh - 320px)*2/3));max-height:none}
.mode-cover{position:absolute;inset:0;display:grid;place-items:center;padding:18px;background:#09242a99;backdrop-filter:blur(7px)}
.mode-cover .start-art{width:100px;height:100px;margin-bottom:12px}
.mode-cover .panel h2{font-size:23px;margin:12px 0}
.mode-cover .panel p{font-size:13px}
.mode-cover .panel{min-width:0}
.mode-cover .mode-launch-actions{flex-direction:column;gap:8px;margin:14px auto 0;max-width:260px}
.mode-cover .mode-launch-actions>button{min-width:0;min-height:44px;margin:0}
.mode-shortcuts{display:flex;gap:8px;margin-top:12px}
.mode-shortcuts>button{flex:1;min-width:0;font-size:13px;padding:10px 8px}
.mode-proof:not(.connection-warning){display:none}
.orchard-panel .glass{background:transparent;border:0;box-shadow:none;padding:0;border-radius:0;margin-top:0}
.orchard-panel .mode-result{margin:0}
.mode-result input{font-size:16px}
.orchard-panel .mode-aside .rank-scroll{max-height:48svh}
.orchard-panel .feature-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:0;padding:0;overflow:visible}
.orchard-panel .feature-tab{white-space:normal;text-align:center;padding:14px 8px;min-height:48px;border:1px solid var(--line);border-radius:12px}
.orchard-panel .feature-tab[aria-current=page]{border-color:var(--lime);background:#d6ef9a10}
.orchard-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:8px}
.orchard-actions>button{flex:1;min-width:120px;min-height:44px;margin:0;font-size:14px}
@media(min-width:721px){
  .expansion:has(.feature-play){height:100svh;min-height:0;display:flex;flex-direction:column}
  .expansion:has(.feature-play)>header{height:68px;min-height:68px;flex-shrink:0}
  .expansion:has(.feature-play)>.feature-nav{flex-shrink:0}
  .expansion:has(.feature-play)>footer{display:none}
  .expansion:has(.feature-play)>main{flex:1;min-height:0;width:100%;margin:0 auto;padding:16px 5%}
  .feature-play{height:100%;min-height:0}
  .feature-play>.mode-intro,.feature-play>.mode-aside{min-height:0;max-height:100%;overflow:auto}
  .mode-center{height:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:8px}
  .mode-launch{margin:0}
  .mode-goal{display:none}
  .mode-launch .feature-status{min-height:18px;margin:3px 0 0;font-size:13px!important;line-height:1.6}
  .mode-center .game-top{padding-bottom:0}
  .mode-board{height:100%;width:auto;max-width:100%;max-height:630px;aspect-ratio:2/3}
  .mode-tools,.mode-shortcuts{margin:0}
  .mode-tools>button{min-height:44px;padding:10px 5px;font-size:14px}
}
@media(min-width:1151px){
  .mode-shortcuts:not(:has(>button:not([hidden]):not(.compact-only))){display:none}
}
@media(min-width:721px) and (max-width:1150px){
  .feature-play{display:block}
  .feature-play>.mode-intro,.feature-play>.mode-aside{display:none}
  .mode-center{max-width:430px;margin:0 auto}
  .mode-shortcuts>.compact-only{display:block}
}
@media(max-width:720px){
  .expansion header{min-height:64px}
  .expansion>.feature-nav{display:none}
  .expansion main{padding:16px 12px;min-height:0}
  .expansion h1{font-size:25px;line-height:1.45;margin:0 0 12px}
  .expansion .classic-link{font-size:12px;padding:10px;min-width:44px}
  .expansion:has(.feature-play){height:100svh;min-height:0;display:flex;flex-direction:column}
  .expansion:has(.feature-play)>main{flex:1;min-height:0;width:100%;max-width:none;margin:0;padding:6px 12px;padding-bottom:max(8px,env(safe-area-inset-bottom))}
  .feature-play{display:block;height:100%;min-height:0}
  .feature-play>.mode-intro,.feature-play>.mode-aside{display:none}
  .mode-center{height:100%;width:100%;max-width:430px;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:7px;margin:0 auto}
  .mode-launch{margin:0}
  .expansion .mode-title{font-size:17px;margin:0}
  .mode-title-row .mode-timer{font-size:27px}
  .mode-goal{display:none}
  .mode-launch .feature-status{font-size:12px!important;line-height:1.6;min-height:18px;margin:3px 0 0}
  .mode-center .game-top{padding:0 2px;min-height:52px;flex-wrap:nowrap;gap:7px}
  .mode-center .game-top strong{font-size:28px}
  .mode-center .next .fruit-icon{width:36px;height:36px}
  .mode-center .game-top .quiet{font-size:12px;padding:8px}
  .mode-center .board-stage{height:100%;min-height:0}
  .mode-board{height:100%;width:auto;max-width:100%;max-height:min(645px,calc((100vw - 24px)*1.5));aspect-ratio:2/3;margin:0}
  .mode-tools,.mode-shortcuts{margin:0;gap:8px}
  .mode-tools>button,.mode-shortcuts>button{min-height:44px;padding:9px 5px;font-size:13px}
  .mode-cover .panel h2{font-size:20px}
  .mode-cover .panel p{line-height:1.7;margin:8px 0}
  .mode-cover .start-art{width:72px;height:72px}
  .collection-view>.collection-details,.share-view>.share-details,.orchard-grid>.orchard-details,.orchard-grid>section>.decor-drawer{display:none}
  .feature-two{gap:14px}
  .collection-view>.glass{padding:18px 14px}
  .collection-grid{margin-top:14px;gap:16px 8px}
  .fruit-card .fruit-icon{width:64px;height:64px}
  .fruit-card p{font-size:11px;line-height:1.5;margin:5px 0}
  .collection-view .compact-only{width:100%;min-height:44px;margin-top:14px}
  .garden-scene{height:clamp(160px,35svh,260px);aspect-ratio:auto}
  .orchard-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .orchard-actions>button{min-width:0;font-size:13px;padding:10px 8px}
  .orchard-panel .selected-decor{height:140px}
  .orchard-panel .decor-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px) and (max-height:699px){
  .mode-cover .start-art{width:44px;height:44px;margin:0 auto 6px}
  .mode-cover .panel h2{margin:6px 0;font-size:18px}
  .mode-cover .panel>p{display:none}
  .mode-cover .mode-launch-actions{margin-top:10px}
}
@media(max-height:479px){
  .expansion:has(.feature-play){height:auto;min-height:100svh}
  .expansion:has(.feature-play)>main{flex:none}
  .feature-play{height:auto}
  .feature-play>.mode-intro,.feature-play>.mode-aside{max-height:none;overflow:visible}
  .mode-center{height:auto;grid-template-rows:auto auto auto auto auto}
  .mode-center .board-stage{height:auto}
  .mode-board{height:360px;width:240px;max-height:none}
  .mode-cover .start-art{width:44px;height:44px;margin-bottom:6px}
  .mode-cover .panel h2{font-size:18px;margin:6px 0}
  .mode-cover .panel>p{display:none}
}