/* 0.4: forest camouflage, field equipment, warm command-room lighting. */
:root{--bg:#111810;--panel:#20291e;--line:#4c5840;--text:#f0efdf;--muted:#b5bca8;--accent:#d2dd9a;--orange:#e5b875;--camo:radial-gradient(ellipse at 18% 80%,#434d32 0 17%,transparent 18%),radial-gradient(ellipse at 68% 35%,#303b2a 0 21%,transparent 22%),radial-gradient(ellipse at 88% 80%,#1c281d 0 26%,transparent 27%),linear-gradient(130deg,#273022,#151d17)}
body{background:var(--bg);color:var(--text);font-size:16px}header{background:var(--camo);background-size:380px 210px;border-color:#85905a66;box-shadow:0 3px 20px #0008;height:auto;min-height:88px;flex-wrap:wrap;padding:14px 22px;gap:14px}.brand{color:#e4d7a4}.brand small{color:#bbc5a3}nav{flex:1;display:flex;flex-wrap:wrap;justify-content:flex-end}nav button{font-size:14px;color:#e3e9d3;border-radius:3px;padding:10px 12px}nav button:hover{background:#69704d55}.balance b{color:#efd095}.strip{background:#101a14;color:#a7b792;border-color:#44523b}.strip b{color:#dce5c7}main{height:calc(100vh - 292px);min-height:510px;grid-template-columns:228px minmax(0,1fr)}.left{background:linear-gradient(180deg,#283124f5,#131f18);border-color:#536047}.left p{font-size:14px;color:#bdc5b1}.left .eyebrow,.eyebrow{color:#d1d8a3;font-size:12px;letter-spacing:1.5px}.left-bottom button{background:#303c2b}.operator{border-color:#526044}.portrait{background-color:#37412c;border-color:#76805a}.meter{background:#101b14;border:1px solid #46543755}.meter i{background:linear-gradient(90deg,#819758,#cfdb95)}h2{color:#f0ead7}p{color:#c2c8b6;line-height:1.65}.right{background:#132019ed;border-color:#87946e80;border-radius:5px;backdrop-filter:blur(8px)}.right #minimap{background:#1a291d;border-color:#6d8059}.right .eyebrow{font-size:12px}.right #log{font-size:12px}.right button{font-size:12px}.scene-top{background:linear-gradient(#09170fed,#0d1b1190,transparent);font-size:12px}.scene-top button{background:#2b3e28e8;border-color:#7a8c61}.scene-bottom{color:#e5dfc0;background:linear-gradient(transparent,#0a1712f7);font-size:14px}.building{background:var(--camo);border:1px solid #93a37699;border-left:3px solid #e7c285;border-radius:3px;color:#fff1d5}.building:hover{background:#4b603e;box-shadow:0 8px 25px #101b0ee8}.building small{color:#c4cfb2}.building::before{background:#dbd799;box-shadow:0 0 15px #ccd18a}
button{background:linear-gradient(#3c4b33,#2b3827);border:1px solid #697a54;border-radius:3px;color:#eef0de;transition:background .16s,border-color .16s,transform .16s}button:hover{background:#536446;border-color:#c1ca96}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #f1d090;outline-offset:3px}button.primary{background:linear-gradient(110deg,#dfd197,#b6c17b);color:#1b281b;border:1px solid #eee0ad;box-shadow:0 4px 15px #c4d08218}button.active{background:#617248;border-color:#d4dc9f;color:#fffbe5}button:disabled{opacity:.42}input,select{background:#111e16;border-color:#647655;color:#edeedb;border-radius:3px;font-size:14px}dialog{width:min(1160px,96vw);max-height:92vh;padding:26px;background:linear-gradient(120deg,#273326,#16231b 65%);border:1px solid #84916b;border-radius:5px;box-shadow:0 30px 120px #000d}dialog::backdrop{background:#071109bc;backdrop-filter:blur(6px)}#close{z-index:5;background:#102018dc;border-color:#a6b384;color:#fff;right:12px;top:12px}#content>h2{font-size:28px}#content>p{max-width:80ch}.panel-art{height:210px;overflow:hidden;position:relative;margin:-26px -26px 26px;background-image:var(--panel-art);background-size:200% 200%;border-bottom:1px solid #b6b48266}.art-0{background-position:0 0}.art-1{background-position:100% 0}.art-2{background-position:0 100%}.art-3{background-position:100% 100%}.panel-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#18261bef,transparent 80%)}.panel-art>div{position:absolute;z-index:1;bottom:24px;left:30px;display:grid;gap:7px}.panel-art span{font-size:12px;letter-spacing:3px;color:#e9d7a4}.panel-art strong{font-size:34px;letter-spacing:.5px;color:#fff7dd;text-shadow:0 2px 8px #000}.quest{background:linear-gradient(100deg,#344331,#233124);border-left-color:#d3ca8b;border-radius:0 4px 4px 0}.quest small{font-size:12px}.quest .reward,.reward{color:#f0ce8d}.quest-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:20px}.quest-list .quest{margin:0}.row{border-color:#516047}.row small{font-size:13px;color:#b9c4ad}.item{background:linear-gradient(150deg,#36432e,#1d2b22);border-color:#5d6a4b;border-radius:4px}.item b,.item small{color:#e9ead5}.item:hover{border-color:#cdd393}.item-spec{color:#d4dca0!important}.item-desc{font-size:13px}.location{background:#233326;border-color:#62744d}.vendor-head{background:linear-gradient(110deg,#5b4b2e,#293827);border-color:#8c8e66;border-radius:4px}.shop-food .vendor-head{background:linear-gradient(110deg,#694727,#33402a)}.shop-household .vendor-head{background:linear-gradient(110deg,#4e5940,#263929)}.faction{background:var(--camo);border-color:#819767;border-radius:4px}.faction.west{background:linear-gradient(130deg,#60573b,#2d382c)}.faction.selected{outline:2px solid #e7d08d}.social-chat{background:#0d1f17}.social-chat>div{border-color:#4b6043}.social-chat small{color:#d3dda1}.notice{background:#403a23;border-color:#baa665;color:#f0db9d}#tooltip{background:#122319f7;color:#eef0d8;border-color:#b5c795;max-width:340px;font-size:13px}#toast{background:#d8dc9e;color:#182b1b}
footer{background:linear-gradient(#2b3929,#19271f);border-color:#67744d}#battle-info{color:#d4dec4;font-size:13px}#actions button{background:#34482f;border-color:#74875c;font-size:13px;min-height:48px;border-radius:3px}#actions button.active{background:#6d7e4b;border-color:#e0dda4}#actions small{color:#c4d4ab;font-size:11px}#actions button[data-action=shoot],#actions button[data-action=shootPoint]{background:#4c442d;color:#ffe2a3;border-color:#9c8654}#plan-list{background:#101f16;color:#c8d5b5;font-size:12px;height:39px;border-color:#607749}#plan-list>span{color:#e2d999}#plan-list button{font-size:12px}#end{min-height:62px}.bottom{background:#0c1710;color:#9caa83}
.inventory-toolbar,.storage-meta{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.inventory-toolbar{border-bottom:1px solid #657751;padding-bottom:16px;color:#bfcaad}.inventory-layout{display:grid;grid-template-columns:270px minmax(280px,1fr) 225px;gap:18px;align-items:start}.inventory-layout h3{font-size:16px;margin:0 0 14px}.equipment-board,.inventory-storage,.item-inspector{background:#14221abb;border:1px solid #536344;padding:14px;border-radius:4px}.paperdoll{position:relative;display:grid;grid-template-columns:84px 1fr 84px;grid-template-rows:repeat(6,82px);gap:7px;isolation:isolate}.paperdoll:before{content:'';position:absolute;inset:0;z-index:-1;background-image:var(--panel-art);background-size:430% 210%;background-position:87% 0;opacity:.65;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)}.paperdoll .inventory-cell:nth-child(odd){grid-column:1}.paperdoll .inventory-cell:nth-child(even){grid-column:3}.equipment-metrics{text-align:center;color:#d7dfb5;margin-top:14px;font-size:13px}.inventory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.inventory-cell{height:89px;position:relative;padding:4px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(#41503660,#1c2a20d9);border:1px solid #64704c;min-width:0;overflow:hidden}.inventory-cell .icon{width:58px;height:58px;margin:0;flex-shrink:0;border:0;border-radius:0;background-color:transparent}.inventory-cell.empty{background:#0b1c154a;border:1px dashed #55654777;color:#768363}.slot-plus{font-size:24px;font-weight:300;opacity:.6}.cell-label{font-size:11px;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d7ddc1;padding:3px}.inventory-cell .quantity{position:absolute;top:3px;right:5px;background:#111e13d9;padding:2px 4px;font-size:12px;color:#f5e5b2}.inventory-cell.selected{border:2px solid #e4ce88;background:#67714880;box-shadow:0 0 12px #c4b87933}.inventory-cell:hover{transform:translateY(-1px)}.inventory-storage .section-tabs{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 15px}.inventory-storage .section-tabs button{font-size:12px;padding:7px}.storage-meta{font-size:12px;gap:8px}.storage-meta label{display:flex;align-items:center;gap:6px;margin:0}.storage-meta select{padding:6px;font-size:12px;max-width:145px}.inventory-storage>small{display:block;font-size:12px;color:#acb99b;margin-top:12px;line-height:1.5}.item-inspector{position:sticky;top:10px;min-height:300px}.item-inspector>.icon{width:132px;height:132px;margin:0 auto 15px;display:block}.item-inspector h3{font-size:20px;line-height:1.3;margin:12px 0}.item-inspector p{font-size:14px}.item-facts{font-size:13px;line-height:1.6;color:#d0d9ba;margin-bottom:20px}.item-facts>div{border-bottom:1px solid #50614350;padding:6px 0}.comparison{display:flex;justify-content:space-between;font-size:13px;padding:5px}.comparison b{color:#e3d294}.loadout-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.loadout-bottom section{border:1px solid #506444;padding:16px;background:#1b2e2080}.loadout-bottom h3{font-size:16px;margin-top:0}.empty-state{font-size:14px}
.reward-intro{display:flex;gap:25px;align-items:center;justify-content:space-between}.reward-total{font-size:46px;min-width:100px;color:#e1d19d;text-align:center}.reward-total small{font-size:12px;color:#b9c7a9;display:block}.daily-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.day-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px 8px;background:#14271c;border:1px solid #607451;text-align:center;border-radius:3px}.day-card.current{background:linear-gradient(#4e5833,#283d26);border:2px solid #ddd19b;box-shadow:0 0 22px #e2d78c12}.day-card.claimed{opacity:.65}.day-card>small{font-size:12px}.day-card .icon{width:62px;height:62px;margin:0}.day-card b{color:#efcf8c;font-size:18px}.day-card span{font-size:13px;min-height:36px}.day-card button{margin-top:auto;padding:8px;font-size:13px}.calendar-note{font-size:13px;color:#acbc9c}.daily-tasks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0 28px}.daily-task{background:linear-gradient(130deg,#34452e,#1b2d20);border:1px solid #687650;border-radius:4px;padding:20px}.daily-task h3{font-size:18px;margin:12px 0}.daily-task p{font-size:14px}.daily-task .reward{margin:15px 0}.daily-task button{width:100%}.daily-task .statline{font-size:12px}.medal-mark{font-size:34px;color:#dcc589}.briefing-layout{display:grid;grid-template-columns:40% 1fr;min-height:500px;gap:30px}.chief-art{background-image:var(--panel-art);background-size:300% 200%;background-position:0 0;position:relative;border:1px solid #8b9770;min-height:400px;box-shadow:inset 0 -80px 60px #142018}.chief-art>span{position:absolute;left:22px;bottom:24px;font-size:25px;color:#f1dd9f;letter-spacing:3px}.chief-art small{display:block;font-size:14px;letter-spacing:0;color:#cdd4b4;margin-top:6px}.briefing-dialog{padding:30px 12px;display:flex;flex-direction:column;justify-content:center}.briefing-dialog h2{font-size:30px;line-height:1.25}.spoken{font-size:18px;line-height:1.75;color:#e2e5d2}.reply-label{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#c1cc99;margin:15px 0 8px}.dialogue-reply{text-align:left;padding:18px;font-size:16px;border-left:3px solid #e3cb89;background:#415338}.text-button{background:transparent;border-color:transparent;text-align:left;margin:12px 0;font-size:14px;color:#bcc9a5}.briefing-dialog>small{font-size:12px;color:#96a887}.briefing-layout{animation:brief-in .25s ease-out}@keyframes brief-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(min-width:1400px){.inventory-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1050px){nav{order:3;justify-content:flex-start;width:100%}.inventory-layout{grid-template-columns:230px 1fr}.paperdoll{grid-template-columns:76px 1fr 76px}.item-inspector{grid-column:1/-1;position:static;min-height:0}.item-inspector>.icon{float:left;margin-right:22px}.daily-calendar{grid-template-columns:repeat(4,minmax(0,1fr))}.daily-tasks{grid-template-columns:repeat(2,minmax(0,1fr))}.loadout-bottom{grid-template-columns:1fr 1fr}main{grid-template-columns:195px minmax(0,1fr)}.quest-list{grid-template-columns:1fr}}
@media(max-width:680px){header{padding:12px}nav{flex-wrap:nowrap;overflow:auto}nav button{font-size:13px;white-space:nowrap}.left{display:none}main{display:block;height:58vh;min-height:380px}dialog{padding:18px;width:96vw}.panel-art{height:155px;margin:-18px -18px 20px}.panel-art strong{font-size:27px}.panel-art>div{left:20px;bottom:18px}.inventory-layout{grid-template-columns:1fr}.paperdoll{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,82px)}.paperdoll:before{display:none}.paperdoll .inventory-cell:nth-child(n){grid-column:auto}.inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.inventory-cell{height:80px}.loadout-bottom{grid-template-columns:1fr}.daily-calendar{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-tasks{grid-template-columns:1fr}.briefing-layout{grid-template-columns:1fr;gap:14px}.chief-art{min-height:200px;background-size:200% 260%;background-position:0 5%}.briefing-dialog{padding:6px}.briefing-dialog h2{font-size:24px}.spoken{font-size:16px}.reward-total{font-size:34px}.reward-intro h2{font-size:22px}.right{width:132px}footer{min-height:240px}#actions button{font-size:12px;min-height:42px}.scene-bottom{font-size:12px}.item-inspector>.icon{float:none}#plan-list{padding:8px;font-size:12px}}

/* Preserve the proportions of each illustration while cropping the atlas. */
.panel-art{background-size:200% auto}.art-0{background-position:0 20%}.art-1{background-position:100% 20%}.art-2{background-position:0 82%}.art-3{background-position:100% 82%}.paperdoll:before{background-size:auto 200%;background-position:79% 0}.chief-art{background-size:auto 200%;background-position:15% 0}@media(max-width:680px){.chief-art{background-size:200% auto;background-position:0 0}}