:root{--ink:#394e44;--muted:#7d8775;--paper:#faf9f0;--sage:#6b896a;--line:#dce1d1;--water:#78b4c2;--serif:'Noto Serif CJK JP','Yu Mincho','Hiragino Mincho ProN',serif;--sans:'Noto Sans CJK JP','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif}*{box-sizing:border-box}body{margin:0;background:#eceee3;color:var(--ink);font-family:var(--sans);font-size:14px;background-image:radial-gradient(ellipse at 13% 9%,#f7f3e6 0,transparent 44%),radial-gradient(ellipse at 98% 42%,#dfe7d9 0,transparent 46%);min-height:100vh}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,summary:focus-visible{outline:3px solid #648aa4;outline-offset:5px}button:disabled{cursor:default;opacity:.36}button{touch-action:manipulation}button[hidden],[hidden]{display:none!important}.shell{max-width:1000px;margin:auto;padding:44px 42px 30px}.masthead{display:flex;justify-content:space-between;align-items:center;margin:0 5px 29px}.eyebrow{font-family:Georgia,serif;font-size:11px;letter-spacing:2.2px;display:flex;align-items:center;gap:10px;color:#75846a;margin:0 0 9px}.tiny-leaf{display:inline-block;width:12px;height:8px;background:#8aab80;border-radius:0 80% 0 80%;transform:rotate(-25deg)}h1{font-family:var(--serif);font-weight:500;letter-spacing:.14em;font-size:34px;margin:0}.intro{font-size:12px;letter-spacing:.075em;color:#7c8777;margin:11px 0 0}.icon-button{background:#f6f7ee90;border:1px solid #d8dfcf;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:8px;min-width:92px;min-height:42px;font-size:11px}.icon-button>span:first-child{font-size:19px}.game-card{background:var(--paper);border:1px solid #fff;border-radius:20px;box-shadow:0 20px 48px #6c765811,0 3px 8px #69725c05;overflow:hidden}.chapter{padding:24px 32px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px}.chapter-title{display:flex;gap:16px;align-items:center}.chapter-no{font-family:Georgia,serif;font-size:42px;font-weight:400;line-height:1;color:#a2b498;letter-spacing:-2px}.small-label{font-family:Georgia,serif;color:#89917d;font-size:9px;letter-spacing:1.8px;margin:0 0 5px}.chapter h2{font-family:var(--serif);font-size:20px;font-weight:500;letter-spacing:.08em;margin:0}.chapter>p{font-size:11px;color:#89907e;margin:4px 0 0;letter-spacing:.02em}.garden-wrap{position:relative;width:100%;aspect-ratio:900/620;overflow:hidden;background:#f7f5e9}.garden-wrap canvas{display:block;width:100%;height:100%}.flaps{position:absolute;inset:0;pointer-events:none}.flap-button{pointer-events:auto;position:absolute;transform:translate(-50%,-50%);min-width:45px;height:34px;border:1px solid #a8b99a;border-radius:19px;background:#fffdf3f5;box-shadow:0 3px 5px #46533a12;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;transition:box-shadow .15s,background .15s}.flap-button:hover{background:#fff;border-color:#6e9167;box-shadow:0 4px 10px #46533a27}.flap-button .direction{font-size:19px;line-height:1;color:#79886a;font-family:Arial,sans-serif}.flap-button:disabled{opacity:.85}.board-note{position:absolute;bottom:18px;left:29px;display:flex;gap:8px;align-items:center;font-size:10px;color:#8b957f;letter-spacing:.05em;pointer-events:none}.board-note i{width:6px;height:6px;background:#bac8a8;border-radius:50%}.play-area{padding:16px 30px 15px;background:#fcfcf6;border-top:1px solid #e5e9d8}.play-message{display:flex;align-items:center;gap:9px;min-height:28px;margin-bottom:12px}.play-message p{font-size:12px;line-height:1.65;margin:0;letter-spacing:.025em}.message-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#9db797}.controls{display:flex;align-items:center;justify-content:space-between;gap:16px}.secondary-controls{display:flex;gap:17px}.quiet-button{background:none;border:0;font-size:11px;padding:12px 0;white-space:nowrap}.quiet-button>span{font-family:Arial,sans-serif;font-size:20px;vertical-align:-2px;margin-right:4px;color:#8c9d7f}.primary-button{border:0;border-radius:10px;background:#648563;color:#fffef4;padding:15px 20px;min-width:232px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;box-shadow:0 4px 0 #4b6d4c;letter-spacing:.055em;transition:background .15s}.primary-button:hover{background:#557951}.primary-button:active{transform:translateY(2px);box-shadow:0 2px 0 #4b6d4c}.drop-icon{width:10px;height:14px;border-radius:70% 50% 60% 50%;background:#d9eff0;transform:rotate(24deg);display:inline-block}.helpers{display:flex;align-items:center;gap:12px;margin-top:17px;color:#a3ab96;font-size:10px}.helpers button{font-size:10px;color:#607457;border:0;background:none;padding:5px 0;min-height:28px}.helpers button[aria-pressed=true]{color:#477c89;text-decoration:underline;text-underline-offset:4px}.keyboard-tip{margin-left:auto;color:#607153;font-size:9px}.hint-text{margin:12px 0 2px;padding:11px 14px;border-left:2px solid #cbd5b9;background:#f1f4e8;color:#6e7e65;font-size:12px;line-height:1.8}.collection{margin:31px 5px 0}.collection-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.collection-heading h2{font-family:var(--serif);font-size:18px;font-weight:400;letter-spacing:.085em;margin:0}.collection-heading p{font-family:Georgia,serif;font-size:19px;color:#7f9173;margin:0}.collected-label{font-family:var(--sans);font-size:10px;margin-left:8px;color:#919a86}.level-nav{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.level-select{position:relative;background:#f8f8ef70;border:1px solid #dce2d1;border-radius:12px;min-width:0;padding:12px 5px 10px;display:flex;flex-direction:column;align-items:center;gap:5px;color:#919b83;min-height:102px}.level-select[aria-current=true]{background:#fdfbf1;border-color:#a4b898;box-shadow:0 3px 12px #7081560a}.level-select .flower-icon{width:34px;height:34px;display:block}.level-select .nav-no{font-family:Georgia,serif;font-size:10px;letter-spacing:1px}.level-select .flower-name{font-size:9px;letter-spacing:.03em}.level-select:not(.complete) .flower-icon{opacity:.3;filter:grayscale(1)}.level-select:not(.complete) .flower-name{color:#607153}.level-select.complete{color:#697f5e}.bloom-card{position:absolute;left:50%;top:24%;transform:translateX(-50%);min-width:220px;padding:21px 30px;text-align:center;background:#fffef6ed;border:1px solid #fff;border-radius:14px;box-shadow:0 12px 36px #6d865a18;pointer-events:none;animation:none}.bloom-card span{display:block}.bloom-caption{font:9px Georgia,serif;letter-spacing:2px;color:#94a382}.bloom-card strong{font-family:var(--serif);font-size:23px;letter-spacing:.1em;font-weight:400;display:block;margin:8px 0;color:#607956}.bloom-card #bloom-detail{font-size:10px;color:#8b967f}#pause-note{position:absolute;inset:0;background:#f8f8eedb;display:grid;place-items:center;font-family:var(--serif);font-size:22px;letter-spacing:.2em}footer{text-align:center;margin-top:29px;color:#919b84;font-size:10px;line-height:1.9}footer>p{font-family:var(--serif);font-size:12px;letter-spacing:.13em}footer details{max-width:680px;margin:17px auto 0;font-size:10px}footer summary{cursor:pointer;color:#9ba58e;list-style:none}footer summary::before{content:'+ ';}footer details[open] summary::before{content:'− ';}footer details p{text-align:left;line-height:1.9} @keyframes arrive{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:650px){.shell{padding:26px 15px 24px}.masthead{margin:0 2px 23px}.eyebrow{font-size:8px;letter-spacing:1.4px;gap:6px}h1{font-size:28px}.intro{font-size:10px;max-width:225px;line-height:1.8;margin-top:8px}.icon-button{min-width:43px;width:43px;height:43px;padding:0;align-self:flex-start;margin-top:15px}.icon-button #sound-label{display:none}.game-card{border-radius:15px}.chapter{padding:18px 19px 13px;display:block}.chapter-no{font-size:35px}.chapter-title{gap:12px}.chapter h2{font-size:18px}.chapter>p{margin-left:45px;font-size:10px;margin-top:6px}.small-label{font-size:7px;letter-spacing:1.2px}.garden-wrap{aspect-ratio:710/620}.garden-wrap canvas{width:126.76%;margin-left:-13.38%}.flaps{left:-13.38%;right:-13.38%}.flap-button{min-width:44px;height:44px;gap:4px;font-size:11px}.flap-button .direction{font-size:17px}.board-note{font-size:8px;left:14px;bottom:13px}.play-area{padding:12px 17px 13px}.play-message{margin-bottom:12px;min-height:35px;align-items:flex-start;padding-top:4px}.message-dot{margin-top:6px}.play-message p{font-size:10px;line-height:1.7}.controls{flex-direction:column-reverse;align-items:stretch;gap:9px}.primary-button{width:100%;justify-content:center;gap:22px;font-size:12px;min-height:49px}.secondary-controls{justify-content:center;gap:28px}.quiet-button{font-size:10px;padding:8px 0;min-height:38px}.helpers{margin-top:2px;justify-content:center;gap:16px;flex-wrap:wrap}.helpers button{min-height:35px;font-size:10px}.keyboard-tip{display:none}.collection{margin:25px 0 0}.collection-heading{margin:0 3px 13px}.collection-heading h2{font-size:17px}.collection-heading p{font-size:17px}.collected-label{font-size:8px;margin-left:4px}.level-nav{grid-template-columns:repeat(3,1fr);gap:8px}.level-select{min-height:92px;gap:3px;padding:9px 4px}.level-select .flower-name{font-size:9px}.level-select .flower-icon{height:32px;width:32px}.bloom-card{top:17%;min-width:176px;padding:15px}.bloom-card strong{font-size:18px}.bloom-caption{font-size:8px}footer{margin-top:22px}footer>p{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}