/* Dense in-game chrome. No dashboard, no page scrolling: the world is the screen. */
:root{--steel:#55564e;--steel-light:#7b7d70;--steel-dark:#2b2e27;--paper:#dedccd;--gold:#e0aa46;--panel:#46483f;--line:#21251e;--green:#a5b776}
html,body.game-shell{width:100%;height:100%;overflow:hidden;margin:0;background:#33382a;font:13px Arial,Helvetica,sans-serif;color:#e4e0d0}
body.game-shell>header,body.game-shell .layout>aside,body.game-shell .layout>section>.combat-bar,body.game-shell .layout>section>footer{display:none!important}
body.game-shell .layout,body.game-shell .layout>section{display:contents!important;padding:0!important;margin:0!important}
body.game-shell .board{position:fixed;inset:0;width:100vw!important;height:100dvh!important;max-width:none;max-height:none;margin:0!important;border:0;border-radius:0;box-shadow:none;overflow:hidden}
body.game-shell #game{width:100%;height:100%;max-height:none;image-rendering:auto;outline:0}
body.game-shell .tip{display:none}
#gameHud{position:fixed;inset:0;pointer-events:none;z-index:5}
#gameHud button,#quickDock,#hudMap,#characterHud{pointer-events:auto}
button{font:12px Arial,Helvetica,sans-serif;color:#e0ddca;background:linear-gradient(#626358,#494c42);border:1px solid #252920;border-radius:0!important;box-shadow:inset 0 1px #949587,inset 1px 0 #73776a,inset -1px -1px #373c31,0 1px 1px #131810;padding:8px 12px;text-shadow:0 1px #22281c}
button:hover{background:linear-gradient(#878579,#5d6151);color:#fff8db}
button:active{background:#464c3c;box-shadow:inset 1px 2px 3px #20281e}
button.active,button.selected,button.equipped{background:linear-gradient(#d6a54c,#a2772d)!important;color:#211e13!important;border-color:#352e19!important;box-shadow:inset 0 1px #f0d393,inset 0 -2px #735923!important;text-shadow:none}
button:disabled{opacity:.47;filter:saturate(.3);cursor:not-allowed}
button:focus-visible{outline:2px solid #e5b658;outline-offset:1px}
kbd{font:10px Arial,Helvetica,sans-serif;opacity:.75;color:inherit;margin-right:4px}
.sprite-icon{object-fit:contain;image-rendering:auto;vertical-align:middle}
.hud-nav{position:absolute;left:12px;top:12px;display:flex;gap:3px;padding:4px;background:#34382dec;border:1px solid #1b2119;box-shadow:inset 0 1px #7a7e69,2px 3px 7px #11190e66;pointer-events:auto}
.hud-nav button{padding:7px 10px;font-size:11px;min-height:31px}
#hudMap{position:absolute;right:12px;top:12px;width:192px;border:1px solid #1c2317;background:#464b3fec;box-shadow:inset 0 1px #8b907e,3px 4px 10px #15200d66}
#hudMap .world-card{border:0;border-radius:0;padding:7px;background:none;max-width:none}
#hudMap .map-heading{margin:0 0 5px;gap:4px}.map-heading .eyebrow{font:10px Arial,sans-serif;color:#d6d6bf;letter-spacing:.5px}
#hudMap #minimap{width:auto;height:auto;max-width:174px;max-height:165px;border:2px solid #222a1c;box-shadow:0 1px #8a8c78;margin:auto}
#hudMap .map-heading button{padding:2px 5px;font-size:10px}
#hudMap .map-coordinates{font:9px Arial,sans-serif;letter-spacing:.5px;color:#cecfb6;margin-top:6px;text-align:center}
#hudMap .seed-label,#hudMap #waypointText{display:none}
#hudInspect{position:absolute;right:12px;top:244px;width:192px;pointer-events:none}
#hudInspect .inspect{background:#414638ef;border:1px solid #22291c;box-shadow:inset 0 1px #737a66,2px 3px 7px #18200e66;padding:10px;min-height:0;border-radius:0}
#hudInspect .eyebrow{font:9px Arial,sans-serif;letter-spacing:.4px;color:#a9b196}
#hudInspect h2{font:600 13px Arial,sans-serif;margin:5px 0;color:#e0d7b7}
#hudInspect p{font:11px/1.55 Arial,sans-serif;color:#bdc2aa;margin:4px 0}
#characterHud{position:absolute;left:12px;bottom:120px;display:flex;gap:13px;background:#3f4538e8;border:1px solid #20291b;box-shadow:inset 0 1px #797e6b;padding:9px 11px;min-width:184px}
#characterHud .micro{display:block;font:9px Arial,sans-serif;letter-spacing:.5px;color:#b2baa1;margin-bottom:3px}
#characterHud b{font:bold 19px Arial,sans-serif;color:#e2dfc1;display:block}#characterHud small{font-size:11px;color:#adb79a}
#characterHud .health-track{width:90px;height:5px;margin-top:5px;background:#222b1b;border:1px solid #172011}
#characterHud .health-track i{background:#8d9e62}
#characterHud #reloadState{display:block;max-width:122px;font:8px Arial,sans-serif;color:#b6b995;margin-top:4px}
#hudThreat{position:absolute;left:12px;top:107px;padding:6px 9px;background:#303829c7;border-left:3px solid #72835b;max-width:260px}
#hudThreat .micro{display:none}#hudThreat b{font:11px Arial,sans-serif;color:#cbd0b3;display:block}#hudThreat #waveInfo{font:9px Arial,sans-serif;color:#aeb79c;display:block;margin-top:3px}
#hudThreat.danger{border-left-color:#cb7643;background:#483b29e8}
#quickDock{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:linear-gradient(#626557,#414738);border:1px solid #202818;box-shadow:inset 0 1px #a0a38c,inset 0 -2px #292f20,3px 4px 12px #13200d88;padding:5px 7px 4px;width:max-content;max-width:calc(100vw - 24px)}
.quick-dock-top{display:flex;align-items:center;justify-content:space-between;gap:20px;height:27px;margin-bottom:4px}
#pocketResources{display:flex;gap:14px}#pocketResources span{display:flex;align-items:center;gap:3px;min-width:47px;color:#e7e4cb;font-size:11px}#pocketResources img,#pocketResources svg{width:24px;height:24px;filter:drop-shadow(1px 1px 1px #1c2716)}#pocketResources b{font-weight:normal}
.zoom-controls{display:flex;gap:2px;align-items:center;font-size:10px;color:#d4d6bd}.zoom-controls button{height:22px;min-width:23px;padding:2px 5px;font-size:11px}.zoom-controls span{min-width:37px;text-align:center}
body.game-shell #tools{display:flex!important;gap:3px!important;margin:0;padding:3px;background:#293320;border:1px solid #1c2317;box-shadow:inset 0 1px 3px #161e11}
body.game-shell #tools button{position:relative;display:block!important;flex:none;min-width:0!important;width:47px;height:48px;min-height:0;padding:0;overflow:visible;background:linear-gradient(#636b56,#434c39);border:1px solid #222c1a;box-shadow:inset 1px 1px #838d71,inset -1px -1px #2c3623}
body.game-shell #tools button>svg,body.game-shell #tools button>.sprite-icon{display:block!important;float:none;width:41px;height:41px;margin:3px;filter:drop-shadow(1px 2px 1px #16200d)}
body.game-shell #tools button kbd{position:absolute;top:2px;left:3px;z-index:2;font:bold 9px Arial,sans-serif;margin:0;color:#d7d9be;text-shadow:1px 1px #25301c}
body.game-shell #tools button .tool-count{position:absolute;right:3px;bottom:2px;z-index:2;font:bold 10px Arial,sans-serif;color:#e8e8d3;text-shadow:1px 1px #1b2712}
body.game-shell #tools button .slot-label{display:none}
body.game-shell #tools button.unaffordable:not(:disabled) .tool-count{color:#e6a47d}
body.game-shell #tools #rotate{font-size:10px;line-height:1.45;padding:4px;color:#c2cbb2;order:20;background:#46503c}
body.game-shell #tools #rotate kbd{position:static;display:block;font-size:11px}
.quick-caption{display:flex;justify-content:space-between;gap:20px;font:9px Arial,sans-serif;color:#b9c0a5;margin-top:4px}.quick-caption #selectedToolName{color:#e2d7a5}
#researchTicker{position:absolute;top:60px;left:12px;width:260px;height:36px;padding:6px 10px 10px;display:flex;justify-content:space-between;align-items:center;font:11px Arial,sans-serif;overflow:hidden;pointer-events:auto}
#tickerFill{position:absolute;left:2px;bottom:2px;height:4px;background:linear-gradient(#d2c271,#9b9b50);max-width:calc(100% - 4px)}#tickerValue{font-size:10px;color:#ddcf97}
body.game-shell #status{position:fixed;left:50%;bottom:128px;transform:translateX(-50%);max-width:min(610px,calc(100vw - 450px));background:#303827dd;border:1px solid #535e42;box-shadow:0 2px 5px #17201077;padding:7px 11px;min-height:0;font:11px/1.5 Arial,sans-serif;color:#e1d5ac;z-index:4;pointer-events:none;transition:opacity .3s}
body.game-shell #status.silent{opacity:0}
/* Common window material: a solid, bevelled workshop panel. */
dialog.world-dialog,dialog.backpack,dialog.industry-dialog,dialog.game-menu,dialog.defeat{background:repeating-linear-gradient(0deg,#51564a 0,#51564a 2px,#505549 2px,#505549 4px);border:2px solid #232d1e;border-radius:0!important;color:#dddccc;padding:0;box-shadow:inset 1px 1px #969d86,inset -1px -1px #363f2b,5px 7px 0 #16220d55,0 16px 60px #0e180acc;max-height:92dvh}
dialog::backdrop{background:#10180bcc!important;backdrop-filter:none!important}
.pack-header{padding:13px 16px;background:linear-gradient(#6f7563,#505944);border-bottom:2px solid #303c25;box-shadow:inset 0 1px #959b83;gap:18px;display:flex;align-items:center;justify-content:space-between}
.pack-header h2{font:bold 20px Arial,sans-serif;color:#e4ddbf;margin:0;text-shadow:0 2px #3e472f}
.pack-header h2 span{color:#c3c8ad;font-weight:normal}
.pack-header .micro{font:9px Arial,sans-serif;color:#b7c2a0;letter-spacing:.8px;display:block;margin-bottom:4px}
.pack-header button{font-size:11px;padding:7px 10px}
.pack-footer{background:#3b4630;border-top:1px solid #262f1e;padding:9px 15px;font:9px Arial,sans-serif;letter-spacing:.4px;color:#aebc97;gap:14px}
.pack-footer span:first-child{color:#c2cb9b}
dialog p{font:12px/1.6 Arial,sans-serif;color:#c0c7b0}
dialog h3{font:bold 15px Arial,sans-serif;color:#e1dcc4}
dialog [hidden]{display:none!important}
dialog .micro,.eyebrow{letter-spacing:.7px}
.backpack{width:min(1080px,96vw)}.pack-body{background:#414b35;grid-template-columns:170px minmax(300px,1fr) 310px;gap:0}
.equipment,.pack-storage,.crafting{padding:16px;border-color:#2b381e;background:transparent}
.engineer-portrait{border:2px solid #293820;background:radial-gradient(#586b43,#36452b);height:180px;border-radius:0}
.slot-grid{gap:3px;padding:5px;background:#2d3b21;border:1px solid #1c2914;grid-template-columns:repeat(6,minmax(0,1fr))}
.inventory-slot{border-radius:0!important;aspect-ratio:1;background:linear-gradient(#62714e,#435334);border:1px solid #1d2d12;box-shadow:inset 1px 1px #81936a,inset -1px -1px #2e3d20;min-height:47px}
.inventory-slot svg,.inventory-slot img{width:82%;height:82%;object-fit:contain;filter:drop-shadow(1px 2px 1px #1c2b1266)}.inventory-slot b{font:bold 11px Arial,sans-serif;right:4px;bottom:3px;color:#e7e9cf}
.inventory-slot.selected{border-color:#f1ce6b}.equip-weapon{border-radius:0;background:#59644a}.equip-weapon svg{width:34px;height:34px}.equipment-note,.pack-hint{font-size:10px}
.slot-description,.transfer-panel{background:#39482e;border:1px solid #293720;padding:10px;border-radius:0}.slot-description h3{font-size:13px}.slot-description p{font-size:11px}
.crafting{border-left:1px solid #2b361e;background:#47533b}.crafting h3{margin:7px 0 14px}
#recipes{display:grid;grid-template-columns:1fr 1fr;gap:6px}.recipe{border:1px solid #27391b;border-radius:0;background:#526243;padding:8px;margin:0;box-shadow:inset 0 1px #6c7d58}.recipe-name{gap:5px;align-items:center}.recipe-name svg,.recipe-name img{width:31px;height:31px}.recipe-name b{font:11px Arial,sans-serif}.recipe-name small{font-size:9px}.recipe-cost{gap:3px;margin:6px 0}.recipe-cost span{font-size:9px;border:0;padding:0;color:#cad2ba}.recipe-cost span.missing{color:#d9a280}.recipe button{font:10px Arial,sans-serif;background:linear-gradient(#79845e,#566540);border-color:#29391b;box-shadow:inset 0 1px #95a176}.craft-note{font-size:10px}
.industry-dialog{width:min(980px,96vw)}#industryBody{padding:16px}.research-intro{grid-template-columns:220px 1fr;border-color:#333f28;padding-bottom:12px;margin-bottom:14px;gap:16px}.research-intro b{font:bold 16px/1.5 Arial,sans-serif;color:#dacf9f}.research-intro p{font-size:11px;color:#c5ccb5}
.tech-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tech-card{border:1px solid #2c3a1e;border-radius:0;background:linear-gradient(#64734f,#4c5c3a);padding:12px;box-shadow:inset 0 1px #849367,inset -1px -1px #394828}.tech-card h3{font:bold 14px Arial,sans-serif;margin:10px 0 7px}.tech-card p{font-size:11px;color:#cad0b9;min-height:44px}.tech-number{font:bold 13px Arial,sans-serif;color:#d4c797}.tech-number span{font:8px Arial,sans-serif;color:#bfccaa;letter-spacing:0}.tech-card small{font-size:10px;color:#b5c49f}.tech-card button{font-size:11px}.tech-card.current{border-color:#e5c26c;box-shadow:inset 0 2px #dcc578}.tech-card.complete{background:linear-gradient(#768751,#55683d)}.tech-card.locked{background:linear-gradient(#505946,#404b35);box-shadow:inset 0 1px #647158}.tech-cost{font:11px Arial,sans-serif;gap:5px}.tech-card progress{border:1px solid #26351b;height:6px}.tech-card progress::-webkit-progress-bar{background:#324322}.tech-card progress::-webkit-progress-value{background:#c3c979}.launch-goal{border-color:#303e25;margin-top:14px;padding-top:12px}.launch-goal strong{color:#dacc98}.launch-goal p{color:#bac8a5;font-size:11px}
#industryMessage{font:11px Arial,sans-serif;padding:0 16px 14px;color:#e1d0a0}.machine-layout{gap:20px;grid-template-columns:195px 1fr}.machine-overview{border-color:#303f25;padding-right:18px}.machine-overview>svg,.machine-overview>.sprite-icon{width:108px;height:108px;display:block;margin:8px auto;filter:drop-shadow(3px 5px 3px #23341966)}.machine-overview p{font-size:11px;color:#c1cdb0}.machine-recipes{gap:6px}.machine-recipes button{grid-template-columns:32px 1fr;padding:9px;background:linear-gradient(#69775a,#4b5b3c)}.machine-recipes img{width:32px;height:32px;grid-row:1/4}.machine-recipes span,.machine-recipes small{font-size:10px;color:#c1ccb0}.machine-recipes .selected{background:linear-gradient(#a28e52,#786638)!important}.machine-stocks section{background:#36492a;border:1px solid #26391c;border-radius:0}.machine-stocks h4{color:#aebb93}.machine-stocks img{width:26px;height:26px}.machine-detail .muted{font-size:10px;color:#bbc7a9}
.world-dialog{width:min(890px,96vw)}.world-body{padding:18px;gap:18px;grid-template-columns:minmax(0,1fr) 235px}.world-body canvas{border:2px solid #24321c;box-shadow:0 1px #86936e;background:#33452a}.world-settings input{background:#2c3b24;border:1px solid #1c2a16;border-radius:0;box-shadow:inset 1px 2px 3px #1b2a1555;color:#e2dab8;padding:9px;font:12px Arial,sans-serif}.world-settings label{font-size:11px;color:#d8dfc7;margin-top:12px}.world-settings h3{font:bold 19px Arial,sans-serif}.world-settings p{font:11px/1.6 Arial,sans-serif;color:#c3cdb2}.world-settings .world-primary{background:linear-gradient(#c2a354,#8f782e);color:#251f12;border-color:#4a421f;box-shadow:inset 0 1px #dace8a;text-shadow:none}.map-legend{font:10px Arial,sans-serif;color:#bac9a5;gap:8px}.world-dialog .archive-note{font-size:10px!important;color:#a5b393}#worldMessage{min-height:33px;color:#dfd098}
.game-menu{width:min(510px,94vw)}.game-menu .pack-header h2{font-size:20px}.menu-tabs{display:flex;gap:3px;padding:10px 14px 0}.menu-tabs button{flex:1}.menu-pane{padding:16px}.menu-title{font:bold 18px Arial,sans-serif;text-align:center;color:#e0d8b8;margin:0 0 15px}
#menuGame>button,#menuWorldActions>button{display:block;width:100%;margin-bottom:7px;padding:11px}
.menu-options{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid #37462a;font-size:12px;color:#c4cdb3}.menu-options button{min-width:65px}#menuSaveNote{font-size:10px;color:#bac9a8;margin:10px 0 0}
#gameMenu .card{border:1px solid #2e3c23;box-shadow:inset 0 1px #718160;background:#455637;border-radius:0;margin-bottom:10px;padding:12px}#gameMenu .card:last-child{margin:0}#gameMenu .help{font:12px/1.8 Arial,sans-serif;color:#c4cfb3}.game-menu .eyebrow{font:10px Arial,sans-serif;color:#b1c29c}.game-menu h2{color:#e1dcba}.game-menu p{color:#c0ccae}.game-menu .power-status,.game-menu .research-status{color:#c5d4ac;border-color:#304125;font:11px/1.6 Arial,sans-serif}
.defeat{padding:26px!important;max-width:420px}.defeat button{background:linear-gradient(#b49c59,#88733c);color:#242311}
body.game-shell .mobile{position:fixed;bottom:120px;left:12px;z-index:7;display:none}
@media(max-width:1050px){#quickDock{bottom:9px}body.game-shell #tools button{width:42px;height:43px}body.game-shell #tools button>svg,body.game-shell #tools button>.sprite-icon{width:36px;height:36px}#hudMap{width:166px}#hudMap #minimap{max-width:148px;max-height:140px}#hudInspect{width:166px;top:217px}#characterHud{bottom:112px}#hudThreat{max-width:230px}body.game-shell #status{max-width:calc(100vw - 380px);bottom:119px}.pack-body{grid-template-columns:150px minmax(250px,1fr) 250px}.slot-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:780px){.hud-nav{left:6px;top:6px}.hud-nav button{padding:6px;font-size:10px}#researchTicker{left:6px;top:53px;width:214px}#hudThreat{left:6px;top:96px;max-width:190px}#hudMap{right:6px;top:6px;width:138px}#hudMap #minimap{max-width:120px;max-height:108px}#hudMap .map-heading .eyebrow{font-size:8px}#hudMap .map-coordinates{font-size:8px}#hudInspect{right:6px;top:188px;width:145px}#characterHud{left:6px;padding:6px;bottom:116px;gap:8px;min-width:0}#characterHud b{font-size:16px}#characterHud .health-track{width:65px}#characterHud #reloadState{display:none}body.game-shell #tools button{width:35px;height:38px}body.game-shell #tools button>svg,body.game-shell #tools button>.sprite-icon{width:31px;height:31px;margin:2px}#quickDock{padding:4px}.quick-caption span:last-child{display:none}#pocketResources{gap:6px}#pocketResources span{min-width:37px;font-size:10px}.quick-dock-top{gap:12px}#pocketResources img,#pocketResources svg{width:20px;height:20px}body.game-shell #status{bottom:130px;max-width:calc(100vw - 340px);font-size:10px}.pack-body{grid-template-columns:130px 1fr}.crafting{grid-column:1/-1}#recipes{grid-template-columns:repeat(3,1fr)}.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.research-intro{grid-template-columns:1fr;gap:8px}.machine-layout{grid-template-columns:150px 1fr;gap:14px}.world-body{grid-template-columns:1fr}.world-body canvas{max-height:40dvh}.pack-header h2{font-size:17px}}
@media(max-width:550px){.hud-nav{max-width:calc(100vw - 140px);flex-wrap:wrap;gap:2px;padding:3px}.hud-nav button{min-height:27px;padding:4px 7px}.hud-nav #openWorldMap{display:none}#researchTicker{top:80px;width:calc(100vw - 160px);min-width:180px}#hudThreat{top:122px;max-width:190px}#hudMap{width:124px}#hudMap #minimap{max-width:106px;max-height:95px}#hudInspect{width:130px;top:167px}#hudInspect h2{font-size:11px}#hudInspect p{font-size:10px}#quickDock{width:calc(100vw - 12px);max-width:none;bottom:6px}body.game-shell #tools{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px!important}body.game-shell #tools button{width:100%;height:39px}body.game-shell #tools button>svg,body.game-shell #tools button>.sprite-icon{margin:auto;width:35px;height:35px}#pocketResources{gap:4px}#pocketResources span{min-width:31px;font-size:9px}#pocketResources img,#pocketResources svg{width:18px;height:18px}.zoom-controls span{display:none}.zoom-controls button{min-width:21px;padding:1px 4px}.quick-caption{font-size:9px}.quick-dock-top{gap:5px;height:24px}#characterHud{bottom:204px}.game-shell .mobile{display:flex!important;bottom:150px!important;max-width:calc(100vw - 12px);gap:3px;left:6px!important}.mobile button{font-size:10px;padding:6px 9px}body.game-shell #status{bottom:247px;left:6px;transform:none;max-width:calc(100vw - 154px);font-size:10px;padding:5px 7px}.pack-header{padding:10px;gap:8px}.pack-header h2{font-size:16px}.pack-header .micro{font-size:8px}.pack-header button{font-size:10px;padding:5px}.pack-body{grid-template-columns:1fr}.equipment{display:none}.pack-storage,.crafting{padding:12px}.slot-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.inventory-slot{min-height:38px}#recipes{grid-template-columns:repeat(2,1fr)}.tech-grid{grid-template-columns:1fr}.tech-card p{min-height:0}#industryBody{padding:12px}.machine-layout{grid-template-columns:1fr}.machine-overview{display:grid;grid-template-columns:75px 1fr;border:0;padding:0;gap:6px 12px}.machine-overview>.sprite-icon,.machine-overview>svg{width:70px;height:70px;grid-row:1/4;margin:0}.machine-overview h3{margin:0;font-size:16px}.machine-overview p{margin:0}.machine-overview button{grid-column:1/-1;margin:0}.machine-recipes{grid-template-columns:1fr}.pack-footer{font-size:8px;padding:8px;letter-spacing:0}.world-body{padding:12px}.world-settings h3{font-size:17px}.game-menu .pack-header h2{font-size:18px}#industryMessage{padding:0 12px 12px}}

/* Compact inventory catalogue and connected technology tree. */
#gameHud .inventory-open{background:linear-gradient(#626358,#494c42);color:#e0ddca;border-color:#252920;font-weight:normal}
.backpack{width:min(1010px,96vw)}.pack-body{grid-template-columns:158px minmax(330px,1fr) 270px}.pack-storage{min-width:0}.slot-grid{grid-template-columns:repeat(8,minmax(0,1fr));align-content:start}.inventory-slot{min-height:38px;max-height:58px}.equipment-note{font-size:9px;line-height:1.5}.engineer-portrait{height:174px}.engineer-portrait svg{height:164px;width:116px}.equip-weapon{padding:6px}.equip-weapon span{font-size:11px}.equip-weapon small{font-size:8px}.slot-description p{min-height:38px}.transfer-panel{margin-top:12px}.pack-hint{font-size:9px;margin:9px 0}.slot-description{margin-top:12px}
#craftTabs{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-bottom:8px}#craftTabs button{padding:6px 2px;font-size:10px}
#recipes{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;align-content:start;background:#2b3b20;border:1px solid #1e2b16;padding:5px}
#recipes .recipe{padding:0;margin:0;display:block;background:none;border:0;box-shadow:none}
#recipes .recipe[hidden]{display:none!important}
#recipes .recipe-name,#recipes .recipe-cost{display:none}
#recipes [data-craft]{width:100%;height:49px;position:relative;padding:2px;background:linear-gradient(#79885c,#50683a);border:1px solid #243619;box-shadow:inset 1px 1px #9da87a,inset -1px -1px #334b21}
#recipes [data-craft] img,#recipes [data-craft] svg{width:40px;height:40px;object-fit:contain}
#recipes [data-craft] b{position:absolute;bottom:2px;right:3px;font:bold 10px Arial,sans-serif;color:#e5e8cc;text-shadow:1px 1px #203017}
#craftDetails{margin-top:12px;border:1px solid #293b1d;padding:10px;background:#3b502b;min-height:150px}
#craftDetails h4{font:bold 12px Arial,sans-serif;display:flex;gap:7px;align-items:center;margin:0 0 10px;color:#dedfbd}#craftDetails h4 img,#craftDetails h4 svg{width:31px;height:31px}
.craft-ingredients span{display:grid;grid-template-columns:24px 1fr;gap:0 6px;align-items:center;margin:6px 0;color:#c2d0a9}.craft-ingredients img,.craft-ingredients svg{width:24px;height:24px;grid-row:1/3}.craft-ingredients b{font:11px Arial,sans-serif}.craft-ingredients small{font-size:9px;color:#aebd96}.craft-ingredients .missing b{color:#d7aa7c}#craftDetails p{font-size:10px;line-height:1.5;margin-bottom:0;color:#bbc99f}
.tech-tree-layout{display:grid;grid-template-columns:minmax(330px,1fr) 310px;gap:18px}
.tech-map{position:relative;aspect-ratio:400/342;background:radial-gradient(ellipse at center,#53633f,#354628);border:2px solid #28371e;box-shadow:inset 0 0 30px #26391c;min-width:0}
.tech-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.tech-connections path{fill:none;stroke:#9baa73;stroke-width:3}
.tech-node{position:absolute;width:25%;height:22%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:4px;background:linear-gradient(#738455,#4b6034);border:2px solid #263d19;box-shadow:inset 1px 1px #9da979,2px 3px #233419aa}
.tech-node img,.tech-node svg{width:42px;height:42px;object-fit:contain}.tech-node span{font:10px/1.2 Arial,sans-serif;color:#e0e3c5;text-align:center;text-shadow:1px 1px #354728;max-width:100%}.tech-node i{position:absolute;right:4px;top:2px;font:12px Arial,sans-serif;color:#d2dba8}
.tech-node.locked{background:linear-gradient(#586349,#37472b);filter:saturate(.45)}.tech-node.selected{outline:2px solid #ebc463;outline-offset:1px}
.tech-node.selected span{color:#eee7c0}.tech-node.complete{background:linear-gradient(#899b5f,#5a7339)}.tech-node.researching{border-color:#ddbd62}
.tech-detail{background:#465737;border:1px solid #2b3c1e;padding:14px;box-shadow:inset 0 1px #77895f}.tech-detail-title{display:flex;gap:10px;align-items:center;border-bottom:1px solid #2f4221;padding-bottom:12px}.tech-detail-title>img,.tech-detail-title>svg{width:56px;height:56px;object-fit:contain}.tech-detail h3{font:bold 17px Arial,sans-serif;margin:0 0 6px}.tech-detail-title small{font:10px/1.4 Arial,sans-serif;color:#b6c99e}.tech-detail p{font:12px/1.55 Arial,sans-serif;color:#c5d0b1;margin:13px 0}.tech-detail h4{font:bold 11px Arial,sans-serif;color:#bccda2;margin:15px 0 8px}.tech-science{display:flex;align-items:center;gap:7px;margin-bottom:10px}.tech-science svg,.tech-science img{width:29px;height:29px}.tech-science b{font:12px Arial,sans-serif;color:#e0dfbc}.tech-detail progress{height:6px;border:1px solid #233a16}
.tech-prerequisites{display:flex;gap:6px;min-height:34px;align-items:center}.tech-prerequisites>span{font:11px Arial,sans-serif;color:#bdcaa5}.tech-prerequisites button{display:flex;align-items:center;gap:5px;padding:4px;font-size:10px;flex:1}.tech-prerequisites img,.tech-prerequisites svg{width:28px;height:28px}.tech-detail .begin-research{width:100%;margin-top:18px;background:linear-gradient(#bca356,#85743b);color:#eee6c4}.tech-detail .tech-instruction{font-size:10px;color:#adbF95;margin-bottom:0}
@media(max-width:1050px){.pack-body{grid-template-columns:140px minmax(285px,1fr) 245px}.slot-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:800px){.pack-body{grid-template-columns:130px 1fr}.crafting{grid-column:1/-1}.slot-grid{grid-template-columns:repeat(7,minmax(0,1fr))}#recipes{grid-template-columns:repeat(6,minmax(0,1fr))!important}#craftDetails{min-height:100px}.tech-tree-layout{grid-template-columns:minmax(0,1fr) 260px;gap:10px}.tech-detail{padding:10px}.tech-node span{font-size:9px}.tech-node img,.tech-node svg{width:32px;height:32px}.tech-map{align-self:start}}
@media(max-width:600px){.tech-tree-layout{grid-template-columns:1fr}.tech-map{max-width:420px;width:100%;margin:auto}.tech-node img,.tech-node svg{width:38px;height:38px}.tech-node span{font-size:10px}.tech-detail-title>img,.tech-detail-title>svg{width:44px;height:44px}.tech-detail{padding:12px}.tech-detail h3{font-size:16px}.tech-detail p{font-size:11px}.pack-body{grid-template-columns:1fr}.slot-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.inventory-slot{min-height:35px}#recipes{grid-template-columns:repeat(5,minmax(0,1fr))!important}.equipment{display:none}.crafting{grid-column:auto}#craftDetails{min-height:100px}.craft-ingredients{display:flex;flex-wrap:wrap;gap:10px}}

@media(max-width:550px){.equipment{display:block;padding:10px 12px}.equipment .engineer-portrait,.equipment .equipment-note{display:none}.equipment>.micro{display:none}#equipmentWeapons{display:flex;gap:6px}.equip-weapon{flex:1;margin:0}.equipment .slot-description{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px;margin-top:6px}.equipment .slot-description p{display:none}.equipment .slot-description h3{font-size:11px;margin:0}.equipment .slot-description button{font-size:10px;padding:6px;width:auto}}

@media(max-width:550px){body.game-shell #status{bottom:270px}}