/* LOGGER II generated copper/oak UI skins. */
.inventory-slot:hover{background:transparent url('../public/assets/ui-slot-v2.png') center/contain no-repeat}.inventory-slot.selected:hover{background-image:url('../public/assets/ui-slot-v2.png')}
:root{--gold:#c6a35c;--paper:#e5d9b9;--panel:#171713}
#modal{background:linear-gradient(135deg,#25231df7,#0d1011fb);border:3px double #9c824c;border-radius:0;box-shadow:0 0 0 5px #0e1111,0 18px 80px #000b;color:var(--paper)}
#modal header{border-color:#8f753e70}h2,#modal-body h3{color:var(--paper)}#modal-kicker{color:var(--gold)}
#modal-body button:not(.inventory-slot),.tools button,.primary,#interact{background:transparent url('../public/assets/ui-button-v2.png') center/100% 100% no-repeat;border:0;border-radius:0;color:#f1e2bc;text-shadow:0 2px 2px #000;min-height:42px;min-width:108px;padding:10px 19px}
.tools button{min-width:68px;min-height:30px;padding:8px 10px;font-size:11px}.tools kbd{display:none}.primary{min-width:240px;min-height:78px}#modal-close{border:1px solid #977c45;background:#23231b}
.vitals{background:#131817bd;border:1px solid #977c4560;padding:9px;width:282px}.level{border-color:#b99855;background:#25231b}.location strong{color:#f2dfac}.location small{color:#e1c785}.tools{gap:3px}
.equipment-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:16px}.equipped-pane{background:radial-gradient(ellipse,#49453255,#0d1215);border:1px solid #a588454d;text-align:center;padding:18px}.equipment-slot{width:104px;height:104px;margin:12px auto;background:url('../public/assets/ui-slot-v2.png') center/contain no-repeat;display:grid;place-items:center}.equipment-slot img{width:70%;height:70%;object-fit:contain}.detail-pane{padding:12px;background:#0a10138f;border:1px solid #a588454d}.detail-pane h3{font-size:19px;margin:8px 0}.detail-pane small{display:block;color:#9d9c8c}.detail-pane button{display:block;margin:16px 0 9px;max-width:190px;width:100%}
.inventory-heading{display:flex;justify-content:space-between;margin:18px 0 9px;color:var(--gold)}.inventory-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;background:#0b0e10;padding:10px;border:1px solid #a5884559}.inventory-slot{aspect-ratio:1;border:0;background:transparent url('../public/assets/ui-slot-v2.png') center/contain no-repeat;padding:17%;border-radius:0;position:relative;min-width:0}.inventory-slot.selected{background-image:url('../public/assets/ui-slot-v2.png')}.inventory-slot img{display:block;width:100%;height:100%;object-fit:contain}.inventory-slot:disabled{opacity:.55}.inventory-slot .undiscovered{opacity:.18;filter:grayscale(1)}.inventory-slot span{position:absolute;left:10%;top:8%;font-size:10px;color:#edd58c}.bad{color:#e18a79}.good{color:#9fd29b}
.stat-title{display:flex;justify-content:space-between;font-size:18px;padding:12px 0;color:var(--paper)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin:14px 0}.stat-grid>div{display:flex;justify-content:space-between;background:#0c1316;padding:12px;border-bottom:1px solid #967c3d60}.stat-grid dt{color:#b8ad8e}.stat-grid dd{margin:0;color:#f0e7d0;font-weight:700}.facility-options{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.facility-options .item-card{border-color:#a7894859;background:#111515;border-radius:0}.facility-options .item-card:only-child{grid-column:1/-1;max-width:400px}.research-lock{color:#deba75}.world-route{display:flex;align-items:center;gap:14px}.map-card{flex:1;background:#101b1b;padding:18px;border:1px solid #8c78494f}.map-card.selected{border-color:#d4b96f}.map-card h3{font-size:19px}.map-card small,.map-card span,.route-link{color:var(--gold)}
#modal-body button:not(.inventory-slot),.tools button,.primary,#interact{background-size:contain}
.facility-options .item-card button{max-width:180px;min-height:56px}
@media(max-height:520px){.vitals{padding:5px;width:208px}.tools{right:10px}.tools button{min-width:51px;min-height:27px;padding:7px 8px;font-size:10px}.location{top:69px;left:18px;transform:none;text-align:left}.location small,.location>span{display:none}.location strong{font-size:12px}#modal{width:min(660px,95%);padding:15px;max-height:100%}#modal-backdrop{padding:10px}#modal header{margin-bottom:8px}#modal-kicker{font-size:8px}h2{font-size:18px}.equipped-pane{padding:8px}.equipment-slot{width:67px;height:67px;margin:3px auto}.equipped-pane h3{font-size:12px;margin:3px}.equipped-pane>span{font-size:11px}.detail-pane{padding:8px}.detail-pane h3{font-size:15px;margin:2px}.detail-pane p{font-size:11px}.detail-pane button{margin:6px 0;min-height:32px!important;font-size:11px}.detail-pane small{font-size:9px}.equipment-layout{gap:10px}.inventory-grid{grid-template-columns:repeat(12,1fr);gap:3px;padding:6px}.inventory-heading{margin:9px 0 4px;font-size:11px}.inventory-slot span{font-size:8px}.stat-grid{margin:8px 0;gap:5px 12px}.stat-grid>div{padding:7px 10px}.stat-title{padding:4px 0}.facility-options{gap:10px}.map-card{padding:12px}.map-card h3{font-size:15px}.world-route{gap:8px}}
@media(max-height:520px){
  #modal{padding:12px}#modal header{padding-bottom:7px;margin-bottom:7px;min-height:34px}#modal header h2{font-size:17px;margin:0}#modal-kicker{display:none}
  #modal-body{font-size:12px;line-height:1.5}.detail-pane p{margin:4px 0!important}.detail-pane small{line-height:1.4}.detail-pane button{padding:5px 12px!important;margin:4px 0;max-width:110px}.equipment-layout{align-items:stretch}.equipped-pane{padding:6px}.equipment-slot{height:61px;width:61px}.detail-pane h3{font-size:14px;line-height:1.5}
  #modal[data-kind=facility] #modal-body{display:grid;grid-template-columns:.95fr 1.1fr;column-gap:18px;align-items:start}
  #modal[data-kind=facility] .facility-options{grid-column:2;grid-row:1 / span 4;align-self:center}
  #modal[data-kind=facility] .stats{display:grid;gap:5px}#modal[data-kind=facility] .muted{font-size:10px}#modal[data-kind=facility] .item-card{padding:9px}#modal[data-kind=facility] .item-card h3{font-size:12px}#modal[data-kind=facility] .item-card button{min-width:0;min-height:42px;font-size:11px;padding:7px 10px}
}

/* Generated PNG set v2: imagery supplies the surfaces; CSS handles layout and states. */
#modal{border:18px solid transparent;border-image:url('../public/assets/ui-panel-v2.png') 12% fill stretch;background:none;box-shadow:0 18px 80px #000b;padding:14px}
#modal header{border-color:#98724b60}h2{color:#ead9b6}
#modal-body button:not(.inventory-slot),.tools button,.primary,#interact{background-color:transparent;background-repeat:no-repeat;border:0;filter:none}
button:hover{filter:brightness(1.16)}button:active{filter:brightness(.8)}button:disabled{filter:grayscale(.6);opacity:.5}
.inventory-slot.selected{outline:1px solid #b4cb9e;outline-offset:-5px;filter:brightness(1.25)}.inventory-slot.selected:hover{filter:brightness(1.35)}
#touch-controls button,#touch-controls .actions .attack,#touch-controls button.held,#modal-close{background:transparent url('../public/assets/ui-touch-v2.png') center/contain no-repeat;border:0;border-radius:0;backdrop-filter:none;color:#f1e5c7;text-shadow:0 2px 2px #000}
#touch-controls button.held{filter:brightness(1.4)}#modal-close{width:36px;height:36px}
.tools button{min-height:34px}.primary{min-height:54px}.facility-options .item-card button{min-height:44px}
@media(max-height:520px){#modal{border-width:12px;padding:8px}.tools button{min-height:30px}.equipment-slot{width:54px;height:54px}.equipped-pane{padding:4px}.detail-pane{padding:6px}.detail-pane button{min-height:28px!important}.detail-pane small{font-size:9px}.inventory-heading{margin-top:6px}.facility-options .item-card button{min-height:36px!important}}