:root{--green:#2F4A2A;--sand:#EDE4D0;--brown:#3B2A17;--gold:#C9A84C;--rock:#B8AA8E;--white:#FBF7EE;--blue:#4E7C8A;color:var(--brown);background:var(--sand);font:16px/1.7 "Hiragino Sans","Noto Sans JP",sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,.button{min-width:48px;min-height:56px;border-radius:12px;border:1px solid var(--green);padding:10px 14px;font-size:18px;line-height:1.45;font-weight:600;background:var(--green);color:var(--white);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:disabled{opacity:.65;cursor:default}button.secondary,.button.secondary{background:var(--white);color:var(--green)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--brown);outline-offset:3px}h1,h2,h3{font-family:"Hiragino Mincho ProN","Noto Serif JP",serif;font-weight:700;line-height:1.5;margin:0}h1{font-size:24px}h2,h3{font-size:20px}p{margin:8px 0 16px}small,.note{font-size:13px}ruby{ruby-position:over}rt{font-size:.5em}img{max-width:100%;display:block}#app{max-width:480px;min-height:100dvh;margin:auto;padding-bottom:env(safe-area-inset-bottom)}header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--green);color:var(--white)}header h1{flex:1}header .back{background:transparent;color:var(--white);border-color:var(--rock);padding:6px;min-width:56px}main{padding:18px 16px 28px}.home-head{padding:24px 16px 22px;display:block;text-align:center}.home-head img{width:64px;height:64px;margin:0 auto 12px}.home-head h1{letter-spacing:.04em}.home-head p{font-size:13px;margin:6px 0 0}.home-actions{display:grid;gap:12px}.home-actions .button{min-height:72px;justify-content:space-between;text-align:left;padding:10px 20px}.home-actions strong{display:block;font-size:20px}.home-actions small{display:block;font-weight:400}.arrow{font-size:28px}.progress-line{text-align:center;padding:12px;margin:0}.settings{border-top:1px solid var(--rock);padding-top:14px}.settings h2{margin-bottom:4px}.setting{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;border-bottom:1px solid #b8aa8e66;font-size:16px}.setting span:first-child{flex:1}.switch{min-height:56px;min-width:68px;padding:8px;font-size:16px}.switch[aria-checked=false]{background:var(--white);color:var(--green)}.offline-note{font-size:13px;margin:14px 0 0}.diorama{position:relative;aspect-ratio:1;background:var(--white);overflow:hidden}.diorama img{position:absolute;inset:0;width:100%;height:100%}.diorama img.piece{animation:appear 600ms ease-out both}@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.forest-main{padding:0 0 20px}.forest-ui{padding:10px 16px}.gauges{display:grid;grid-template-columns:2fr 1fr;gap:14px;font-size:13px}.gauges label{display:block}progress{display:block;width:100%;height:10px;border:0;border-radius:10px;overflow:hidden;background:var(--rock);accent-color:var(--gold)}progress::-webkit-progress-bar{background:#d6cab1}progress::-webkit-progress-value{background:var(--gold)}.bubble{font-size:16px;line-height:1.7;padding:8px 12px;background:var(--white);border-left:4px solid var(--gold);border-radius:0 10px 10px 0;margin:10px 0}.hand{display:flex;gap:10px;justify-content:space-between}.card-button{position:relative;background:var(--white);padding:0;border:0;border-radius:9px;overflow:hidden;box-shadow:0 2px 6px #3b2a1720}.hand .card-button{width:30%;align-self:start}.card-button img{width:100%;aspect-ratio:744/1039;object-fit:cover}.hand-footer{display:flex;justify-content:space-between;align-items:center;margin-top:5px;font-size:13px}.clock{padding:5px 12px;background:var(--white);font-size:13px;text-align:center}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}.toolbar p{margin:0}.toolbar button{font-size:16px}.zukan{display:grid;grid-template-columns:1fr 1fr;gap:14px}.zukan .locked img{filter:grayscale(1) brightness(.22)}.locked span{position:absolute;inset:0;display:grid;place-content:center;color:var(--white);font-size:24px;letter-spacing:.08em}.badge{padding:12px;border:2px solid var(--gold);border-radius:12px;background:var(--white);text-align:center;margin-bottom:14px}.mode-list{display:grid;gap:16px}.mode-list .button{min-height:100px;display:block;text-align:left;padding:18px}.mode-list small{font-weight:400;display:block;margin-top:4px}.panel{padding:16px;background:var(--white);border:1px solid var(--rock);border-radius:12px;margin:14px 0}.hint-meta{font-size:13px;margin-bottom:4px}.choices{display:grid;gap:10px;margin-top:14px}.choices button{display:block;text-align:left;white-space:normal;line-height:1.6}.wide{width:100%;margin-top:12px}.row{display:flex;gap:10px}.row>*{flex:1}.memory{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.memory.twenty{grid-template-columns:repeat(4,1fr);gap:8px}.memory button{padding:0;aspect-ratio:744/1039;border:2px solid var(--green);background:var(--green);overflow:hidden;position:relative}.memory img{width:100%;height:100%;object-fit:cover}.memory .concealed img{width:72%;height:auto;object-fit:contain}.memory .matched{border-color:var(--gold)}.memory .matched:after{content:'✓';position:absolute;bottom:0;right:0;background:var(--green);color:var(--white);border-radius:6px 0 0 0;padding:0 6px;font-size:16px}.stats{display:flex;gap:12px;font-size:13px;margin:0 0 12px}.complete-title{text-align:center;margin-bottom:14px}.complete .diorama{border-radius:14px}.score{font-size:36px;font-weight:700;text-align:center;margin:14px 0}.empty{text-align:center;padding:26px 6px}dialog{border:1px solid var(--rock);border-radius:16px;padding:16px;background:var(--sand);color:var(--brown);width:calc(100% - 24px);max-width:448px;max-height:calc(100dvh - 24px);overflow-y:auto}dialog::backdrop{background:#172012bb}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.modal-head h2{font-size:20px}.modal-head button{font-size:16px;min-width:56px;padding:8px;white-space:nowrap;flex:none}.flip-stage{perspective:1200px;max-width:300px;margin:auto}.flip-card{position:relative;aspect-ratio:744/1039;transform-style:preserve-3d;transition:transform 600ms}.flip-card.flipped{transform:rotateY(180deg)}.flip-card img{position:absolute;inset:0;backface-visibility:hidden;width:100%;height:100%;border-radius:10px;object-fit:cover}.flip-card .rear{transform:rotateY(180deg)}.modal-controls{display:grid;gap:10px;margin-top:12px}.modal-controls .row{gap:10px}.input-label{display:block;margin:12px 0 5px}input,select{min-height:56px;max-width:100%;font-size:20px;border:1px solid var(--green);border-radius:10px;background:var(--white);color:var(--brown);padding:10px;width:100%}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.original{white-space:pre-wrap;line-height:1.7}.review img{max-width:300px;margin:auto;border-radius:10px}#notice{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);max-width:440px;width:max-content;max-width:calc(100% - 24px);padding:10px 16px;background:var(--green);color:var(--white);border-radius:12px;z-index:10;font-size:16px;pointer-events:none}#notice:empty{display:none}.save-status{font-size:13px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-height:750px){.flip-stage{max-width:250px}}
summary{min-height:48px;display:flex;align-items:center;cursor:pointer;font-weight:600}summary::before{content:'▸';margin-right:8px}details[open]>summary::before{content:'▾'}summary:focus-visible{outline:3px solid var(--brown);outline-offset:2px}