:root{font-family:"Microsoft YaHei","PingFang SC","Heiti SC",SimHei,sans-serif;color:#e2e8df;background:#090e0c;color-scheme:dark;font-synthesis:none;--green:#78cfa7;--border:#6a89734d;--panel:#101e19eb;--amber:#e8bc6f;--red:#ea7b80}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;color:inherit}button:disabled{opacity:.42;cursor:default}button:focus-visible{outline:2px solid #a4e9c7;outline-offset:3px}button,textarea{touch-action:manipulation}#gameApp{position:relative;isolation:isolate;width:100%;max-width:540px;height:100dvh;min-height:590px;overflow:hidden;margin:auto;background:#142019}.scene{position:absolute;inset:0;z-index:-4;width:100%;height:100%;object-fit:cover;object-position:center 45%;animation:scene-in .5s both}.shade{position:absolute;inset:0;pointer-events:none;z-index:-3;background:linear-gradient(#07100ddd,transparent 26%,transparent 48%,#07100d66 64%,#07100df0)}.scene.faint{filter:brightness(.35) blur(2px)}.weather-edge{position:absolute;inset:0;z-index:0;pointer-events:none;box-shadow:inset 0 0 65px var(--weather,#4b6351);opacity:.18}.weather-edge.severe{opacity:.42;animation:edge-breath 5s ease-in-out infinite}.snow{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.snow i{position:absolute;top:-12px;width:3px;height:3px;border-radius:50%;background:#eaf6fa;opacity:.6;animation:snowfall var(--duration) linear infinite;animation-delay:var(--delay);left:var(--left)}.fog{position:absolute;inset:0;pointer-events:none;z-index:-2;background:#c8d3d5;opacity:.27}.top{position:relative;z-index:3;padding:max(8px,env(safe-area-inset-top)) 14px 0}.topline{display:flex;gap:7px;align-items:center;justify-content:space-between;white-space:nowrap;font-size:11px;min-height:29px}.day{border:1px solid #b9cbb04d;border-radius:20px;padding:5px 8px;font-size:12px}.clock{color:#bfccc3;font-variant-numeric:tabular-nums;font-size:11px}.weather{padding:6px 9px;border-radius:18px;background:#080f0de0;color:var(--weather);font-size:12px}.location{max-width:45%;padding:5px 0;border:0;background:none;color:#78d9b1;white-space:normal;text-align:right;font-size:13px}.location small{font-size:9px;color:#bdcdb7;margin-left:3px;white-space:nowrap}.hud{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:8px;border:1px solid var(--border);background:#0b1511ee;border-radius:18px;padding:11px 12px 9px}.stat{position:relative;display:grid;grid-template-columns:22px 1fr 34px;align-items:center;min-width:0;column-gap:5px}.stat svg{width:21px;height:23px}.stat strong{font-size:19px;white-space:nowrap;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.stat strong small{font-size:9px;margin-left:2px}.stat .change{font-size:17px;text-align:right;min-height:22px;font-weight:bold}.ticks{grid-column:1/4;height:4px;margin-top:8px;border-radius:5px;background:linear-gradient(to right,var(--c) var(--fill),#79917a20 var(--fill));mask:repeating-linear-gradient(to right,#000 0 8px,transparent 8px 11px)}.life{--c:#f16e82}.energy{--c:#e9bd69}.temp{--c:#66d5ce}.life svg{color:#f16e82}.energy svg{color:#e9bd69}.temp svg{color:#66d5ce}.plus{color:var(--green)}.minus{color:#ec8b78}.change.animated{animation:stat-jump 4.1s both}.buffs{display:flex;justify-content:flex-end;gap:5px;flex-wrap:wrap;margin-top:8px;max-height:72px;overflow:auto}.buff{border:1px solid var(--border);border-radius:7px;background:#10221bd9;padding:5px 7px;font-size:11px;color:#8bd1ac}.buff.cold{color:var(--weather);border-color:color-mix(in srgb,var(--weather) 35%,transparent)}.buff.injury{color:#f08b8b;border-color:#964249;background:#291415e6}.buff.heavy{color:#f2787e;animation:heartbeat 1.4s infinite}.buff.warm{color:#e8b468;background:#2d2517dd;border-color:#826c3d}.story-area{position:absolute;z-index:2;left:16px;right:16px;bottom:calc(81px + env(safe-area-inset-bottom));display:grid;gap:9px}.narrative{background:linear-gradient(130deg,#15271ef0,#101d18f5);border:1px solid var(--border);border-radius:20px;padding:16px 18px;box-shadow:0 5px 24px #0002;max-height:20dvh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#597561 transparent;font-size:15px;line-height:1.85;letter-spacing:.2px}.narrative p{margin:0}.narrative em,.prose em{font-style:normal;color:#82d7ab;font-weight:600}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.options .choice:last-child:nth-child(odd){grid-column:1/3}.choice,.primary{border:1px solid #5e9270a6;border-radius:13px;background:linear-gradient(115deg,#234d3b,#173628);padding:13px 14px;min-height:49px;color:#d4ebdb;line-height:1.5;font-size:14px;text-align:left;transition:background .15s,transform .15s}.choice:active,.primary:active{transform:scale(.985);background:#2a6549}.choice .arrow,.primary .arrow{float:right;color:#83cfaa;margin-left:8px}.secondary{background:#13251de6;border:1px solid var(--border);border-radius:12px;padding:12px 14px;color:#b9d0be;font-size:14px}.footer{position:absolute;z-index:3;bottom:0;left:0;right:0;padding:9px 10px calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:30px repeat(3,1fr) 30px;gap:8px;align-items:center;background:linear-gradient(transparent,#09110eee 22%)}.foot{display:flex;justify-content:center;align-items:center;gap:6px;border:1px solid var(--border);border-radius:13px;padding:10px 2px;background:#11211be6;color:#b8d5bf;font-size:12px;position:relative}.foot svg{height:23px;width:23px}.icon-button{border:0;background:none;padding:5px;color:#9aba9f;font-size:23px}.icon-button svg{width:24px;height:24px}.home{height:100%;padding:calc(22px + env(safe-area-inset-top)) 32px calc(23px + env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(#111f19b0,#08100ee0);position:relative}.home h1{font-family:SimHei,"Microsoft YaHei",sans-serif;font-size:clamp(38px,10vw,52px);font-weight:800;letter-spacing:8px;margin:0 0 12px}.home .english{font-size:11px;letter-spacing:5px;color:#8baf97}.home .sub{margin:20px 0 45px;color:#b2c6b7;font-size:13px;line-height:1.9}.home .primary,.home .secondary{width:100%;max-width:340px;margin:5px 0;text-align:center}.home .warning{color:#dfc49d;font-size:12px;line-height:1.9;margin-top:35px}.home .warning strong{display:block;color:#e6ad8c;font-size:15px}.version{color:#7b9b85;font-size:10px;margin-top:12px}.log-icon{position:absolute;top:calc(14px + env(safe-area-inset-top));right:18px}.home-route{position:absolute;width:950px;height:600px;z-index:-1;opacity:.26;left:-200px;top:12%;animation:drift 65s ease-in-out infinite alternate}.home-route path{fill:none;stroke:#79a68b;stroke-width:2;stroke-dasharray:6 7}.home-route text{fill:#9ac8a6;font-size:14px}.intro{height:100%;display:flex;flex-direction:column;justify-content:center;padding:70px 35px 45px;background:#0b1712c9}.intro h2{font-size:25px;font-weight:500;margin:0 0 30px}.intro p{font-size:16px;line-height:2.1;color:#d0dccf;margin:0 0 18px;animation:intro-line .8s both;animation-delay:var(--delay)}.intro .primary{margin-top:25px;text-align:center;animation:intro-line 1s 2.8s both}.tagline{font-size:12px;letter-spacing:2px;color:#91b29c;margin-bottom:20px}.overlay{position:absolute;inset:0;z-index:12;background:#050b09ac;backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;padding:20px}.dialog{width:100%;max-height:88dvh;overflow-y:auto;scrollbar-width:thin;border:1px solid #70967b75;border-radius:22px;background:linear-gradient(135deg,#1b2e25eb,#0c1914f5);padding:22px;box-shadow:0 22px 70px #0008;animation:dialog-in .35s ease-out}.dialog h2{font-size:20px;font-weight:500;margin:0 26px 18px 0;line-height:1.5}.dialog h3{font-size:13px;font-weight:500;color:#94b59f;margin:22px 0 10px;letter-spacing:1px}.dialog p,.prose{font-size:15px;line-height:1.85;color:#d5dfd1}.dialog .close{float:right;border:0;background:none;font-size:24px;margin:-10px -6px 0 0;color:#bdd0bc}.dialog .primary,.dialog .secondary{width:100%;margin-top:11px;text-align:center}.row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px;border:1px solid var(--border);border-radius:10px;background:#17291f8c;margin:7px 0;font-size:15px}.row b{font-size:17px}.item-row img{width:38px;height:45px;object-fit:contain}.muted{font-size:12px!important;color:#91aa95!important;line-height:1.75}.separator{height:1px;background:var(--border);margin:20px 0}.weather-image{width:100%;height:165px;object-fit:cover;border-radius:13px;margin-bottom:12px}.log-entry{font-size:13px;border-bottom:1px solid #56705b40;padding:10px 0;color:#c7d5c5;line-height:1.6}.category{color:#87b29a;font-size:11px;margin-right:10px;display:inline-block;min-width:48px}.toast{position:absolute;z-index:50;left:50%;top:43%;transform:translate(-50%,-50%);border:1px solid #78a2846b;background:#0b1c15ed;border-radius:12px;padding:14px 24px;color:#d9e5d2;font-size:16px;pointer-events:none;white-space:nowrap;animation:toast-fade 1.15s both}.discovery{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(#09120e66,#08140ce8 65%);padding:90px 26px calc(25px + env(safe-area-inset-bottom))}.discovery .object{width:75%;height:34dvh;max-height:320px;object-fit:contain;filter:drop-shadow(0 14px 20px #0008);animation:object-reveal 1.15s both}.discovery h2{font-size:27px;font-weight:500;margin:18px 0 10px;animation:intro-line .4s 1s both}.discovery .description{animation:intro-line .35s 1.25s both;max-width:390px}.discovery p{font-size:14px;line-height:1.9;color:#c6d8c5;margin:0 0 9px}.discovery .small{font-size:12px;color:#89b092}.discovery .buttons{display:grid;grid-template-columns:1fr;gap:8px;margin-top:auto;width:100%;animation:intro-line .35s 1.6s both}.discovery .buttons.two{grid-template-columns:1fr 1fr}.discovery .primary{text-align:center}.discovery .leave{background:none;border:0;font-size:12px;color:#91a58e;padding:8px}.discovery.ready *{animation:none!important}.pack-dialog{padding:18px 16px;max-height:94dvh}.pack-top{display:flex;justify-content:space-between;gap:8px}.pack-top h2{margin:0;font-size:20px}.grid{position:relative;width:min(100%,360px);aspect-ratio:1;margin:16px auto 10px;background:repeating-linear-gradient(to right,transparent 0,transparent calc(16.6667% - 1px),#5e796140 calc(16.6667% - 1px),#5e796140 16.6667%),repeating-linear-gradient(to bottom,#08130c88 0,#08130c88 calc(16.6667% - 1px),#5e796140 calc(16.6667% - 1px),#5e796140 16.6667%);border:1px solid #68826a77;border-radius:12px;overflow:hidden;touch-action:none}.grid .item{position:absolute;display:flex;align-items:center;justify-content:center;padding:3px;border:1px solid #c0d4b64d;border-radius:7px;background:#314c38b5;touch-action:none;overflow:hidden}.grid .item.selected{outline:2px solid #a4d5ae;outline-offset:-2px;background:#42624d}.item img{width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(1px 2px 3px #0005)}.item .item-label{position:absolute;bottom:2px;left:3px;right:2px;background:#09140bbb;color:#e5eada;font-size:9px;line-height:1.3;text-align:center;pointer-events:none;border-radius:3px;padding:2px}.item .charge{position:absolute;right:3px;top:2px;font-size:10px;color:#dfddbc;background:#102019bb;padding:1px 3px;border-radius:3px}.blocked{position:absolute;background:repeating-linear-gradient(45deg,#251b17 0 4px,#76453699 4px 7px);width:16.6667%;height:16.6667%;bottom:0;pointer-events:none}.external{display:grid;grid-template-columns:1fr 1fr;gap:8px}.external button,.outside-items button{border:1px dashed #7a99816e;background:#12241a99;border-radius:10px;padding:8px;font-size:12px;color:#b5cbb2;min-height:47px}.outside{border:1px dashed #a9956877;border-radius:12px;margin:10px 0;padding:10px;min-height:50px}.outside-items{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.outside-items button{border-style:solid;padding:6px 9px}.item-details{border-top:1px solid var(--border);padding-top:12px;margin-top:12px;min-height:74px}.item-details b{font-weight:500;font-size:15px}.item-details p{font-size:12px;margin:5px 0;color:#a9bea5;line-height:1.65}.mini-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.mini-actions button{border:1px solid var(--border);background:#233d2c;border-radius:8px;padding:7px 9px;font-size:11px}.library{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.catalog{background:#17291fea;border:1px solid #647b5c44;border-radius:10px;padding:8px 4px;color:#cbdac4;font-size:11px;min-height:88px}.catalog img{width:100%;height:48px;object-fit:contain}.catalog .count{color:#8dbe9a;margin-left:4px}.layout-note{font-size:11px;color:#a0b99e;line-height:1.7}.loadout{position:absolute;inset:0;overflow-y:auto;padding:calc(20px + env(safe-area-inset-top)) 20px 28px;background:#101d17f7}.loadout h2{font-size:24px;margin:8px 0 10px}.loadout .primary{width:100%;text-align:center}.loadout .muted{margin:8px 0}.wardrobe{display:flex;align-items:center;justify-content:center;gap:20px}.silhouette{width:120px;height:290px;color:#414747}.clothes-list{font-size:13px;line-height:2.5;color:#b6c7b0}.map-dialog{padding:12px;height:90dvh;overflow:hidden}.map-dialog iframe{width:100%;height:calc(100% - 48px);border:0;border-radius:13px}.map-dialog h2{margin:10px 0 12px 6px}.micro-bag{position:absolute;left:18%;top:27%;width:64%;height:47%;object-fit:contain;z-index:1;touch-action:none;cursor:grab;filter:drop-shadow(0 9px 9px #0007);transform:translateY(var(--pull,0px)) rotate(var(--tilt,-12deg)) scaleX(var(--squeeze,.85))}.front-rock{position:absolute;z-index:2;pointer-events:none;left:0;top:24%;width:100%;height:54%;object-fit:contain}.micro-panel{position:absolute;z-index:3;left:18px;right:18px;bottom:calc(25px + env(safe-area-inset-bottom));padding:20px;background:#0b1d15ef;border:1px solid var(--border);border-radius:21px}.micro-panel p{font-size:15px;line-height:1.8;margin:10px 0}.progress{height:4px;border-radius:4px;background:#53685250;margin:17px 0 8px;overflow:hidden}.progress span{display:block;background:#8ed1ad;height:100%;width:var(--p,0%)}.micro-tip{font-size:11px;color:#94b498;text-align:center}.dots{display:flex;gap:6px;margin-top:14px}.dots i{width:6px;height:6px;background:#68826d66;border-radius:50%}.dots i.done{background:#9edcb3}.step-flash .scene{animation:step-shake .6s ease-out both}.ending{position:absolute;inset:0;background:linear-gradient(#0b171388,#0b1713f7 50%);overflow-y:auto;padding:calc(35px + env(safe-area-inset-top)) 26px 35px}.ending h1{font-size:28px;font-weight:500}.ending .prose{line-height:2}.ending .summary{margin:24px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.summary div{border:1px solid var(--border);border-radius:12px;padding:13px 6px;text-align:center;color:#aac2aa;font-size:11px}.summary strong{display:block;font-size:21px;color:#e0e8d8;margin-bottom:5px}.ending .primary,.ending .secondary{width:100%;text-align:center;margin-top:10px}.ending-photo{width:100%;border-radius:15px;margin-top:12px}.record{border-bottom:1px solid var(--border);padding:13px 0;font-size:13px;line-height:1.8}.record b{color:#bbd7bd;font-weight:500}.drag-ghost{position:fixed;z-index:99;pointer-events:none;opacity:.9;border:1px solid #b8e7c3;background:#304d3fee;border-radius:8px}.drag-ghost img{width:100%;height:100%;object-fit:contain}.fallback-item{font-size:10px;color:#bfd2b7;text-align:center}.modal-actions{display:flex;gap:8px}.modal-actions button{flex:1}.action-pop{position:absolute;color:#9de6b9;font-size:13px;left:50%;bottom:60%;animation:stat-jump 2.8s both;white-space:nowrap;pointer-events:none}.loading-note{font-size:12px;color:#adc5b0}.no-animate{animation:none!important}.full-width{grid-column:1/-1}@keyframes snowfall{to{transform:translate(-85px,110dvh)}}@keyframes scene-in{from{opacity:.1}to{opacity:1}}@keyframes dialog-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-line{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes stat-jump{0%{opacity:0;transform:translateY(8px)}7%{opacity:1;transform:translateY(-5px)}15%,65%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-12px)}}@keyframes object-reveal{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.055)}100%{opacity:1;transform:scale(1)}}@keyframes toast-fade{0%{opacity:0}12%,55%{opacity:1}100%{opacity:0}}@keyframes heartbeat{0%,50%,100%{box-shadow:0 0 0 #8b203000}12%,32%{box-shadow:0 0 12px #992e3a66}}@keyframes edge-breath{50%{opacity:.25}}@keyframes step-shake{0%,100%{transform:scale(1.02) translateY(0)}30%{transform:scale(1.035) translate(3px,-9px)}65%{transform:scale(1.025) translate(-2px,-3px)}}@keyframes drift{0%{transform:translate(-60px,0) rotate(-3deg)}27%{transform:translate(0,10px) rotate(-1deg)}55%{transform:translate(55px,-6px) rotate(1deg)}78%{transform:translate(75px,8px) rotate(0)}100%{transform:translate(110px,-8px) rotate(2deg)}}@media(max-width:380px){.top{padding-left:10px;padding-right:10px}.topline{gap:4px;font-size:10px}.day{font-size:11px;padding:4px 6px}.location{font-size:11px}.weather{font-size:11px;padding:5px 7px}.hud{gap:7px;padding:10px}.stat{grid-template-columns:18px 1fr 28px;gap:3px}.stat strong{font-size:17px}.stat svg{width:18px}.narrative{padding:13px 15px;font-size:14px}.choice{font-size:12px;padding:11px}.story-area{left:12px;right:12px}.footer{gap:5px}.home{padding-left:25px;padding-right:25px}.dialog{padding:18px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}.change.animated{animation:none;opacity:1}.snow{display:none}}

.sprite{overflow:hidden;pointer-events:none;user-select:none}.catalog .sprite{width:100%;height:48px}.item .sprite{width:100%;height:100%;filter:drop-shadow(1px 2px 3px #0005)}.item-row .sprite{width:38px;height:45px}.drag-ghost .sprite{width:100%;height:100%}.bag-banner{display:flex;align-items:center;justify-content:center;gap:18px;margin:8px 0}.bag-banner .sprite{width:62px;height:78px}.bag-banner p{font-size:12px;line-height:1.7;color:#bed0b9}.bag-banner small{font-size:10px;color:#8fac91}

.narrative{max-height:16dvh}.story-area .choice{min-height:49px}.story-area{gap:8px}


.encounter-card{position:absolute;z-index:1;top:22dvh;left:50%;transform:translateX(-50%);width:min(84%,calc(32dvh * 1.33333));height:32dvh;margin:0;padding:4px;border:1px solid #85a38b77;border-radius:18px;background:#102119eb;box-shadow:0 12px 28px #0005;overflow:hidden}.encounter-card img{width:100%;height:100%;object-fit:contain;border-radius:13px}.micro-bag[style*="pointer-events"]{top:22%;height:33%;width:50%;left:25%}

html,body{height:100%;overflow:hidden}#gameApp{min-height:0;height:100dvh}.narrative{max-height:none;overflow:hidden;font-size:14px;line-height:1.75;padding:13px 16px}.narrative .page-controls{margin:5px 0 -3px;height:24px}.narrative .page-controls button{padding:0 12px;min-height:24px}.page-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0;flex:none;font-size:11px;color:#a8c4ae}.page-controls button{padding:7px 13px;min-height:32px;border:1px solid var(--border);border-radius:8px;background:#1a3427;color:#b9d9c0}.page-controls[hidden]{display:none!important}.narrative p{max-height:none}.dialog{overflow:hidden;max-height:90dvh}.paged-panel{display:flex;flex-direction:column;height:min(660px,88dvh)}.page-body{flex:1;min-height:0;overflow:hidden;display:flow-root}.page-body>[hidden]{display:none!important}.page-body .primary,.page-body .secondary{margin-top:8px}.page-body .separator{margin:10px 0}.page-body h3{margin:12px 0 7px}.page-body .row{padding:10px}.ending.paged-panel{height:100%;padding-top:calc(24px + env(safe-area-inset-top));overflow:hidden}.ending .ending-photo{max-height:24dvh;object-fit:contain}.ending .summary{margin:12px 0}.page-body p{line-height:1.75;font-size:14px}.loadout{overflow:hidden;display:flex;flex-direction:column;height:100%;padding:calc(16px + env(safe-area-inset-top)) 18px calc(16px + env(safe-area-inset-bottom))}.loadout h2{font-size:23px}.loadout .tagline{margin-bottom:5px}.loadout .library{flex:1;min-height:0;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,minmax(0,1fr));margin:8px 0}.loadout .catalog{min-height:0;display:grid;grid-template-columns:50px 1fr;align-items:center;padding:5px 8px}.loadout .catalog .sprite{height:45px}.loadout .catalog .mini-actions{grid-column:2;margin:0;justify-content:center}.loadout .catalog .mini-actions button{padding:4px 12px;font-size:15px}.loadout .layout-note{font-size:11px;margin:5px 0}.loadout .page-controls{margin:3px 0}.loadout #depart{margin-top:8px}.inventory-page{position:absolute;inset:0;z-index:20;background:radial-gradient(ellipse at 50% 35%,#20352c,#0b1913 72%);display:flex;flex-direction:column;padding:calc(10px + env(safe-area-inset-top)) 18px calc(10px + env(safe-area-inset-bottom));overflow:hidden;animation:scene-in .25s both}.inventory-header{display:flex;justify-content:space-between;align-items:center;flex:none;height:40px}.inventory-header h2{font-size:21px;letter-spacing:2px;font-weight:600;margin:0}.inventory-header button{border:0;background:none;font-size:34px;color:#b4c8b6;padding:0;width:32px}.inventory-header span{width:32px}.inventory-tabs{display:flex;justify-content:space-around;align-items:center;border-bottom:1px solid var(--border);height:38px;flex:none;margin-bottom:8px}.inventory-tabs button{height:100%;border:0;border-bottom:2px solid transparent;background:none;width:40%;font-size:15px;color:#9cafaa}.inventory-tabs .active{color:#abebad;border-color:#9cdda7}.inventory-page .pack-top{font-size:10px;flex:none}.pack-stage{position:relative;flex:1;min-height:160px;max-height:54dvh;display:flex;justify-content:center;align-items:center}.bag-frame-shell{position:relative;height:100%;max-width:100%;aspect-ratio:4/5}.bag-frame{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.pack-page .grid{position:absolute;left:18%;top:28%;width:64%;margin:0;border-radius:4px;background-color:#0c150c6b}.pack-page .grid .item{border-radius:4px;padding:1px;background:#2b493160}.pack-page .item .item-label{font-size:7px;bottom:1px;padding:1px}.pack-page .item .charge{font-size:8px}.external-object{position:absolute;width:16%;height:32%;padding:0;border:1px dashed #90aa8f44;border-radius:8px;background:#12271b55;top:40%;display:flex;align-items:center;justify-content:center}.external-object.mat{left:0}.external-object.pole{right:0}.external-object .sprite{height:100%;width:100%}.external-object span{font-size:10px;color:#809b83}.inventory-page .outside{flex:none;display:flex;align-items:center;gap:8px;margin:0 0 6px;padding:5px 7px;min-height:34px;border-radius:8px}.inventory-page .outside-items{margin:0;gap:4px;flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.inventory-page .outside-items button{min-height:26px;font-size:9px;padding:3px 2px;border-radius:5px;white-space:nowrap}.inventory-page .layout-note{font-size:10px;white-space:nowrap}.inventory-page .item-details{flex:none;min-height:94px;margin:0;padding:8px 0;border-top:1px solid var(--border)}.inventory-page .item-details b{font-size:17px;color:#e0ebdf}.inventory-page .item-details p{font-size:11px;line-height:1.6;margin:4px 0;min-height:32px}.inventory-page .mini-actions{margin-top:3px;gap:5px}.inventory-page .mini-actions button{padding:6px 9px;min-height:30px;font-size:10px}.inventory-bottom{flex:none;margin-top:7px}.inventory-bottom>.primary{width:100%;text-align:center;font-size:16px;background:linear-gradient(110deg,#80cc96,#b3edac);color:#12351e;border:0;padding:10px;min-height:43px;border-radius:24px}.inventory-bottom>.layout-note{text-align:center;margin:5px 0 0;color:#9ab09a}.wardrobe-stage{position:relative;flex:1;min-height:260px;width:100%;margin:10px 0}.wardrobe-stage .silhouette{position:absolute;left:29%;top:0;width:42%;height:87%;color:#303936}.clothing{position:absolute;width:25%;height:19%;display:flex;flex-direction:column;align-items:center}.clothing svg{width:100%;height:calc(100% - 17px);border:1px solid #79968377;background:#14251b88;border-radius:10px;overflow:hidden}.clothing span{font-size:11px;line-height:17px;color:#b8cdbb}.clothing-0{left:0;top:0}.clothing-1{left:0;top:22%}.clothing-2{left:0;top:44%}.clothing-6{left:0;top:66%}.clothing-3{right:0;top:2%;height:25%}.clothing-4{right:0;top:31%;height:24%}.clothing-5{right:0;top:60%;height:24%}.clothing-7{left:31%;bottom:0;width:23%;height:17%}.clothing-8{left:57%;bottom:0;width:23%;height:17%}.clothing-note{flex:none;border:1px solid var(--border);border-radius:13px;padding:10px 14px;background:#13271beb}.clothing-note h3{font-size:17px;margin:0 0 6px;font-weight:500}.clothing-note p{font-size:12px;line-height:1.7;margin:0;color:#b5cbb7}.buffs{overflow:hidden;max-height:none}.intro{padding:35px 26px}.intro h2{font-size:22px;margin-bottom:20px}.intro p{font-size:14px;line-height:1.85;margin-bottom:14px}.intro .primary{margin-top:15px}.home .sub{margin-bottom:25px}.home .warning{margin-top:24px}@media(max-height:700px){.inventory-header{height:32px}.inventory-header h2{font-size:18px}.inventory-tabs{height:30px;margin-bottom:4px}.inventory-page .item-details{min-height:82px;padding:5px 0}.inventory-page .item-details p{font-size:10px;min-height:28px}.inventory-page .mini-actions button{padding:4px 7px;min-height:25px}.inventory-bottom>.primary{min-height:36px;padding:7px}.inventory-bottom{margin-top:4px}.inventory-page .outside{min-height:28px;margin-bottom:3px}.inventory-page .layout-note{font-size:9px}.wardrobe-stage{min-height:200px}.clothing-note p{font-size:11px}.narrative{font-size:13px;line-height:1.65;padding:10px 13px}.choice{padding:9px 11px;min-height:43px}.home h1{font-size:34px}.home .sub{margin:15px 0 20px}.home .warning{margin-top:20px}.home{padding:16px 25px}.intro p{font-size:13px}.intro{padding:25px}.dialog{padding:17px}.dialog h2{margin-bottom:11px}.page-body p{font-size:13px}.row{padding:8px!important}.loadout .catalog .sprite{height:35px}.loadout .catalog{grid-template-columns:38px 1fr}.loadout .catalog .mini-actions button{padding:2px 10px}.loadout h2{font-size:20px;margin:3px 0 5px}}

.pack-page .external-object.mat{left:-2%;top:29%;height:34%;width:17%;z-index:1}.pack-page .external-object.pole{left:4%;right:auto;top:28%;height:47%;width:14%;z-index:2}.bag-frame{pointer-events:none}.pack-page .grid{z-index:3}

.ending{z-index:8}.page-body>img{max-width:100%;object-fit:contain}

.ending{background:linear-gradient(#102219f5,#09160ffb)}

.item-title{display:flex;align-items:center;justify-content:space-between}.item-title button{border:1px solid var(--border);background:#1b3527;border-radius:6px;padding:0 12px;min-height:28px;font-size:18px;margin-left:5px}.inventory-page .item-details p{font-size:12px;line-height:1.6}.inventory-page .item-details{min-height:108px}

.host-label{font-size:11px;color:#97bea2;margin-bottom:7px;letter-spacing:1px}

.loadout .catalog{grid-template-rows:auto 1fr auto}.kit-use{grid-column:1/-1;font-size:11px;line-height:1.6;color:#a6bfa9;margin:2px 0}.kit-use span{white-space:nowrap;color:#80b893}.loadout .catalog .mini-actions{grid-column:1/-1}.loadout .catalog .sprite{height:40px}@media(max-height:700px){.loadout .library{grid-template-rows:repeat(2,minmax(0,1fr))}.kit-use{font-size:10px}.loadout .catalog .sprite{height:30px}}

.stat{grid-template-columns:18px minmax(0,1fr) 31px;column-gap:3px}.stat strong{font-size:18px}.stat svg{width:18px}.stat .change{font-size:14px}.stat.temp strong{font-size:16px}.stat.temp .change{font-size:11px}.stat.temp strong small{font-size:8px}@media(max-width:350px){.stat{grid-template-columns:16px minmax(0,1fr) 28px;column-gap:2px}.stat strong{font-size:16px}.stat.temp strong{font-size:14px}.stat .change{font-size:12px}.stat.temp .change{font-size:10px}}

/* v10.0.1: restore the approved anatomical silhouette and clothing callouts. */
.wardrobe-stage{margin:7px 0;min-height:230px}.wardrobe-stage .silhouette{left:27%;top:1%;width:46%;height:82%;filter:drop-shadow(0 0 1px #c2d0c14d);color:unset;pointer-events:none}.wear-links{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}.wear-links g{color:#97cda0;opacity:.63}.wear-links g.active{color:#b3f2b2;opacity:1}.wear-links polyline{fill:none;stroke:currentColor;stroke-width:.28;vector-effect:non-scaling-stroke;stroke-width:1.2px}.wear-links circle{fill:currentColor}.wear-links .active circle{filter:drop-shadow(0 0 2px #b2e8ad)}.clothing{padding:0;background:none;border:0;border-radius:11px;z-index:3;color:inherit}.clothing svg{padding:4px;background:linear-gradient(135deg,#26392d88,#10231999);border:1px solid #789e8275;transition:border-color .15s,box-shadow .15s}.clothing.selected svg{border:2px solid #a4e2a6;box-shadow:0 0 12px #87d9931c;background:linear-gradient(135deg,#31543a80,#132c1d99)}.clothing.selected span{color:#b2e6b6}.clothing-0,.clothing-1,.clothing-2,.clothing-6{width:23%;height:19%}.clothing-0{top:0}.clothing-1{top:22%}.clothing-2{top:44%}.clothing-6{top:66%}.clothing-3{top:1%;height:24%;width:25%}.clothing-4{top:31%;height:24%;width:25%}.clothing-5{top:61%;height:23%;width:25%}.clothing-layer{bottom:0;top:auto;width:23%;height:14%}.layer-0{left:12%}.layer-1{left:38.5%}.layer-2{left:65%}.wear-summary{display:flex;justify-content:space-between;align-items:center;flex:none;padding:8px 12px;margin:0 0 8px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:#adc5af;font-size:11px}.wear-summary b{color:#b2e8b3;font-size:14px;font-weight:500;margin-left:4px}.wear-detail-title{display:flex;align-items:center;gap:13px;margin-bottom:6px}.wear-detail-title h3{margin:0;font-size:20px}.wear-detail-title span{padding:3px 7px;color:#9ed4a8;border:1px solid #669b7377;border-radius:6px;font-size:10px}.clothing-note{padding:12px 15px}.clothing-note p{min-height:20px}.clothes-page .inventory-bottom .layout-note{text-align:center}.clothes-page .inventory-bottom>.primary{font-size:15px}@media(max-height:700px){.wardrobe-stage{min-height:185px;margin:4px 0}.wear-summary{padding:5px 9px;margin-bottom:5px;font-size:10px}.wear-summary b{font-size:12px}.wear-detail-title h3{font-size:17px}.wear-detail-title{margin-bottom:4px}.clothing-note{padding:8px 11px}.clothing-note p{font-size:11px}.clothing span{font-size:10px}.clothing svg{padding:2px}.clothing-layer{height:15%}}
