@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600&family=Cormorant+Garamond:wght@400;500&display=swap');
:root{color-scheme:dark;--paper:#efe9d8;--muted:#b6c0b3;--gold:#d6b879;--line:#d6b87940;--deep:#142321;--sans:'Noto Sans JP',system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#142321;color:var(--paper);font-family:var(--sans);touch-action:none}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:#172923db;min-height:44px;padding:10px 18px;transition:background .15s,border-color .15s}button:hover{background:#34493d;border-color:#d6b879}button:focus-visible{outline:2px solid #edc478;outline-offset:3px}button:disabled{opacity:.4;cursor:default}button.primary{background:#e2c990;color:#17221d;border:none;display:flex;justify-content:space-between;align-items:center;min-width:240px;font-weight:600;padding:16px 23px}button.primary:hover{background:#f2ddb1}.quiet{background:transparent;border:none;text-align:left;padding-left:0}.eyebrow{letter-spacing:.22em;font-size:10px;color:var(--gold)}[hidden]{display:none!important}#scene,#scene canvas,#shade,#hurt,.screen,#hud{position:fixed;inset:0;width:100%;height:100%}#scene canvas{display:block;outline:none}#shade{pointer-events:none;background:radial-gradient(ellipse at 55% 45%,transparent 35%,#0a191e77 100%)}#hurt{pointer-events:none;background:radial-gradient(ellipse,transparent 40%,#b22918aa);opacity:0;transition:opacity .2s}.screen{background:linear-gradient(90deg,#0d232be8 0%,#172c3190 38%,transparent 76%);display:flex;align-items:center;padding:6.5vw;z-index:10}.opening h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(64px,8vw,130px);line-height:.82;font-weight:400;letter-spacing:.07em;margin:25px 0 18px}.jtitle{font-size:17px;letter-spacing:.55em;font-weight:400;margin-top:30px}.rule{height:1px;width:65px;background:var(--gold);margin:25px 0}.intro{color:#d5ded3;font-size:14px;line-height:2}.start-actions{display:grid;gap:8px;margin-top:24px;max-width:290px}.save-caption{font-size:10px;color:#9eaca7;letter-spacing:.03em;margin-top:16px}.chapter-teaser{position:absolute;right:6vw;bottom:7vh;max-width:300px;text-align:right;text-shadow:0 2px 8px #000}.chapter-teaser>span{font-size:9px;letter-spacing:.22em;color:var(--gold);display:block}.chapter-teaser strong{display:block;font-size:19px;font-weight:400;margin:10px 0}.chapter-teaser p{font-size:12px;line-height:1.9;color:#d0d9cf}#hud{pointer-events:none;z-index:5}#hud button,#toolbar,#touch-move,#touch-actions{pointer-events:auto}#hud>header{position:absolute;top:max(18px,env(safe-area-inset-top));left:26px;right:26px;display:flex;justify-content:space-between;align-items:center;text-shadow:0 2px 8px #000}.mark{font:500 19px 'Cormorant Garamond',Georgia,serif;letter-spacing:.13em}.mark span{display:block;font:9px var(--sans);letter-spacing:.25em;margin-top:3px;color:#c9d0c0}.top-right{display:flex;gap:14px;align-items:center;font-size:11px}.top-right button{background:#0c1b2180;font-size:18px;padding:5px 13px}#compass{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.08em;min-width:100px;justify-content:center}#compass i{width:7px;height:7px;border-top:1px solid #e2c990;border-right:1px solid #e2c990;transform:rotate(-45deg)}#objective{position:absolute;left:27px;top:91px;padding-left:13px;border-left:1px solid #d6b87988;max-width:340px;text-shadow:0 2px 6px #000;transition:opacity .3s}#objective>span{font-size:9px;letter-spacing:.18em;color:#d7bf89}#objective h2{font-size:15px;font-weight:500;line-height:1.5;margin:8px 0 5px}#objective p{font-size:11px;color:#d5ddce;line-height:1.65;margin:0}#crosshair{position:absolute;left:50%;top:50%;width:4px;height:4px;border:1px solid #ffffffb3;border-radius:50%;transform:translate(-50%,-50%)}#focus{position:absolute;top:calc(50% + 23px);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;text-shadow:0 2px 4px #000;min-width:200px}#focus small{font-size:12px}#focus span{font-size:10px;color:#e5d2a7;margin-top:6px}#dialogue{position:absolute;bottom:148px;left:50%;transform:translateX(-50%);width:min(620px,84%);text-align:center;font-size:14px;line-height:1.9;opacity:0;transition:opacity .4s;text-shadow:0 2px 5px #000;background:linear-gradient(90deg,transparent,#071c25b0,transparent);padding:12px 25px}#dialogue.visible{opacity:1}#vitals{position:absolute;left:27px;bottom:56px;min-width:160px;text-shadow:0 1px 4px #000}.vital{display:flex;align-items:center;gap:10px;margin:9px 0}.vital span{font-size:9px;width:24px;color:#dddccc}.vital i{display:block;width:112px;height:3px;background:#263d3cb0}.vital b{height:100%;display:block;background:#c3d2bc;transition:width .15s}.vital.health b{background:#e0c58d}.vital.health i{height:4px}.vital em{font-size:9px;font-style:normal;width:20px}.vital.small i{height:2px}#toolbar{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:6px}#toolbar button{background:#12231ed9;font-size:11px;min-height:46px;white-space:nowrap;padding:9px 14px;backdrop-filter:blur(8px)}.key{display:inline-block;color:#dfc997;font:10px Georgia;margin-right:7px;border:1px solid #cfbe8e55;padding:2px 4px}#desktop-help{position:absolute;bottom:12px;left:27px;font-size:9px;color:#cbd3c5}#saved{position:absolute;right:28px;bottom:30px;font-size:10px;color:#d6d9c8}#build-hint{position:absolute;bottom:132px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;pointer-events:auto;background:#102520ed;padding:12px;border:1px solid var(--line);width:max-content;max-width:90vw;font-size:12px}#build-hint span{font-size:10px;color:var(--muted)}#build-hint button{font-size:11px;padding:9px 15px}#touch-move,#touch-actions{display:none}#panel-backdrop{position:fixed;inset:0;background:#06121580;z-index:30;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);padding:24px;touch-action:auto}#panel{width:min(670px,95vw);max-height:88vh;overflow:auto;background:linear-gradient(145deg,#23342e,#10211f);border:1px solid #acac814a;box-shadow:0 24px 80px #0008;padding:30px}#panel>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}#panel h2{font-size:25px;font-weight:400;margin:8px 0 0}#close-panel{font-size:25px;min-width:44px;background:transparent;border:0}#panel-content p{font-size:13px;line-height:1.9;color:#cbd5c8}#panel-content .subtle{font-size:11px;color:#a8b5a9}#panel-content h3{font-size:14px;font-weight:500;margin-top:24px}.recipe{display:grid;grid-template-columns:1fr auto;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid #b2ae7830}.recipe strong{font-size:15px;font-weight:500}.recipe p{font-size:11px!important;line-height:1.7!important;margin:6px 0 0}.recipe button{min-width:90px;font-size:12px}.recipe .cost{color:var(--gold);font-size:10px;margin-top:6px}.bag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bag-item{padding:17px 15px;background:#142720;border:1px solid #91a68535;display:flex;justify-content:space-between;font-size:12px}.bag-item b{font-size:18px;font-weight:400;color:var(--gold)}.panel-actions{display:flex;gap:10px;margin:22px 0 0;flex-wrap:wrap}.panel-actions button{flex:1;white-space:nowrap;font-size:12px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;font-size:12px;line-height:1.8}.controls span{color:#aebfae}.setting{display:flex;justify-content:space-between;align-items:center;margin:18px 0;font-size:13px;gap:25px}.setting input[type=range]{width:46%;accent-color:#d6b879}.setting select{padding:10px;background:#10221b;color:#e4e8da;border:1px solid var(--line)}.story-entry{border-left:1px solid var(--line);padding:0 0 8px 15px;margin:20px 0}.story-entry span{font-size:10px;color:var(--gold);letter-spacing:.12em}.story-entry h3{margin:7px 0;font-size:16px}.story-entry p{margin:0}#fatal{position:fixed;z-index:100;inset:0;background:#142321;padding:15vh 9vw;line-height:1.8}#fatal p{max-width:600px}.danger{border-color:#bb6a50!important;color:#e8aa94}body.large-text #objective h2,body.large-text #dialogue{font-size:18px}body.large-text #objective p,body.large-text #panel-content p{font-size:15px}
@media(pointer:coarse){#desktop-help,.key{display:none}#touch-move{display:block;position:absolute;left:27px;bottom:max(28px,env(safe-area-inset-bottom));width:116px;height:116px;border:1px solid #ece5ca66;background:#0e28213a;border-radius:50%;touch-action:none}#stick{position:absolute;left:34px;top:34px;width:48px;height:48px;border-radius:50%;background:#d9d2b633;border:1px solid #ede9ce99;pointer-events:none}#touch-actions{display:grid;grid-template-columns:50px 74px;gap:9px;position:absolute;right:25px;bottom:max(26px,env(safe-area-inset-bottom));align-items:end}#touch-actions button{font-size:11px;border-radius:50%;background:#112b25a9;padding:0;width:50px;height:50px;touch-action:none}#touch-actions #interact{grid-column:2;grid-row:1 / span 2;width:74px;height:74px;border-color:#d6c194;font-size:14px;background:#294036c9}#mount{position:absolute;right:0;bottom:91px;border-radius:3px!important;width:74px!important;height:40px!important}#vitals{bottom:164px;left:29px}#toolbar{bottom:27px;gap:4px}#toolbar button{padding:9px 11px;min-height:40px;font-size:10px}#dialogue{bottom:183px}#saved{bottom:10px;right:23px}#build-hint{bottom:181px}}
@media(max-width:700px){.screen{padding:8vw}.opening h1{font-size:73px}.opening .eyebrow{font-size:8px}.jtitle{font-size:14px}.intro{font-size:12px}.chapter-teaser{display:none}#hud>header{left:18px;right:18px;top:16px}.mark{font-size:16px}.mark span{font-size:8px}.top-right{gap:8px;font-size:9px}#objective{top:83px;left:18px;max-width:260px}#objective h2{font-size:13px}#objective p{font-size:10px}#compass{min-width:58px;gap:8px;font-size:9px}#weather{max-width:55px;text-align:right}#vitals{left:20px}.vital i{width:91px}#touch-move{left:19px;width:102px;height:102px}#stick{left:27px;top:27px}#touch-actions{right:18px}#toolbar{bottom:143px;left:auto;right:17px;transform:none;max-width:200px;flex-wrap:wrap;justify-content:flex-end}#toolbar button{min-height:34px;padding:6px 10px}.vital{margin:7px 0}#vitals{bottom:145px}#dialogue{font-size:12px;bottom:240px;width:92%;padding:8px 14px}#panel{padding:21px}#panel-backdrop{padding:12px}.bag-grid{grid-template-columns:1fr 1fr}.controls{grid-template-columns:1fr;font-size:11px}#build-hint{bottom:234px;flex-wrap:wrap;justify-content:center;gap:7px;font-size:11px}#build-hint span{display:none}#focus{top:calc(50% + 18px)}#focus small{font-size:11px}#saved{font-size:8px}#panel h2{font-size:22px}}
@media(max-height:530px){.screen{padding:5vh 7vw}.opening h1{font-size:56px;margin:13px 0}.jtitle{margin-top:17px;font-size:12px}.rule{margin:14px 0}.intro{font-size:11px;margin:10px 0}.start-actions{gap:3px;margin-top:10px;max-width:220px}.start-actions button.primary{min-height:39px;padding:10px 16px;min-width:220px;font-size:12px}.start-actions .quiet{min-height:30px;padding:4px 0;font-size:11px}.save-caption{font-size:8px;margin-top:8px}#objective{top:70px;max-width:290px}#objective h2{font-size:12px;margin-top:4px}#objective p{font-size:9px}#touch-move{bottom:20px;width:90px;height:90px}#stick{left:21px;top:21px}#vitals{bottom:120px}.vital{margin:5px 0}#toolbar{bottom:20px;left:50%;right:auto;transform:translateX(-50%);flex-wrap:nowrap;max-width:none}#dialogue{bottom:90px;width:60%;font-size:11px}#build-hint{bottom:90px}#panel{max-height:94vh}}
#level-row{font-size:10px;max-width:178px;margin-bottom:12px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;color:#ece2bd}#level-row small{font-size:8px;color:#c4d9cc}#level-row>i{height:2px;background:#183e3b;width:100%}#level-fill{display:block;height:100%;background:#a6d8cf;transition:width .25s}#boss-hud{position:absolute;top:77px;left:50%;transform:translateX(-50%);width:min(440px,80vw);text-shadow:0 2px 5px #000}#boss-hud>div{display:flex;justify-content:space-between;align-items:center;font-size:14px;letter-spacing:.13em}#boss-hud small{font-size:10px;color:#e2b9a0}#boss-hud>i{display:block;margin-top:9px;background:#152a2ce0;height:5px;border:1px solid #dfbd8d55}#boss-health{display:block;height:100%;background:linear-gradient(90deg,#8f4f3a,#dcab79);transition:width .18s}#boss-action{font-size:11px;text-align:center;margin:8px 0}.boss-fight #objective{top:152px;max-width:240px}.growth-card{padding:20px 0;border-bottom:1px solid var(--line)}.growth-heading{display:flex;justify-content:space-between;align-items:center}.growth-heading strong{font-size:17px;font-weight:500}.growth-heading b{font-size:22px;color:var(--gold);font-family:Georgia,serif;font-weight:400}.growth-card>small{font-size:11px;color:var(--muted)}.experience{height:3px;background:#17352c;margin:12px 0 9px}.experience>i{height:100%;display:block;background:#b3cebd}.trait-actions{display:flex;gap:6px;margin-top:15px;flex-wrap:wrap}.trait-actions button{flex:1;font-size:12px;white-space:nowrap;padding:9px 10px}.trait-actions span{color:var(--gold);padding-left:8px}.growth-card>[data-heal-animal]{font-size:11px}#touch-actions #touch-dodge{position:absolute;right:146px;bottom:0;border-color:#b9d7d3b0}#toolbar button{padding-left:11px;padding-right:11px}@media(max-width:700px){#boss-hud{top:70px;width:85vw}.boss-fight #objective{top:147px;max-width:200px}#level-row{max-width:150px;font-size:9px}#toolbar{max-width:230px}.trait-actions button{font-size:11px}}@media(max-height:530px){#boss-hud{top:59px;width:40vw}.boss-fight #objective{top:75px;max-width:180px;opacity:.65}#boss-hud>div{font-size:12px}#boss-action{font-size:10px}#level-row{font-size:9px;margin-bottom:8px}#toolbar{gap:3px}#toolbar button{padding:8px;font-size:9px}}