:root{--ink:#242d25;--paper:#d2c8a3;--gold:#c8ad73;--cloth:#243d31}
/* Field equipment and paper records replace the flat overlay treatment. */
.panel{border:0!important;border-radius:9px!important;box-shadow:0 25px 90px #000b,0 0 0 5px #182920,0 0 0 6px #857c5d!important;background:linear-gradient(115deg,#1a3029ed,#26392df5),url('assets/faithful/shelter.png') center/cover!important}
.panel>header{background:linear-gradient(90deg,#15221dcc,#2c3a2adb),url('assets/v3/facade-v4.png') center/cover;border-bottom:3px double #a7986a!important;padding:24px 30px!important}
.panel>header:before{content:'✦';color:var(--gold);position:absolute;right:80px;top:27px;font-size:23px}
#panel-kicker{letter-spacing:3px;color:#cabb88}#panel-title{font-weight:800;letter-spacing:-1px}
.destination-grid{grid-template-columns:repeat(3,1fr)!important;gap:24px!important;padding:12px 3px 24px}
.destination-grid button{border:0!important;min-height:240px!important;position:relative;border-radius:2px!important;background-image:linear-gradient(0deg,#101b16 3%,#10201844 65%,#17241c11),var(--scene)!important;background-size:cover!important;padding:24px 18px!important;box-shadow:0 0 0 7px #b7af88,0 12px 16px #0009;transform:rotate(-1deg);text-align:left;transition:transform .18s}
.destination-grid button:nth-child(2n){transform:rotate(1deg)}.destination-grid button:not(:disabled):hover{transform:translateY(-6px) rotate(0deg)}.destination-grid button:before{content:'';width:72px;height:23px;background:#ccc18b99;position:absolute;left:calc(50% - 36px);top:-15px;transform:rotate(-4deg)}
.destination-grid strong{font-size:22px!important;text-shadow:0 2px 5px #000}.destination-grid em{font-size:11px;color:#d8ca9c;font-style:normal;display:block;margin:9px 0}.destination-grid button>small{border:1px solid #d1c08b!important;background:#233b2e!important;width:fit-content;padding:3px 8px!important;transform:rotate(-3deg)}
.loadout-strip{border:0!important;background:#121f18aa!important;border-radius:5px;box-shadow:inset 0 2px 8px #0007;padding:15px!important}.loadout-strip span{padding:2px 13px;border-right:1px solid #87947c55}
.item-grid{gap:12px!important}.item{border:0!important;border-radius:9px!important;box-shadow:inset 0 3px 12px #0009,0 1px #bbbf8a44!important;background:radial-gradient(ellipse at 50% 36%,color-mix(in srgb,var(--rarity) 22%,#27382c),#13251e 75%)!important;isolation:isolate}
.item:before{content:'';position:absolute;left:9px;right:9px;bottom:34px;height:3px;background:var(--rarity);opacity:.65;box-shadow:0 0 12px var(--rarity)}.item.selected{outline:2px solid var(--rarity)!important;outline-offset:2px}.item>.drawn-icon{filter:drop-shadow(3px 8px 4px #0008);width:88px!important;height:88px!important;transition:transform .15s}.item:hover>.drawn-icon{transform:translateY(-4px) rotate(-3deg)}.item .qty{border-radius:50%;min-width:26px;min-height:26px;background:#0b1c17e8;padding:3px}.item .rarity{letter-spacing:1px}
.item-detail{border:0!important;border-radius:3px!important;background:repeating-linear-gradient(0deg,#ffffff03 0 2px,transparent 2px 6px),linear-gradient(110deg,#d6cda9,#bfb88e)!important;color:var(--ink)!important;box-shadow:4px 7px 15px #0007;position:relative}.item-detail:before{content:'물품 기록';position:absolute;right:18px;top:17px;border:2px solid #66583b70;padding:2px 7px;transform:rotate(8deg);font-size:10px}.item-detail p,.item-detail .bar-row,.kit-summary,.item-detail h2{color:#354130!important}.item-detail .muted{color:#58604b!important}.item-detail .detail-icon{background:radial-gradient(ellipse,#fff5,transparent);border:0}.item-detail .actions button{background:#334b38;color:#f2e9c9;border:0}
.inventory-slots{background:repeating-linear-gradient(0deg,#8d9b8020 0 1px,transparent 1px 5px),#14291e;padding:16px;border:8px solid #2b4231;border-radius:10px;box-shadow:inset 0 3px 13px #0009}.bag-topline .pack-icon img{filter:drop-shadow(0 7px 5px #0008)}
.conversation-content{background:repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 4px),linear-gradient(110deg,#ddd3af,#c3bb94)!important;color:#283a2a}.conversation-content .dialogue-line{color:#29372b!important;font-size:20px;line-height:1.95}.conversation-heading{color:#526044!important}.conversation-heading b{color:#3b513d!important}.dialogue-choices button{border:0!important;background:#eee3bf88!important;color:#2b3e2e!important;border-radius:2px;box-shadow:0 2px 0 #8f947366}.dialogue-choices button:hover{background:#f7edcfff!important}.dialogue-choices button span{color:#5e7251!important}.request-items{border:0!important;background:#a8a37844!important}.request-items span,.request-items small{color:#47523e!important}.resident-portrait{background:radial-gradient(ellipse at 50% 30%,#8caa7340,transparent),#163226!important}
#vitals{border:0!important;border-radius:0 20px 20px 0!important;background:linear-gradient(90deg,#172c25f5,#1b302ac7)!important;box-shadow:0 3px 15px #0006;padding:18px 23px!important;border-left:4px solid #b9a471!important}#vitals .track{height:8px;box-shadow:inset 0 2px 4px #0009}#missions{border:0!important;background:linear-gradient(90deg,#1e312bd9,#1e312b00)!important;border-left:3px solid #c1aa73!important;padding:13px 16px!important}#mission-list p{display:none}#mission-list small{display:block;margin-top:9px;color:#c7c8ab}#map-toggle{border:6px solid #424d3a!important;box-shadow:0 0 0 2px #a4a67b,0 6px 15px #0008;transform:rotate(2deg);border-radius:5px!important}#weapon{border:0!important;background:linear-gradient(125deg,#14251ac7,#162b23f5)!important;border-bottom:4px solid #9d9f79!important;border-radius:30px 0 0 0!important}#quick{background:linear-gradient(#314633f2,#1e3528f2);padding:8px;border-radius:8px;box-shadow:0 0 0 3px #526047,0 5px 16px #0009;gap:7px!important;bottom:20px!important}#quick button{border:0!important;background:#13281e!important;box-shadow:inset 0 2px 6px #0009;border-radius:5px!important}#bottom-left>span{display:none}#return-action{bottom:125px!important;border:0;background:#d0bf87!important;color:#263b2b!important;box-shadow:0 3px 0 #7c825a;clip-path:polygon(3% 0,97% 0,100% 50%,97% 100%,3% 100%,0 50%)}
@media(max-width:900px){.destination-grid{grid-template-columns:repeat(2,1fr)!important}.destination-grid button{min-height:200px!important}.item>.drawn-icon{width:65px!important;height:65px!important}}@media(max-width:640px){.destination-grid{grid-template-columns:1fr!important}.panel>header{padding:16px!important}.conversation-content .dialogue-line{font-size:16px}.inventory-slots{padding:8px;border-width:4px}.item-detail:before{display:none}#quick{bottom:12px!important}#missions{max-width:190px}#map-toggle{width:100px}}
@media(prefers-reduced-motion:reduce){.destination-grid button,.item>.drawn-icon{transition:none!important}}
.request-items>b{color:#485138!important}.panel>header{position:relative}.conversation-heading>span{color:#536044!important}body[data-panel=dialog] .panel>header:before{display:none}
#community-toggle{position:absolute;left:24px;top:120px;pointer-events:auto;background:#233d32ed;color:#e5d9ac;padding:12px 18px;border:1px solid #899673;border-radius:8px;box-shadow:0 4px 12px #0006}#bag-toggle{min-width:190px;font-size:15px!important;background:linear-gradient(90deg,#688e4b85 var(--load),#162a24ed var(--load))!important;border:1px solid #879776!important;padding:12px!important}#bag-toggle[data-heavy=true]{color:#ffcf87;border-color:#df9d62!important}.shop article{background:#243b32;padding:18px;border-radius:8px}.shop progress{width:100%;accent-color:#8dbf7c}body[data-panel=community] .panel{max-width:1000px}#game canvas{image-rendering:pixelated}
.community-residents{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.community-residents article{background:linear-gradient(130deg,#3d5143,#1b3027);border:1px solid #8c9b6b66;border-radius:9px;padding:18px;box-shadow:0 5px 12px #0004}.community-portrait{width:100%;height:125px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(2px 5px 3px #0007)}.community-residents h2{font-size:20px}.community-residents progress{width:100%;accent-color:#a4c184}.community-residents button{min-height:42px;width:100%;padding:9px;font-size:12px}@media(max-width:700px){.community-residents{grid-template-columns:1fr}.community-portrait{height:80px}#community-toggle{font-size:11px;left:16px;top:110px}}

/* Keep each HUD block inside the viewport and preserve the center of play. */
#weapon{box-sizing:border-box;min-width:0;overflow:hidden}#weapon>div{min-width:0;white-space:normal}#weapon-name{overflow-wrap:anywhere}#reserve{font-size:14px!important}#weapon .weapon-art{position:absolute;left:14px;top:24px}#weapon .weapon-art img{width:44px;height:44px}#weapon>div{grid-column:1/-1;text-align:right;padding-left:46px}#location{display:block!important;position:absolute;top:18px;left:50%;transform:translateX(-50%);max-width:30%;text-align:center;font-size:12px;text-shadow:0 2px 4px #000;background:#14291fc9;padding:9px 14px;border-radius:0 0 10px 10px}#location small{font-size:10px}
@media(max-width:1050px){#weapon{width:180px!important;right:12px!important;bottom:115px!important;min-height:85px;padding:12px!important}#weapon-state{font-size:9px!important}#quick{max-width:320px}#location{top:105px;left:14px;transform:none;max-width:240px;text-align:left;padding:7px;font-size:11px}#bottom-left{bottom:16px}#bottom-left button{font-size:11px;padding:10px}#return-action{bottom:122px!important}}
@media(max-width:700px){#weapon{bottom:115px!important;width:155px!important}#quick{left:auto!important;right:12px;transform:none!important;gap:4px!important}#quick button{width:42px!important}#bottom-left{max-width:135px;display:grid;gap:4px}#missions{top:180px!important;max-height:240px;overflow:auto}#location{max-width:160px}}
#weapon>div{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:6px;padding-left:0!important}#reserve{white-space:nowrap;font-size:12px!important}#mag{font-size:26px!important}#weapon .weapon-art{top:14px;left:12px}#weapon .weapon-art img{width:32px;height:32px}

.shelter-overview{display:grid;grid-template-columns:1.8fr 1fr;gap:28px;margin-bottom:24px}.today-story{padding:28px;border-radius:10px;background:linear-gradient(100deg,#152e29ed,#203c2bdd),url('assets/faithful/shelter.png') center/cover}.today-story h2{color:#eed9a2;font-size:28px}.today-story p{line-height:1.8}.shelter-metric{display:flex;align-items:center;gap:16px;padding:14px;border-bottom:1px solid #aaba8055}.shelter-metric b{font-size:32px;color:#dec58e}.hub-services{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hub-services button{background:linear-gradient(145deg,#42533c,#192f25);border-radius:9px;padding:18px 12px;box-shadow:inset 0 1px #b7b89066,0 5px 12px #0004}.hub-services .drawn-icon{width:65px;height:65px;margin:auto auto 12px}.hub-services strong,.hub-services small{display:block;margin-top:9px}.hub-services small{font-size:11px;color:#b7c0a9;line-height:1.6}.next-chapter{padding:20px 25px;background:#294236;border-left:4px solid #bfa66e;margin:20px 0}.warning{color:#f1b889}#mission-list .field-direction{display:block!important;line-height:1.6;color:#e3d8b7;font-size:12px}#mission-list>div:nth-child(n+2){display:block}#hub-actions{flex-wrap:wrap;max-width:calc(100vw - 32px)}button:focus-visible{outline:3px solid #e5cf92;outline-offset:3px}.actions{flex-wrap:wrap}.item-grid{min-width:0}#panel-body{overflow-wrap:anywhere}@media(max-width:800px){.shelter-overview{grid-template-columns:1fr;gap:12px}.shelter-overview aside{display:flex;gap:10px;flex-wrap:wrap}.hub-services{grid-template-columns:repeat(2,1fr)}.today-story{padding:20px}.today-story h2{font-size:23px}}

.offer-status{display:block;margin-top:12px!important;color:#d9c59b!important;border-top:1px solid #b7b28d33;padding-top:8px}.shop button:disabled{opacity:.65;filter:saturate(.65);cursor:default}.shop button:disabled:hover{transform:none}.panel{scrollbar-color:#879373 #1a3026;scrollbar-width:thin}
.life-summary{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:22px;background:linear-gradient(110deg,#293c30,#1a2924);border-radius:12px;margin-bottom:22px}.life-summary h2{font-size:30px;margin:8px 0;color:#ead9b1}.life-summary h2 span{font-size:15px}.life-summary small,.life-person small{color:#b9c7a4;letter-spacing:.06em}.resident-life{background:linear-gradient(155deg,#304036,#18291f)!important;padding:20px!important;border-radius:12px!important}.resident-life.sick{background:linear-gradient(155deg,#534738,#292c25)!important}.life-person{display:flex;align-items:center;gap:4px}.life-person .community-portrait{width:110px;height:120px;object-fit:contain;margin:0;image-rendering:pixelated}.life-person h2{margin:4px 0!important}.life-person b{color:#d7c6a1}.life-quote{min-height:48px;color:#d6d2bf;font-style:italic;line-height:1.6}.resident-life label{display:block;margin-top:12px;color:#ced3c2;font-size:13px}.resident-life label b{float:right}.resident-life progress{display:block;width:100%;height:7px;margin-top:6px;accent-color:#98b593}.resident-life .fatigue{accent-color:#c19f6d}.resident-life select{display:block;width:100%;padding:12px;margin-top:8px;background:#15271d;color:#ece4ca;border:1px solid #5b6a51;border-radius:6px}.task-description{min-height:44px;font-size:12px;line-height:1.7;color:#d1c194}.visitor-note{padding:26px;background:linear-gradient(120deg,#4c4430,#282d23);border-radius:10px;margin:24px 0;box-shadow:inset 5px 0 #b5a36b}.life-history details{margin:12px 0;padding:16px 20px;background:#172b21;border-radius:8px}.life-history summary{cursor:pointer;color:#e1cf9e}.life-history details div{padding-top:10px;line-height:1.8}.day-report{padding:18px 24px;background:#21352a;border-radius:10px;margin-top:18px;line-height:1.8}.sick-dialog{display:block;font-size:14px;color:#c6b586;margin-bottom:16px}.resident-life.dead{filter:grayscale(1);opacity:.65}@media(max-width:700px){.life-summary{grid-template-columns:1fr}.community-residents{grid-template-columns:1fr!important}}
.loot-pack-item{min-width:0}.loot-pack-item>.item{width:100%;height:calc(100% - 37px)}.discard-loot{width:100%;margin-top:5px;padding:8px 4px!important;font-size:12px!important;border-radius:5px!important;background:#392d25!important;color:#dfbc98!important;border:1px solid #765e46!important}.discard-loot:hover{background:#614332!important}.discard-loot:disabled{background:#263429!important;color:#a8b399!important}