/* Shared Grumble Industries field-lab theme. Small reusable CSS surfaces, existing game art. */
:root{--brass:#a98a50;--brass-light:#dbc38a;--field:#0e2529;--field-light:#203e40;--cure:#c4ee79;--ink:#f1ead2;--muted:#b1c2b8;--stick-size:100px;--control-opacity:.65} [hidden]{display:none!important}
body{background:#09181c;color:var(--ink)}header{background:#10272b;border-bottom:2px solid var(--brass);height:48px}.brand{color:var(--brass-light)}#stage{border:2px solid var(--brass);border-radius:4px}button,select{border:1px solid var(--brass);border-radius:3px;background:linear-gradient(#25474a,#112e34);color:var(--ink);box-shadow:inset 0 0 0 2px #102124;font-size:13px}button:hover{background:#33575a;border-color:var(--brass-light)}button.primary,button.selected,.tabs .selected{background:linear-gradient(#d5f29a,#92c354);border-color:#e2d59e;color:#142a23;box-shadow:inset 0 0 0 2px #658849}button:focus-visible,select:focus-visible{outline:3px solid var(--cure);outline-offset:2px}button:disabled{opacity:.55}button:active{transform:translateY(1px)}#overlay{padding:12px;background:#061318bd;backdrop-filter:blur(3px)}
.field-panel{position:relative;border:2px solid var(--brass);border-radius:5px;background:radial-gradient(ellipse at 0 0,#28494990,transparent 60%),linear-gradient(135deg,#173539,#0a1e24);box-shadow:inset 0 0 0 4px #0b1e23,0 15px 50px #0008;padding:22px;color:var(--ink)}.field-panel:before,.field-panel:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f6dd9c,#8a6937 65%,#30261c);top:6px;pointer-events:none}.field-panel:before{left:6px}.field-panel:after{right:6px}.field-panel h2{font-size:30px;margin:8px 0 14px;color:#f3e7c5;letter-spacing:-.5px}.eyebrow{color:#d8bd82;font-size:10px;letter-spacing:1.6px}.field-panel p{color:#bed0c5}.field-panel .credits{color:var(--cure);font-size:30px}.field-panel .card,.field-panel .labSheet,.field-panel .missionBrief{background:#0c252bd9;border:1px solid #8d784f;border-radius:3px}.field-panel .card{position:relative;padding:12px;display:flex;flex-direction:column}.field-panel .card h3{color:#f2e8cb;margin:8px 0}.field-panel .card .tag{color:#c8dfba}.field-panel .card>button:not(.inspect){margin-top:auto}.field-panel .equipmentArt{background:linear-gradient(135deg,#25454270,#061b2366);border-bottom:1px solid #52715f66;height:70px}.field-panel .weaponStats{margin:6px 0}.field-panel .shopHead{background:transparent;position:static;border-color:var(--brass);padding-bottom:8px;gap:12px}.field-panel .shopHead h2{margin:5px 0;font-size:27px}.field-panel .tabs{position:static;border-bottom:1px solid var(--brass);gap:5px}.field-panel .stickyActions{position:sticky;background:#122d32f5;border-top:1px solid var(--brass);padding-top:10px}.field-panel .labSheet{padding:14px}.field-panel .workbench{gap:14px}.field-panel .labDiagram{height:100px}.field-panel .guru{padding-top:10px}.field-panel .bankNote{background:#203b31;color:#d5eab4}.field-panel .inspect{position:absolute;right:8px;top:8px;min-height:28px;padding:4px 8px;font-size:10px}.itemPager{display:flex;align-items:center;justify-content:center;gap:16px;margin:8px 0}.itemPager button{min-height:32px;padding:5px 12px}.itemPager.single-page{display:none}.itemPager span{font-size:12px;color:#c8d8c5}.field-title .titleCopy h1{color:#ecd49a;text-shadow:0 3px #09171b;font-family:Trebuchet MS,Arial,sans-serif}.field-title .titleCopy h1 span{color:#d7e5a9}.field-title .titleCopy h1 em{color:#d2ba83}.field-title .titleChapters>div{border-color:var(--brass);background:#0e272bd9;border-radius:3px}.field-title .castHero{background:radial-gradient(ellipse,#526b5588,transparent 70%);border-color:var(--brass)}.field-title .heroCaption{border-color:var(--brass)}.settingsLaunch{min-width:90px}.field-title #importRow{display:flex;gap:8px}.field-results .debriefStats>div{background:#0b262b;border-color:var(--brass);border-radius:3px}.field-results .debriefStats b{color:var(--cure)}.field-results .incomeRow{border-color:var(--brass)}.field-dialog{position:absolute;inset:5px;z-index:20;background:#102c31;border:2px solid var(--brass-light);padding:14px;display:flex;flex-direction:column;box-shadow:0 0 0 50px #041114a8}.dialog-body{flex:1;min-height:0;overflow:auto;font-size:13px;line-height:1.5}.dialog-body .inspect{display:none}.dialog-actions{padding-top:8px}.field-dialog h2{font-size:22px;margin:0 0 10px}.field-dialog .equipmentArt{height:90px}.field-dialog .small{font-size:12px}.field-settings{width:min(850px,100%)}.settingsTabs{display:flex;gap:6px;margin:10px 0}.settingsTabs button{flex:1}.settingPage,.controls-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border:0;margin:0;padding:12px 0;align-content:start}.settingPage label,.controls-settings label{display:flex;flex-direction:column;gap:8px;color:var(--ink);font-size:13px}.settingPage label:has(input[type=checkbox]),.controls-settings label:has(input[type=checkbox]){flex-direction:row;align-items:center}.settingPage input[type=file]{width:100%;font-size:10px}.settingPage select,.controls-settings select{width:100%;margin:0;padding:7px;font-size:12px;min-height:38px}.controls-settings legend{font-size:11px;color:var(--brass-light)}#settingsActions{margin-top:12px}.settingPage input[type=range],.controls-settings input[type=range]{width:100%;accent-color:var(--cure)}
#touchDeck{display:none;pointer-events:none;position:absolute;inset:0;z-index:3}#aimStick{position:absolute;left:max(15px,env(safe-area-inset-left));bottom:max(8px,env(safe-area-inset-bottom));width:var(--stick-size);height:var(--stick-size);border-radius:50%;border:2px solid #d4bd7c;background:radial-gradient(circle,#244b4c90,#112b3460);opacity:var(--control-opacity);touch-action:none;pointer-events:auto;display:grid;place-items:center;user-select:none}#stickNub{width:42%;height:42%;border-radius:50%;border:2px solid #d6c088;background:#547f6bd0;box-shadow:0 0 14px #7acb6940;pointer-events:none}#aimStick small{position:absolute;bottom:8px;font-size:8px;color:#edf0ce;letter-spacing:2px;pointer-events:none}#fireBtn{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));height:70px;width:70px;min-width:0;border-radius:50%;border:2px solid #dfcc83;background:#456b30c9;color:#f0f4d5;opacity:var(--control-opacity);touch-action:none;pointer-events:auto;font-size:13px}#fireBtn.pressed{background:#a5d365;color:#15291c;opacity:1}.left-handed #aimStick{left:auto;right:max(15px,env(safe-area-inset-right))}.left-handed #fireBtn{right:auto;left:max(16px,env(safe-area-inset-left))}
html[data-controls=stick] #stage[data-screen=play]:not([data-paused=true]) #touchDeck,html[data-controls=stick] #stage[data-screen=evac]:not([data-paused=true]) #touchDeck{display:block}
/* Phone layouts also work in the browser. Safe-area insets protect the cutout. */
.compact-ui,.compact-ui body{height:100%;overflow:hidden}.compact-ui header,.compact-ui footer,.compact-ui #rotate{display:none!important}.compact-ui main{height:100dvh;padding:0!important;display:block}.compact-ui #stage{width:100vw;height:100dvh;max-width:none;min-height:0!important;aspect-ratio:auto;border:0;border-radius:0;background:#102126;overflow:hidden}.compact-ui #game{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:none;max-height:none;touch-action:none}.compact-ui #hud{top:max(5px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));gap:8px;pointer-events:none;z-index:2}.compact-ui #hud .hudBox{min-width:0;padding:4px 8px;border:1px solid #a98a5088;border-radius:3px;background:#0e292bcc}.compact-ui #hud .hudBox label{font-size:7px;letter-spacing:1px}.compact-ui #hud .hudBox strong{font-size:16px;line-height:1.15}.compact-ui #labTrack{height:3px;margin-top:4px}.compact-ui #tools{z-index:4;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(6px,env(safe-area-inset-bottom));display:flex;justify-content:center;gap:5px;flex-wrap:nowrap;pointer-events:none}.compact-ui #tools .group{display:contents}.compact-ui #tools button{flex:0 1 auto;min-width:56px;max-width:125px;min-height:42px;padding:5px 8px;font-size:11px;background:#112e34bf;box-shadow:none;pointer-events:auto;opacity:var(--control-opacity);white-space:normal}.compact-ui #tools button:hover{opacity:1}.compact-ui #tools button span{font-size:8px}.compact-ui #tools #reloadBtn{display:none}.compact-ui #tools #pauseBtn{position:fixed;top:56px;left:max(8px,env(safe-area-inset-left));width:45px;min-width:45px;height:32px;min-height:32px;padding:4px;font-size:9px}.compact-ui #tools #ammoBtn{border-color:#d1dba1}.compact-ui[data-controls=stick] #tools{left:calc(var(--stick-size) + 28px);right:100px}.compact-ui.left-handed[data-controls=stick] #tools{left:100px;right:calc(var(--stick-size) + 28px)}.compact-ui #tools button[id^=dose_]{min-height:42px;min-width:48px;padding:4px 6px;font-size:9px}.compact-ui #toast{top:22%;max-width:70%;font-size:11px;padding:6px 10px;pointer-events:none}.compact-ui #overlay{inset:0;z-index:10;padding:max(5px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));background:#06191bd9;backdrop-filter:none}.compact-ui .field-panel{width:100%;max-width:none;height:100%;max-height:100%;padding:12px;overflow:auto;border-width:1px;border-radius:3px;box-shadow:inset 0 0 0 2px #092026}.compact-ui .field-panel h2{font-size:23px;margin:6px 0 10px}.compact-ui .field-panel .eyebrow{font-size:8px;letter-spacing:1px}.compact-ui button{min-height:40px;padding:7px 12px;font-size:12px}.compact-ui .field-title{overflow:hidden}.compact-ui .field-title .titleLayout{display:grid;grid-template-columns:1.7fr .65fr;gap:18px;height:calc(100% - 42px)}.compact-ui .field-title .titleCopy h1{font-size:43px;line-height:.9;margin:8px 0;letter-spacing:-2px}.compact-ui .field-title .titleCopy h1 br{display:none}.compact-ui .field-title .titleCopy h1 span:before{content:' '}.compact-ui .field-title .titleCopy h1 em{font-size:11px;letter-spacing:8px;display:inline-block;margin:0 0 0 12px}.compact-ui .field-title .titleTagline{font-size:12px;margin:5px 0 8px;line-height:1.3}.compact-ui .field-title .titleTagline br{display:none}.compact-ui .field-title .titleCopy>p:not(.titleTagline),.compact-ui .field-title .controlsCard,.compact-ui .field-title .heroCaption,.compact-ui .field-title .titleChapters p,.compact-ui .field-title .titleChapters h3{display:none}.compact-ui .field-title .titleCast{display:flex;align-items:center;min-width:0}.compact-ui .field-title .castHero{height:100%;max-height:250px;border:0}.compact-ui .field-title .titleChapters{gap:8px;margin-top:8px;grid-template-columns:1fr 1fr}.compact-ui .field-title .titleChapters>div{padding:8px}.compact-ui .field-title .titleChapters .row{margin:5px 0 0;flex-wrap:wrap;gap:5px}.compact-ui .field-title .titleChapters button{font-size:10px;flex:1;padding:5px 7px;min-height:36px}.compact-ui .field-title .titleFooter{height:40px;margin:0;padding-top:5px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:9px}.compact-ui .field-title .titleFooter button{min-height:34px;font-size:11px;padding:5px 12px}.compact-ui .field-title #resumeRow button{min-height:36px;font-size:11px;padding:5px 12px}
.compact-ui .field-shop{display:flex;flex-direction:column;overflow:hidden}.compact-ui .field-shop .shopHead{flex-shrink:0;align-items:center;padding:0 0 6px;margin:0}.compact-ui .field-shop .shopHead h2{font-size:19px;margin:2px 0}.compact-ui .field-shop .credits{font-size:23px}.compact-ui .field-shop .credits .small{font-size:7px;display:block;letter-spacing:1px}.compact-ui .field-shop>p{display:none}.prepSteps{display:flex;gap:5px;margin:6px 0;flex-shrink:0}.prepSteps button{flex:1;min-height:30px;padding:4px 8px;font-size:11px}.compact-ui .field-shop .workbench{display:block;flex:1;min-height:0;overflow:hidden;margin:0}.compact-ui .field-shop .research{height:100%;display:flex;flex-direction:column;min-height:0}.compact-ui .field-shop .tabs{margin:0 0 5px;padding:0;gap:4px;flex-shrink:0}.compact-ui .field-shop .tabs button{min-height:29px;font-size:10px;padding:4px 10px;flex:1}.compact-ui .field-shop .shopGrid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:8px;overflow:hidden;align-items:stretch}.compact-ui .field-shop .card{padding:7px;min-height:0;overflow:hidden}.compact-ui .shopGrid .card h3{font-size:13px;margin:3px 0}.compact-ui .shopGrid .card>p{display:none}.compact-ui .shopGrid .card>.tag{font-size:9px;margin:2px 0;line-height:1.2}.compact-ui .shopGrid .card .equipmentArt{height:clamp(30px,12vh,62px);flex-shrink:0;margin:0}.compact-ui .shopGrid .card>button:not(.inspect){min-height:33px;padding:4px 8px;font-size:11px;flex-shrink:0}.compact-ui .shopGrid .card .inspect{font-size:9px;min-height:26px;right:6px;top:6px;padding:3px 5px}.compact-ui .shopGrid .weaponStats{display:flex;gap:8px;margin:3px 0;padding:3px 0;flex-shrink:0}.compact-ui .shopGrid .weaponStats span{font-size:8px;min-width:0}.compact-ui .shopGrid .weaponStats b{font-size:12px}.compact-ui .shopGrid .crewIdentity{gap:8px}.compact-ui .shopGrid .crewIdentity img{width:40px;height:42px}.compact-ui .shopGrid .crewCard .xpTrack{height:5px;margin:4px 0}.compact-ui .shopGrid .crewCard label{font-size:9px}.compact-ui .shopGrid .crewCard select{width:100%;margin:3px 0;padding:4px;font-size:10px;min-height:30px}.compact-ui .itemPager{margin:4px 0 0;gap:10px;height:28px;flex-shrink:0}.compact-ui .itemPager button{min-height:26px;font-size:10px;padding:3px 12px}.compact-ui .field-shop .stickyActions{position:static;flex-shrink:0;display:flex;justify-content:space-between;gap:8px;margin-top:6px;padding-top:6px;background:transparent}.compact-ui .field-shop .stickyActions button{min-height:36px;margin:0;font-size:12px;min-width:85px}.compact-ui .field-shop .stickyActions .primary{margin-left:auto;width:auto}.compact-ui .readySummary{padding:10px;height:100%;overflow:auto}.readiness{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0}.readiness span{background:#0b2327;border:1px solid #7f714b;padding:8px;font-size:9px;color:#b7c9b5}.readiness b{display:block;font-size:14px;color:#edf0cb;margin-top:3px}.compact-ui .readySummary .missionBrief{margin:0 0 10px;padding:10px;display:flex;align-items:center}.compact-ui .missionBrief strong{font-size:16px}.compact-ui .missionBrief p{font-size:12px;max-width:50%;margin:0}.compact-ui .readySummary h3{margin:4px 0;font-size:18px}.utilityMenu{position:absolute;z-index:12;bottom:54px;left:90px;display:flex;flex-direction:column;gap:5px;padding:8px;background:#102e32;border:1px solid var(--brass);box-shadow:0 0 0 100vmax #04141b88}.utilityMenu button{min-width:160px}
.compact-ui .field-results{display:flex;flex-direction:column;overflow:hidden}.compact-ui .field-results>p{display:none}.compact-ui .field-results h2{font-size:27px;margin:6px 0 12px}.compact-ui .field-results .debriefStats{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}.compact-ui .field-results .debriefStats>div{padding:12px 4px;min-height:0;display:flex;flex-direction:column;justify-content:center}.compact-ui .field-results .debriefStats b{font-size:clamp(25px,7vh,40px);margin:0 0 6px}.compact-ui .field-results .debriefStats span{font-size:8px;letter-spacing:.5px}.compact-ui .field-results .incomeRow{padding-top:10px;margin-top:10px;gap:16px;font-size:10px;flex-shrink:0}.compact-ui .field-results #debriefActions{margin-top:10px;flex-shrink:0}.compact-ui .field-results #debriefActions .primary{margin-right:auto}.compact-ui .field-panel[data-view=story]{display:flex;flex-direction:column;overflow:hidden}.compact-ui .storyLead{margin:6px 0;gap:12px}.compact-ui .storyPortrait{flex-basis:65px;height:65px}.compact-ui .storyLead h2{font-size:21px;margin:0 0 6px}.compact-ui .storyLead strong{font-size:12px}.compact-ui .storyLead .small{font-size:9px;margin:3px 0}.compact-ui .storyBody{font-size:13px;line-height:1.5;flex:1;min-height:0;margin:6px 0;overflow:auto}.storyPager{display:flex;align-items:center;gap:14px;justify-content:space-between;margin:5px 0;font-size:11px}.storyPager button{min-height:30px;font-size:11px}.compact-ui #storyActions{margin-top:auto}.compact-ui .field-settings{display:flex;flex-direction:column;overflow:hidden}.compact-ui .field-settings h2{font-size:20px;margin:4px 0}.compact-ui .settingsTabs{margin:6px 0;gap:5px}.compact-ui .settingsTabs button{min-height:32px;font-size:11px;padding:5px}.compact-ui #settingsBody{flex:1;min-height:0;overflow:auto}.compact-ui .settingPage,.compact-ui .controls-settings{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px;padding:6px 0}.compact-ui .settingPage label,.compact-ui .controls-settings label{font-size:11px;gap:4px}.compact-ui .controls-settings legend{font-size:9px}.compact-ui input[type=range]{min-height:25px}.compact-ui #settingsActions{margin-top:6px;flex-shrink:0}.compact-ui #settingsActions button{min-height:32px}.compact-ui .field-panel[data-view=journal]{display:flex;flex-direction:column;overflow:hidden}.compact-ui .field-panel[data-view=journal]>h2{font-size:20px;flex-shrink:0}.journalPage{flex:1;min-height:0;overflow:auto;font-size:13px;line-height:1.5}.journalPage article{display:flex;gap:20px;align-items:center}.journalPage article img{max-height:110px;max-width:110px}.journalPage h3{font-size:18px}.compact-ui #journalActions button{min-height:32px}
@media(max-height:360px){.compact-ui .field-panel{padding:8px 10px}.compact-ui .field-title .titleCopy h1{font-size:34px}.compact-ui .field-title .titleTagline{font-size:11px}.compact-ui .field-title .titleChapters{margin-top:5px}.compact-ui .field-title .titleChapters>div{padding:5px}.compact-ui .field-title .castHero{max-height:200px}.compact-ui .field-shop .shopHead h2{font-size:16px}.compact-ui .field-shop .shopHead .eyebrow{display:none}.compact-ui .field-shop .credits{font-size:19px}.compact-ui .prepSteps{margin:4px 0}.compact-ui .shopGrid .card .equipmentArt{height:32px}.compact-ui .readiness{margin:5px 0;gap:5px}.compact-ui .readiness span{padding:5px}.compact-ui .readiness b{font-size:12px}.compact-ui .readySummary{padding:5px}.compact-ui .readySummary .missionBrief{padding:6px;margin-bottom:5px}.compact-ui #hud .hudBox strong{font-size:13px}.compact-ui #hud .hudBox label{font-size:6px}.compact-ui #tools #pauseBtn{top:48px}.compact-ui #fireBtn{height:60px;width:60px}}
@media(max-width:650px){.compact-ui .field-title .titleLayout{grid-template-columns:1fr}.compact-ui .field-title .titleCast{display:none}.compact-ui .field-title .titleFooter>span{display:none}.compact-ui .field-shop .shopGrid{grid-template-columns:1fr}.compact-ui .settingPage,.compact-ui .controls-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-ui .readiness{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-ui .field-shop .shopHead h2{font-size:17px}.compact-ui #tools{gap:3px}.compact-ui #tools button{font-size:9px;padding:4px;min-width:42px}.compact-ui[data-controls=stick] #tools{left:125px;right:90px}}
/* Brass edge rails and beveled plates supply the game's own material language. */
.field-panel{border-color:#b79758 #635234 #635234 #cfb16f;background-image:repeating-linear-gradient(135deg,#ffffff02 0px,#ffffff02 1px,transparent 1px,transparent 5px),radial-gradient(ellipse at 0 0,#34534880,transparent 65%),linear-gradient(120deg,#183c3e,#0b2027);box-shadow:inset 0 0 0 3px #091b21,inset 0 0 0 5px #77653c55,0 16px 45px #0008}.field-panel .shopHead{border-bottom:2px solid #ac8b4e}.field-panel .tabs button,.field-panel .settingsTabs button{border-width:2px;border-color:#b29153 #655331 #655331 #c9ad6c;border-radius:2px;box-shadow:inset 0 0 0 2px #0b2125}.field-panel .tabs .selected,.field-panel .settingsTabs .selected{box-shadow:inset 0 0 0 2px #607b39}.field-title .titleCopy h1{font-size:70px;letter-spacing:-2px}.field-title .titleChapters>div{border-width:2px;border-color:#9d834b #4c4832 #4c4832 #b69859;box-shadow:inset 0 0 0 2px #061b22}.field-title .titleChapters .eyebrow{background:#233d36;padding:5px 9px;display:inline-block;border-left:3px solid #bd9d60}.field-title .titleChapters button.primary{border-color:#d0b86c}.field-panel .card{border-color:#9a8654 #43504a #43504a #9a8654;box-shadow:inset 0 0 0 2px #061d24}.field-panel .card:has(button:disabled):not(.unavailable){border-color:#afd074}.compact-ui .field-panel{box-shadow:inset 0 0 0 2px #092026}.compact-ui .field-title .titleCopy h1{font-size:43px}.compact-ui .field-title .titleChapters .eyebrow{padding:2px 5px;font-size:8px}.compact-ui .field-title .titleChapters>div{border-width:1px}.compact-ui .field-panel .tabs button,.compact-ui .field-panel .settingsTabs button{border-width:1px}@media(max-height:360px){.compact-ui .field-title .titleCopy h1{font-size:34px}}
.compact-ui .shopGrid .card{gap:0}.compact-ui .shopGrid .card .equipmentArt{height:clamp(26px,9vh,44px)}.compact-ui .shopGrid .card>button:not(.inspect){min-height:36px}.compact-ui .field-title .titleChapters button{min-height:40px}.compact-ui .emptyShelf{align-self:center;text-align:center;grid-column:1 / -1;color:#c7d8be;font-size:13px;padding:15px}
@media(max-height:360px){.compact-ui .shopGrid .weaponStats{display:none}.compact-ui .shopGrid .card .equipmentArt{height:22px}.compact-ui .shopGrid .card h3{font-size:11px;margin:2px 0}.compact-ui .shopGrid .card>.tag{font-size:8px}.compact-ui .shopGrid .card>button:not(.inspect){min-height:32px;font-size:10px}.compact-ui .shopGrid .card .inspect{min-height:24px;top:4px;right:4px}.compact-ui .shopGrid .crewIdentity img{height:27px;width:30px}.compact-ui .shopGrid .crewCard select{min-height:26px;padding:2px}}
/* Desktop keeps comparisons on one workbench, with full copy available in Details. */
html:not(.compact-ui) .field-shop .shopGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}html:not(.compact-ui) .field-shop .workbench{grid-template-columns:175px 1fr}html:not(.compact-ui) .field-shop .card{gap:2px;padding:10px}html:not(.compact-ui) .field-shop .card .equipmentArt{height:50px}html:not(.compact-ui) .field-shop .card h3{font-size:14px;margin:4px 0}html:not(.compact-ui) .field-shop .card>p{font-size:11px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:0;margin:3px 0}html:not(.compact-ui) .field-shop .card>.tag{font-size:10px}html:not(.compact-ui) .field-shop .card>button:not(.inspect){min-height:36px;padding:6px 10px}html:not(.compact-ui) .field-shop .weaponStats{margin:4px 0;padding:4px 0}html:not(.compact-ui) .field-shop .weaponStats b{font-size:14px}html:not(.compact-ui) .field-shop .weaponStats span{font-size:8px}
html:not(.compact-ui) .field-shop{display:flex;flex-direction:column;height:100%;overflow:hidden;max-width:1250px}html:not(.compact-ui) .field-shop .shopHead{flex-shrink:0}html:not(.compact-ui) .field-shop>p.small{margin:6px 0;font-size:10px;flex-shrink:0}html:not(.compact-ui) .field-shop>.missionBrief{flex-shrink:0;margin:6px 0 10px;padding:8px 12px}html:not(.compact-ui) .field-shop .workbench{flex:1;min-height:0;margin:0}html:not(.compact-ui) .field-shop .labSheet{overflow:auto;font-size:11px;padding:10px}html:not(.compact-ui) .field-shop .labDiagram{height:48px;margin:8px 0}html:not(.compact-ui) .field-shop .labDiagram img{max-height:48px}html:not(.compact-ui) .field-shop .labSheet .statline{font-size:11px;line-height:1.8;margin:10px 0}html:not(.compact-ui) .field-shop .guru{display:none}html:not(.compact-ui) .field-shop .bankNote{font-size:10px;padding:8px}html:not(.compact-ui) .field-shop .research{min-height:0;display:flex;flex-direction:column}html:not(.compact-ui) .field-shop .tabs{flex-shrink:0;margin:0 0 8px}html:not(.compact-ui) .field-shop .shopGrid{flex:1;min-height:0;grid-template-rows:repeat(2,minmax(0,1fr))}html:not(.compact-ui) .field-shop .card{min-height:0;overflow:hidden;padding:7px;gap:0}html:not(.compact-ui) .field-shop .card .equipmentArt{height:38px;flex-shrink:0}html:not(.compact-ui) .field-shop .card>p{-webkit-line-clamp:1;flex:0 1 auto;line-height:1.25;margin:2px 0}html:not(.compact-ui) .field-shop .card>h3{flex-shrink:0}html:not(.compact-ui) .field-shop .card>.tag{font-size:9px;flex-shrink:0}html:not(.compact-ui) .field-shop .card>button:not(.inspect){min-height:32px;flex-shrink:0;padding:4px 8px;font-size:11px}html:not(.compact-ui) .field-shop .weaponStats{padding:3px 0;flex-shrink:0}html:not(.compact-ui) .field-shop #shopActions{position:static;flex-shrink:0;margin:8px 0 0;padding-top:8px}html:not(.compact-ui) .field-shop #shopActions button{min-height:36px;padding:6px 12px}html:not(.compact-ui) .field-shop .crewIdentity img{height:35px;width:35px}html:not(.compact-ui) .field-shop .crewCard select{font-size:10px;min-height:28px;padding:3px;margin:3px 0}html:not(.compact-ui) .field-shop .crewCard .xpTrack{height:4px;margin:3px 0}
@media(max-height:799px){html:not(.compact-ui) .field-shop .shopGrid{grid-template-rows:minmax(0,1fr)}html:not(.compact-ui) .field-shop .card .equipmentArt{height:50px}}
html:not(.compact-ui) .field-shop .card h3{margin:2px 0}html:not(.compact-ui) .field-shop .weaponStats{margin:2px 0}

/* Keep story chrome stable while measured text pages use the available body. */
.compact-ui .field-panel[data-view=story]>.eyebrow,.compact-ui .field-panel[data-view=story]>.storyLead,.compact-ui .field-panel[data-view=story]>.storyPager,.compact-ui .field-panel[data-view=story]>#storyActions{flex-shrink:0}
.compact-ui .field-panel[data-view=story] .storyBody{white-space:pre-line}
.compact-ui .field-panel[data-view=story]{height:100%;max-height:100%;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}

/* Three preparation destinations; launching never needs a separate Ready page. */
.compact-ui .prepSteps{grid-template-columns:repeat(3,minmax(0,1fr))}