@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Serif+JP:wght@400;500;600;700&display=swap');
:root{--ink:#34483d;--muted:#7f897c;--green:#3e624b;--paper:#f8f7f1;--line:#dedfd3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'Noto Sans JP',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #d8a658;outline-offset:4px}header{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{text-decoration:none;color:var(--ink);display:flex;gap:13px;align-items:center;font-size:31px}.brand span{font:600 16px 'Noto Serif JP',serif}.brand small{display:block;font:9px sans-serif;letter-spacing:3px;margin-top:8px}.header-right{display:flex;gap:24px;align-items:center;font-size:11px;color:var(--muted)}button{background:none;border:0}.header-right button{border-bottom:1px solid #bdc3b6;padding:8px 0}main{max-width:1320px;margin:auto;padding:0 42px}.intro{text-align:center;padding:45px 0 32px}.eyebrow{font-size:10px;letter-spacing:2px;color:#7d8b74}h1{font:500 33px 'Noto Serif JP',serif;letter-spacing:4px;margin:15px 0}.intro p{font-size:12px;color:var(--muted)}nav{display:flex;justify-content:space-between;margin:10px 0 28px;border-bottom:1px solid var(--line)}.era{flex:1;text-align:center;color:#9da398;padding:13px 3px 18px;font-size:11px;position:relative}.era span{display:block;font-size:9px;letter-spacing:1px;margin-bottom:8px}.era.active{color:var(--green);border-bottom:3px solid var(--green)}.era.done{color:#799078}.layout{display:grid;grid-template-columns:1.05fr 1fr;gap:42px}.world{border:1px solid #dce1d4;border-radius:9px;background:#edf1e7;overflow:hidden;position:relative}.scene-top{position:absolute;z-index:1;left:23px;right:23px;top:20px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}#scene{height:307px}#scene svg{width:100%;height:100%}.identity{display:flex;align-items:center;gap:13px;padding:10px 27px}.identity h2{font:600 21px 'Noto Serif JP';margin:0 0 7px}.identity p{font-size:10px;color:var(--muted);margin:0}.leaf{border:1px solid #ccd7c6;border-radius:50%;padding:10px;font-size:23px}.age{margin-left:auto;font:28px 'Noto Serif JP';white-space:nowrap}.thought{margin:17px 25px 23px;padding:14px;border-top:1px solid #d3dccd;font-size:11px;color:#788772;text-align:center}.story{padding:9px 0}.story-heading{display:flex;justify-content:space-between;align-items:center}.story-heading button{font-size:10px;color:var(--muted)}.story h2{font:500 26px 'Noto Serif JP';margin:26px 0 17px}#event-body{line-height:2.2;font-size:12px;color:#748071;min-height:65px;white-space:pre-line}.choice{width:100%;display:flex;align-items:center;text-align:left;border:1px solid var(--line);border-radius:5px;padding:15px 17px;margin-top:10px;background:#fffefa;gap:15px;transition:.2s}.choice:hover:not(:disabled){border-color:#789076;transform:translateX(3px);background:#f0f3e9}.choice .icon{font-size:23px;width:30px;text-align:center}.choice strong{font-size:12px;font-weight:500;display:block}.choice small{display:block;font-size:10px;color:#94998d;margin-top:5px}.choice .arrow{margin-left:auto;color:#9ca891}.choice:disabled{cursor:default;opacity:.45}.choice.selected{border-color:#66845e;background:#edf3e8;opacity:1}#feedback{font-size:12px;line-height:2;margin-top:15px;color:#526a4d}.primary{background:var(--green);color:white;border-radius:5px;padding:14px 25px;margin-top:10px;width:100%}.progress-label{display:flex;justify-content:space-between;font-size:9px;color:#959d90;margin-top:25px}.progress{height:3px;background:#e2e5da;margin-top:9px}.progress i{display:block;height:3px;background:#78936f;transition:width .4s}.bottom{display:grid;grid-template-columns:1.65fr 1fr;gap:45px;margin-top:35px;border-top:1px solid var(--line);padding:22px 0}.bottom h3{font-size:12px;font-weight:500;margin:0 0 22px}.bottom h3 small{font:8px sans-serif;letter-spacing:2px;color:#a0a797;margin-left:15px}#stats{display:flex;gap:20px}.stat{flex:1}.stat label{font-size:10px;display:flex;justify-content:space-between}.stat .bar{height:4px;background:#e5e5da;margin-top:12px}.bar i{display:block;height:100%;background:#94a687}.bottom aside{border-left:1px solid var(--line);padding:0 0 0 30px}.bottom aside p{font:12px/2 'Noto Serif JP';color:#85907a}footer{border-top:1px solid var(--line);padding:20px 0 30px;display:flex;justify-content:space-between;font-size:9px;color:#98a18f}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:10px;width:min(640px,90vw);max-height:85vh;padding:30px;line-height:2}dialog::backdrop{background:#263d2a66}#close{float:right}dialog h2{font-family:'Noto Serif JP'}dialog article{border-top:1px solid var(--line);padding:12px 0;font-size:12px}.rename{font-size:10px;text-decoration:underline;color:#7a8974}.ending{padding:20px 0}.ending h2{font-family:'Noto Serif JP'}.badge{display:inline-block;padding:6px 10px;border:1px solid #c8d3bf;border-radius:20px;font-size:10px;margin:4px}@media(min-width:1500px){main{padding-top:20px}}@media(max-width:800px){header{height:80px;padding:0 20px}.brand span{font-size:12px}.header-right{gap:12px}.header-right>span{display:none}main{padding:0 20px}.intro{padding:30px 0 20px}h1{font-size:24px;letter-spacing:1px}.layout{grid-template-columns:1fr;gap:25px}.era{font-size:9px}.era span{font-size:8px}nav{margin-bottom:20px}#scene{height:280px}.story h2{margin-top:20px}.bottom{grid-template-columns:1fr;gap:25px}.bottom aside{border-left:0;padding:0}#stats{gap:12px}footer{gap:20px;line-height:1.8}.story{padding-bottom:10px}}