@font-face{font-family:Galmuri11;src:url(/fonts/Galmuri11.woff2) format("woff2");font-display:swap}@font-face{font-family:Galmuri11;src:url(/fonts/Galmuri11-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Galmuri14;src:url(/fonts/Galmuri14.woff2) format("woff2");font-display:swap}:root{color-scheme:dark;--outline:#302318;--wood:#684527;--wood-l:#a77a46;--wood-d:#3e2b1b;--tan:#eedbb1;--tan-d:#cdb181;--cream:#fff2d2;--ink:#302115;--ink-soft:#715a3c;--green:#518e2c;--green-d:#2d5b19;--gold:#ffc34b;--orange:#eaaa32;--red:#b74330;--f14:Galmuri11,"Apple SD Gothic Neo",sans-serif;--f11:Galmuri11,"Apple SD Gothic Neo",sans-serif;--dock:64px}*{box-sizing:border-box}html,body{margin:0;background:#152b21;color:var(--cream);font-family:var(--f14);font-size:14px;line-height:1.5}body{min-width:300px;background-image:url(/assets/ui/foliage.webp);background-size:420px}button,input,select{font:inherit}button{color:inherit;cursor:pointer;border:0;border-radius:0;background:none;padding:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:default;filter:saturate(.55);opacity:.6}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ffca59;outline-offset:2px}button:active:not(:disabled){filter:brightness(.91)}a{color:inherit}h1,h2,h3,p{margin:0}button,span{overflow-wrap:break-word}.ic{width:24px;height:24px;flex:none}.wood{background:#5d4029 url(/assets/ui/wood.webp) center/360px;border:2px solid #36271b;box-shadow:inset 0 2px #ad8251,inset 0 -2px #271d14,0 1px #171e14}#app{width:min(100%,600px);height:100svh;height:100dvh;min-height:550px;max-height:1100px;margin:auto;display:flex;flex-direction:column;gap:0;background:#1b3425 url(/assets/ui/foliage.webp) center/380px;box-shadow:0 0 0 4px #2d2119,0 0 60px #0008;position:relative;padding-top:env(safe-area-inset-top)}.game-header{height:40px;flex:none;display:flex;align-items:center;padding:0 10px;gap:8px;border-top:0}.wordmark{text-decoration:none;font-size:25px;font-weight:700;text-shadow:2px 2px #201711;display:flex;align-items:center;line-height:1}.brand-leaf{font-size:29px;color:#6b9b42;margin-left:5px}.clock{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:15px;text-shadow:1px 2px #201711}.clock b{font-weight:400}.weather-icon{width:28px;height:28px;color:#ffce50;display:grid;place-items:center;margin:0 3px}.weather-icon .ic{fill:#ffd565;stroke:#754d20}.hud-menu{width:44px;height:44px;display:grid;place-items:center;color:#f6ce82;margin-right:-8px;border-left:2px solid #342519}.hud-menu .ic{width:28px;height:28px;stroke-width:3}.sprite{display:inline-block;width:40px;height:40px;object-fit:contain;image-rendering:pixelated;flex:none;vertical-align:middle}.sprite-fallback{background:none;display:grid;place-items:center}.vitals{height:44px;flex:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:3px 6px;background:#342b20}.vital{position:relative;display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;height:40px;background:#302e27;border:2px solid #a58755;box-shadow:inset 2px 2px #191c19,inset -2px -2px #62523e;color:#faf0d8;text-shadow:1px 2px #171914;white-space:nowrap}.vital .sprite{width:27px;height:29px}.vital b{font-weight:400;font-size:16px;white-space:nowrap}.vital.caution{background:#9b671e;border-color:#ffc550;box-shadow:inset 2px 2px #5a3714,inset -2px -2px #dba447}.vital.severe{background:#81372a;border-color:#f39768}.vital-alert{position:absolute;right:1px;top:0;font-size:11px;color:#fff0b9;font-style:normal;line-height:1}.vital:has(.vital-alert){padding-right:6px}.scene{height:clamp(78px,12dvh,150px);flex:none;position:relative;overflow:hidden;border-bottom:2px solid #243720}.landscape{position:absolute;inset:0;background:#529cae url(/assets/landscapes.webp) center var(--place-y,0%)/100% 500% no-repeat;image-rendering:pixelated}.night .landscape{filter:brightness(.38) saturate(.65) hue-rotate(15deg)}.dusk .landscape{filter:sepia(.3) saturate(.9) brightness(.78)}.raining .landscape{filter:brightness(.66) saturate(.75)}.scene-weather{position:absolute;right:8px;top:5px;font-size:12px;text-shadow:1px 1px #132626}.place-sign{position:absolute;left:12px;bottom:12px;transform:rotate(-4deg);background:#e1b879 url(/assets/ui/parchment.webp) center/240px;border:3px solid #754a26;box-shadow:inset 2px 2px #ffe6b5,inset -2px -2px #ac804d,2px 3px #241e17;color:#392815;min-width:76px;min-height:46px;padding:2px 12px;font-weight:700;font-size:21px}.place-sign:after{content:"";position:absolute;width:9px;height:20px;left:18px;top:100%;background:#79502b;border-left:2px solid #ba8851;z-index:-1}.place-sign span{display:block;font-size:10px;font-weight:400;line-height:1.2}.rain-effect{display:none;pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(112deg,transparent 0 30px,#bce6f188 31px 32px,transparent 33px 69px);opacity:.35}.raining .rain-effect{display:block;animation:rain .5s linear infinite}@keyframes rain{to{background-position:-24px 48px}}.explore-bar{flex:none;display:flex;align-items:center;gap:8px;padding:5px 10px;height:54px}.explore-button{flex:1;min-height:46px;display:flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(#ffcd57 0 12%,#f4b837 12% 80%,#d99524 80%);color:#3b240a;border:2px solid #74451c;box-shadow:inset 2px 2px #ffef9f,inset -2px -2px #b16c18,0 0 0 1px #2e2618;text-shadow:0 1px #ffe496;font-size:17px;font-weight:700}.explore-button .ic{width:25px;height:25px;stroke-width:2.6}.explore-progress{font-size:11px;white-space:nowrap;color:#e2dec5;text-align:center;min-width:62px}.explore-progress b{display:block;font-size:13px;font-weight:400}.camp-action{font-size:16px}.discovery-strip{height:32px;flex:none;display:flex;align-items:center;gap:7px;margin:0 8px 4px;padding:0 8px;text-align:left;font-size:12px;min-width:0}.discovery-strip .sprite{width:26px;height:26px}.discovery-strip>b{font-weight:400;white-space:nowrap;border-right:1px solid #b5976555;padding-right:7px}.discovery-strip>span:not(.sprite){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;color:#eee2c5}.save-dot{width:5px;height:5px;background:#8cac60;flex:none}.save-dot.unsaved{background:#ff8350;box-shadow:0 0 0 2px #ce7127}.field{display:flex;flex-direction:column;flex:1;min-height:130px;margin:0 8px 5px}.field-heading{height:32px;flex:none;position:relative;display:flex;align-items:center;justify-content:center;background-image:url(/assets/ui/wood-light.webp)}.field-heading h1{font-size:16px;text-shadow:1px 2px #3a291b;font-weight:700}.pagination{position:absolute;right:2px;display:flex;align-items:center;gap:3px;font-size:11px;height:100%}.pagination button{width:36px;height:44px;font-size:25px;position:relative;z-index:1}.item-count{padding-right:7px;opacity:.65}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:7px;padding:7px 3px 3px;min-height:0;flex:1}.card-grid.one-row{grid-template-rows:minmax(0,1fr)}.item-card{min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;position:relative;padding:5px 3px 4px;color:#322115;border:2px solid #8f784b;background:#f2e3bc url(/assets/ui/parchment.webp) center/240px;box-shadow:inset 2px 2px #fff4d3,inset -2px -2px #ccba8d,0 2px #112019;clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px)}.item-art{width:min(100%,100px);flex:1;min-height:24px;max-height:110px;aspect-ratio:1;height:auto;object-fit:contain}.item-name{font-size:14px;font-weight:700;line-height:1.3;white-space:nowrap;margin-top:1px}.item-qty{font-size:13px;line-height:1.25;padding:0 10px;margin-top:3px;min-width:35px;background:#d5be8d99;clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px)}.selected{border-color:#f3a626;box-shadow:inset 2px 2px #ffdb79,inset -2px -2px #e2a237,0 0 0 1px #8c6229}.compatible{border-color:#daa541;box-shadow:inset 2px 2px #ffdd89,inset -2px -2px #ebc463,0 2px #112019}.selected-check{position:absolute;right:0;top:0;background:#d59524;color:#fff7cd;width:23px;height:23px;font-weight:700;font-size:19px;line-height:23px;border-left:2px solid #ffe5a2;border-bottom:2px solid #f7d27a;z-index:1}.new-tag{position:absolute;left:2px;top:2px;background:#698243;color:#fff5d9;padding:0 4px;font-size:9px;z-index:1}.expiry{font-size:9px;color:#84704d;line-height:1.2;margin-top:2px;white-space:nowrap}.expiry.urgent{color:#aa3926}.empty-board{display:flex}.empty-field{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:1px dashed #77936b66;margin:5px 0;color:#e5dabb;text-align:center}.empty-field .sprite{width:66px;height:66px;opacity:.65}.empty-field strong{font-size:15px;font-weight:400}.empty-field>span:not(.sprite){font-size:12px;color:#c2c8ad}.arrive{animation:arrive .28s steps(5,end)}@keyframes arrive{0%{translate:0 8px;opacity:.3}to{translate:0 0;opacity:1}}.bag-shelf{height:54px;flex:none;margin:0 8px 5px;display:flex;gap:5px;align-items:center;padding:3px 6px}.bag-label{display:flex;align-items:center;gap:4px;min-height:44px;white-space:nowrap;flex:none}.bag-label .sprite{width:32px;height:36px}.bag-label span:not(.sprite){font-size:12px}.bag-label b{font-weight:400;color:#d8c39d}.bag-items{display:flex;align-items:center;gap:4px;min-width:0;flex:1}.bag-card{width:44px;height:44px;min-height:44px;flex:none;padding:1px;border:1px solid #b3915d;background:#35281daa;box-shadow:inset 1px 1px #73563b;color:var(--cream)}.bag-card .sprite{width:38px;height:38px;max-height:38px;min-height:0}.bag-card .item-name{display:none}.bag-card .item-qty{position:absolute;right:1px;bottom:1px;min-width:12px;padding:0 2px;font-size:10px;background:#392716dd;color:#f5d8a1;margin:0}.bag-card .selected-check{width:12px;height:12px;font-size:10px;line-height:10px;border-width:1px}.bag-toggle{margin-left:auto;flex:none;font-size:11px;min-height:44px;min-width:59px;background:#a67b4540;border:1px solid #a4834c;padding:0 4px}.empty-bag{font-size:11px;color:#c0a57f}.bag-shelf.expanded{height:auto;min-height:54px;flex-wrap:wrap}.bag-shelf.expanded .bag-items{order:3;flex-basis:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:4px}.expanded .bag-card{width:100%;height:60px;min-height:60px}.expanded .bag-card .item-name{display:block;font-size:10px;margin:0}.expanded .bag-card .sprite{height:33px;max-height:33px}.bag-shelf.expanded .bag-toggle{margin-left:auto}.context-panel{flex:none;min-height:116px;display:flex;gap:5px;margin:0 8px 6px;padding:5px 7px;border:2px solid #8e774d;color:var(--ink);background:#f0dfb3 url(/assets/ui/parchment.webp) center/350px;box-shadow:inset 2px 2px #fff4d0,inset -2px -2px #cdb789}.context-art{width:60px;flex:none;align-self:center}.context-art .sprite{width:60px;height:66px}.context-main{flex:1;min-width:0}.context-title{display:flex;align-items:center;justify-content:space-between;min-height:24px;font-weight:700;font-size:16px}.context-title>button:first-child{display:flex;align-items:center;gap:7px;min-height:28px}.context-title small{font-size:10px;font-weight:400;color:#876b41}.context-close{width:32px;height:28px;font-size:23px;line-height:1}.context-recipe{display:flex;align-items:center;gap:4px;min-height:32px}.recipe-flow{display:flex;align-items:center;gap:3px}.flow-item{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center}.flow-item .sprite{width:32px;height:30px}.flow-item small{font-size:8px;line-height:1;color:#74582e}.flow-plus,.flow-arrow{font-size:16px;font-weight:700;color:#63451f}.flow-item.missing{opacity:.5}.benefit{font-size:10px;background:#d9bf8e66;padding:3px 5px;border-radius:2px;margin-left:auto}.recipe-cycle{min-width:30px;min-height:32px;font-size:24px}.context-summary{font-size:11px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.context-actions{display:flex;gap:6px;margin-top:4px}.context-actions button{min-height:44px;flex:1;white-space:nowrap;font-size:14px}.context-actions .primary{flex:1.35}.context-error{font-size:10px;color:#9f3f24;line-height:1.4;margin:2px 0}.context-idle{min-height:38px;height:38px;background:#263c23bd;box-shadow:none;border:1px solid #a38b4755;color:#e6dcbb;margin-bottom:5px;padding:0 7px}.context-tip{display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;width:100%}.context-tip .sprite{width:25px;height:27px}.context-notice{display:flex;align-items:center;gap:8px;width:100%;text-align:left}.context-notice>span:last-child{margin-left:auto}.context-notice b{font-size:12px;color:#ffcd60;font-weight:400}.context-notice small{font-size:10px;margin-left:7px}.warning-mark{background:#d99c38;color:#33210e;padding:0 5px;font-weight:700}.action-dock{height:calc(65px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);flex:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;border-bottom:0;padding-left:4px;padding-right:4px}.dock-tab{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;border:2px solid transparent;text-shadow:1px 2px #241a12;font-size:13px}.dock-tab .sprite{width:34px;height:34px}.dock-tab.active{border-color:#d9a956;box-shadow:inset 2px 2px #e7c17b,inset -2px -2px #9b6e31;background:#4c3a2944}.notice-dot{position:absolute;right:19%;top:8px;width:9px;height:9px;background:#ffd36b;border:2px solid #ad7129;box-shadow:0 0 0 1px #463119}.notice-dot.severe{background:#ff9477;border-color:#ad4630}dialog{color:var(--ink);background:var(--tan);border:4px solid var(--wood-l);box-shadow:0 0 0 2px var(--outline),0 0 0 6px var(--wood),0 0 0 8px var(--outline),0 24px 80px #000c;padding:22px;max-width:560px;width:92vw;border-radius:0}dialog::backdrop{background:#0d1a10a8}dialog h2{font-family:var(--f14);font-weight:400;font-size:28px;line-height:1.2;margin:0 0 14px;color:var(--ink)}dialog p{font-size:14px;line-height:1.7;color:#5a4a3a}.dialog-actions{display:flex;gap:8px;margin-top:18px}.dialog-actions>*{flex:1}dialog .log-entry{border-top:2px solid var(--tan-d);padding:8px 0;font-size:14px;line-height:1.6;color:#4a3a2a}dialog .log-entry small{display:block;color:var(--ink-soft);font-family:var(--f11);font-size:11px}body:has(dialog[open]){overflow:hidden}.sheet:not([open]){display:none}.sheet[open]{display:flex;flex-direction:column;position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,600px);max-height:86dvh;padding:0 0 env(safe-area-inset-bottom);border-bottom:0;overflow:hidden;animation:rise .18s steps(3,end)}@keyframes rise{0%{translate:0 24px}to{translate:0 0}}.sheet-handle{width:40px;height:4px;background:var(--wood-l);box-shadow:0 0 0 2px var(--outline);margin:12px auto 6px;flex:none}.tabs{display:flex;gap:6px;padding:6px 12px 0;border-bottom:2px solid var(--outline);flex:none}.tabs button{min-height:40px;padding:0 10px;font-size:14px;color:var(--ink-soft);background:var(--tan-d);border:2px solid var(--wood-l);border-bottom:0;box-shadow:0 0 0 2px var(--outline);margin-bottom:2px}.tabs button.active{color:var(--ink);background:var(--cream);margin-bottom:0;padding-bottom:2px}.tabs .sheet-close{margin-left:auto;font-family:var(--f11);font-size:11px}.inspector-content{padding:16px 20px 24px;overflow:auto;flex:1;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;background:var(--cream)}.detail-eyebrow{font-family:var(--f11);font-size:11px;letter-spacing:1px;color:var(--wood);margin-bottom:6px}.detail-title{font-family:var(--f14);font-weight:400;font-size:28px;line-height:1.2;margin:0 0 10px;color:var(--ink)}.detail-desc{font-size:14px;line-height:1.7;color:#5a4a3a;margin:0 0 14px}.detail-art{float:right;width:80px;height:80px;margin:0 0 10px 12px;background:var(--tan);border:2px solid var(--wood-l);box-shadow:0 0 0 2px var(--outline);padding:4px;image-rendering:pixelated}.action-row{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;padding:8px 12px;margin:0 0 10px;font-size:14px;color:var(--ink);background:var(--tan);border:2px solid var(--wood-l);box-shadow:0 0 0 2px var(--outline),inset -2px -2px 0 1px var(--tan-d)}.action-row:hover:not(:disabled){background:#fbeac0}.action-row:active{box-shadow:0 0 0 2px var(--outline),inset 2px 2px 0 1px var(--tan-d)}.action-row small{font-family:var(--f11);font-size:11px;color:var(--wood-d);white-space:nowrap}.recipe{display:block}.recipe .recipe-line{display:flex;justify-content:space-between;gap:6px;margin-bottom:4px}.recipe .needs{font-family:var(--f11);font-size:11px;line-height:1.7;color:var(--ink-soft)}.recipe.unavailable{background:#e8d9ad;border-style:dashed}.recipe.unavailable .recipe-line{color:var(--ink-soft)}.mini-label{font-family:var(--f11);font-size:11px;color:var(--wood);margin:18px 0 8px}.preview-box{background:var(--tan);border:2px solid var(--wood-l);box-shadow:0 0 0 2px var(--outline);padding:12px;margin:14px 2px}.preview-line{display:flex;justify-content:space-between;font-size:14px;margin-bottom:6px;color:#5a4a3a}.preview-line strong{color:var(--ink);font-weight:400}.cost-line{font-family:var(--f11);font-size:11px;line-height:1.8;color:var(--ink-soft)}.result{font-size:14px;line-height:1.6;color:var(--green-d);margin-top:8px;padding-top:8px;border-top:2px solid var(--tan-d)}.warning{font-family:var(--f11);font-size:11px;line-height:1.7;color:#8a5a10;padding:4px 0}.error{font-family:var(--f11);font-size:11px;line-height:1.7;color:#a83a2a}.primary{width:100%;min-height:50px;font-size:14px;color:var(--cream);background:var(--green);border:2px solid #9ad36e;box-shadow:0 0 0 2px var(--outline),inset -3px -3px 0 1px var(--green-d);text-shadow:1px 1px 0 var(--outline);margin:2px}.primary:active:not(:disabled){box-shadow:0 0 0 2px var(--outline),inset 3px 3px 0 1px var(--green-d)}.primary:disabled{opacity:.5}.cancel{width:100%;min-height:44px;font-family:var(--f11);font-size:11px;color:var(--ink-soft)}.helper{font-family:var(--f11);font-size:11px;line-height:1.8;color:var(--ink-soft);margin-top:12px}.quiet{min-height:44px;padding:0 12px;font-size:14px;color:var(--ink);background:var(--tan);border:2px solid var(--wood-l);box-shadow:0 0 0 2px var(--outline);margin:2px}.quiet:hover:not(:disabled){background:#fbeac0}.quantity{display:flex;gap:8px;align-items:center;font-size:14px;margin:12px 2px;color:#5a4a3a}.quantity select,.combine-inputs select{min-height:44px;font-size:16px;font-family:var(--f14);color:var(--ink);background:var(--tan);border:2px solid var(--wood-l);box-shadow:0 0 0 2px var(--outline);padding:4px 8px;border-radius:0}.transfer-row{display:flex;gap:8px}.transfer-row button{flex:1}.discovery-log{border-left:4px solid var(--wood-l);padding-left:10px;margin:8px 0 16px;color:#5a4a3a;font-size:14px;line-height:1.6}.discovery-log p{margin:6px 0}.combine-inputs{display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);gap:8px;align-items:center;margin:14px 2px}.combine-inputs label{font-family:var(--f11);font-size:11px;color:var(--ink-soft)}.combine-inputs select{display:block;width:100%;margin-top:6px}.combine-inputs>span{padding-top:18px;text-align:center;color:var(--wood)}.character-switch{display:flex;gap:8px;margin:2px 2px 16px}.character-switch button{flex:1;min-height:42px;font-size:14px;color:var(--ink-soft);background:var(--tan-d);border:2px solid var(--wood-l);box-shadow:0 0 0 2px var(--outline)}.character-switch button.active{background:var(--orange);color:var(--cream);text-shadow:1px 1px 0 var(--outline)}.body-context{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;background:var(--tan);border:2px solid var(--wood-l);box-shadow:0 0 0 2px var(--outline);font-family:var(--f11);font-size:11px;color:#5a4a3a;margin:14px 2px}.body-context span{display:flex;justify-content:space-between;gap:6px}.body-context b{color:var(--ink)}.stat-group{border-top:2px solid var(--tan-d)}.stat-group summary{display:flex;align-items:center;min-height:46px;font-size:14px;cursor:pointer;color:var(--ink);list-style:none}.stat-group summary:before{content:"▶";margin-right:8px;font-size:9px;color:var(--wood)}.stat-group[open] summary:before{content:"▼"}.stat-group summary small{margin-left:auto;font-family:var(--f11);font-size:11px;color:var(--ink-soft)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:2px 2px 14px}.stat-card{text-align:left;min-height:80px;padding:10px;background:var(--tan);border:2px solid var(--wood-l);box-shadow:0 0 0 2px var(--outline);color:var(--ink)}.stat-card.caution{border-color:var(--gold)}.stat-card.severe{border-color:var(--red);background:#f4c8b8}.stat-heading{display:flex;justify-content:space-between;gap:6px;align-items:center;font-size:14px;margin-bottom:6px}.stat-card small{display:block;font-family:var(--f11);font-size:11px;color:var(--ink-soft);margin-top:6px;line-height:1.5}.track{height:8px;background:var(--outline);padding:1px}.fill{height:100%;background:var(--vital);transition:width .3s steps(6)}.stat-detail{padding:12px;background:var(--tan);border:2px solid var(--wood-l);box-shadow:0 0 0 2px var(--outline);margin:12px 2px}.stat-detail p,.skill-list p{font-size:14px;line-height:1.7;color:#5a4a3a}.stat-detail strong{font-size:18px;color:var(--ink);font-weight:400}.skill-list section{padding:12px 0;border-bottom:2px solid var(--tan-d)}.skill-list p{margin-bottom:0}.mats{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.chip{display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:2px 7px;font-family:var(--f11);font-size:11px;border:2px solid;background:var(--cream)}.chip img{width:16px;height:16px;image-rendering:pixelated}.chip b{font-weight:400}.chip.ok{border-color:#5f9a3a;background:#dff0c6;color:#2f5a1e}.chip.no{border-color:var(--red);background:#f6d3c9;color:#7a2418}.chip.tool:before{content:"도구";font-size:9px;opacity:.7;margin-right:2px}.chip.place:before{content:"장소";font-size:9px;opacity:.7;margin-right:2px}.legend{margin:0 0 12px}.legend .chip{min-height:20px;padding:0 6px;vertical-align:middle}.recipe{display:flex;gap:10px;align-items:flex-start;text-align:left}.recipe-icon{width:44px;height:44px;flex:none;image-rendering:pixelated;background:var(--cream);border:2px solid var(--wood-l);box-shadow:0 0 0 1px var(--outline)}.recipe-main{flex:1;min-width:0}.recipe-desc{font-family:var(--f11);font-size:11px;color:var(--ink-soft);line-height:1.5;margin-top:2px}.recipe .mats{margin:6px 0 0}.recipe .stage{margin-left:6px;font-family:var(--f11);font-size:11px;color:var(--cream);background:var(--orange);padding:0 5px;border:1px solid var(--outline)}.recipe.ready{border-color:#5f9a3a;box-shadow:0 0 0 2px var(--outline),inset -2px -2px 0 1px #c9dfa8}.recipe.ready .recipe-line small{color:#2f5a1e}.recipe.blocked{background:#efe2c2}.recipe.research{background:#f4ecd8;border-style:dashed}.recipe.research .recipe-line small{color:#8a5a10}.recipe.idea{background:#e8dcbb;border-style:dashed;opacity:.85}.recipe.installed{opacity:.6}.recipe .needs.error{color:#a83a2a}.explore-box{background:var(--tan);border:2px solid var(--wood-l);box-shadow:0 0 0 2px var(--outline);padding:10px 12px;margin:10px 2px 14px}.explore-box .track{margin:6px 0}.place-row{padding:10px 12px}.place-row b{display:inline-block;width:26px;height:26px;line-height:26px;text-align:center;background:var(--wood-l);color:var(--cream);border:1px solid var(--outline);margin-right:6px;font-family:var(--f14)}.place-row .sub{display:block;font-family:var(--f11);font-size:11px;color:var(--ink-soft);margin-top:4px}.place-row.current{background:#f7d97a}.place-row.locked{opacity:.7;background:#e8dcbb;border-style:dashed}.place-row.locked b{background:#5a3a1e}.alert-card{margin:0 2px 10px;padding:8px 10px 10px;background:var(--tan);border:2px solid var(--gold);box-shadow:0 0 0 2px var(--outline)}.alert-card.severe{border-color:var(--red);background:#f4c8b8;animation:alert 1.2s steps(2,end) infinite}.alert-card p{margin:4px 0 8px;font-family:var(--f11);font-size:11px;color:#5a4a3a;line-height:1.5}.alert-card .action-row{margin:0}.alert-head{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;font-size:14px;color:var(--ink);min-height:32px}.alert-head b{font-family:var(--f11);font-weight:700}@keyframes alert{50%{box-shadow:0 0 0 2px var(--outline),0 0 0 4px var(--red)}}.ok-line{color:#2f5a1e}.sleep-row{display:flex;gap:6px;flex-wrap:wrap;margin:0 2px 8px}.sleep-row button{flex:1;min-width:60px;min-height:40px;font-family:var(--f11);font-size:11px;color:var(--ink);background:var(--tan);border:2px solid var(--wood-l);box-shadow:0 0 0 2px var(--outline)}.badge{display:inline-block;min-width:18px;height:18px;line-height:16px;margin-left:4px;padding:0 4px;font-style:normal;font-family:var(--f11);font-size:11px;font-weight:700;text-align:center;color:#3a2a1a;background:var(--gold);border:1px solid var(--outline);vertical-align:middle}.badge.severe{color:var(--cream)}.badge.severe{background:var(--red)}dialog{background:#efdeb5 url(/assets/ui/parchment.webp) center/400px;color:var(--ink);font-size:14px;max-height:90dvh;overflow:auto;line-height:1.6}dialog h2{font-family:var(--f14);font-size:23px}dialog button{touch-action:manipulation}.sheet[open]{width:min(100%,600px);max-height:90dvh;z-index:30}.sheet-handle{margin:9px auto 4px}.tabs{padding:5px 8px 0;gap:4px}.tabs button{font-size:13px;min-height:44px;padding:0 9px}.tabs .sheet-close{font-size:12px}.inspector-content{background:transparent;padding:12px 14px 18px}.detail-eyebrow{font-size:11px;margin:0 0 5px;letter-spacing:0}.detail-title{font-family:var(--f14);font-size:22px;font-weight:700;margin-bottom:8px}.detail-desc{font-size:13px;line-height:1.6;margin-bottom:10px}.detail-art{width:66px;height:66px;padding:0;border:0;box-shadow:none;background-color:transparent}.primary{min-height:46px;margin:0;border:2px solid #3e641f;background:linear-gradient(#78ad43 0 10%,#52902b 10% 84%,#387020 84%);box-shadow:inset 2px 2px #b9d978,inset -2px -2px #28521a;color:#fff7d8;text-shadow:1px 2px #315022;font-size:15px}.quiet{min-height:44px;margin:0;background:linear-gradient(#e7c98d,#d5b57b);border:2px solid #927046;box-shadow:inset 2px 2px #fff0bf,inset -2px -2px #b38c50;color:#3d2814;padding:0 10px}.cancel{min-height:44px}.action-row{min-height:48px;font-size:14px;padding:8px 10px;background:#e5cda088;border-color:#b99b66;box-shadow:inset 1px 1px #ffefc2,inset -1px -1px #c2a573}.action-row small{font-size:11px}.recipe{gap:8px}.recipe-icon{width:48px;height:48px;background-color:transparent;border:0;box-shadow:none}.recipe-desc{font-size:12px;line-height:1.5}.recipe .recipe-line{gap:7px}.recipe .recipe-line>span{font-size:14px}.recipe .stage{font-size:10px;white-space:nowrap}.recipe-guidance{font-size:11px;color:#865328;line-height:1.5;margin-top:4px}.chip{font-size:11px;min-height:25px;padding:2px 5px;gap:3px;border-width:1px}.chip .sprite{width:20px;height:20px}.chip.tool:before,.chip.place:before{font-size:9px}.mats{gap:5px}.helper{font-size:12px;line-height:1.6;margin-top:8px}.legend{font-size:11px}.stat-group summary{font-size:14px;min-height:48px}.stat-group summary small{font-size:11px}.next-craft{padding:12px;margin:10px 0 15px;background:#e8cd91a0;border:2px solid #be995a}.next-craft .mini-label{font-size:11px;margin:0}.next-craft h3{font-size:18px;margin:4px 0 5px}.next-craft .recipe-flow{margin:5px 0 8px}.next-craft .flow-item .sprite{width:48px;height:48px}.next-craft p{font-size:12px;margin:8px 0}.next-craft button{width:100%}.preview-box{margin:10px 0;padding:10px;box-shadow:none}.preview-line{font-size:13px}.cost-line{font-size:12px}.result{font-size:13px}.inspector-content:has([data-ui=execute]){display:flex;flex-direction:column}.inspector-content>[data-ui=execute]{position:sticky;bottom:0;flex:none;margin-top:10px;z-index:2;box-shadow:inset 2px 2px #b9d978,inset -2px -2px #28521a,0 0 0 5px #f0deb4}.inspector-content>[data-ui=execute]~.helper{display:none}.alert-card{animation:none;box-shadow:none}.alert-card p{font-size:12px}.alert-card .action-row,.alert-head{min-height:44px}.body-context{font-size:11px;box-shadow:none;padding:8px;margin:10px 0}.sleep-row button{min-height:44px;font-size:11px;min-width:45px}.stat-card{min-height:80px}.stat-heading{font-size:13px}.character-switch button{min-height:44px;font-size:14px}.transfer-row{margin:10px 0}.quantity,.stat-detail p,.skill-list p{font-size:13px}.place-row .sub{white-space:normal;line-height:1.5}.place-row>small{flex:none}.toast{position:fixed;z-index:80;left:50%;bottom:calc(76px + env(safe-area-inset-bottom));transform:translate(-50%);width:max-content;max-width:min(94vw,550px);background:#f4e1b5;color:#432a15;border:2px solid #b58e54;box-shadow:0 2px 0 2px #2c2319;padding:10px 14px;font-size:13px;pointer-events:none}.crash{position:fixed;z-index:99;top:0;left:0;right:0;color:#fff;background:#832c22;max-height:30vh;overflow:auto;font:12px monospace;padding:10px;white-space:pre-wrap}@media(min-width:600px){#app{margin:12px auto;height:calc(100dvh - 24px);min-height:680px;border:3px solid #765330}.game-header{height:48px}.vitals{height:49px}.vital{height:44px}.vital span:not(.sprite){font-size:15px}.vital .sprite{width:32px;height:32px}.scene{height:clamp(110px,18dvh,180px)}.item-name{font-size:16px}.item-qty{font-size:14px}.field{margin-left:12px;margin-right:12px}.card-grid{gap:10px}.context-art{width:78px}.context-art .sprite{width:78px;height:78px}.context-panel{min-height:122px}.context-idle{min-height:38px}.context-title{font-size:18px}.benefit{font-size:12px}.context-actions button{font-size:16px}.bag-label span:not(.sprite){font-size:14px}.discovery-strip{font-size:13px}.bag-toggle{font-size:12px;min-width:76px}.context-summary{font-size:12px}.flow-item .sprite{width:36px;height:33px}}@media(max-width:599px)and (max-height:759px){#app{min-height:550px}.game-header{height:38px}.wordmark{font-size:23px}.clock{font-size:13px}.vitals{height:43px}.vital{height:38px}.scene{height:70px}.place-sign{min-height:39px;font-size:18px;bottom:9px}.place-sign span{font-size:9px}.explore-bar{height:52px;padding:4px 8px}.explore-button{min-height:44px;font-size:15px}.discovery-strip{height:31px;margin-bottom:3px}.field{min-height:112px}.field-heading{height:29px}.field-heading h1{font-size:14px}.card-grid{gap:5px;padding-top:5px}.item-card{padding-top:3px;padding-bottom:3px}.item-name{font-size:12px}.item-qty{font-size:11px;margin-top:1px}.item-art{max-height:94px}.expiry{font-size:8px}.bag-shelf{height:49px;margin-bottom:4px;padding-top:1px;padding-bottom:1px}.context-panel{min-height:108px;margin-bottom:4px;padding:3px 5px}.context-art{width:48px}.context-art .sprite{width:48px;height:54px}.context-title{font-size:14px;min-height:24px}.context-title>button:first-child{min-height:24px}.context-title small{display:none}.context-recipe{min-height:29px}.flow-item .sprite{width:27px;height:27px}.flow-item small{font-size:8px}.benefit{font-size:9px;padding:2px 3px}.context-actions{margin-top:3px}.context-actions button{font-size:13px}.context-idle{min-height:34px;height:34px}.context-tip{font-size:10px}.action-dock{height:calc(57px + env(safe-area-inset-bottom))}.dock-tab{font-size:12px}.dock-tab .sprite{width:29px;height:29px}.context-error{font-size:10px}}@media(max-width:359px){.vital{gap:2px}.vital .sprite{width:23px;height:26px}.vital span:not(.sprite){font-size:11px}.vital b{font-size:14px}.item-name{font-size:11px}.benefit{font-size:9px}.bag-label .sprite{width:25px;height:30px}.bag-toggle{min-width:52px;font-size:10px}.context-art{display:none}.context-recipe{gap:2px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:599px)and (max-height:600px){#app{min-height:520px}.game-header{height:36px}.scene{height:44px}.place-sign{font-size:16px;min-height:32px;bottom:3px;padding:0 10px}.place-sign span{display:none}.discovery-strip{height:28px}.field{min-height:96px}.field-heading{height:27px}.item-card .item-art{min-height:18px}.item-name{font-size:11px}.context-error{font-size:9px}.context-panel{min-height:106px}.context-idle{min-height:30px;height:30px}}@media(max-width:599px)and (max-height:600px){.bag-shelf.expanded .bag-card{height:52px;min-height:52px}.bag-shelf.expanded .bag-items{gap:2px}.bag-shelf.expanded .bag-card .sprite{height:28px;max-height:28px}}.landscape canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important;image-rendering:pixelated;pointer-events:none}.action-result{padding:0;border:3px solid #6d4828;box-shadow:0 0 0 2px #211b13,inset 0 0 0 2px #ffe8b4;width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 36px);margin:auto;overflow:hidden}.action-result[open]{display:flex;flex-direction:column}.action-result::backdrop{background:#0b1c16bf}.reward-header{position:relative;text-align:center;padding:18px 40px 12px;border-bottom:2px solid #b79356;background:#d4ab65 url(/assets/ui/parchment.webp) center/400px;flex:none}.reward-header>span,.work-eyebrow{font-size:11px;letter-spacing:1px;color:#805326}.reward-header h2{font-size:22px;color:#3d2714;margin:5px 0 3px;line-height:1.4}.reward-header>small{font-size:12px;color:#715632}.reward-header>button{position:absolute;right:0;top:0;width:44px;height:44px;font-size:25px;color:#705032}.reward-content{min-height:0;overflow:auto;padding:16px 14px 12px;overscroll-behavior:contain}.reward-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;justify-content:center}.reward-cards:has(>:last-child:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr));max-width:290px;margin:auto}.reward-cards:has(>:only-child){grid-template-columns:minmax(0,150px)}.reward-card{position:relative;display:flex;flex-direction:column;align-items:center;background:#f5e4b9 url(/assets/ui/parchment.webp) center/280px;border:2px solid #a98343;box-shadow:inset 0 0 0 2px #fff2ca,0 3px #aa8049;padding:24px 4px 8px;min-height:137px;color:#4c3019;animation:reward-reveal .32s ease-out both;animation-delay:var(--reveal)}.reward-card:disabled{opacity:1;filter:none}.reward-card .sprite{width:80px;height:72px;max-width:100%}.reward-card>b{font-size:13px;margin-top:4px}.reward-card>small{font-size:10px;margin-top:4px;color:#866139}.reward-badge{position:absolute;top:0;right:0;left:0;background:#bd8736;color:#fff4d1;min-height:22px;font-size:12px;font-weight:700;box-shadow:inset 0 1px #ffe69c}.new-route{border-color:#567a36}.new-route .reward-badge{background:#527c35}.receipt-materials{border-top:1px solid #c0a173;margin-top:14px;padding-top:8px}.receipt-materials p{font-size:11px;line-height:1.9;color:#6b5135;margin:3px 0}.receipt-materials p>span{display:inline-block;color:#8c6035;margin-right:7px}.receipt-materials .sprite{width:24px;height:24px}.receipt-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin:12px 0 4px}.receipt-stats>span{padding:3px 7px;border:1px solid #bda16e;background:#e3cc99;font-size:11px;color:#6b4a25}.receipt-stats b{color:#3d2d1c;margin-left:3px}.reward-hint{font-size:11px;color:#79603f;text-align:center;line-height:1.6;margin-top:10px}.reward-note,.empty-reward{padding:10px;background:#e1cd9e;font-size:13px;margin-top:10px;line-height:1.7}.stage-complete{border:2px solid #7e984b;background:#d6e2ac;padding:12px;font-size:13px;color:#385c27;margin-bottom:10px}.reward-actions{display:flex;gap:8px;padding:10px 12px 12px;border-top:2px solid #bd9c62;background:#e2c994;flex:none}.reward-actions .quiet{min-width:76px;flex:1}.reward-actions .primary{flex:2;min-width:0;font-size:14px;min-height:46px}.working-scene{text-align:center;padding:32px 18px;color:#50331c;min-height:250px}.working-scene h2{font-size:19px;margin:9px 0 20px}.working-scene>.work-inputs>.sprite{width:90px;height:90px;animation:search-sway .65s ease-in-out}.work-meter{height:8px;background:#9c794b;margin:22px auto 0;max-width:240px;border:1px solid #805931;padding:1px}.work-meter i{display:block;height:100%;background:#f9d267;transform-origin:left;animation:work-progress .65s linear both}.work-inputs,.work-outputs{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}.work-ingredient,.work-product{display:flex;flex-direction:column;align-items:center;min-width:62px;flex:1;max-width:105px;text-align:center;background:#dec599;border:1px solid #b18d57;padding:6px 3px}.work-ingredient .sprite,.work-product .sprite{width:56px;height:52px}.work-ingredient b,.work-product b{font-size:11px;font-weight:400}.work-ingredient small,.work-product small{font-size:10px;color:#845a33}.work-ingredient.kept{border-color:#789047;background:#d9d5a2}.work-ingredient.kept small{color:#44682b}.work-product{background:#f7e7ad;border:2px solid #bd9448}.work-plus{font-size:18px;color:#936531;flex:none}.work-direction{font-size:23px;text-align:center;color:#95622b;margin:3px}.work-label{font-size:11px;color:#896031;text-align:center;margin:0 0 8px}.work-effect{text-align:center;color:#436329;font-size:12px;margin-top:8px}.crafting-diagram{margin:12px 0 16px;padding:12px 8px;background:#dec59777;border:2px solid #b99760}.combining .work-ingredient:not(.kept){animation:combine-pulse .65s ease-in both}.combine-workbench{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;text-align:center;gap:5px;background:#64452a url(/assets/ui/wood.webp) center/300px;padding:12px;margin:8px 0 14px;border:2px solid #3c291b}.combine-workbench>.work-plus{color:#ffe9b6}.combine-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:121px;border:2px dashed #d5b379;background:#3a2b2066;color:#eacb94}.combine-slot.filled{border-style:solid;border-color:#eec65b;background:#f1ddb0 url(/assets/ui/parchment.webp) center/200px;color:#51361c}.combine-slot .sprite{width:60px;height:60px}.combine-slot b{font-size:13px}.combine-slot small{font-size:10px;margin-top:3px;opacity:.8}.slot-question{font-size:35px;color:#c6a477;height:60px}.combine-inventory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:8px 0 15px}.combine-inventory button{display:flex;flex-direction:column;align-items:center;padding:6px 2px;background:#e3cca0;border:2px solid #b89a67;min-height:89px;color:#604224}.combine-inventory button.picked{border-color:#63823e;background:#d6ddaf}.combine-inventory .sprite{width:46px;height:42px}.combine-inventory b{font-size:11px;font-weight:400}.combine-inventory small{font-size:10px}.combine-found{font-size:13px;color:#436d29;margin:10px 0}.combine-matches .recipe{animation:reward-reveal .2s ease-out}@keyframes reward-reveal{0%{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}@keyframes search-sway{0%,to{transform:rotate(0)}35%{transform:rotate(-14deg)}70%{transform:rotate(12deg)}}@keyframes work-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes combine-pulse{0%{transform:scale(1)}60%{transform:translateY(-6px) scale(.94)}to{transform:scale(.85);opacity:.3}}@media(max-width:359px),(max-height:650px){.reward-header{padding:12px 30px 8px}.reward-header h2{font-size:19px}.reward-content{padding:10px}.reward-card{padding:23px 3px 6px;min-height:115px}.reward-card .sprite{width:62px;height:52px}.reward-card>b{font-size:11px}.reward-card>small{font-size:9px}.reward-cards{gap:7px}.receipt-materials{margin-top:10px}.reward-actions{padding:8px;gap:6px}.reward-actions .primary{font-size:12px}.combine-inventory{grid-template-columns:repeat(3,minmax(0,1fr))}.work-ingredient .sprite,.work-product .sprite{width:44px;height:42px}}@media(prefers-reduced-motion:reduce){.reward-card,.working-scene .sprite,.work-meter i,.combining .work-ingredient,.combine-matches .recipe{animation:none!important}}@media(max-height:650px){.crafting-diagram{padding:8px 6px;margin:8px 0}.crafting-diagram .work-ingredient,.crafting-diagram .work-product{padding:3px;min-width:54px}.crafting-diagram .sprite{width:32px;height:28px}.crafting-diagram .work-label{margin-bottom:4px}.crafting-diagram .work-direction{font-size:18px;margin:0}.crafting-diagram .work-effect{font-size:11px;margin-top:4px}.inspector-content:has(.crafting-diagram) .detail-desc{font-size:12px}}.atlas-panel{padding:10px 12px 14px}.atlas-heading{display:flex;justify-content:space-between;align-items:center;margin:0 2px 8px}.atlas-heading>div>span{font-size:10px;color:#896336}.atlas-heading h2{font-size:22px;margin:0;line-height:1.4}.atlas-count{display:flex;flex-direction:column;text-align:right;line-height:1.3}.atlas-count>b{color:#517033;font-size:22px}.atlas-count small{color:#98784b;font-size:13px;font-weight:400}.atlas-count>span{font-size:10px}.island-atlas{width:100%;aspect-ratio:1;position:relative;isolation:isolate;border:3px solid #785533;box-shadow:0 0 0 1px #3e2e20,inset 0 0 0 2px #d9c088;background:#293f40;overflow:hidden}.island-terrain{position:absolute;width:100%;height:100%;inset:0;image-rendering:pixelated}.map-routes path{fill:none;stroke-linecap:round;stroke-linejoin:round}.route-shadow{stroke:#392b22;stroke-width:10;opacity:.7}.route-known{stroke:#f5d79c;stroke-width:5;stroke-dasharray:7 10}.route-chosen{stroke:#ffda60;stroke-width:7;stroke-dasharray:8 10;animation:map-route-flow 2.5s linear infinite}.atlas-compass{position:absolute;right:10px;top:8px;line-height:1.1;text-align:center;color:#bfcdb8;font-size:13px;text-shadow:1px 1px #192f30;pointer-events:none}.atlas-caption{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:10px;color:#e3e8cd;text-shadow:1px 2px #15373a;pointer-events:none}.map-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;min-width:66px;min-height:48px;z-index:2;color:#372919}.map-pin{display:grid;place-items:center;width:26px;height:26px;margin-bottom:1px;background:#ead19a;border:2px solid #674d2d;box-shadow:0 1px 0 1px #2a3324;color:#fff0c5;font-size:18px}.map-pin>i:not(.player-marker){width:8px;height:8px;background:#835831;box-shadow:1px 1px #efd6a2}.map-node>b{background:#eddaa9;border:1px solid #755632;box-shadow:1px 2px #1b3026;padding:1px 7px;font-size:12px;white-space:nowrap}.map-node>small{font-size:9px;background:#3b532d;color:#f5eec8;padding:0 4px;white-space:nowrap}.map-node.here .map-pin{background:#5e8f38;border-color:#f2d76c}.player-marker{position:relative;display:block;width:8px;height:10px;background:#f7d29a;border-top:4px solid #d5b065;box-shadow:0 6px #f5d580}.map-node.here>b{background:#e7c86c;border-color:#77582d}.map-node.chosen .map-pin{outline:3px solid #ffda66;outline-offset:2px}.map-node.chosen>b{border-color:#ffe997;background:#ffe6a5}.map-node.unknown .map-pin{background:#415351;border:2px dashed #a5b5a0;color:#d4dfcb;box-shadow:none}.map-node.unknown>b{font-size:10px;background:#293e3bd9;color:#b7c9ba;border-color:#698477;box-shadow:none}.map-node.unknown.chosen>b{background:#657566;color:#fff0c2}.map-node.unvisited .map-pin{border-color:#dac37e}.map-node.just-found .map-pin{animation:map-found 1.2s ease-out}.fog-opening{animation:map-uncover 1.2s ease-out}.atlas-legend{display:flex;justify-content:center;gap:12px;font-size:10px;color:#87653a;margin:8px 0}.atlas-legend>span{display:flex;align-items:center;gap:4px}.atlas-legend i{width:8px;height:8px;display:inline-block;background:#5f903d}.atlas-legend .legend-known{background:#d3ab55}.atlas-legend .legend-fog{background:#435953}.map-destination{padding:10px;background:#ead5aa;border:2px solid #b89862;box-shadow:inset 0 1px #fff0c9}.destination-title{display:flex;align-items:center;justify-content:space-between;gap:5px}.destination-title h3{font-size:17px;color:#4b321b}.destination-title>span{font-size:10px;color:#5c763c}.destination-desc,.map-destination>p{font-size:12px;color:#765632;line-height:1.6;margin:5px 0 7px}.map-resources{display:flex;align-items:center;gap:3px;min-height:26px;flex-wrap:wrap;margin:3px 0 6px}.map-resources .sprite{width:24px;height:24px}.map-resources>span{font-size:10px;color:#8c6c43;margin-left:auto}.map-destination .map-itinerary{color:#527135;font-size:12px;border-top:1px solid #cbb081;padding-top:6px}.map-destination .primary{font-size:14px;min-height:44px}.map-destination .quiet{width:100%}.map-destination .map-next{font-size:11px;color:#477037}.map-progress{height:6px;padding:1px;background:#b9ad83;margin:8px 0 10px}.map-progress>i{display:block;height:100%;background:#5e8541}.unknown-destination{background:#d7d5b4}.unknown-destination .destination-title>span{color:#7c7957}@keyframes map-route-flow{to{stroke-dashoffset:-36}}@keyframes map-uncover{0%{r:0}to{r:105}}@keyframes map-found{0%,35%{box-shadow:0 0 0 12px #ffe59a66}to{box-shadow:0 0 #ffe59a00}}@media(max-height:740px){.atlas-panel{padding:8px 10px 12px}.atlas-heading{margin-bottom:6px}.atlas-heading h2{font-size:19px}.island-atlas{max-width:min(100%,calc(100dvh - 310px));margin:0 auto}.atlas-legend{margin:6px 0;gap:8px}.map-destination{padding:8px}.destination-desc{display:none}.map-resources{margin:2px 0}.map-node{min-width:56px}.map-node>b{font-size:11px;padding:0 5px}.map-node>small{font-size:8px}.map-pin{width:23px;height:23px}.atlas-caption{font-size:9px}}@media(prefers-reduced-motion:reduce){.route-chosen,.fog-opening,.map-node.just-found .map-pin{animation:none!important}}.atlas-controls{display:flex;align-items:center;gap:5px;margin:5px 0 8px}.atlas-controls button{min-height:36px;padding:0 9px;font-size:11px;color:#6b4b2a;background:#e4ce9d;border:1px solid #b2925e;box-shadow:inset 1px 1px #fff0c9}.atlas-controls>span{flex:1}.atlas-controls button[aria-label="지도 확대"],.atlas-controls button[aria-label="지도 축소"]{font-size:20px;min-width:40px}.atlas-controls button[aria-pressed=true]{background:#c5d09a;border-color:#6d8c48}.atlas-viewport{height:clamp(220px,38dvh,380px);width:100%;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;background:#293f40;border:2px solid #755331;scrollbar-width:thin;position:relative;cursor:grab}.atlas-viewport:active{cursor:grabbing}.atlas-viewport .island-atlas{max-width:none!important;min-width:0;flex:none;margin:0 auto;border:0;box-shadow:none;aspect-ratio:1}.map-node{min-width:64px;min-height:48px}.map-node.unknown>b{font-size:9px}.atlas-caption{display:none}.atlas-compass{right:3%;top:3%}.fog-opening{animation-name:map-uncover-expanded}@keyframes map-uncover-expanded{0%{r:0}to{r:75}}@media(max-height:740px){.atlas-viewport{height:clamp(190px,34dvh,270px)}.atlas-controls button{min-height:34px}.map-node{min-width:58px}}.sheet[open]:has(.atlas-panel){height:min(94dvh,860px);max-height:94dvh}.atlas-panel{display:flex;flex-direction:column;overflow:hidden}.atlas-heading,.atlas-controls,.atlas-legend,.map-destination{flex:none}.atlas-viewport{flex:1;min-height:150px;max-height:none}.map-destination{max-height:34dvh;overflow:auto}.map-destination>.primary{position:sticky;bottom:0;z-index:2}.atlas-viewport .map-node{touch-action:pan-x pan-y}.atlas-viewport .map-node img{pointer-events:none}@media(max-height:650px){.atlas-heading>div>span{display:none}.atlas-heading{margin-bottom:3px}.atlas-heading h2{font-size:17px}.atlas-count>b{font-size:18px}.atlas-count>span{font-size:9px}.atlas-legend{margin:4px 0;font-size:9px}.map-destination{max-height:29dvh}.map-destination .map-resources{display:none}.destination-title h3{font-size:15px}.map-destination .map-next,.map-destination .map-itinerary{margin:3px 0 5px;font-size:10px}.map-destination .primary{min-height:44px;font-size:13px}}.map-node.unvisited .map-pin>i{background:transparent;border:2px solid #a57935;width:10px;height:10px;box-shadow:none}.player-marker{height:8px;width:7px;border-top:0;background:#ffe0a6;box-shadow:0 6px 0 1px #d89935}.action-missing{display:block;font-size:11px;font-style:normal;color:#984532;margin-top:4px;line-height:1.5}.map-node[data-map-place=tidepools]>b{transform:translate(14px)}.journey-ribbon{display:flex;align-items:center;gap:7px;width:100%;text-align:left;min-height:34px}.journey-ribbon>.sprite{width:27px;height:29px;flex:none}.journey-ribbon>span{flex:1;min-width:0;line-height:1.2}.journey-ribbon small{display:block;color:#c5b17b;font-size:8px}.journey-ribbon b{display:block;font-size:11px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.journey-ribbon em{font-size:11px;font-style:normal;color:#f3ce78}.journey-ribbon i{font-size:20px;font-style:normal}#dialog:has(.journey-cover){max-height:90dvh;overflow:auto;padding:16px;background:#f3e4bf url(/assets/ui/parchment.webp) center/420px}#dialog:has(.journey-cover)>h2{font-size:21px;margin-bottom:12px}.journey-cover{display:flex;align-items:center;gap:10px;border:2px solid #92713c;background:#375331;color:#f4e4ba;padding:10px;box-shadow:inset 0 0 0 2px #7c8a4c}.journey-cover>.sprite{width:48px;height:52px;flex:none}.journey-cover>div{flex:1}.journey-cover strong{display:block;font-size:16px}.journey-cover small,.journey-cover span{font-size:10px;color:#d3cf9f;display:block}.journey-cover>b{font-size:24px;color:#ffda74}.journey-cover>b>small{display:inline;font-size:11px}.journey-tabs{display:flex;gap:6px;margin:14px 0 8px}.journey-tabs button{flex:1;min-height:42px;border:2px solid #a88c59;font-size:12px;background:#dec493;color:#5d442d}.journey-tabs [aria-pressed=true]{background:#4e722e;color:#fff3c9;border-color:#36521e}.journey-intro{font-size:11px!important;line-height:1.6!important;margin:8px 0 14px!important}.journey-chapter{margin:14px 0}.journey-chapter h3{display:flex;align-items:center;gap:7px;font-size:14px;border-bottom:2px solid #a9945b;padding-bottom:7px}.journey-chapter h3>span{font-size:12px;color:#a57731}.journey-chapter h3>small{margin-left:auto;color:#807049;font-size:11px}.journey-goal{display:flex;align-items:flex-start;gap:8px;padding:12px 4px;border-bottom:1px solid #b6a27777}.journey-goal>.sprite{width:35px;height:40px;flex:none}.journey-goal>div{flex:1;min-width:0}.journey-goal strong{font-size:12px}.journey-goal p{font-size:11px;line-height:1.6;margin:3px 0;color:#7d6647}.journey-goal button{min-height:38px;font-size:12px;color:#34551c;text-align:left}.journey-goal.current{background:#edcb7944}.goal-stamp{font-size:20px;color:#9a8357}.journey-goal.complete .goal-stamp{color:#4c7c31}.journey-goal.complete p{color:#79825a}.journey-goal.complete{opacity:.8}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.collection-card{padding:7px 5px;min-width:0;border:1px solid #ab915f;background:#fff1d188;display:flex;flex-direction:column;align-items:center;text-align:center}.collection-card>.sprite{width:50px;height:55px}.collection-card b{font-size:11px}.collection-card small{font-size:9px;line-height:1.5;color:#897351;margin-top:4px}.collection-card.unseen{background:#8c805d22;color:#9e8e6d}.collection-card.unseen>span{font-size:35px;height:55px}.achievement-banner{background:#39592b;border:2px solid #ba9947;box-shadow:inset 0 0 0 2px #667e3e;color:#fff0b8;padding:10px 12px;margin-bottom:12px;text-align:center;animation:achievement-in .35s steps(5,end)}.achievement-banner>span{display:block;color:#f7cb62;font-size:10px;letter-spacing:1px}.achievement-banner b{display:block;font-size:14px;margin:4px 0}.achievement-banner button{font-size:11px;min-height:32px;color:#c6d89e}.first-find{position:absolute;top:27px;right:0;background:#345d37;color:#faf0c7;font-size:8px;padding:2px 5px;z-index:2}.reward-card{position:relative}@keyframes achievement-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.achievement-banner{animation:none}}.journey-close{position:sticky;float:right;top:0;margin-top:-42px;width:38px;height:38px;background:#e1c591;border:2px solid #96703d;font-size:27px;line-height:1;z-index:3}.journey-chapter>summary{cursor:pointer;list-style:none;min-height:42px}.journey-chapter>summary::-webkit-details-marker{display:none}.journey-chapter h3:after{content:"+";color:#92703c}.journey-chapter[open] h3:after{content:"−"}.panel-backdrop[hidden]{display:none}.panel-backdrop{position:fixed;inset:0 0 var(--panel-dock-height,65px);width:min(100%,600px);margin:auto;background:#0c1c16aa;z-index:40;cursor:default}.panel-open>.action-dock{position:fixed;left:0;right:0;bottom:var(--screen-bottom,0px);width:min(100%,600px);margin:0 auto;z-index:60;background-color:#62442a}#app.panel-open{padding-bottom:var(--panel-dock-height,65px)}.sheet[open],.sheet[open]:has(.atlas-panel){z-index:50;top:calc(var(--screen-top,0px) + env(safe-area-inset-top) + 8px);bottom:auto;height:calc(var(--screen-height,100vh) - var(--panel-dock-height,65px) - env(safe-area-inset-top) - 8px);max-height:none;min-height:0;padding-bottom:0;box-shadow:0 0 0 2px #36271b,0 -4px 18px #0007}.sheet[open]>.inspector-content{flex:1 1 0px;min-height:0;-webkit-overflow-scrolling:touch}.panel-backdrop{top:var(--screen-top,0px);bottom:calc(var(--screen-bottom,0px) + var(--panel-dock-height,65px))}.sheet .tabs>[data-tab]{display:none}.sheet .tabs{padding:0 8px;border-bottom:1px solid #a48753}.sheet .tabs #panel-title{align-self:center;font-size:14px;color:var(--ink);font-weight:700}.sheet .tabs .sheet-close{border:0;box-shadow:none;background:none;min-height:44px;min-width:52px}.sheet-handle{margin:7px auto 2px}@media(max-width:599px){#app{padding-bottom:var(--panel-dock-height,57px)}.action-dock{position:fixed;left:0;right:0;bottom:var(--screen-bottom,0px);width:100%;margin:0 auto;z-index:60}}#app{height:auto;min-height:100vh;min-height:100dvh;max-height:none}#field.field{flex:none;min-height:0;margin-bottom:8px}#field .field-heading{height:36px;justify-content:flex-start;padding:0 8px}#field .field-heading h1{font-size:14px}#field .pagination{right:4px;font-size:11px}#field .pagination button{width:32px;height:36px}#field .inventory-hint{margin:4px 2px 0;color:#c7d1b5;font-size:11px;line-height:1.5}#field .card-grid{flex:none;grid-template-rows:none;grid-auto-rows:72px;gap:5px;padding:5px 0 0}#field .item-card{height:72px;padding:4px 3px;justify-content:center}#field .item-art{flex:none;width:38px;height:36px;max-height:36px;min-height:0;aspect-ratio:auto}#field .item-name{font-size:12px;line-height:1.2;white-space:normal;margin:2px 0 0;max-width:100%}#field .item-qty{position:absolute;right:3px;top:3px;min-width:0;margin:0;padding:0 3px;font-size:11px;line-height:1.3}#field .selected .item-qty{right:25px}#field .expiry{position:absolute;bottom:0;right:2px;font-size:8px;background:#f2e3bc}#field .empty-board{display:block}#field .empty-field{min-height:58px;margin:5px 0 0;gap:2px;padding:8px;border-color:#77936b66}#field .empty-field>.sprite{display:none}#field .empty-field strong{font-size:12px}#field .empty-field>span{font-size:11px}#bag.bag-shelf{display:block;height:auto;min-height:0;margin:0 8px 8px;padding:0 6px 6px;border-color:#8f794e;background:#2d3927;box-shadow:inset 0 1px #78805a}.bag-heading{height:36px;display:flex;align-items:center;gap:5px}.bag-heading>.sprite{width:24px;height:28px}.bag-heading h2{font-size:14px;white-space:nowrap}.bag-heading h2 span{font-size:11px;font-weight:400;color:#ead1a0}.bag-purpose{font-size:10px;color:#c1cba9;margin-left:auto}#bag .bag-toggle{min-height:36px;min-width:0;font-size:11px;margin-left:4px;padding:0 5px;background:none;border:0;color:#e7d8b6}#bag .bag-items{display:flex;position:relative;gap:5px;overflow-x:auto;overflow-y:hidden;align-items:stretch;scrollbar-width:thin;overscroll-behavior-x:contain;padding:0 0 2px;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}#bag .bag-card{flex:0 0 94px;width:94px;height:64px;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3px;background:#435039;border:1px solid #9a9a69;box-shadow:inset 1px 1px #727d52}#bag .bag-card .sprite{flex:none;width:32px;height:30px;max-height:30px;min-height:0}#bag .bag-card .item-name{display:block;font-size:12px;line-height:1.2;white-space:normal;margin:2px 0 0;color:#fff1cf;text-align:center}#bag .bag-card .item-qty{top:2px;right:2px;bottom:auto;font-size:11px;line-height:1.2;margin:0;padding:0 2px;background:#283220}#bag .bag-card.selected{border-color:#ffca59;box-shadow:inset 0 0 0 1px #ffca59;background:#5b613b}#bag .bag-card.compatible{border-color:#d9ac4e}#bag .bag-card.selected .item-qty{right:16px}#bag .empty-bag{padding:6px 2px;font-size:11px;line-height:1.5;color:#c5ccb0}#bag.expanded .bag-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;padding-bottom:0}#bag.expanded .bag-card{width:100%}.bag-empty-slot{min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #82916766;font-size:10px;color:#96a07d}.bag-empty-slot>span{font-size:20px;color:#7c8b65;line-height:1.2}#bag.expanded .empty-bag{grid-column:1/-1}.context-location{font-size:10px;line-height:1.4;color:#77603a;margin:1px 0 3px}.context-actions button small{font-size:11px}#context.context-panel{margin-top:auto}@media(max-width:599px){#app{min-height:100dvh}#context:not(.context-idle){position:relative;z-index:30;box-shadow:0 -4px 12px #16291faa,inset 1px 1px #fff4d0}}@media(max-width:359px){.bag-purpose{font-size:9px}.bag-heading{gap:3px}.bag-heading>.sprite{width:20px}#bag .bag-toggle{font-size:10px;padding:0 3px}#field .field-heading h1{font-size:13px}#field .inventory-hint{font-size:10px}}@media(max-width:599px){#field .card-grid{grid-auto-rows:64px}#field .item-card{height:64px}#field .item-art{height:30px;width:34px;max-height:30px}#bag .bag-card{height:58px;min-height:58px}#bag .bag-card .sprite{width:28px;height:26px;max-height:26px}#field .field-heading{height:32px}#field .inventory-hint{font-size:10px;line-height:1.4;margin-top:3px}#field.field,#bag.bag-shelf{margin-bottom:6px}}@media(max-width:599px)and (max-height:650px){#app.has-selection .scene,#app.has-selection .discovery-strip,#app.has-selection .context-art{display:none}#app.has-selection .context-panel{min-height:0}}#bag .bag-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;padding-bottom:0}#bag .bag-card{width:100%;min-width:0;flex:none}#bag .empty-bag{grid-column:1/-1}.bag-pagination{display:flex;align-items:center;gap:3px;margin-left:auto;font-size:10px}.bag-pagination button{width:32px;min-height:36px;font-size:23px}.context-title .context-location{margin:0 4px 0 auto;font-size:10px;font-weight:400;white-space:nowrap}.context-title>button:first-child{min-width:0}#app.short-screen.has-selection .scene,#app.short-screen.has-selection .discovery-strip,#app.short-screen.has-selection .context-art{display:none}#app.short-screen.has-selection #context{min-height:0}@media(max-width:599px){#app{height:100vh;height:var(--screen-height,100dvh);min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain}#bag.expanded .bag-items{max-height:160px;max-height:min(160px,30dvh);overflow-y:auto;overscroll-behavior-y:contain}#context.context-panel{margin-top:auto;flex-shrink:0}}#app.compact-screen .game-header{height:32px}#app.compact-screen .wordmark{font-size:22px}#app.compact-screen .hud-menu{height:32px}#app.compact-screen .vitals{height:38px;padding:2px 6px}#app.compact-screen .vital{height:34px}#app.compact-screen .scene{height:36px}#app.compact-screen .place-sign{min-height:28px;font-size:14px;bottom:3px}#app.compact-screen .place-sign span{display:none}#app.compact-screen .explore-bar{height:48px;padding:2px 8px}#app.compact-screen .explore-button{min-height:44px}#app.compact-screen .discovery-strip{height:24px;margin-bottom:3px}#app.compact-screen #field{margin-bottom:4px}#app.compact-screen #field .field-heading,#app.compact-screen #field .pagination button{height:28px}#app.compact-screen #field .card-grid{grid-auto-rows:56px;padding-top:4px}#app.compact-screen #field .item-card{height:56px;padding:2px 3px}#app.compact-screen #field .item-art{height:24px;width:28px;max-height:24px}#app.compact-screen #field .inventory-hint{line-height:1.3;margin-top:2px}#app.compact-screen.has-selection #field .inventory-hint{display:none}#app.compact-screen #bag{padding:0 5px 4px;margin-bottom:4px}#app.compact-screen .bag-heading{height:32px}#app.compact-screen #bag .bag-toggle,#app.compact-screen .bag-pagination button{min-height:32px}#app.compact-screen #bag .bag-card{height:54px;min-height:54px;padding:2px}#app.compact-screen #bag .bag-card .sprite{height:22px;width:26px;max-height:22px}#app.compact-screen #bag .bag-card .item-name{font-size:11px}#app.compact-screen .bag-empty-slot{min-height:54px}#app.compact-screen #context{margin-bottom:4px;padding:3px 5px}#app.compact-screen #context .context-title{min-height:24px;gap:2px}#app.compact-screen .context-title .context-location{font-size:9px}#app.compact-screen #context .context-recipe{min-height:24px}#app.compact-screen #context .flow-item .sprite{height:22px;width:24px}#app.compact-screen #context .flow-item small{font-size:8px}#app.compact-screen #context .context-actions{margin-top:3px}#app.compact-screen #context .context-actions button{min-height:44px;font-size:12px}#app.compact-screen #context .context-summary{font-size:10px;-webkit-line-clamp:2}#app.compact-screen #context .context-error{font-size:10px;line-height:1.3;max-height:26px;overflow:auto}#app.compact-screen .action-dock{height:calc(52px + env(safe-area-inset-bottom))}#app.compact-screen .dock-tab .sprite{width:26px;height:26px}#app.compact-screen .dock-tab{font-size:11px}#app.compact-screen .explore-bar{height:44px;padding-top:0;padding-bottom:0}#app.compact-screen #field .card-grid{grid-auto-rows:52px}#app.compact-screen #field .item-card{height:52px}#app.compact-screen .bag-heading{height:28px}#app.compact-screen #bag .bag-card{height:50px;min-height:50px}#app.compact-screen #context:has(.context-error) .context-recipe{display:none}.item-card{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.item-card.dragging{opacity:.35}.drag-ghost{position:fixed;z-index:60;margin:0;pointer-events:none;opacity:.94;box-shadow:0 6px #11201966,0 2px #112019;transform-origin:center;will-change:transform}.drag-ghost.bag-card{background:#435039;color:#fff1cf;border:1px solid #d9ac4e;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3px}.drag-ghost.item-card{justify-content:center;padding:4px 3px}.drag-ghost.item-card .item-art{flex:none;width:38px;height:36px;max-height:36px;min-height:0;aspect-ratio:auto}.drag-ghost.item-card .item-name{font-size:12px;line-height:1.2;white-space:normal;margin:2px 0 0}.drag-ghost.item-card .item-qty{position:absolute;right:3px;top:3px;min-width:0;margin:0;padding:0 3px;font-size:11px;line-height:1.3}.drag-ghost .selected-check,.drag-ghost .new-tag,.drag-ghost .expiry{display:none}.drag-ghost.bag-card .sprite{width:32px;height:30px}.drag-ghost.bag-card .item-name{font-size:12px;color:#fff1cf}.drag-ghost.bag-card .item-qty{font-size:11px;background:#283220}#app.is-dragging [data-card].can-drop{outline:2px dashed #ffd76a;outline-offset:-3px}#app.is-dragging [data-card].drop-over{outline:3px solid #ffb739;outline-offset:-3px;filter:brightness(1.12)}#app.is-dragging #bag.zone-drop,#app.is-dragging #field.zone-drop{box-shadow:inset 0 0 0 2px #ffd76a88}#app.is-dragging #bag.drop-over,#app.is-dragging #field.drop-over{box-shadow:inset 0 0 0 3px #ffb739}#app.is-dragging #bag.zone-drop .bag-heading h2:after{content:" ← 여기에 놓기";font-size:11px;color:#ffd76a}#app.is-dragging #field.zone-drop #field-hint{color:#ffd76a}.vitals{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.vital{gap:3px}.vital span:not(.sprite){font-size:12px}@media(max-width:399px){.vital .sprite{width:20px;height:22px}.vital span:not(.sprite){font-size:10px}.vital b{font-size:14px}}@media(max-width:339px){.vital span:not(.sprite){display:none}}.sleep-notice .sprite{width:30px;height:30px;flex:none}.context-recipe{flex-wrap:wrap;align-items:flex-start;gap:2px 6px;min-height:32px}.context-sentence{flex:1 1 100%;margin:0;font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recipe-mini{display:flex;align-items:center}.recipe-mini .flow-item .sprite{width:22px;height:20px}.recipe-mini .flow-item small{font-size:7px}.recipe-mini .flow-arrow,.recipe-mini .flow-plus{font-size:11px}.context-recipe .recipe-cycle{margin-left:auto}@media(max-height:699px){.recipe-mini{display:none}}#app.compact-screen .recipe-mini{display:none}.goal-bar{height:30px;flex:none;display:flex;align-items:center;gap:6px;margin:0 8px 4px;padding:0 8px;text-align:left;font-size:12px;min-width:0;color:#f4e6c3}.goal-bar .sprite{width:22px;height:22px;flex:none}.goal-bar small{font-size:9px;color:#c5b17b;white-space:nowrap}.goal-bar b{flex:1;min-width:0;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.goal-bar em{font-style:normal;color:#f3ce78;font-size:11px}.goal-bar i{font-style:normal;font-size:16px}#app.compact-screen .goal-bar{display:none}@media(max-width:599px)and (max-height:759px){#app.has-selection .goal-bar{display:none}}.goal-hint{display:flex;align-items:center;gap:7px;width:100%;text-align:left;min-height:34px}.goal-hint>.sprite{width:27px;height:29px;flex:none}.goal-hint>span{flex:1;min-width:0;line-height:1.25}.goal-hint small{display:block;color:#c5b17b;font-size:8px}.goal-hint b{display:block;font-size:11px;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.goal-hint i{font-size:20px;font-style:normal}.dock-icon{display:inline-flex;align-items:center;justify-content:center}.dock-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.journey-in-sheet .journey-close{display:none}.coach{position:fixed;z-index:80;display:flex;align-items:center;gap:6px;padding:6px 8px;background:#fff6d8;color:#3a2a17;border:2px solid #d59524;box-shadow:0 3px #11201966;font-size:12px;line-height:1.3;pointer-events:none;animation:coach-in .25s ease-out}.coach p{margin:0;flex:1}.coach button{pointer-events:auto;min-height:28px;padding:0 8px;font-size:11px;background:#e9d5a6;border:1px solid #b08a4e;color:#5a3f1e}.coach .coach-hand{font-size:18px;animation:coach-bounce 1s infinite}.coach.above .coach-hand{transform:rotate(180deg)}@keyframes coach-bounce{0%,to{translate:0 0}50%{translate:0 -3px}}@keyframes coach-in{0%{opacity:0;translate:0 4px}to{opacity:1;translate:0 0}}#app.compact-screen .context-sentence{font-size:11px;line-height:1.3}.journey-in-sheet{margin:0 -4px}.coach[hidden]{display:none}#field .card-grid{grid-template-columns:repeat(var(--board-cols,5),minmax(0,1fr));grid-auto-rows:48px;gap:4px;padding:4px 0 0}#field .item-card{height:48px;padding:2px;justify-content:center}#field .item-name{display:none}#field .item-art{width:30px;height:28px;max-height:28px}#field .item-qty{right:2px;top:2px;padding:0 2px;font-size:10px;line-height:1.3}#field .selected .item-qty{right:19px}#field .selected-check{width:17px;height:17px;font-size:13px;line-height:17px}#field .new-tag{left:1px;top:1px;font-size:7px;padding:0 2px}#field .expiry{bottom:1px;right:2px;font-size:8px;background:none;color:#aa3926;font-weight:700}#field .empty-field{min-height:48px}@media(min-width:600px){#field .card-grid{grid-auto-rows:60px;gap:6px}#field .item-card{height:60px}#field .item-art{width:36px;height:34px;max-height:34px}}#app.compact-screen #field .card-grid{grid-auto-rows:44px;padding-top:3px}#app.compact-screen #field .item-card{height:44px;padding:2px}#app.compact-screen #field .item-art{width:26px;height:24px;max-height:24px}#app.compact-screen #field .card-grid{grid-auto-rows:40px;gap:3px;padding-top:3px}#app.compact-screen #field .item-card{height:40px;padding:1px}#app.compact-screen #field .item-art{width:24px;height:22px;max-height:22px}#app.compact-screen #field .inventory-hint{display:none}#app.compact-screen #field .field-heading{height:24px}#bag .bag-items,#bag.expanded .bag-items{display:grid;grid-template-columns:repeat(var(--board-cols,5),minmax(0,1fr));gap:4px;overflow:visible;padding:0;max-height:none;touch-action:none}#bag .bag-card,#bag.expanded .bag-card{flex:none;width:auto;height:48px;min-height:48px;padding:2px;justify-content:center}#bag .bag-card .item-name{display:none}#bag .bag-card .sprite{width:30px;height:28px;max-height:28px}#bag .bag-card .item-qty{right:2px;top:2px;padding:0 2px;font-size:10px;line-height:1.3}#bag .bag-card.selected .item-qty{right:19px}#bag .bag-card .selected-check{width:17px;height:17px;font-size:13px;line-height:17px}.bag-empty-slot,#app.compact-screen .bag-empty-slot{min-height:0;height:48px;font-size:9px}.bag-empty-slot>span{font-size:16px;line-height:1}#bag .empty-bag{grid-column:1/-1;padding:4px 2px}@media(min-width:600px){#bag .bag-card,#bag.expanded .bag-card,.bag-empty-slot{height:60px;min-height:60px}#bag .bag-card .sprite{width:36px;height:34px;max-height:34px}}#app.compact-screen #bag .bag-card,#app.compact-screen #bag.expanded .bag-card,#app.compact-screen .bag-empty-slot{height:40px;min-height:40px;padding:1px}#app.compact-screen #bag .bag-card .sprite{width:24px;height:22px;max-height:22px}#app.tiny-screen .scene,#app.tiny-screen .discovery-strip{display:none}#app.tiny-screen #bag .bag-items{max-height:44px;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;scrollbar-width:thin;padding-right:2px}#app.tiny-screen #bag .bag-card{touch-action:pan-y}.context-recipe .context-sentence{flex:1 1 0;min-width:0}.context-recipe .recipe-cycle{flex:none;margin-left:0;align-self:center}.context-recipe .recipe-mini{flex:1 1 100%}.working-scene.sleeping{position:relative;overflow:hidden;background:linear-gradient(#0b1626,#1b2c3d 70%,#2c3c3a);color:#e6e0c6;min-height:260px}.sleeping .work-eyebrow{position:relative;color:#aab8c8}.sleeping h2{position:relative;color:#fff1c8;margin-top:56px}.night-sky{position:absolute;inset:0;pointer-events:none}.star{position:absolute;width:2px;height:2px;background:#fff;opacity:.2;animation:twinkle 1.2s ease-in-out infinite}.moon{position:absolute;right:26px;top:14px;width:56px;height:56px;animation:moon-rise 1.3s ease-out both}.moon .sprite{width:100%;height:100%}.sleep-clock{position:relative;font-family:var(--f14)}.sleep-clock b{display:block;font-size:40px;line-height:1;color:#fff8dc;letter-spacing:2px}.sleep-clock small{display:block;margin-top:8px;font-size:12px;color:#aab8c8}.sleeping .work-meter{background:#33465a;border-color:#4d6478}.sleeping .work-meter i{background:#ffe08a;animation-duration:1.3s}@keyframes twinkle{0%,to{opacity:.15}50%{opacity:.95}}@keyframes moon-rise{0%{transform:translateY(46px);opacity:0}to{transform:none;opacity:1}}.sleep-header{background:linear-gradient(#e9d8ad,#efdeb5)}.sleep-summary{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:0 0 10px;border:2px solid #b89a63;background:#f6e9c6}.sleep-summary svg{width:40px;height:40px;flex:none;fill:none;stroke:#7a5a2c;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sleep-summary.night{background:#22313f;border-color:#4d6478;color:#f1e9d0}.sleep-summary.night svg{stroke:#ffe08a}.sleep-summary b{display:block;font-size:17px}.sleep-summary small{display:block;font-size:12px;opacity:.85;margin-top:2px}@media(prefers-reduced-motion:reduce){.star,.moon{animation:none!important;opacity:1}}.working-scene.resting{position:relative;overflow:hidden;background:linear-gradient(#bfe3f2,#e9f0d8 70%,#d9c89a);color:#3a2a17;min-height:240px}.resting.at-night{background:linear-gradient(#233247,#3c4a55 70%,#4b4a3f);color:#eee6cf}.resting .work-eyebrow{position:relative;color:#6e5a3a}.resting.at-night .work-eyebrow{color:#b7c2cf}.resting h2{position:relative;color:#3a2a17;margin-top:56px}.resting.at-night h2{color:#fff1c8}.resting .moon{animation:care-breathe 1.6s ease-in-out infinite}.resting .sleep-clock b{color:#3a2a17}.resting.at-night .sleep-clock b{color:#fff8dc}.resting .sleep-clock small{color:#6e5a3a}.resting.at-night .sleep-clock small{color:#b7c2cf}.resting .work-meter{background:#c9b48a;border-color:#a8905f}.resting .work-meter i{background:#6f9a4c;animation-duration:.8s}@keyframes care-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.day-arc{flex:none;width:86px;height:14px;display:flex;align-items:center;margin-left:auto}.arc-track{position:relative;width:100%;height:8px;background:#f0d58a;border:1px solid #6b4a25;box-shadow:inset 0 1px #fff3c9;overflow:visible}.arc-night{position:absolute;top:0;bottom:0;background:#2b3a5a}.arc-rain{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(115deg,#5aa0c8 0 2px,transparent 2px 5px);opacity:.9}.arc-now{position:absolute;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);border-radius:50%;background:#ffb020;border:1px solid #7a4a12;box-shadow:0 0 0 1px #ffe08a,0 0 6px #ffcf5c}.arc-now.moon{background:#f2f0e0;border-color:#5a6b80;box-shadow:0 0 0 1px #c7d3e6,0 0 6px #dbe6ff}.hud-menu{margin-left:6px}@media(max-width:359px){.day-arc{width:56px}}#app.compact-screen .day-arc{width:64px}.sky-tint{position:absolute;inset:0;pointer-events:none;transition:background .6s ease;mix-blend-mode:multiply}.night .landscape,.dusk .landscape{filter:none}.night .sky-tint,.dusk .sky-tint{mix-blend-mode:multiply}.explore-progress .daylight{display:block;font-style:normal;font-size:10px;color:#cfc39c;margin-top:1px;white-space:nowrap}#app.compact-screen .explore-progress .daylight{display:none}.clock b.ticking{color:#ffd86a}.sleep-clock.work-clock{margin-top:10px}.sleep-clock.work-clock b{font-size:26px;color:#4a331a}.sleep-clock.work-clock small{margin-top:2px;font-size:11px;color:#7a5f3a}.day-card{position:fixed;inset:0;z-index:70;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#06110ef2;color:#f5ead0;border:0;font-family:var(--f14);opacity:0;pointer-events:none;transition:opacity .45s ease}.day-card.show{opacity:1;pointer-events:auto}.day-card b{font-size:44px;line-height:1;color:#ffe9a8;text-shadow:3px 3px #2a1c0c}.day-card small{font-size:12px;color:#b8c2a8}.day-card span{font-size:14px;color:#dfd4b0}.vital.bump-up b{animation:bump-up .55s ease-out}.vital.bump-down b{animation:bump-down .55s ease-out}@keyframes bump-up{0%{transform:translateY(0);color:#8ee08a}40%{transform:translateY(-4px) scale(1.15);color:#8ee08a}to{transform:none}}@keyframes bump-down{0%{transform:translateY(0);color:#ff8d7a}40%{transform:translateY(4px) scale(1.15);color:#ff8d7a}to{transform:none}}.vital.severe{animation:severe-pulse 1.2s ease-in-out infinite}@keyframes severe-pulse{0%,to{box-shadow:inset 2px 2px #191c19,inset -2px -2px #62523e}50%{box-shadow:inset 2px 2px #191c19,inset -2px -2px #62523e,0 0 0 2px #d9482f}}.event-eyebrow{display:block;font-size:11px;letter-spacing:1px;color:#8a5a2a;margin-bottom:2px}.event-card{display:flex;gap:12px;align-items:flex-start;margin:6px 0 10px}.event-card .sprite{width:56px;height:56px;flex:none}.event-card p{margin:0;line-height:1.6}.event-option small{display:block;font-weight:400;font-size:11px;color:#7a5f3a}.death-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0 14px}.death-stats div{background:#e8d6ab;border:1px solid #b89a63;padding:8px 4px;text-align:center}.death-stats b{display:block;font-size:20px;color:#3d2714}.death-stats small{display:block;font-size:10px;color:#6b4d2c;margin-top:2px}#app.dead .scene{filter:grayscale(.8) brightness(.7)}#app.dead .vitals,#app.dead #field,#app.dead #bag{filter:grayscale(.6)}@media(prefers-reduced-motion:reduce){.vital.severe,.vital.bump-up b,.vital.bump-down b{animation:none!important}}.dialog-actions:has(.event-option){flex-direction:column;align-items:stretch}.event-option{width:100%;text-align:left;min-height:48px}#app.has-selection .scene,#app.short-screen.has-selection .scene{display:block}#app.has-selection .discovery-strip,#app.short-screen.has-selection .discovery-strip,#app.has-selection .goal-bar,#app.compact-screen .goal-bar{display:flex}#app.no-strip .discovery-strip,#app.no-strip.has-selection .discovery-strip{display:none}#app.compact-screen .goal-bar{height:24px;margin-bottom:3px;font-size:11px}#app.compact-screen .goal-bar .sprite{width:18px;height:18px}.scene{flex:1 1 auto;min-height:44px;max-height:200px;height:auto}#app.compact-screen .scene{min-height:36px}#app.tiny-screen .scene{display:none}#field .card-grid{grid-template-rows:repeat(var(--board-rows,2),48px)}@media(min-width:600px){#field .card-grid{grid-template-rows:repeat(var(--board-rows,2),60px)}}#app.compact-screen #field .card-grid{grid-template-rows:repeat(var(--board-rows,2),40px)}#field .empty-board{display:grid}#field .empty-field{grid-column:1/-1;grid-row:1/-1;min-height:0;margin:0}.bag-toggle{display:none}#app.tiny-screen #bag .bag-items{max-height:44px}.context-panel,#app.short-screen.has-selection #context,#app.has-selection .context-panel{height:118px;min-height:118px;max-height:118px;overflow:hidden;box-sizing:border-box}#app.compact-screen .context-panel{height:104px;min-height:104px;max-height:104px}@media(min-width:600px){.context-panel{height:132px;min-height:132px;max-height:132px}}.context-panel.context-idle{align-items:center}#app.has-selection .context-art,#app.short-screen.has-selection .context-art{display:block}@media(max-width:399px){#app.has-selection .context-art{display:none}}#app.compact-screen .context-art{display:none}.context-main{display:flex;flex-direction:column;justify-content:space-between;min-height:0}#app.compact-screen #context .context-recipe{min-height:0}#app.compact-screen #context.context-panel,#app.compact-screen.has-selection #context.context-panel{height:104px;min-height:104px;max-height:104px}#app.compact-screen .goal-bar,#app.compact-screen.has-selection .goal-bar,#app.tiny-screen .scene,#app.tiny-screen.has-selection .scene{display:none}#app.no-strip:not(.compact-screen) #field .inventory-hint{display:none}#app.no-strip:not(.compact-screen) .goal-bar{height:26px}#app.no-strip:not(.compact-screen) #field .card-grid{grid-template-rows:repeat(var(--board-rows,2),44px);grid-auto-rows:44px}#app.no-strip:not(.compact-screen) #field .item-card,#app.no-strip:not(.compact-screen) #bag .bag-card,#app.no-strip:not(.compact-screen) .bag-empty-slot{height:44px;min-height:44px}#app.no-strip:not(.compact-screen) #context.context-panel,#app.no-strip:not(.compact-screen).has-selection #context.context-panel{height:112px;min-height:112px;max-height:112px}