:root{--brass:#cbb27b;--leather:#25322d;--cream:#eee4c9}.drawn-icon{display:block;width:76px;height:76px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 5px 3px #0005);pointer-events:none}.panel{border:1px solid #c4ae797a;border-radius:3px;box-shadow:0 0 0 5px #17231ed9,0 0 0 6px #bba97a50,0 30px 100px #000b;background:repeating-linear-gradient(0deg,#ffffff02 0 1px,transparent 1px 4px),linear-gradient(120deg,#29362e,#17271f)}.panel header{background:linear-gradient(90deg,#182a22,#293c30);border-bottom:1px solid #c2ae7966;padding:21px 28px}#panel-title{font-size:25px;letter-spacing:-1px}#panel-kicker{color:#bba87e;letter-spacing:2px}#panel-body{padding:24px}.bag-topline{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px;padding:0 0 20px;border-bottom:1px solid #a8ae8e33}.bag-topline>div:first-child{position:relative;padding-left:75px;min-height:55px;display:flex;flex-direction:column;justify-content:center;gap:8px}.pack-icon{position:absolute;left:0;top:-8px}.pack-icon img{width:65px;height:65px}.bag-topline strong{font-size:18px;color:#e6dcbd}.bag-topline small{font-size:11px;color:#a5b49c}.bag-tools{display:flex;gap:8px}.bag-tools input,.bag-tools select{background:#0f2019;border:1px solid #adb58a55;color:#d7dfcb;padding:10px;border-radius:3px;font:12px inherit;max-width:170px}.bag-tools input:focus{outline:1px solid var(--brass)}.tabs{border:0;margin:0 0 18px;padding:0;gap:3px}.tabs button{border-radius:3px 3px 0 0;border:0;border-bottom:2px solid transparent;background:#10231988;padding:10px 17px;color:#acb99f}.tabs button.active{color:#e7d6a9;background:#49513b;border-color:#d2bc87}.inventory-layout{grid-template-columns:minmax(0,1.7fr) minmax(265px,1fr);gap:28px}.inventory-slots{min-height:295px;align-content:start}.item-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.item{min-height:152px;padding:20px 5px 19px;border:1px solid color-mix(in srgb,var(--rarity,#a1b6a8) 36%,#11241a);border-bottom:3px solid var(--rarity,#a1b6a8);background:radial-gradient(ellipse at 50% 38%,color-mix(in srgb,var(--rarity,#a1b6a8) 12%,#26382b),#14241c 80%);border-radius:3px;box-shadow:inset 0 0 0 3px #0b1b152b;transition:background .12s,transform .12s,box-shadow .12s}.item:hover{transform:translateY(-2px);background:#354735;box-shadow:0 6px 10px #0005}.item.selected{box-shadow:inset 0 0 0 1px var(--rarity),0 0 12px color-mix(in srgb,var(--rarity) 15%,transparent);background:radial-gradient(ellipse at 50% 38%,#576347,#223728)}.item>.drawn-icon{width:82px;height:82px;margin:0 auto 7px}.item .rarity{font-size:9px;color:var(--rarity);opacity:.95;top:6px;left:7px}.item>.qty{bottom:4px;right:7px;top:auto}.item>small:not(.rarity){font-size:9px;opacity:.65;margin-top:6px}.item>span:not(.pixel-icon){font-size:11px}.bag-legend{display:flex;gap:13px;font-size:9px;flex-wrap:wrap;padding:15px 0;color:#aabbb0}.bag-legend span:nth-child(2){color:#83cc9c}.bag-legend span:nth-child(3){color:#80baff}.bag-legend span:nth-child(4){color:#c5a0f4}.bag-legend span:nth-child(5){color:#f3ce7d}.item-detail{border:1px solid #b6a377;border-radius:2px;background:repeating-linear-gradient(0deg,#c0af7c08 0 1px,transparent 1px 5px),linear-gradient(120deg,#e4d8b8,#c7bd9d);color:#27372a;padding:25px;box-shadow:inset 0 0 30px #82734433,4px 5px 0 #0d2018}.item-detail>small{font-size:10px;color:#425b45!important;font-weight:700}.item-detail h2{font-size:25px;color:#26382b;border-bottom:1px solid #71806655;padding-bottom:16px}.item-detail p{color:#54654f;font-size:12px}.item-detail .detail-icon{height:150px;border-bottom:1px solid #89926f33;background:radial-gradient(ellipse,#f1e7ca77,transparent 70%);margin:15px 0}.detail-icon>.drawn-icon{width:148px;height:148px;filter:drop-shadow(0 10px 6px #4a412a44)}.item-detail .bar-row{border-color:#73816744;font-size:12px}.item-detail .actions{gap:7px;margin-top:18px}.item-detail button{background:#71806922;color:#344734;border:1px solid #52664d66;font-size:12px}.item-detail button:hover{background:#64755744}.item-detail .primary{background:#324d39;color:#eee5cb;border-color:#344d37;box-shadow:0 3px 0 #213728;font-size:13px}.needed-item{font-size:10px;padding:9px;border:1px solid #82744977;color:#74602d;background:#e8d9a466;margin:12px 0}.kit-art{display:flex;justify-content:center;border-top:1px solid #7e896755;margin-top:23px;padding-top:10px}.kit-art img{width:80px;height:70px}.kit-summary{border-top:0;margin-top:0;padding-top:5px;color:#52664d}.kit-summary b{color:#354d38}.item-detail .empty h2{font-size:20px}.item-detail .empty p{color:#66775b}.capacity{height:5px;background:#101d15;box-shadow:0 1px 0 #80947255}.capacity i{background:linear-gradient(90deg,#82965c,#c2b57b)}.section-label h3{font-size:13px;letter-spacing:.5px}.stash .item{min-height:132px}.stash .drawn-icon{width:65px;height:65px}body[data-panel=dialog] #modal{background:linear-gradient(0deg,#07130f88,transparent 100%);backdrop-filter:none;align-items:flex-end;padding-bottom:4vh}body[data-panel=dialog] .panel{width:min(1180px,94vw);max-height:86vh;background:#15251eef;border-radius:2px;border-color:#cfbc8999;overflow:visible}body[data-panel=dialog] .panel>header{position:absolute;right:3vw;z-index:3;padding:0;background:none;border:0}body[data-panel=dialog] .panel>header>div{display:none}body[data-panel=dialog] #close{background:#1b2a22;border:1px solid #ad9f7b77;margin-top:12px}body[data-panel=dialog] #panel-body{padding:0;max-height:82vh;overflow:auto}.conversation-layout{display:grid;grid-template-columns:285px 1fr;min-height:490px}.resident-portrait{position:relative;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 50% 35%,#83926c55,transparent 60%),linear-gradient(0deg,#21362cf5,#172c22a0),url('assets/faithful/shelter.png') 15% 35%/auto 100%;border-right:1px solid #bcb18266;padding:24px 20px}.resident-number{font-size:9px;letter-spacing:2px;color:#bab492}.resident-portrait>img{width:270px;height:270px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 12px 5px #0007);margin-top:8px}.resident-portrait>div{text-align:center;margin-top:-5px}.resident-portrait h2{font-size:32px;letter-spacing:5px;color:#ecddbb;margin:0 0 8px}.resident-portrait>div>span{font-size:11px;border-block:1px solid #b8ad8055;padding:5px 18px;color:var(--resident)}.resident-portrait p{font-size:11px;color:#abbba3;line-height:1.8;max-width:210px;margin-top:20px}.conversation-content{padding:25px 38px 26px}.conversation-heading{display:flex;gap:18px;align-items:center;border-bottom:1px solid #9caf8933;padding-bottom:14px;padding-right:25px}.conversation-heading span{font-size:11px;color:#c7b581}.conversation-heading b{font-size:11px;font-weight:400;color:#92ad93}.dialogue-line{font-size:19px;line-height:1.9;min-height:72px;color:#e1e1ce;margin:22px 0}.request-items{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0 18px;padding:10px;background:#0d1c1688;border-left:2px solid #b8a16d}.request-items>div{display:flex;align-items:center;gap:7px;font-size:11px}.request-items img{width:48px;height:48px}.request-items small{display:block;font-size:10px;color:#90a68d;margin-top:5px}.request-items>b{font-size:10px;color:#c9b780;margin-left:auto;padding:8px}.dialogue-choices{display:grid;grid-template-columns:1fr 1fr;gap:7px}.dialogue-choices button{text-align:left;position:relative;padding:12px 15px;background:#293c2d;border:1px solid #8e9f7455;color:#cbd7bf;border-radius:3px;font-size:12px;min-width:0}.dialogue-choices button>span{float:right;color:#94a284;font-size:10px}.dialogue-choices .primary{grid-column:1/-1;background:linear-gradient(90deg,#c1b580,#a8ad74);color:#203222;font-weight:600}.dialogue-choices .primary span{color:#344b2e}.dialogue-choices kbd{font-size:10px;margin-right:10px;border-right:1px solid #4c624766;padding-right:12px}.dialogue-choices button:hover{border-color:#d8c797;background:#42573b}.dialogue-choices .primary:hover{background:#d3c89a}.destination-grid button{height:190px;border-radius:3px;border:1px solid #bfb08066;box-shadow:inset 0 0 0 4px #182a2033}.destination-grid button:hover{box-shadow:inset 0 0 0 2px #decd9688}.destination-grid strong{font-size:21px}.destination-grid span{line-height:1.7}.destination-grid button:disabled{opacity:.5}.chapter-list article{border-radius:2px;border-left:3px solid #7d8c69}.chapter-list article.current{background:#334630;border-left-color:#d5bb7c}.shop button{border-radius:3px}.drawn-icon[src='']{visibility:hidden}#hub-actions{gap:7px;bottom:120px}#hub-actions button{border-radius:3px}#hub-actions:before{content:'주민과 시설을 클릭해서 이용하세요';position:absolute;bottom:54px;left:50%;transform:translateX(-50%);font-size:10px;white-space:nowrap;color:#ddd6b7;text-shadow:0 2px 5px #000}#crosshair{opacity:.85}body[data-safe=true] #crosshair{display:none}body[data-safe=true] #quick{opacity:.7}#vitals,#map-toggle,#weapon{border-radius:3px;border-color:#c1b18477;background:#16291fde}#missions{background:linear-gradient(90deg,#16291feb,#17261de0);border-left:2px solid #bda572;border-radius:0}.full-screen{background:linear-gradient(90deg,#0a1411ed,#0a1411b0 35%,#0a141100 75%)}#toast{bottom:190px}body[data-panel=bag] #toast{bottom:5vh}body[data-panel=dialog] #toast{top:8vh;bottom:auto}.effect-description{min-height:24px}.panel .actions button{border-radius:3px}@media(min-width:1500px){body[data-panel=bag] .panel{width:1160px}.inventory-layout{grid-template-columns:1.8fr 1fr}.item-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1000px){.inventory-layout{grid-template-columns:1.3fr 1fr}.item-grid{grid-template-columns:repeat(3,1fr)}.item>.drawn-icon{width:68px;height:68px}.item{min-height:142px}.bag-topline{align-items:flex-start}.bag-tools{flex-direction:column}.conversation-layout{grid-template-columns:200px 1fr}.resident-portrait>img{width:210px;height:230px}.conversation-content{padding:24px}.dialogue-line{font-size:16px}.conversation-heading b{font-size:10px}.resident-portrait{padding:24px 10px}}@media(max-width:720px){.bag-topline{flex-direction:column;gap:10px}.bag-tools{flex-direction:row;width:100%}.bag-tools input{max-width:none;flex:1;min-width:0}.inventory-layout{grid-template-columns:1fr}.inventory-slots{min-height:0}.item-detail{margin-top:10px}.detail-icon>.drawn-icon{width:110px;height:110px}.item-detail .detail-icon{height:110px}.conversation-layout{grid-template-columns:1fr}.resident-portrait{flex-direction:row;padding:10px 16px;border-right:0;border-bottom:1px solid #aeb78955;height:116px;justify-content:flex-start}.resident-portrait>img{width:120px;height:130px;margin:0}.resident-portrait>div{text-align:left;padding:10px}.resident-portrait h2{font-size:23px}.resident-number,.resident-portrait p{display:none}.resident-portrait>div>span{padding:3px 0;border:0}.conversation-content{padding:17px}.dialogue-choices{grid-template-columns:1fr}.dialogue-line{font-size:15px;min-height:0}.request-items{margin:10px 0}.conversation-layout{min-height:0}body[data-panel=dialog] .panel{max-height:88vh;overflow:auto}.drawn-icon{width:60px;height:60px}.item-grid{grid-template-columns:repeat(3,1fr)}#hub-actions{bottom:160px}.dialogue-choices button{padding:10px}.bag-legend{gap:10px}.panel #panel-body{padding:18px}body[data-panel=dialog] .panel #panel-body{padding:0}#hub-actions:before{font-size:9px}.bag-topline small{font-size:10px}}

body[data-panel=dialog] #panel-body:not(:has(.conversation-layout)){padding:32px}body[data-panel=dialog] .panel:has(#story-next){overflow:auto}body[data-panel=dialog] .panel:has(#story-next) header{right:5vw}

body[data-panel=bag] .panel{max-height:92vh}body[data-panel=bag] #panel-body{max-height:calc(92vh - 100px);overflow:auto}.item-detail{align-self:start}.bag-topline{margin-bottom:15px;padding-bottom:14px}.item-detail .detail-icon{height:115px;margin:8px 0}.detail-icon>.drawn-icon{width:115px;height:115px}.item-detail h2{font-size:22px;padding-bottom:12px}.item-detail .bar-row{padding:9px 0}.kit-art{margin-top:14px}.kit-art img{width:65px;height:48px}.kit-summary{gap:8px}.item-detail{padding:20px}.conversation-content .primary{color:#203222!important;background:linear-gradient(90deg,#c1b580,#a8ad74)!important}.conversation-content .primary:hover{background:#d3c89a!important}

#quick .drawn-icon{width:43px;height:40px;margin:0 auto}#quick span{margin-top:13px}#weapon:before{display:none}.weapon-art{position:absolute;left:12px;top:22px}.weapon-art img{width:70px;height:58px}.shop-item-art{float:left;width:70px;height:70px;margin-right:12px}.shop-item-art img{width:64px;height:64px}.shop button{min-height:105px}.bestiary-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:22px}.bestiary-grid article{display:flex;align-items:center;border:1px solid #a4b48544;background:#11231bbb;padding:15px;gap:15px}.bestiary-grid img{width:110px;height:125px;object-fit:contain;image-rendering:pixelated}.bestiary-grid small{font-size:9px;letter-spacing:2px;color:#bca879}.bestiary-grid h3{margin:10px 0}.bestiary-grid p{font-size:12px;line-height:1.8;color:#b5c6b0}@media(max-width:700px){.bestiary-grid{grid-template-columns:1fr}.bestiary-grid img{width:90px;height:100px}}