/* Accessible controls and the second edition's journey, garden and playtest tools. */
:root{--muted:#53664f}
.header-actions{display:flex;align-items:center;gap:10px}.header-actions #settings{font-weight:600;font-size:15px}
.eyebrow{font-size:11px;letter-spacing:1.3px}.brand small{font-size:9px}.mode{padding:15px 11px}.mode small{font-size:12px}.mode span:nth-child(2){font-size:14px}.mode-icon{flex-shrink:0}.nav-link{font-size:14px}.small-note p{font-size:12px}.intro p{font-size:15px}
.journey-link{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:12px;padding:15px 11px;margin-top:16px;border-radius:10px;background:#e4eada}.journey-link strong{font-size:14px;font-weight:500}.journey-link small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.journey-link svg{width:18px;height:18px}
.game-heading{margin-bottom:14px}.level-strip{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;margin:0 2px 13px;color:#506449}.level-strip span:last-child{color:#7e5929}.stat-label{font-size:11px;letter-spacing:.8px}.scorebar small{font-size:14px;color:#53664f}.scorebar strong{font-size:25px}
.onboarding{background:#f1e5c8;padding:13px 15px;display:flex;align-items:center;gap:14px;border-radius:9px;margin-bottom:13px;font-size:13px;line-height:1.6}.onboarding button{min-height:44px;flex-shrink:0;background:#fff8e6;border-radius:6px;padding:8px 12px;font-size:12px}
.board{--columns:6;--rows:6;margin:8px auto;max-width:490px}.board.intro-board{max-width:440px;margin:22px auto 28px}.tile{left:calc(1% + var(--x)*96%/var(--columns) + var(--z)*1.2%);top:calc(3% + var(--y)*93%/var(--rows) - var(--z)*1.2%);width:calc(92%/var(--columns));height:calc(88%/var(--rows));color:#35623f;padding:7px}.tile[data-face=moon],.tile[data-face=rain],.tile[data-face=pebble]{color:#315d81}.tile[data-face=lotus],.tile[data-face=blossom],.tile[data-face=sun]{color:#a14f32}.tile.teaching{outline:3px solid #a77d27;outline-offset:-3px}.tile.blocked .tile-art{opacity:.6}.high-contrast .tile.free{background:#fffdf4;border-color:#b4bba2}.high-contrast .tile.blocked{background:#ccd2bd;border-color:#adb79d}.high-contrast .tile.blocked .tile-art{opacity:.65}.high-contrast .tile.selected{outline-color:#285a33;outline-width:4px;background:#e0edca}.high-contrast .tile.hinted{outline-color:#9e6611;outline-width:4px}body[data-tiles=classic] .tile[data-face=fern],body[data-tiles=classic] .tile[data-face=bamboo],body[data-tiles=classic] .tile[data-face=lotus]{color:#235984}body[data-tiles=classic] .tile[data-face=moon],body[data-tiles=classic] .tile[data-face=sun],body[data-tiles=classic] .tile[data-face=pebble]{color:#326344}body[data-tiles=classic] .tile[data-face=ginkgo],body[data-tiles=classic] .tile[data-face=rain],body[data-tiles=classic] .tile[data-face=blossom]{color:#a03f30}
.board-bottom{font-size:13px;line-height:1.6;min-height:47px}.board-bottom #available{font-size:12px;color:#52664a}.tool-button{font-size:13px;min-height:46px;padding:12px 10px}.tool-button kbd{font-size:10px;color:#56664c}.play-tip{font-size:12px;color:#53664f}.right-panel{padding-top:98px}.garden-card h3{font-size:24px}.garden-card p,.garden-progress-label,.text-button,.ritual-card p{font-size:12px}.card-heading .eyebrow{font-size:10px}.session-stat strong{font-size:13px}.session-stat small{font-size:12px}.garden-scene{display:block;width:100%;max-width:510px;height:auto;margin:0 auto}.garden-card .garden-scene{margin:10px auto}.win-garden .garden-scene{max-height:180px}.seed-balance{display:flex;align-items:center;gap:6px;white-space:nowrap;border-radius:25px;padding:10px 13px;background:#e2ead4;font-size:14px}.seed-balance svg{width:18px;height:18px}
dialog.wide-modal{max-width:720px}dialog{padding:38px 30px}dialog p{font-size:14px}dialog .fine-print{font-size:12px!important}dialog .primary-button,dialog .secondary-button{font-size:14px;min-height:48px}.modal-close{min-height:40px;min-width:40px}.rules li{font-size:14px}.win-stats small{font-size:11px}.win-stats strong{font-size:23px}.modal-link-row{display:flex;justify-content:space-between;gap:12px;margin-top:13px}.modal-link-row button{min-height:44px}.garden-modal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.garden-modal-head h2{margin-bottom:0}.garden-tabs{display:flex;gap:6px;margin:22px 0 16px}.garden-tabs button{flex:1;border-radius:8px;background:#e9ecdf;font-size:14px;min-height:44px;padding:10px 8px}.garden-tabs button[aria-pressed=true]{background:var(--green);color:#fffef1}.garden-options{display:grid;grid-template-columns:1fr 1fr;gap:13px}.garden-option{display:flex;gap:12px;align-items:start;border:1px solid var(--line);border-radius:12px;padding:14px}.garden-option.equipped{border-color:#6f8b58;background:#e9efde}.garden-option strong{font-size:14px;font-weight:600}.garden-option p{font-size:12px;margin:7px 0;line-height:1.6}.reward-art{flex-shrink:0;width:42px;height:50px;background:#fff9e8;border-radius:6px;padding:4px;color:#426f43;box-shadow:0 3px 0 #c7c4a6}.reward-art .tile-art{height:100%;width:100%}.reward-button{min-height:40px;font-size:12px;background:#e0e8d2;padding:8px 10px;border-radius:6px}.reward-button:disabled{opacity:.7}.garden-option.equipped .reward-button{color:#31512f;background:transparent;padding-left:0}
.setting-select{display:block;font-size:14px;font-weight:500}select,textarea,input[type=file]{font:inherit;max-width:100%;color:var(--ink)}select,textarea{display:block;width:100%;border:1px solid #adbba0;background:#fffdf5;border-radius:7px;padding:11px;margin-top:8px;font-size:14px;min-height:46px}select:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid #bb8b36;outline-offset:3px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:0;padding:18px 0;border-bottom:1px solid var(--line);cursor:pointer}.setting-row strong{display:block;font-size:14px;font-weight:500}.setting-row small{display:block;font-size:12px;color:var(--muted);margin-top:5px;line-height:1.6}.setting-row input{width:23px;height:23px;accent-color:var(--green);flex-shrink:0}.tile-preview{display:flex;justify-content:center;gap:14px;margin:22px 0}.tile-preview>span{display:block;width:64px;height:78px;padding:8px;background:#fff9e8;color:#305d42;border:1px solid #b5bda5;border-radius:7px;box-shadow:0 4px 0 #c7c4a6}
.chapter{margin:26px 0}.chapter-heading{display:flex;align-items:center;gap:14px;margin-bottom:13px}.chapter-heading h3{font:23px var(--serif);margin:0}.level-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.level-card{display:flex;align-items:center;text-align:left;gap:12px;padding:12px;background:#ebeee3;border:1px solid transparent;border-radius:9px;min-height:74px}.level-card .level-number{display:grid;place-items:center;flex-shrink:0;border-radius:50%;width:33px;height:33px;background:#dce4ce;font-size:14px}.level-card strong{display:block;font-size:13px;font-weight:500}.level-card small{display:block;font-size:11px;margin-top:5px;color:#57664e}.level-card.complete .level-number{background:#759065;color:#fff}.level-card.current{border-color:#64834f;background:#e2ecd5}.level-card:disabled{opacity:.58}
.study-scope{background:#e7ecdd;padding:11px 14px;border-radius:8px;font-size:13px!important}.study-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:23px 0}.study-grid>div{border-bottom:1px solid var(--line);padding-bottom:16px}.study-grid span,.study-grid small{display:block;font-size:12px;line-height:1.5;color:#5d6c53}.study-grid strong{display:block;font-size:23px;line-height:1.4;font-weight:500;margin:9px 0 5px}.study-grid strong small{font-weight:400}.report-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.report-actions .secondary-button{margin:0}.file-control{grid-column:1/-1;display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding:12px;border:1px dashed #9caa8d;border-radius:7px;font-size:13px}.file-control input{font-size:12px;flex:1;min-width:180px}.file-control input::file-selector-button{min-height:36px;border:0;border-radius:5px;background:#e4ead9;color:#365034;margin-right:9px}#import-status,#feedback-status{font-size:12px;line-height:1.7}#feedback-form{margin-top:25px;border-top:1px solid var(--line);padding-top:15px}#feedback-form h3{font:24px var(--serif);margin:10px 0 18px}#feedback-form label{font-size:14px;display:block;margin:18px 0}#feedback-form textarea{resize:vertical}.danger-link{color:#8b4f3d;margin-top:22px;min-height:44px}#share-copy{width:100%;min-height:100px}.primary-button{font-size:14px}.pause-cover p{font-size:14px}footer,footer>span:last-child,footer button{font-size:11px;letter-spacing:0}footer button{min-height:40px}#toast{font-size:14px}.reduce-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.large-text .mode small,.large-text .journey-link small,.large-text .level-strip,.large-text .stat-label,.large-text .board-bottom,.large-text .board-bottom #available,.large-text .play-tip,.large-text .garden-card p,.large-text .text-button,.large-text .setting-row small,.large-text dialog .fine-print{font-size:14px!important}.large-text .tool-button,.large-text .mode span:nth-child(2),.large-text dialog p,.large-text .rules li,.large-text .setting-row strong{font-size:16px}.large-text .onboarding{font-size:15px}.large-text select,.large-text textarea{font-size:16px}.large-text .tool-button kbd{display:none}
@media(max-width:1200px){.app-shell{grid-template-columns:200px minmax(330px,1fr) 220px;gap:22px}.mode{gap:8px}.mode small{font-size:11px}.mode-check{display:none}.card-heading .eyebrow{font-size:9px}.tool-button kbd{display:none}}
@media(max-width:1050px){.app-shell{grid-template-columns:200px minmax(320px,1fr)}.right-panel{display:none}}
@media(max-width:650px){.site-header{padding:14px 14px;gap:9px}.brand{font-size:18px;gap:8px}.brand small{font-size:7px}.header-actions{gap:7px}.header-actions .icon-button{width:40px;height:40px;min-width:40px;min-height:40px}.site-header nav{gap:0}#garden-nav{font-size:12px;max-width:58px;line-height:1.4;white-space:normal}.app-shell{display:flex;gap:19px;padding:16px 14px 10px}.mode{min-height:69px;padding:10px 8px}.mode span:nth-child(2){font-size:13px}.mode small{font-size:11px}.mode-icon{display:none}.journey-link{margin-top:10px;padding:11px 13px}.journey-link strong{font-size:13px}.journey-link small{display:inline;font-size:12px;margin-left:9px}.game-heading{margin-bottom:12px}.game-heading h2{font-size:25px}.game-heading .eyebrow{font-size:10px}.game-toggles .icon-button{width:40px;height:40px;min-width:40px;min-height:40px}.level-strip{font-size:11px;gap:8px;margin-bottom:11px}.board-surround{padding:16px 9px 13px}.board-bottom{font-size:12px}.board-bottom #available{font-size:11px}.tile{padding:4px}.tool-button{font-size:12px;padding:10px 7px;gap:5px}.tool-button.new-game{min-width:44px}.game-tools{gap:6px}.play-tip{font-size:12px;padding:0 3px}.onboarding{font-size:12px;padding:10px 12px;gap:9px}.onboarding button{padding:7px 9px}.right-panel{display:none}dialog{padding:36px 21px 25px}dialog.wide-modal{width:calc(100% - 20px)}dialog h2{font-size:29px}.garden-modal-head{gap:10px}.seed-balance{font-size:12px;padding:8px 10px}.garden-tabs{gap:5px}.garden-tabs button{font-size:12px}.garden-options{grid-template-columns:1fr}.garden-option{padding:12px;align-items:center}.garden-option>div:last-child{flex:1}.garden-option p{font-size:13px}.garden-option strong{font-size:15px}.reward-button{font-size:13px;min-height:44px}.garden-modal-head .eyebrow{font-size:10px}.level-grid{grid-template-columns:1fr 1fr;gap:7px}.level-card{padding:10px 7px;gap:7px;min-height:85px}.level-card strong{font-size:12px}.level-card small{font-size:11px}.level-card .level-number{width:25px;height:25px;font-size:12px}.chapter-heading{gap:10px;flex-wrap:wrap}.chapter-heading h3{font-size:22px}.study-grid{grid-template-columns:1fr 1fr;gap:14px}.study-grid strong{font-size:21px}.report-actions{grid-template-columns:1fr}.file-control{display:block}.file-control input{display:block;width:100%;margin-top:10px}footer{margin:12px 14px 0;text-align:center}footer>span:last-child{font-size:10px;line-height:2}footer button{font-size:11px}.large-text .journey-link small{display:block;margin-left:0}.large-text .mode{min-height:85px}.large-text .game-heading h2{font-size:25px}.large-text .level-grid{grid-template-columns:1fr}.large-text .level-card strong{font-size:15px}.large-text .level-card small{font-size:13px}.large-text .tool-button{font-size:14px}.large-text .onboarding{flex-wrap:wrap}}
@media(max-width:360px){.site-header{padding-inline:10px}.brand{font-size:16px;gap:6px}.brand small{display:none}.brand-mark{width:31px;height:35px;font-size:27px}.header-actions{gap:5px}.header-actions .icon-button{width:36px;height:36px;min-width:36px;min-height:36px}.app-shell{padding-inline:8px}.board-surround{padding-inline:5px}.journey-link small{display:block;margin:4px 0 0}.game-toggles{gap:5px}.game-toggles .icon-button{width:36px;height:36px;min-width:36px;min-height:36px}.game-heading h2{font-size:22px}.game-heading .eyebrow{font-size:9px}.level-strip{font-size:11px}.tile{padding:3px}.game-tools{gap:4px}.tool-button{padding:10px 5px}.tool-divider{margin:0 2px}.win-stats{gap:12px;padding:14px}.win-stats small{font-size:10px}.win-stats strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.tile.teaching{animation:none}}
.planting-guide{text-align:center}.planting-guide h2{margin-bottom:6px}.planting-guide .planting-scene{margin:0 auto;max-width:380px}.planting-guide .garden-scene{max-height:230px}.planting-guide .planting-message{margin:8px 0 16px;line-height:1.5}.planting-next{padding:12px;background:#e8edde;border-radius:12px;display:flex;flex-direction:column;gap:5px}.planting-next>span{font-size:10px;letter-spacing:1px;color:#63745d}.planting-next strong{font-size:15px;font-weight:500}.planting-next small{font-size:12px;color:#53664f}.planting-later{justify-content:center;margin:10px auto 0;font-size:13px;min-height:44px}.planting-guide.planted .garden-blooms{transform-box:fill-box;transform-origin:center bottom;animation:plant-bloom .8s ease-out both}.planting-guide .primary-button{margin-top:16px}@keyframes plant-bloom{from{opacity:0;transform:scale(.15) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-height:720px){.planting-guide .garden-scene{max-height:150px}.planting-guide h2{font-size:26px}.planting-guide .planting-message{font-size:14px;margin:5px 0 10px}.planting-next{padding:8px}}
/* Reward feedback stays compact enough for a phone. */
#sound{display:flex;flex-direction:column;gap:1px;justify-content:center;align-items:center;width:62px;height:48px}#sound svg{width:20px;height:20px}#sound small{font-size:9px;white-space:nowrap;line-height:1.2}.points-stat{color:#335c43}.win-rewards{display:flex;flex-direction:column;align-items:center;gap:5px;margin:12px 0}.earned-stars,.planting-score{color:#9b6d22;letter-spacing:3px;font-size:30px}.win-rewards>strong{font-size:38px;color:#345646;line-height:1.1}.win-rewards>strong small{font-size:15px}.win-rewards>span:last-of-type{font-size:12px}.win-rewards>b{font-size:14px;background:#e5eadc;border-radius:10px;padding:8px}.win-rewards+.win-garden{max-height:95px;overflow:hidden}.win-rewards+.win-garden svg{height:110px}.planting-score{font-size:17px;letter-spacing:1px;margin:8px 0}.reward-total{display:flex;flex-direction:column;gap:4px;background:#e9eddc;border-radius:14px;padding:18px;margin:15px 0}.reward-total strong{font-size:40px;line-height:1.15;color:#345646}.reward-total span{font-size:13px}.personal-scores{max-height:300px;overflow:auto;border-top:1px solid #d8dfcd;margin-top:18px}.personal-scores>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px;border-bottom:1px solid #d8dfcd;font-size:14px}.personal-scores small{display:block;color:#9b6d22;letter-spacing:2px;margin-top:4px}.personal-scores strong{white-space:nowrap}.level-card small{line-height:1.5}#leaderboard-status{font-size:13px;line-height:1.5}
@media(max-width:650px){#scores-nav{display:block!important}.scorebar .points-stat{display:flex;align-items:center;gap:5px}}