.strange-panel{--strange-accent:#b9f5dc;grid-column:1/-1;min-width:0;margin:10px 0;padding:12px;border:1px solid #96b6c46b;border-radius:12px;background:linear-gradient(125deg,#142d40,#292642);color:#e6eeec}.strange-panel>summary{padding:10px 2px;min-height:44px;font:800 13px/1.5 Arial;letter-spacing:.3px;color:#bff6df;cursor:pointer}.strange-panel h3{font:26px/1.12 Georgia;margin:7px 0;color:#ffe1a6}.strange-panel h4{font:20px/1.2 Georgia;color:#ffdfa4;margin:8px 0}.strange-panel p{font:12px/1.6 Arial;color:#d2dce5}.strange-panel small{display:block;font:700 10px/1.5 Arial;color:#b0cbd5}.strange-panel strong{display:block;font:750 12px/1.6 Arial;color:#bff6d9}.strange-heading{display:flex;align-items:center;gap:16px;padding:5px 0 12px;border-bottom:1px solid #9dc4d345}.strange-heading canvas,.strange-story-card canvas,#strange-friends canvas{width:120px;height:85px;border-radius:12px;background:#112330;flex-shrink:0}.strange-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}.strange-grid>canvas{width:170px;height:120px}.strange-panel article{min-width:0;padding:14px;border:1px solid #bdd4d735;border-left:3px solid var(--strange-accent);border-radius:9px;background:#0b2132;margin:9px 0;overflow-wrap:anywhere}.strange-panel button{max-width:100%;min-height:44px;margin:6px 5px 0 0;padding:10px 12px;white-space:normal;touch-action:manipulation}.strange-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0}.strange-tabs button{flex:1;background:#203c50;color:#dcece8;border-color:#9bb8c45e;font-size:11px;min-width:100px}.strange-tabs button[aria-pressed=true]{background:#d1f1d9;color:#133c45;border-color:#d1f1d9}.strange-active{box-shadow:inset 0 0 25px #79e7c51a;border-color:#adffe2!important}.strange-report{padding:10px 12px;background:#b8ffe910;border-left:3px solid #a3edc8}.strange-power{display:block;padding:10px;border-left:3px solid #d8aeff;background:#ac83e018;color:inherit;font:750 12px/1.6 Arial}.strange-fit-note{display:block;font:700 11px/1.5 Arial;padding:7px;color:inherit}.strange-search-box{padding:10px 0;margin:0 0 10px;border-bottom:1px solid #a9b9bc55}.strange-search-box label{display:block;font:800 10px/1.4 Arial;letter-spacing:.8px;color:#284851}.strange-search-box input{display:block;width:100%;min-height:44px;padding:11px 14px;margin-top:5px;border:1px solid #759ca5;border-radius:8px;background:#fbfcf6;color:#153a47;font:14px Arial}.strange-search-box button{font-size:12px;min-height:44px;margin:5px 5px 0 0}.strange-search-box p{font:12px Arial}.strange-loadout{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid #9bb3b455}.strange-loadout label{display:flex;gap:8px;align-items:center;font:700 12px Arial}.strange-loadout input{width:22px;height:22px;accent-color:#306c68}.strange-loadout select{min-height:44px;padding:7px;max-width:100%;font:12px Arial}.strange-loadout small{font:11px/1.5 Arial;flex:1 1 220px;color:#38525c}.strange-flight-status{position:absolute;right:8px;bottom:150px;z-index:3;max-width:180px;box-sizing:border-box;padding:7px 10px;background:#10293eea;color:#cbffe0;border:1px solid #aff0d47a;border-radius:8px;font:800 10px/1.5 Arial;pointer-events:auto}.strange-flight-status button{min-height:40px;padding:7px;margin:5px 0 0;width:100%;font-size:11px}.strange-loot-peek{position:absolute;z-index:13;left:8px;top:90px;width:min(270px,calc(100% - 16px));max-height:65%;overflow:auto;box-sizing:border-box;padding:14px;background:#142b40f5;color:#e1f0e5;border:1px solid #e6c598;border-radius:10px;font:12px/1.5 Arial}.strange-loot-peek small,.strange-loot-peek strong{display:block}.strange-loot-peek button{min-height:44px;margin:5px 3px 0 0}.strange-panel button:focus-visible,.strange-panel summary:focus-visible{outline:3px solid #ffe5b5;outline-offset:3px}.strange-panel button:disabled{opacity:.45}
@media(max-width:760px){.strange-heading{gap:10px}.strange-heading canvas{width:75px;height:70px}.strange-panel{padding:10px}.strange-panel h3{font-size:21px}.strange-panel h4{font-size:19px}.strange-panel button{width:100%;margin-right:0}.strange-tabs button{width:auto;min-width:90px;flex-basis:40%}.strange-loadout small{flex-basis:100%}.strange-loadout select{flex:1;min-width:140px}.strange-search-box input{font-size:16px}.strange-panel>summary{font-size:12px}.strange-flight-status{max-width:150px;font-size:9px;bottom:150px}.strange-search-box button{width:100%;margin-right:0}}
@media(max-height:500px) and (max-width:1000px){.strange-flight-status{right:145px;bottom:65px;max-width:240px;padding:5px 9px;display:flex;gap:8px;align-items:center}.strange-loot-peek{top:42px;max-height:72%}.strange-flight-status button{min-height:36px;width:auto;flex-shrink:0;margin:0}}
@media(prefers-reduced-motion:reduce){.strange-panel *{scroll-behavior:auto}}

.space[data-more=true] #strange-flight-status,.space:has(#adv-ability-wheel) #strange-flight-status,#strange-flight-status[hidden]{display:none!important}
.strange-ingredients{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.strange-ingredients span{font:700 11px/1.5 Arial;padding:6px 9px;border:1px solid #a6b3d666;border-radius:20px;background:#283650;color:#eedbff}.strange-panel[tabindex="-1"]:focus{outline:2px solid #b9f5dc;outline-offset:2px}
.strange-panel{max-width:none;width:100%}

/* The dock must leave room to read, even on a short phone. */
.dock-overview-toggle{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;background:#203641;color:#dcece4;border-color:#75969d;min-height:44px;flex-shrink:0}
.dock-overview-toggle strong{font:700 12px/1.3 Arial;color:#f5d491}.dock-overview-toggle span{font:10px/1.3 Arial;color:#c6e2e4}
#dock-panel[data-compact-overview=true]{position:fixed;inset:0;padding:8px;overflow:hidden}
#dock-panel[data-compact-overview=true] .paper-card.dock-card{display:flex;flex-direction:column;height:100%;max-height:100%;width:100%;padding:10px;gap:0;min-height:0}
#dock-panel[data-compact-overview=true] .dock-resources{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:4px;padding:4px;margin:0 0 5px}
#dock-panel[data-compact-overview=true] .dock-resources .resource{display:block;padding:3px 5px;min-width:0}
#dock-panel[data-compact-overview=true] .dock-resources .resource>small{display:block;float:none;font:700 7px/1.2 Arial;letter-spacing:.2px}
#dock-panel[data-compact-overview=true] :is(#dock-credits,#dock-level,#dock-points){display:block;float:none;font:700 20px/1.1 Arial;margin:2px 0 0}
#dock-panel[data-compact-overview=true] .dock-xp{gap:5px;padding:0 2px}
#dock-panel[data-compact-overview=true] #dock-xp-label{font:8px/1.3 Arial}
#dock-panel[data-compact-overview=true] #dock-xp-track{height:3px}
#dock-panel[data-compact-overview=true] .dock-overview-toggle{margin:0 0 5px;padding:7px 9px;min-height:44px}
#dock-panel[data-compact-overview=true] .dock-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:5px;margin:0 0 5px;padding:0 0 5px;flex-shrink:0;scrollbar-width:thin}
#dock-panel[data-compact-overview=true] .dock-tabs button{flex:0 0 auto;min-height:44px;padding:7px 12px;font-size:10px}
#dock-panel[data-compact-overview=true] .dock-content{padding:0 3px 0 0;min-height:0;flex:1;overflow-anchor:none}
#dock-panel[data-compact-overview=true] .dock-content>.dock-power{margin:0 0 8px;padding:9px;flex-shrink:0}
#dock-panel[data-compact-overview=true] .dock-power .power-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}
#dock-panel[data-compact-overview=true] .power-capacities>button{min-height:44px;justify-content:center;flex-wrap:wrap;padding:6px 3px}
#dock-panel[data-compact-overview=true] .power-materials{min-height:44px;padding:6px}
#dock-panel[data-compact-overview=true] .power-capacities span{font-size:8px}
#dock-panel[data-compact-overview=true] .power-capacities strong{font-size:13px}
#dock-panel[data-compact-overview=true] .dock-actions{margin-top:5px;padding-top:5px;gap:5px}
#dock-panel[data-compact-overview=true] .dock-actions button{margin:0;min-height:44px}
#dock-panel[data-compact-overview=true] #browser-save-status{font:9px/1.3 Arial;margin:5px 0 0}
#dock-panel[data-compact-overview=true] .strange-search-box{padding:3px 0 8px;margin-bottom:8px}
#dock-panel[data-compact-overview=true] .strange-search-box label{font-size:9px}
@media(max-width:380px){.dock-overview-toggle{flex-wrap:wrap;gap:3px}.dock-overview-toggle span{font-size:9px}}
@media(max-height:550px) and (min-width:700px){#dock-panel[data-compact-overview=true] .dock-resources .resource{display:flex;align-items:center;justify-content:space-between}#dock-panel[data-compact-overview=true] .dock-overview-toggle{min-height:44px}#dock-panel[data-compact-overview=true] .dock-xp{display:none}}
@media(max-height:550px) and (min-width:700px){#dock-panel[data-compact-overview=true] .paper-card.dock-card{display:grid;grid-template-columns:minmax(0,1fr) 245px;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:4px 8px}#dock-panel[data-compact-overview=true] .dock-resources{grid-column:1;grid-row:1;margin:0}#dock-panel[data-compact-overview=true] .dock-overview-toggle{grid-column:2;grid-row:1;flex-wrap:wrap;gap:2px;margin:0}#dock-panel[data-compact-overview=true] .dock-tabs{grid-column:1/-1;grid-row:2;margin:0}#dock-panel[data-compact-overview=true] .dock-content{grid-column:1/-1;grid-row:3}#dock-panel[data-compact-overview=true] .dock-actions{grid-column:1/-1;grid-row:4;margin:0}#dock-panel[data-compact-overview=true] #browser-save-status{grid-column:1/-1;grid-row:5;margin:0}}

.forge-workareas{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0;max-width:100%}.forge-workareas button{min-height:44px;font:700 11px/1.3 Arial;margin:0;padding:9px 12px}
.forge-area{max-width:none;width:100%;margin:12px 0;border:1px solid #8ba5a0;border-radius:9px;background:#edf0e3;color:#254c53;padding:8px 12px}
.forge-area>summary{min-height:44px;align-content:center;font:700 16px/1.4 Georgia;color:#254c53;cursor:pointer}
.forge-area>.socket-workbench{margin:10px 0}.forge-area .recipe-tools{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin:12px 0}.recipe-tools label{font:700 11px/1.4 Arial;color:#385b61}.recipe-tools :is(input,select){display:block;width:100%;min-height:44px;margin-top:5px;padding:9px;border:1px solid #8ba5a0;border-radius:5px;background:#fffcf2;color:#254c53;font:14px Arial}.recipe-pager{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0}.recipe-pager p{font:12px/1.5 Arial;color:#385b61;margin:0}.recipe-pager button{margin:0;min-height:44px}.forge-area:focus-visible,.forge-area>summary:focus-visible{outline:3px solid #a9782f;outline-offset:3px}
@media(max-width:760px){.forge-area{padding:7px 9px}.forge-area .recipe-tools{grid-template-columns:1fr}.recipe-tools :is(input,select){font-size:16px}.forge-workareas{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.forge-workareas button{flex:0 0 auto}}
.cargo-tools[data-empty=true]{padding:10px 12px;border-style:dashed}.cargo-tools[data-empty=true]>.cargo-actions,.cargo-tools[data-empty=true]>p{display:none}

/* Gear advice stays beside the filters, including in the compact dock layout. */
#dock-panel #fittings-section[data-gear-view=spare]>#strange-loadout{display:flex!important;padding:10px 12px;border:1px solid #8eaaa1;border-radius:8px;background:#e7eee2;margin:10px 0}
#dock-panel #fittings-section[data-gear-view=installed]>#strange-loadout{display:none!important}
#dock-panel #fittings-section[data-gear-view=spare]>#gear-filter-count{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:10px 0}
#gear-filter-count>span{flex:1 1 220px;overflow-wrap:anywhere;font:700 12px/1.6 Arial}
#gear-filter-count[data-filtered=true]{padding:10px 12px;border:1px solid #b4925c;border-radius:8px;background:#fff4d8;color:#533d23}
#gear-clear-filters{min-height:44px;padding:10px 12px;font:700 12px Arial;white-space:normal}
.gear-advice{margin:10px 0 0;padding:9px 11px;border:1px solid #97afa5;border-radius:7px;background:#e7eee2;color:#284d50;overflow-wrap:anywhere}
.gear-advice summary{min-height:44px;align-content:center;cursor:pointer;font:800 11px/1.5 Arial}
.gear-advice p{font:700 12px/1.6 Arial;margin:5px 0}
.gear-advice small{display:block;font:11px/1.6 Arial;margin-top:6px}
.cargo-tools>label{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0;font:700 12px Arial}
.cargo-tools>label select{min-height:44px;max-width:100%;padding:8px;font:12px Arial}
.cargo-scope-note{padding:8px;border-left:3px solid #ae8b52;background:#fff6dc}
@media(max-width:600px){#strange-loadout>label{flex-basis:100%;min-height:44px}#gear-clear-filters{width:100%}.cargo-tools>label select{width:100%}}

.expedition-launch-status{padding:14px;margin:0 0 12px;border:2px solid #c29756;border-radius:9px;background:#fff2d6;color:#493d2a}.expedition-launch-status strong{font:800 13px Arial}.expedition-launch-status p,.expedition-blocker{font:700 13px/1.6 Arial;overflow-wrap:anywhere}.expedition-launch-status button{min-height:44px;max-width:100%;white-space:normal;padding:10px 14px}.expedition-blocker{color:#ffdf9b!important}