/* XSCAPE console language: smoked glass, ice signal, violet system state. */
:root{
  --xscape-void:#050b14;
  --xscape-screen-max-width:1500px;
  --xscape-deep:#07111f;
  --xscape-panel:#0b1b32;
  --xscape-panel-raised:#102844;
  --xscape-ice:#8cc8ef;
  --xscape-signal:#46c7ee;
  --xscape-signal-bright:#9ff1ff;
  --xscape-violet:#8a83e0;
  --xscape-violet-deep:#3f3d86;
  --xscape-orange:#f6b14a;
  --xscape-paper:#eaf5fb;
  --xscape-muted:#9db9cb;
  --xscape-line:#5b9cc966;
  --xscape-line-soft:#5b9cc933;
  --xscape-glass:linear-gradient(145deg,#163b63c9,#071326e8 78%);
  --xscape-glass-raised:linear-gradient(145deg,#1a4a72d9,#111841e8 82%);
  --xscape-inset:inset 0 1px #d7f7ff1c, inset 0 0 0 1px #5b9cc91a;
  --xscape-depth:0 22px 64px #02071199;
  --brand-ground:var(--xscape-void);
  --brand-stone:var(--xscape-panel);
  --brand-paper:var(--xscape-paper);
  --brand-muted:var(--xscape-muted);
  --brand-gold:var(--xscape-ice);
  --brand-edge:var(--xscape-line);
  --brand-inset:#173b63;
  --brand-corner:var(--xscape-violet);
  --brand-face:var(--xscape-glass);
  --brand-frame:var(--xscape-inset),var(--xscape-depth);
  --brand-selected:var(--xscape-glass-raised);
  --panel-edge:var(--xscape-line);
  --panel-inset:#071326;
  --panel-face:var(--xscape-panel);
  --panel-corner:var(--xscape-violet);
  --gold:var(--xscape-ice);
  --muted:var(--xscape-muted);
  --line:var(--xscape-line-soft);
  --surface-edge:var(--xscape-line);
  --surface-inset:#071326;
  --surface-corner:var(--xscape-violet);
}

body{background:radial-gradient(circle at 78% 0,#173b635c,transparent 40%),var(--xscape-void);color:var(--xscape-paper)}
button,input,select,textarea{font-synthesis:none}
button:hover:not(:disabled),a:hover{border-color:var(--xscape-signal)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--xscape-signal-bright)}
::selection{color:var(--xscape-void);background:var(--xscape-signal-bright)}
.xscape-icon{display:block;width:24px;height:24px;flex:none;color:currentColor;image-rendering:pixelated}
.loop-icon{width:28px;height:28px;color:var(--xscape-signal);margin-bottom:8px}
.nav-icon,.nav-art{width:22px;height:22px;display:block;color:currentColor;image-rendering:pixelated}

/* Shared translucent surfaces. The inset highlight supplies the glass edge;
   all inherited brass corner pseudo-elements are intentionally removed. */
:where(.brand-frame,.armory-frame,.loot-slots article,.materials article,.forge-recipe,.forge-options article,.story-card,.loop-grid article,.xscape-scene,.xscape-briefing,.camp-note,.weapon-choice,.item-card,.item-detail,.market-card,.upgrades article,.panel,.satchel-panel,.blessings button,.wallet-note,.vault-pending,.vault-banner,.loot-guide){
  border:1px solid var(--xscape-line)!important;
  background:var(--xscape-glass)!important;
  box-shadow:var(--xscape-inset),var(--xscape-depth)!important;
  backdrop-filter:blur(18px);
}
:where(.armory-frame,.loot-slots article,.materials article,.forge-recipe,.forge-options article,.story-card,.loop-grid article,.xscape-scene,.xscape-briefing,.camp-note,.weapon-choice,.item-card,.item-detail,.market-card,.upgrades article,.panel,.satchel-panel,.blessings button,.wallet-note,.vault-pending,.vault-banner,.loot-guide)::before,
:where(.armory-frame,.loot-slots article,.materials article,.forge-recipe,.forge-options article,.camp-note,.weapon-choice,.item-card,.item-detail,.market-card,.upgrades article,.panel,.satchel-panel,.blessings button,.wallet-note,.vault-pending,.vault-banner,.loot-guide)::after{display:none!important;background:none!important}

/* Thin instrument dividers replace the inherited warm rules. */
.section-intro h2:after,.loot-workshop>h2:after,.forge-intro>h2:after,.armory-frame:before,.armory-frame:after{display:none!important;background:none!important}
.loop-section,.workshop>header,.recipe-heading,.recipe-heading,.profile-tabs,.run-history-list>li,.weapon-perk,.xscape-scene-lines,.xscape-briefing-mission,.xscape-journal,.xscape-route{border-color:var(--xscape-line-soft)!important}
.eyebrow,.story-index,.weapon-role,.mechanic-tag,.loot-slots small,.recipe-heading p,.camp-equipped-mark,.campaign-objective,.campaign-story-lines strong{color:var(--xscape-signal)!important}

/* Landing */
.hero:before{background:linear-gradient(90deg,#050b14db,#050b1466 56%,transparent 82%),linear-gradient(0deg,var(--xscape-void),transparent 28%,transparent 86%,#050b1444)!important}
.landing-nav{color:var(--xscape-paper)!important}
.landing-nav .nav-token{color:var(--xscape-signal)!important}
.xscape-wordmark{color:var(--xscape-paper)!important;text-shadow:0 0 18px #46c7ee55,0 2px 0 #102844!important}
.xscape-wordmark::first-letter{color:var(--xscape-signal-bright)!important}
.play-button{--button-bg:linear-gradient(135deg,#2f8ab1,#4d43a1);--button-text:#effaff;--button-border:var(--xscape-signal);--button-hover:linear-gradient(135deg,#42b5dd,#6860c9);border-color:var(--xscape-signal)!important;color:var(--button-text)!important;box-shadow:0 10px 28px #02081666,var(--xscape-inset)!important}
.secondary-button{--button-bg:#0b1b32dd;--button-text:var(--xscape-paper);--button-border:var(--xscape-line);--button-hover:var(--xscape-glass-raised);border-color:var(--xscape-line)!important;color:var(--button-text)!important;box-shadow:var(--xscape-inset)!important}
.weapon-choice{background:#0b1b32b8!important;border-right-color:var(--xscape-line-soft)!important}
.weapon-choice[aria-pressed=true]{background:var(--xscape-glass-raised)!important;color:var(--xscape-paper)!important}
.weapon-choice:after{background:var(--xscape-signal)!important}
.weapon-indicator{background:var(--xscape-signal)!important}
.weapon-stage,.weapon-details{background:#071326b8!important;border-color:var(--xscape-line-soft)!important}
.weapon-details{background:radial-gradient(ellipse at 85% 0,#46c7ee18,transparent 70%),#071326d9!important}
.loot-sprite{background:radial-gradient(ellipse at center,#46c7ee22,transparent 68%),linear-gradient(#5b9cc91a 1px,transparent 1px),linear-gradient(90deg,#5b9cc91a 1px,transparent 1px)!important;background-size:auto,16px 16px,16px 16px!important;border-color:var(--xscape-line)!important;box-shadow:inset 0 0 30px #020711!important}
.loot-sprite:after{display:none!important}
.loot-slots small{border-top-color:var(--xscape-line-soft)!important}
.item-symbol,.recipe-trio svg,.recipe-result,.forge-action-art{background:radial-gradient(ellipse at center,#46c7ee1e,transparent 68%),#071326!important;border-color:var(--xscape-line)!important;box-shadow:var(--xscape-inset)!important}
.rarity-track{border-color:var(--xscape-line-soft)!important}
.rarity-track span:before{background:var(--xscape-signal)!important}
.materials article:first-child,.materials article:nth-child(2),.materials article:last-child{--panel-corner:var(--xscape-signal)!important}
.temper-ranks i{background:var(--xscape-violet)!important;box-shadow:inset 0 -2px 0 var(--xscape-violet-deep)!important}
.footer-scene:after{background:linear-gradient(var(--xscape-void),transparent 20%,transparent 85%,var(--xscape-void))!important}

/* Game, dialogs, and the responsive navigation */
.game-nav,.site-navigation .site-sidebar{background:#071326f2!important;border-color:var(--xscape-line-soft)!important;box-shadow:var(--xscape-inset)!important}
.site-navigation{--nav-ink:#071326;--nav-paper:var(--xscape-paper);--nav-muted:var(--xscape-muted);--nav-line:var(--xscape-line-soft);--nav-gold:var(--xscape-signal)}
.site-nav-brand{text-decoration:none!important}
.site-navigation .site-nav .nav-destinations a[aria-current=page],.nav-destinations :is(button,a)[aria-current]{background:var(--xscape-glass-raised)!important;border-color:var(--xscape-signal)!important;color:var(--xscape-paper)!important;box-shadow:inset 0 0 0 1px #9ff1ff20!important}
.site-navigation .site-nav .nav-destinations a:hover,.site-navigation button:hover{background:#163b63aa!important;color:var(--xscape-paper)!important;border-color:var(--xscape-line)!important}
.nav-destinations a:hover{color:var(--xscape-signal-bright)!important}
.camp-vignette{background:linear-gradient(90deg,#050b14f2,#071326d9 42%,#07132666),linear-gradient(0deg,var(--xscape-void),transparent 65%)!important}
.camp-note,.weapon-choice,.item-card,.item-detail,.market-card,.upgrades article,.panel,.satchel-panel,.blessings button{background:var(--xscape-glass)!important}
.weapon-choice.chosen,.item-card.selected,.relic-slot[aria-pressed=true]{border-color:var(--xscape-signal)!important;background:var(--xscape-glass-raised)!important;--brand-corner:var(--xscape-signal)}
.relic-slot,.empty-equipment{background:#071326cc!important;border-color:var(--xscape-line-soft)!important;box-shadow:inset 0 0 0 1px #5b9cc933,inset 0 0 0 2px #050b14!important}
.panel>header,.panel-footer,.satchel-panel>header,.satchel-footer{background:#071326cc!important;border-color:var(--xscape-line-soft)!important}
.panel .eyebrow,.wallet-balances b,.gear-selection-tools [role=status]{color:var(--xscape-signal)!important}
.forge-backdrop{background:radial-gradient(ellipse at 50% 0,#173b6355,transparent 60%),var(--xscape-void)!important}
.tabs button.active,#overlay.forge .tabs button.active{background:var(--xscape-glass-raised)!important;border-color:var(--xscape-signal)!important;color:var(--xscape-signal-bright)!important}
.camp-inventory{background:radial-gradient(ellipse at 20% 0,#46c7ee15,transparent 65%),var(--xscape-glass)!important}
.camp-relic-portrait{background:radial-gradient(ellipse,color-mix(in srgb,var(--rarity) 16%,transparent),transparent 65%),#07132699!important;border-bottom-color:var(--xscape-line-soft)!important}
.world-light{background:radial-gradient(ellipse at 46% 68%,#46c7ee18,transparent 32%)!important}
.world-vignette{background:linear-gradient(0deg,#050b14f5,transparent 17%,transparent 71%,#050b14bb),linear-gradient(90deg,#050b1499,transparent 27%,transparent 83%,#050b1466)!important}
.camp-controls{border-top-color:var(--xscape-line)!important;background:linear-gradient(180deg,#102844dd,#071326f2)!important;box-shadow:0 -18px 42px #02081666!important}
.enter-button{background:linear-gradient(135deg,#2f8ab1,#4d43a1)!important;border-color:var(--xscape-signal)!important;color:var(--xscape-paper)!important;box-shadow:0 10px 28px #02081666,var(--xscape-inset)!important}
.enter-button:hover{background:linear-gradient(135deg,#42b5dd,#6860c9)!important}
#overlay{--surface-face:var(--xscape-glass);--surface-edge:var(--xscape-line);--surface-inset:#071326;--surface-corner:var(--xscape-violet)}
#overlay :is(.panel,.satchel-panel,.item-detail,.camp-note,.market-card,.upgrades article,.blessings button,.wallet-note,.vault-pending,.vault-banner,.loot-guide)::before{display:none!important;background:none!important}
#overlay .panel>header,#overlay .satchel-panel>header{background:#102844aa!important;border-bottom-color:var(--xscape-line-soft)!important}
#overlay .close-button{border-color:var(--xscape-line)!important;background:#071326!important;color:var(--xscape-signal-bright)!important;box-shadow:var(--xscape-inset)!important}
#overlay .close-button:hover{background:var(--xscape-glass-raised)!important;border-color:var(--xscape-signal)!important}
#overlay .summary-grid>div{background:#071326aa!important;border-color:var(--xscape-line-soft)!important;box-shadow:var(--xscape-inset)!important}
#overlay .summary-grid strong{color:var(--xscape-signal-bright)!important}
.modal-shade{background:radial-gradient(ellipse at 50% 30%,#102844e8,#020711f2)!important;backdrop-filter:blur(5px)}
.notice:not(.pickup-notice):not(.compact){border-color:var(--xscape-line)!important;background:var(--xscape-glass)!important;box-shadow:var(--xscape-inset),0 8px 24px #02071199!important}
#overlay :is(.panel-footer,.result-actions) button.primary,#overlay .entrance-actions button:not(.secondary),#overlay :is(.pause-primary,.pause-options,.wallet-note,.item-actions,.detail-actions,.satchel-actions) button.primary{background:linear-gradient(135deg,#2f8ab1,#4d43a1)!important;border-color:var(--xscape-signal)!important;color:var(--xscape-paper)!important;box-shadow:var(--xscape-inset)!important}
#overlay :is(.pause-primary,.pause-options,.wallet-note,.item-actions,.detail-actions,.satchel-actions) button:hover:not(:disabled){background:var(--xscape-glass-raised)!important;border-color:var(--xscape-signal)!important}
.transaction-art-shade{background:linear-gradient(0deg,#071326,transparent 28%,transparent 90%,#050b1444)!important}

@media(prefers-reduced-motion:reduce){.xscape-icon{animation:none!important}}

/* Neutral frosted material. Borders are actual strokes, never full-area background layers. */
@font-face{font-family:XscapePixel;src:url('/fonts/pixelify-sans.ttf') format('truetype');font-display:swap;font-weight:100 900}
:root{--xscape-signal:#fff;--xscape-signal-bright:#fff;--xscape-violet:#fff;--xscape-muted:#ddd;--xscape-line:#ffffff55;--xscape-line-soft:#ffffff26}
#overlay .expedition-art{filter:none!important}
#overlay.camp>.camp-vignette{display:none!important}
/* Shared button defaults; individual controls retain their own shapes and states. */
:where(#overlay) button{border-radius:9px;box-shadow:none}
#overlay .scene-panel,#overlay .scene-panel>.panel-body{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#overlay :is(.glass-surface,.quest-index,.quest-detail:not(.character-panel),.scene-command-dock,.scene-operation-card,.dashboard-item,.dashboard-station,.dashboard-exchange-hero,.profile-dashboard-card,.profile-dashboard-stats>div,.dashboard-statline,.dashboard-empty,.loadout-modal-slot,.character-panel .character-header,.character-panel .character-stats-sheet>section,.character-panel .character-workspace.is-skills>.character-section-heading,.character-panel .skill-tracks,.character-panel .skill-web-detail){
 background:rgba(24,24,24,.52)!important;
 border:1px solid rgba(255,255,255,.38)!important;
 border-radius:20px!important;
 -webkit-backdrop-filter:blur(24px) brightness(.75)!important;
 backdrop-filter:blur(24px) brightness(.75)!important;
 box-shadow:0 12px 32px #0003,inset 0 1px 0 #ffffff18!important;
 animation:none!important;
 color:#fff!important;
}
#overlay :is(.quest-index,.quest-detail)::before,#overlay .quest-log::before,#overlay .quest-detail-copy::after,#overlay .quest-entry::after{display:none!important}
#overlay :is(.quest-entry,.log-galaxy-routes>button,.quest-objective,.quest-active-toggle,.log-action-dock button,.scene-command-dock .glass-button){
 background:rgba(255,255,255,.055)!important;
 border:1px solid rgba(255,255,255,.13)!important;
 border-radius:12px!important;
 box-shadow:none!important;
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
 animation:none!important;color:#fff!important;
}
#overlay :is(.quest-entry.is-selected:not(.is-active),.quest-entry:hover,.scene-command-dock .glass-button:hover){background:rgba(255,255,255,.1)!important;box-shadow:none!important;transform:none!important}
#overlay :is(.quest-entry.is-active,.quest-entry.is-active.is-selected,.quest-active-toggle.is-on,.scene-command-dock .glass-button.is-active,.scene-command-dock .command-primary.is-active,.log-galaxy-routes>button[aria-pressed=true]){
 background:rgba(255,255,255,.16)!important;border:1px solid #ffffff8c!important;box-shadow:none!important;
}
#overlay .log-action-dock{background:none!important;backdrop-filter:none!important;border:0!important;border-top:0!important;box-shadow:none!important;animation:none!important;border-radius:0!important}
#overlay .log-action-dock button.primary{background:rgba(255,255,255,.19)!important;border-color:#ffffff88!important;color:#fff!important}
#overlay :is(.quest-summary h2,.scene-panel h2,.scene-operation-card h1){font-family:XscapePixel,monospace!important;color:#fff!important;text-shadow:0 1px 3px #0009!important}
#overlay :is(.quest-brief,.quest-lore,.quest-entry small,.quest-meta,.quest-place,.quest-status,.quest-objective h3,.quest-star,.quest-complete,.log-action-dock button span,.dashboard-item small,.dashboard-station small){color:#eee!important;text-shadow:0 1px 2px #0008!important}
#overlay .quest-entry b{color:#fff!important;text-shadow:none!important}
#overlay .quest-status{background:#ffffff0a!important;border-color:#ffffff40!important}
#overlay .scene-command-dock .glass-button .command-icon{filter:none!important;opacity:1!important;transform:none!important}
#overlay .scene-command-dock .glass-button{height:84px!important;grid-template-columns:1fr!important;grid-template-rows:50px auto!important;gap:4px!important;padding:6px!important;text-align:center!important}
#overlay .scene-command-dock .glass-button .command-label{display:block!important;color:#fff!important;font:500 11px/1.2 sans-serif!important;letter-spacing:0!important;text-transform:none!important;text-shadow:0 1px 3px #0008!important;white-space:nowrap}
#overlay .scene-command-dock .glass-button.is-active{background:rgba(255,255,255,.1)!important;border-color:#ffffff55!important;box-shadow:inset 0 1px #ffffff25!important}
@media(max-width:700px){#overlay .scene-command-dock .glass-button{height:76px!important;grid-template-rows:44px auto!important}#overlay .scene-command-dock .glass-button .command-label{font-size:10px!important}}
/* Deployment context stays with the action, without a separating rule. */
#overlay .log-action-dock{padding-top:0!important;position:static}
#overlay .log-deployment-note{margin:10px 3px 0;padding:10px 12px;border:1px solid #ffffff24;border-radius:12px;background:#ffffff09;color:#f1f1f1;font:400 12px/1.5 system-ui;text-shadow:0 1px 2px #0008}
#overlay .holder-tier{display:inline-block;margin-left:12px;color:#fff;font:700 10px/1.5 monospace;letter-spacing:.08em;white-space:nowrap}
.expedition-debrief .holder-boost{margin:12px 0;padding:10px 14px;border:1px solid #ffffff55;border-radius:12px;background:#ffffff24;color:#fff;backdrop-filter:blur(16px);font:700 12px/1.5 monospace;letter-spacing:.04em}
#overlay .quest-entry.is-complete{opacity:.72}
#overlay .quest-complete{margin-left:auto}

/* Loadout occupies the existing log detail pane; the galaxy and deployment stay put. */
#overlay .log-loadout{display:grid;gap:24px}
#overlay .log-loadout h2{margin:0}
#overlay .log-loadout h3{font:600 13px/1.4 system-ui;color:#fff;margin:0 0 12px}
#overlay .log-equipped-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#overlay .log-equipped-slot{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;padding:18px 12px;border:1px solid #ffffff30;border-radius:18px;background:#ffffff08;color:#fff;text-align:center}
#overlay .log-equipped-slot.is-selected{background:#ffffff16;border-color:#ffffffa0;box-shadow:inset 0 1px #ffffff30}
#overlay .log-equipped-slot b{font:600 14px/1.4 system-ui}
#overlay .log-gear-art{display:grid;place-items:center;flex-shrink:0;width:80px;height:80px}
#overlay .log-gear-art :is(svg,img){width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
#overlay .log-gear-art>.xscape-icon{width:44px;height:44px;opacity:.5}
#overlay .log-gear-stats{display:flex;flex-direction:column;gap:4px;font:400 12px/1.5 system-ui;color:#eee}
#overlay .log-gear-list{display:grid;gap:10px}
#overlay .log-gear-item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px;border:1px solid #ffffff24;border-radius:16px;background:#ffffff08}
#overlay .log-gear-item .log-gear-art{width:64px;height:64px}
#overlay .log-gear-item b{font:600 14px/1.5 system-ui;color:#fff}
#overlay .log-loadout button:focus-visible{outline:2px solid #fff;outline-offset:3px}
#overlay .log-gear-item button,#overlay .log-combat-weapon{padding:10px 16px;border:1px solid #ffffff40;border-radius:12px;background:#ffffff0c;color:#fff}
#overlay .log-combat-weapons{display:flex;gap:10px;flex-wrap:wrap}
#overlay .log-combat-weapon{display:flex;align-items:center;gap:10px}
#overlay .log-combat-weapon :is(svg,img){width:40px;height:40px;object-fit:contain}
#overlay .log-combat-weapon[aria-pressed=true]{background:#ffffff20;border-color:#ffffff90}
#overlay :is(.log-loadout-hint,.log-loadout-empty,.log-loadout-status){font:400 13px/1.6 system-ui;color:#eee;margin:12px 0 0}
#overlay .log-loadout-status:empty{display:none}
@media(max-width:700px){#overlay .log-equipped-grid{gap:6px}#overlay .log-equipped-slot{padding:12px 6px}#overlay .log-equipped-slot .log-gear-art{width:56px;height:56px}#overlay .log-gear-item{grid-template-columns:48px minmax(0,1fr);gap:10px}#overlay .log-gear-item button{grid-column:2}#overlay .log-gear-item .log-gear-art{width:48px;height:48px}}
#overlay .quest-detail:has(.log-loadout){max-height:calc(100svh - 250px)!important;overflow-y:auto!important}
@media(max-width:700px){#overlay .quest-detail:has(.log-loadout){max-height:calc(100svh - 180px)!important}}
/* Shared character builder: the same neutral glass as the mission log. */
#overlay .log-build-tabs{display:flex;gap:8px;flex-wrap:wrap}
#overlay .log-build-tabs button,#overlay .log-attributes button,#overlay .log-skill button,#overlay [data-build-respec]{border:1px solid #ffffff40;border-radius:12px;background:#ffffff09;padding:10px 14px;color:#fff}
#overlay .log-build-tabs button[aria-pressed=true]{background:#ffffff24;border-color:#ffffffaa}
#overlay .log-loadout header{display:flex;align-items:center;justify-content:space-between;gap:16px}
#overlay .log-equipped-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#overlay .log-equipped-slot{padding:12px 8px;gap:6px}
#overlay .log-equipped-slot .log-gear-art{width:52px;height:52px}
#overlay .log-equipped-slot b{font-size:12px}
#overlay .log-equipped-slot .log-gear-stats{font-size:11px}
#overlay .log-requirement{display:block;color:#fff;margin-top:8px;font-size:12px}
#overlay .log-attributes{display:grid;gap:12px}
#overlay .log-attributes article{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:16px;background:#ffffff08;border:1px solid #ffffff30;border-radius:16px}
#overlay .log-attributes h3{margin:0}#overlay .log-attributes p{font:12px/1.5 system-ui;color:#eee;margin:6px 0 0}
#overlay .log-attributes strong{font:24px monospace;color:#fff}
#overlay .log-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
#overlay .log-stat-grid>div{display:flex;flex-direction:column;gap:8px;padding:12px;background:#ffffff08;border-radius:12px}
#overlay .log-stat-grid span{font-size:12px}#overlay .log-stat-grid b{color:#fff;font:20px monospace}
#overlay .log-skill-tree{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#overlay .log-skill{position:relative;margin-top:18px;padding:16px;background:#ffffff06;border:1px solid #ffffff28;border-radius:16px;display:flex;flex-direction:column;gap:10px}
#overlay .log-skill+.log-skill:before{content:'';position:absolute;width:1px;height:18px;background:#ffffff60;left:50%;top:-19px}
#overlay .log-skill.is-learned{border-color:#ffffffa0;background:#ffffff14}
#overlay .log-skill p,#overlay .log-skill small{font:12px/1.5 system-ui;color:#eee;margin:0}
#overlay .log-loadout button:disabled{opacity:.45;cursor:not-allowed}
#hud-ability{pointer-events:auto}
@media(max-width:700px){#overlay .log-equipped-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#overlay .log-skill-tree{grid-template-columns:1fr}#overlay .log-stat-grid{grid-template-columns:repeat(2,1fr)}}
#overlay .log-gear-comparison{display:block;margin-top:8px;font:12px/1.5 system-ui;color:#fff}
#hud-ability{border:1px solid #ffffff60;border-radius:12px;background:#20252b99;backdrop-filter:blur(18px);color:#fff;padding:10px;min-height:44px;font:600 12px/1.3 system-ui;max-width:120px}
#hud-ability[hidden]{display:none!important}
#overlay .character-panel{width:min(920px,100%);margin:0 auto;max-height:calc(100svh - 250px)!important;overflow:auto!important}
@media(max-width:700px){#overlay .character-panel{max-height:calc(100svh - 180px)!important}}
/* Character sheet and constellation: neutral glass, real prerequisite connections. */
#overlay .character-panel{width:min(1180px,100%)}
#overlay .character-stats-sheet{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin:8px 0 24px}
#overlay .character-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:8px 0 18px}
#overlay .character-section-heading h3{margin:0}
#overlay .character-section-heading span{font:12px/1.5 system-ui;color:#dedede}
#overlay .character-stats-sheet .log-attributes article{padding:14px;gap:12px}
#overlay .character-stats-sheet .log-attributes h3{font-size:16px}
#overlay .character-combat-stats{margin:0;display:grid;gap:5px}
#overlay .character-combat-stats>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;border:1px solid #ffffff20;border-radius:10px;background:#ffffff06}
#overlay .character-combat-stats dt{font:14px/1.4 system-ui;color:#eee}
#overlay .character-combat-stats dd{margin:0;font:600 18px/1.2 monospace;color:white;font-variant-numeric:tabular-nums}
#overlay .character-skills-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:24px;align-items:start;margin-bottom:20px}
#overlay .skill-web-scroll{overflow:auto;min-width:0;border:1px solid #ffffff18;border-radius:22px;background:#00000012;scrollbar-width:thin;scrollbar-color:#ffffff50 transparent}
#overlay .skill-web{position:relative;width:100%;min-width:570px;aspect-ratio:700/520}
#overlay .skill-web-links{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#ffffff30;stroke-width:1.5}
#overlay .skill-web-links .is-learned{stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 4px #ffffff60)}
#overlay .skill-web-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:grid;place-items:center;width:50px;height:50px;min-height:0;padding:13px;border:1px solid #ffffff45;border-radius:50%;background:#17191d80;color:#eee;box-shadow:inset 0 1px 0 #ffffff25;transition:background .18s,border-color .18s,box-shadow .18s;overflow:visible}
#overlay .skill-web-node.is-ability{width:60px;height:60px;border-radius:18px;padding:16px}
#overlay .skill-web-node svg{width:100%;height:100%;filter:drop-shadow(0 2px 2px #0009)}
#overlay .skill-web-node span{position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);white-space:nowrap;font:12px/1.4 system-ui;color:#eee;text-shadow:0 1px 4px #000}
#overlay .skill-web-node.is-locked{color:#ffffff55;border-style:dashed;background:#12121240}
#overlay .skill-web-node.is-locked span{color:#bbb}
#overlay .skill-web-node.is-available{border-color:#ffffff90}
#overlay .skill-web-node.is-learned{background:#ffffff25;border-color:white;box-shadow:0 0 18px #ffffff18,inset 0 1px 0 #fff8}
#overlay .skill-web-node:hover,#overlay .skill-web-node[aria-pressed=true]{border-color:white;background:#ffffff28;box-shadow:0 0 0 4px #ffffff18}
#overlay .skill-web-node i{position:absolute;right:-3px;top:-6px;color:white;font:12px system-ui}
#overlay .skill-web-origin{position:absolute;left:50%;top:49.04%;transform:translate(-50%,-50%);display:grid;place-items:center;width:76px;height:76px;border:1px solid #ffffff65;border-radius:50%;background:#ffffff0a;box-shadow:0 0 0 9px #ffffff06}
#overlay .skill-web-origin span{font-size:28px;color:#fff}#overlay .skill-web-origin small{font:9px system-ui;letter-spacing:2px;color:#ddd}
#overlay .skill-web-branch{position:absolute;font:11px system-ui;letter-spacing:2px;text-transform:uppercase;color:#ccc;pointer-events:none}
#overlay .branch-0{left:26%;top:8%}#overlay .branch-1{right:24%;top:8%}#overlay .branch-2{left:23%;bottom:6%}#overlay .branch-3{right:25%;bottom:6%}
#overlay .skill-web-detail{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:20px;border:1px solid #ffffff30;border-radius:20px;background:#ffffff09}
#overlay .skill-detail-glyph{width:52px;height:52px;padding:12px;border:1px solid #ffffff55;border-radius:16px;background:#ffffff12;color:white}
#overlay .skill-detail-glyph svg{width:100%;height:100%}
#overlay .skill-web-detail h3{margin:0;font-size:20px}
#overlay .skill-web-detail p{font:14px/1.6 system-ui;color:#f4f4f4;margin:0}
#overlay .skill-web-detail small,#overlay .skill-detail-status{font:12px/1.5 system-ui;color:#ddd}
#overlay .skill-detail-status{border:1px solid #ffffff40;border-radius:20px;padding:3px 10px}
#overlay .skill-web-detail button{width:100%;padding:12px;border:1px solid #ffffff70;border-radius:12px;background:#ffffff1c;color:white}
@media(max-width:900px){#overlay .character-skills-layout{grid-template-columns:1fr}#overlay .skill-web-detail{display:grid;grid-template-columns:52px 1fr;align-items:center}#overlay .skill-web-detail>*{grid-column:2}#overlay .skill-web-detail .skill-detail-glyph{grid-column:1;grid-row:1/4}#overlay .skill-web-detail button{max-width:280px}}
@media(max-width:600px){#overlay .character-stats-sheet{grid-template-columns:1fr;gap:24px}#overlay .character-section-heading{flex-wrap:wrap}#overlay .skill-web-scroll:focus-visible{outline:2px solid white;outline-offset:3px}}
#overlay .quest-detail.character-panel:has(.log-loadout){max-height:calc(100svh - 220px)!important}
#overlay .character-panel .log-loadout{gap:12px;padding:24px 30px}
#overlay .character-panel .log-loadout header h2{margin:0}
#overlay .character-panel .character-section-heading{margin:0 0 10px}
#overlay .character-panel .character-stats-sheet{margin:0 0 4px}
#overlay .character-panel .character-combat-stats>div{padding:9px 14px}
#overlay .character-panel .character-skills-layout{margin:0;gap:18px}
#overlay .character-panel .skill-web{height:clamp(340px,43svh,460px);aspect-ratio:auto}
#overlay .character-panel .skill-web-detail{gap:10px;padding:16px}
#overlay .character-panel .skill-web-detail .skill-detail-glyph{width:40px;height:40px;padding:9px}
#overlay .character-panel [data-build-respec]{justify-self:start;font-size:12px;padding:8px 12px}
#overlay .character-panel .log-loadout>small{font:11px/1.5 system-ui;color:#ccc}
@media(max-width:600px){#overlay .character-panel .log-loadout{padding:18px}#overlay .quest-detail.character-panel:has(.log-loadout){max-height:calc(100svh - 150px)!important}}

#overlay .character-controls{display:flex;justify-content:space-between;align-items:center;gap:16px}
#overlay .character-controls:has(details[open]){align-items:flex-start}
#overlay .character-controls details[open]{flex:1}
/* Stable character workspace: header controls and independent skill details. */
#overlay .character-header{position:relative;flex-wrap:wrap;justify-content:flex-start;gap:18px}
#overlay .character-identity{display:flex;align-items:baseline;gap:14px;min-width:0}
#overlay .character-identity h2{font-size:clamp(24px,2.6vw,36px);overflow-wrap:anywhere}
#overlay .character-identity>span{white-space:nowrap;font:12px system-ui;color:#ddd}
#overlay .character-header .log-build-tabs{margin-left:auto}
#overlay .character-header details{position:relative}
#overlay .character-header summary{cursor:pointer;font:12px system-ui;color:#eee;list-style:none;padding:10px 4px;white-space:nowrap}
#overlay .character-header summary::-webkit-details-marker{display:none}
#overlay .character-header details[open]>form,#overlay .character-options[open]>div{position:absolute;top:100%;right:0;z-index:12;width:min(360px,70vw);padding:18px;background:#202225f2;border:1px solid #ffffff55;backdrop-filter:blur(24px);border-radius:16px;box-shadow:0 12px 32px #0006}
#overlay .character-options small{display:block;font:12px/1.5 system-ui;margin-top:10px;color:#ddd}
#overlay .character-workspace{min-width:0}
#overlay .skill-web-stage{position:relative;min-width:0;min-height:0}
#overlay .skill-web-tools{position:absolute;right:12px;top:10px;z-index:3;display:flex;gap:4px}
#overlay .skill-web-tools button{padding:6px 9px;min-height:30px;border:1px solid #ffffff40;border-radius:8px;background:#25282bcc;color:white;font:12px system-ui}
#overlay .skill-web-scroll{cursor:grab;touch-action:none}
#overlay .skill-web-scroll:active{cursor:grabbing}
#overlay .skill-web{transform-origin:center;will-change:transform}
#overlay .skill-web-node{cursor:pointer}
@media(min-width:1000px){
 #overlay .scene-command-dock{position:fixed!important;left:18px!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:76px!important;height:auto!important;max-width:76px!important;padding:8px!important;display:flex!important;flex-direction:column!important;gap:8px!important;overflow:visible!important;border-radius:24px!important}
 #overlay .scene-command-dock .glass-button{flex:0 0 60px!important;width:60px!important;height:60px!important;min-height:60px!important;min-width:60px!important;box-sizing:border-box!important;grid-template-rows:1fr!important;padding:6px!important;position:relative}
 #overlay .scene-command-dock .glass-button .command-icon{width:46px!important;height:46px!important}
 #overlay .scene-command-dock .glass-button .command-label{position:absolute;left:calc(100% + 18px);top:50%;transform:translateY(-50%);padding:9px 12px;background:#242629ee;border:1px solid #ffffff40;border-radius:10px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s}
 #overlay .scene-command-dock .glass-button:hover .command-label,#overlay .scene-command-dock .glass-button:focus-visible .command-label{opacity:1;visibility:visible}
 #overlay .scene-panel-layer{padding:24px 24px 24px 116px!important}
 #overlay .scene-panel{width:100%;height:100%;min-height:0;max-height:100%;overflow:hidden}
 #overlay .scene-panel>.panel-body{padding:0!important;min-height:0;height:100%;overflow:auto}
 #overlay .quest-log{height:100%;max-height:100%}
 #overlay .quest-index{max-height:100%!important}
 #overlay .quest-detail.character-panel:has(.log-loadout){width:100%;height:100%;max-height:100%!important;overflow:hidden!important;box-sizing:border-box}
 #overlay .character-panel>.log-loadout{height:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:22px;padding:24px 28px;min-height:0}
 #overlay .character-header{flex:0 0 auto;flex-wrap:nowrap}
 #overlay .character-workspace{flex:1;min-height:0;overflow:auto}
 #overlay .character-workspace.is-skills{display:flex;flex-direction:column;overflow:hidden;gap:12px}
 #overlay .character-panel .character-skills-layout{flex:1;min-height:0;grid-template-columns:minmax(0,1fr) 250px;align-items:stretch}
 #overlay .character-panel .skill-web-scroll{width:100%;height:100%;overflow:hidden}
 #overlay .character-panel .skill-web{width:100%;height:100%;min-width:0;min-height:0}
 #overlay .character-panel .skill-web-detail{overflow:auto;min-height:0;display:flex;align-items:flex-start;gap:16px}
 #overlay .character-stats-sheet{gap:32px;align-content:start}
 #overlay .character-panel .log-loadout-status{margin:0;flex:0 0 auto}
}
@media(min-width:1000px){
 #overlay .quest-detail.character-panel{height:calc(100svh - 48px)!important;max-height:calc(100svh - 48px)!important}
 #overlay .character-panel>.log-loadout{height:100%!important;padding:24px 28px!important}
}
@media(max-width:999px){
 #overlay .scene-command-dock{position:fixed!important;top:auto!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:calc(100% - 24px)!important;max-width:620px!important;z-index:40!important}
}

/* Equipment overview stays compact; pack choices are a separate nested view. */
#overlay .quest-detail:has(.loadout-overview){max-height:none!important;overflow:visible!important}
#overlay .loadout-overview .log-equipped-slot{min-height:142px;padding:16px 10px;gap:10px}
#overlay .loadout-overview .log-gear-art{width:60px;height:60px}
#overlay .loadout-overview .log-equipped-slot b{line-height:1.4}
#overlay .loadout-picker header{justify-content:flex-start;gap:20px}
#overlay [data-loadout-back]{padding:9px 12px;border:1px solid #ffffff45;border-radius:10px;background:#ffffff0c;color:white;white-space:nowrap}
@media(min-width:1000px){#overlay .quest-detail:has(.loadout-picker){max-height:calc(100svh - 48px)!important}}
/* Pack: compact icon cells, independent scrolling, and a persistent action pane. */
#overlay .pack-surface{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:18px;height:100%;min-height:0;max-width:1500px;margin:0 auto;align-items:stretch}
#overlay .pack-inventory{display:flex;flex-direction:column;height:100%;max-height:100%!important;min-height:0;padding:18px!important;box-sizing:border-box;overflow:hidden!important}
#overlay .pack-summary{display:flex;align-items:center;gap:18px;padding:0 0 16px;font:12px/1.4 system-ui;color:#eee;flex-wrap:wrap}
#overlay .pack-summary button{margin-left:auto;border:1px solid #ffffff30;background:#ffffff0b;color:#eee;padding:10px 14px;font:600 12px/1.4 system-ui;cursor:pointer}
#overlay .pack-summary button:hover:not(:disabled){background:#ffffff20;border-color:#ffffff60}
#overlay .pack-grid-scroll{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;padding:3px}
#overlay .pack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:8px;align-content:start}
#overlay .pack-cell{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;padding:10px;min-width:0;border:1px solid color-mix(in srgb,var(--item-rarity) 32%,transparent);border-radius:12px;background:#ffffff07;cursor:pointer;box-shadow:inset 0 1px #ffffff12;transition:background .15s,border-color .15s}
#overlay .pack-cell :is(svg,img){display:block;width:100%;height:100%;max-width:56px;max-height:56px;object-fit:contain;image-rendering:pixelated;pointer-events:none}
#overlay .pack-cell[aria-pressed=true]{background:#ffffff20;border-color:#fff;box-shadow:inset 0 0 0 1px #ffffff30}
#overlay .pack-cell:hover{background:#ffffff14;border-color:#ffffff90}
#overlay .pack-cell:focus-visible{outline:2px solid #fff;outline-offset:2px}
#overlay .pack-cell i{position:absolute;right:5px;bottom:3px;font:10px system-ui;color:white}
#overlay .pack-details{padding:26px;box-sizing:border-box;max-height:100%!important;height:fit-content!important;overflow-y:auto!important;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:0}
#overlay .pack-details h2{font-size:26px;margin:0;overflow-wrap:anywhere}
#overlay .pack-details :is(p,small){font:13px/1.6 system-ui;color:#eee;margin:0}
#overlay .pack-placeholder{margin:auto;text-align:center;font:14px/1.6 system-ui;color:#ddd}
#overlay .pack-primary-stats{display:flex;flex-wrap:wrap;gap:10px;width:100%;padding:14px 0;border-bottom:1px solid #ffffff24}
#overlay .pack-primary-stats span{font:600 22px/1.3 system-ui;color:#fff;padding:8px 12px;border-radius:10px;background:#ffffff0d}
#overlay .pack-section-label{font:600 11px/1 system-ui;letter-spacing:.12em;text-transform:uppercase;color:#ddd;margin:0}
#overlay .pack-modifiers{width:100%;display:grid;gap:10px}
#overlay .pack-modifiers .affix-row{display:grid;grid-template-columns:30px 1fr;gap:4px 8px;padding:8px 0;border-bottom:1px solid #ffffff16}
#overlay .pack-modifiers .affix-row b{font:500 16px/1.4 system-ui;color:#fff}
#overlay .pack-modifiers .affix-row small{grid-column:2;font-size:11px;color:#bbb}
#overlay .pack-modifiers .relic-quality{font-size:11px;color:#ccc}
#overlay .pack-modifiers .relic-enhancements{margin-top:12px;padding-top:12px;border-top:1px solid #ffffff24}
#overlay .pack-modifiers .relic-enhancements p{margin-bottom:8px}
#overlay .pack-modifiers .relic-enhancements small{display:block}
#overlay .pack-details .pack-item-actions{display:flex;flex-wrap:wrap;gap:8px}

#overlay .pack-item-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:8px}
#overlay .pack-item-actions button,#overlay .pack-strip-review button{padding:12px;border:1px solid #ffffff45;border-radius:12px;background:#ffffff0c;color:#fff}
#overlay .pack-details button:disabled{opacity:.4;cursor:not-allowed}
#overlay .pack-strip-review{border:1px solid #ffffff40;padding:16px;border-radius:14px;display:flex;gap:10px;flex-wrap:wrap}
#overlay .pack-tooltip{position:absolute;z-index:60;pointer-events:none;width:260px;max-width:90%;padding:16px;border:1px solid #ffffff66;border-radius:14px;background:#202226f5;box-shadow:0 10px 32px #0008;display:grid;gap:9px;color:white;box-sizing:border-box;font:13px/1.5 system-ui}
#overlay .pack-tooltip[hidden]{display:none}
#overlay .pack-tooltip small{font:12px/1.5 system-ui;color:#ddd}
@media(min-width:1000px){#overlay .pack-surface{height:calc(100svh - 48px)}}
@media(max-width:999px){#overlay .pack-surface{height:calc(100svh - 180px)}}
@media(max-width:700px){#overlay .pack-surface{grid-template-columns:1fr;height:auto;gap:14px}#overlay .pack-inventory{height:360px}#overlay .pack-details{min-height:240px;max-height:none}#overlay .pack-grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr))}}
#overlay .pack-surface.is-empty{grid-template-columns:minmax(0,1fr);place-items:center;min-height:min(480px,calc(100svh - 180px))}
#overlay .pack-empty{width:min(100%,440px);padding:clamp(28px,4vw,44px);text-align:center}
#overlay .pack-empty h2{margin:0;font-size:clamp(28px,3vw,36px);line-height:1.15}
#overlay .pack-empty p{max-width:30ch;margin:14px auto 24px;font:14px/1.65 system-ui;color:#ddd}
#overlay .pack-empty button{min-height:44px;padding:12px 24px;font:600 14px/1.4 system-ui;letter-spacing:0;background:#e8e6df;color:#191b1e;border:1px solid #ffffff80}
#overlay .pack-empty button:hover:not(:disabled){background:#fff;border-color:#fff}
#overlay .pack-empty button:focus-visible{outline:2px solid #fff;outline-offset:4px}
#overlay .pack-tier-list{display:grid;gap:10px;width:100%}
#overlay .pack-tier-list section{display:grid;grid-template-columns:1fr auto;gap:8px;border:1px solid #ffffff25;border-radius:12px;padding:14px;background:#ffffff06}
#overlay .pack-tier-list section.is-current{border-color:#ffffff90;background:#ffffff12}
#overlay .pack-tier-list small{grid-column:1/-1}
#overlay .pack-material-requirements{width:100%;display:grid;gap:8px}
#overlay .pack-material-requirements p{display:flex;justify-content:space-between;gap:12px}
#overlay [data-pack-upgrade-confirm]{padding:12px 16px;border:1px solid #ffffff60;border-radius:12px;background:#ffffff16;color:white}

#overlay .pack-modifiers .relic-affixes{margin:0;border:0;padding:0}
#overlay .pack-modifiers .affix-row small{display:none}
#overlay .pack-details>*{flex-shrink:0}

/* Item drawer: readable groups, semantic tiers, and explicit spending review. */
#overlay .pack-details{gap:14px;padding:24px;align-items:stretch}
#overlay .pack-details>h2{font-size:23px;line-height:1.4;margin:0 0 4px}
#overlay .drawer-base{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
#overlay .drawer-metric{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid #ffffff20;border-radius:14px;background:#ffffff0d}
#overlay .drawer-metric strong{font:650 30px/1.1 system-ui;color:#fff}
#overlay .drawer-metric span{font:500 12px/1.4 system-ui;color:#d6d9e0}
#overlay :is(.drawer-block,.drawer-upgrade-review){background:#090b1052;border:1px solid #ffffff1e;border-radius:14px;padding:14px}
#overlay :is(.drawer-block,.drawer-upgrade-review)>header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
#overlay .pack-details :is(.drawer-block,.drawer-upgrade-review) h3{font:600 12px/1.4 system-ui;letter-spacing:.035em;color:#fff;margin:0}
#overlay .drawer-quality{font:11px/1.4 system-ui;color:#b9c1ce}
#overlay .drawer-quality b{color:#eee;margin-left:4px;font-weight:500}
#overlay .drawer-affixes{display:grid;gap:5px}
#overlay .drawer-affix{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;background:#ffffff07;border-radius:8px;padding:8px}
#overlay .drawer-affix>span:nth-child(2){font:13px/1.35 system-ui;color:#e3e7ed}
#overlay .drawer-affix>strong{font:650 17px/1.2 system-ui;color:#fff}
#overlay .drawer-affix small{font-size:10px;color:#b9c1ce;display:block}
#overlay .drawer-tier{font:700 11px/1 system-ui;border-radius:6px;padding:7px 5px;text-align:center;border:1px solid currentColor}
#overlay .drawer-tier.is-good{color:#8ae0a5;background:#2e9c5426}
#overlay .drawer-tier.is-mid{color:#f2d578;background:#a98b2926}
#overlay .drawer-tier.is-low{color:#f19a96;background:#b2423c26}
#overlay .drawer-enhancement{display:flex;align-items:center;gap:12px}
#overlay .drawer-socket{width:48px;height:48px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}
#overlay .drawer-enhancement b,#overlay .drawer-enchant b{font:600 14px/1.4 system-ui;color:#fff}
#overlay .drawer-tag{font:10px/1.2 system-ui;color:#ccd5e0;border:1px solid #ffffff24;border-radius:5px;padding:4px 6px;margin-left:auto;white-space:nowrap}
#overlay .drawer-enchant{display:flex;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #ffffff14}
#overlay .drawer-enhance-mark{display:grid;place-items:center;width:48px;height:48px;font-size:30px;color:#e7eaf0;background:#ffffff0b;border-radius:10px;flex-shrink:0}
#overlay .drawer-enchant small{display:inline;margin-left:8px;font-size:10px;color:#abb4c2}
#overlay .drawer-enchant p,#overlay .drawer-enhancement p{font:12px/1.5 system-ui;color:#ced4dd;margin-top:3px}
#overlay .drawer-totals{font:12px/1.4 system-ui;color:#c8d0dc}
#overlay .drawer-totals summary{cursor:pointer;color:#d4dbe4;min-height:24px;padding:2px}
#overlay .drawer-totals p{display:flex;justify-content:space-between;padding:5px 10px;background:#ffffff07}
#overlay .drawer-requirements{display:flex;flex-wrap:wrap;gap:8px}
#overlay .drawer-requirements span{font:11px/1.4 system-ui;color:#c4cbd5;padding:5px 9px;border:1px solid #ffffff18;border-radius:6px}
#overlay .drawer-requirements b{color:#fff;margin-left:6px}
#overlay .drawer-actions{display:grid!important;grid-template-columns:1fr 1fr 1fr;gap:8px}
#overlay .drawer-actions button{padding:10px 8px;min-height:44px;border-radius:10px;font:600 13px/1.2 system-ui}
#overlay .drawer-actions button small{display:block;font:10px/1.4 system-ui;color:#cad2df;margin-top:3px}
#overlay .drawer-lock-reason{font:11px/1.4 system-ui;color:#bfc7d3}
#overlay .drawer-upgrade-review{border-color:#e3d18c66;background:#29251666}
#overlay .drawer-upgrade-result{display:flex;align-items:center;justify-content:space-between;gap:8px;font:13px/1.5 system-ui;margin-bottom:12px}
#overlay .drawer-upgrade-result strong{color:#a5e8b7}
#overlay .drawer-costs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
#overlay .drawer-costs span{font:11px/1.5 system-ui;background:#ffffff0a;padding:6px 9px;border-radius:7px;color:#e2d8b8}
#overlay .drawer-costs b{font-size:15px;color:#fff;margin-right:3px}
#overlay .drawer-upgrade-review small{font:11px/1.5 system-ui;color:#d3d0c5;display:block;margin-bottom:12px}
#overlay .drawer-confirm{border-color:#dfce8a88;background:#ffffff14}
#overlay .pack-details p[role=status]:empty{display:none}
#overlay .pack-cell :is(img,svg){max-width:64px;max-height:64px;width:100%;height:100%;object-fit:contain}
#overlay :is(.affix-tier.tier-1,.affix-tier.tier-2){color:#8ae0a5;border-color:#8ae0a577;background:#2e9c5426}
#overlay .affix-tier.tier-3{color:#f2d578;border-color:#f2d57877;background:#a98b2926}
#overlay :is(.affix-tier.tier-4,.affix-tier.tier-5){color:#f19a96;border-color:#f19a9677;background:#b2423c26}
#overlay .drawer-modify{font:500 12px/1.4 system-ui;text-align:left;min-height:38px;padding:8px 12px;border-radius:9px;background:#ffffff07;border:1px solid #ffffff20}
#overlay .drawer-modify small{display:block;font:10px/1.4 system-ui;color:#c4cbd5}
/* Let the dock participate in the same stacking context as the page surfaces. */
#overlay .expedition-scene{z-index:auto;overflow:visible}
#overlay .scene-command-dock{z-index:100!important}
#overlay .scene-command-dock .command-label{z-index:101}
#overlay .drawer-upgrade-review .pack-item-actions{display:flex;gap:8px}
#overlay .drawer-upgrade-review .drawer-confirm{flex:1;font-weight:650}
#overlay .drawer-preview-label{letter-spacing:.1em;text-transform:uppercase;font-size:10px;color:#dcd3aa}
#overlay .log-equipped-slot .log-gear-art.is-empty{opacity:.24;filter:brightness(0) invert(1);transition:opacity .18s ease}
#overlay .log-equipped-slot:is(:hover,:focus-visible) .log-gear-art.is-empty{opacity:.4}
/* Shared rarity language: five colors plus rank, never color alone. */
#overlay .item-rarity-badge{display:inline-flex;align-items:center;gap:7px;width:fit-content;padding:6px 9px;border:1px solid color-mix(in srgb,var(--item-rarity) 65%,transparent);border-radius:7px;background:color-mix(in srgb,var(--item-rarity) 12%,transparent);color:var(--item-rarity);font:650 12px/1.2 system-ui;white-space:nowrap}
#overlay .rarity-rank{font:500 10px/1 system-ui;opacity:.8;margin-left:5px;padding-left:7px;border-left:1px solid color-mix(in srgb,var(--item-rarity) 40%,transparent)}
#overlay .drawer-item-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#overlay .pack-cell{border-color:color-mix(in srgb,var(--item-rarity) 70%,transparent);background:linear-gradient(0deg,color-mix(in srgb,var(--item-rarity) 14%,transparent),#ffffff04 65%);padding-bottom:18px}
#overlay .pack-cell:hover{border-color:var(--item-rarity);background:color-mix(in srgb,var(--item-rarity) 18%,transparent)}
#overlay .pack-cell[aria-pressed=true]{border-color:var(--item-rarity);outline:2px solid #fff;outline-offset:2px;background:color-mix(in srgb,var(--item-rarity) 20%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--item-rarity) 16%,transparent)}
#overlay .item-upgrade-marker{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);display:flex;gap:3px;pointer-events:none}
#overlay .pack-cell .item-upgrade-marker i{position:static;width:11px;height:3px;border-radius:1px;background:#ffffff16}
#overlay .pack-cell .item-upgrade-marker i.is-filled{background:var(--item-rarity);box-shadow:0 0 5px color-mix(in srgb,var(--item-rarity) 40%,transparent)}
/* A quiet, persistent story-frame slideshow beneath the glass console. */
#overlay .expedition-art.story-background{background:#07111f!important;overflow:hidden;filter:none!important}
#overlay .story-background-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;image-rendering:pixelated;opacity:0;transition:opacity 4s ease-in-out;pointer-events:none}
#overlay .story-background-frame.is-visible{opacity:1}
@media(prefers-reduced-motion:reduce){#overlay .story-background-frame{transition:none}}
/* Character shares the inventory's glass cards, pixel artwork, and stat hierarchy. */
#overlay .character-panel .character-header{gap:16px;padding-bottom:18px;border-bottom:1px solid #ffffff20;align-items:center}
#overlay .character-portrait{width:84px;height:84px;border:1px solid #ffffff32;border-radius:18px;background:#ffffff08;display:grid;place-items:center;flex-shrink:0}
#overlay .character-portrait img{width:76px;height:76px;object-fit:contain;image-rendering:pixelated}
#overlay .character-identity{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:170px}
#overlay .character-identity .character-level{font:650 10px/1 system-ui;letter-spacing:.15em;color:#b9cbdc}
#overlay .character-wallet-link{min-height:0;padding:0;border:0;border-bottom:1px solid #ffffff75;border-radius:0;background:none;color:#edf4fa;font:600 11px/1.4 system-ui;letter-spacing:.02em}
#overlay .character-wallet-link:hover,#overlay .character-wallet-link:focus-visible{color:#fff;border-bottom-color:#fff}
#overlay .character-identity h2{font-size:clamp(22px,2.4vw,32px);line-height:1.1}
#overlay .character-xp{display:flex;align-items:center;gap:9px;font:10px/1.2 system-ui;color:#c0c7d2}
#overlay .character-xp progress{appearance:none;width:110px;height:4px;border:0;border-radius:4px;overflow:hidden;background:#ffffff18}
#overlay .character-xp progress::-webkit-progress-bar{background:#ffffff18}
#overlay .character-xp progress::-webkit-progress-value{background:#b7d8f2;border-radius:4px}
#overlay .character-xp progress::-moz-progress-bar{background:#b7d8f2}
#overlay .character-stats-sheet{gap:20px!important}
#overlay .character-stats-sheet>section{padding:18px;border:1px solid #ffffff20;border-radius:16px;background:#090b1042;min-width:0}
#overlay .character-section-heading h3{font:650 13px/1.3 system-ui;letter-spacing:.02em}
#overlay .character-point-badge{border:1px solid #ffffff22;border-radius:6px;padding:5px 8px;font:11px/1 system-ui;color:#bfc8d3;background:#ffffff06}
#overlay .character-point-badge.has-points{color:#9be1b4;border-color:#9be1b45a;background:#5da97916}
#overlay .character-stats-sheet .log-attributes{gap:10px}
#overlay .character-stats-sheet .log-attributes article{grid-template-columns:52px minmax(0,1fr) auto 32px;gap:12px;padding:14px;border-radius:12px;border-color:#ffffff18;background:#ffffff06}
#overlay .attribute-card>img{width:52px;height:52px;object-fit:contain;image-rendering:pixelated}
#overlay .character-stats-sheet .log-attributes h3{font:600 14px/1.3 system-ui;color:#fff;margin-bottom:5px}
#overlay .character-stats-sheet .log-attributes p{font:11px/1.5 system-ui;color:#b7c0cd;max-width:220px}
#overlay .character-stats-sheet .log-attributes strong{font:650 30px/1 system-ui;color:#fff}
#overlay .character-stats-sheet .log-attributes button{width:32px;height:32px;min-height:32px;padding:0;border-radius:9px;font:500 22px/1 system-ui;background:#ffffff12}
#overlay .character-combat-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
#overlay .character-panel .character-combat-stats>div{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:8px;padding:16px;border:1px solid #ffffff18;background:#ffffff06;border-radius:12px}
#overlay .character-combat-stats dt{font:12px/1.3 system-ui;color:#c5ccd6}
#overlay .character-combat-stats dd{font:650 27px/1 system-ui;color:#fff;margin:0}
#overlay .character-combat-stats>div:first-child dd{color:#a3dfb5}
#overlay .character-combat-stats>div:nth-child(3) dd{color:#efc49b}
#overlay .character-panel .log-loadout-hint{font:11px/1.4 system-ui;color:#b2bcc9;margin:12px 0 0}
#overlay .character-panel .skill-web-stage{border:1px solid #ffffff24;border-radius:16px;background:radial-gradient(ellipse at center,#ffffff09,transparent 65%),#090b1038;overflow:hidden}
#overlay .character-panel .skill-web-detail{border:1px solid #ffffff24;border-radius:16px;background:#090b1055;padding:20px;gap:14px}
#overlay .character-panel .skill-web-detail .skill-detail-glyph{width:76px;height:76px;border-radius:14px;padding:8px;background:#ffffff08;border:1px solid #ffffff20}
#overlay .skill-detail-glyph img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
#overlay .skill-web-detail h3{font-size:22px;color:white}
#overlay .skill-web-detail p{font:13px/1.6 system-ui;color:#d0d6df}
#overlay .skill-detail-status{border-radius:6px;width:fit-content;padding:5px 9px;background:#ffffff0a;border:1px solid #ffffff25;font:11px/1.2 system-ui;color:#e1e7ef}
#overlay .character-panel .log-loadout-status:empty{display:none}
@media(max-width:1100px){#overlay .character-stats-sheet .log-attributes article{grid-template-columns:36px minmax(0,1fr) auto 28px;gap:8px;padding:12px}#overlay .attribute-card>img{width:36px;height:36px}#overlay .character-stats-sheet>section{padding:14px}}
@media(max-width:700px){#overlay .character-portrait{width:60px;height:60px}#overlay .character-portrait img{width:56px;height:56px}#overlay .character-header .log-build-tabs{margin-left:0}#overlay .character-stats-sheet{grid-template-columns:1fr}#overlay .character-stats-sheet .log-attributes article{grid-template-columns:42px minmax(0,1fr) auto 32px}}

/* Character header stays fixed across both build panels. */
#overlay .character-header{z-index:2}
#overlay [data-character-name]{display:block;min-width:1ch;min-height:1.1em;font:inherit;letter-spacing:inherit;color:inherit;cursor:text;outline:none;pointer-events:auto}
#overlay [data-character-name]:focus-visible{outline:1px solid #ffffff55;outline-offset:3px}
#overlay [data-character-name][aria-readonly=true]{cursor:wait}
#overlay .character-workspace{scrollbar-gutter:stable}

/* Character sheet: a single game screen, with open stat rows and inset controls. */
#overlay .quest-detail.character-panel{border-radius:3px!important;border:1px solid #b8bcc559!important;background:linear-gradient(110deg,#101216db,#141619b8)!important;box-shadow:inset 0 0 0 4px #ffffff04,0 16px 40px #0005!important}
#overlay .character-panel .character-header{padding-bottom:22px;border-bottom:1px solid #ffffff30}
#overlay .character-panel .character-portrait{border:0;border-radius:0;background:none;box-shadow:none;width:90px;height:90px}
#overlay .character-panel .character-portrait img{width:90px;height:90px}
#overlay .character-panel .character-level{font:12px XscapePixel,monospace;letter-spacing:.06em;color:#c3c7ce}
#overlay .character-panel .character-xp progress{border-radius:0;height:5px}
#overlay .character-panel .log-build-tabs{gap:20px;background:none;border:0;box-shadow:none}
#overlay .character-panel .log-build-tabs button{border:0;border-radius:0;background:transparent!important;box-shadow:none!important;padding:12px 4px;font:16px XscapePixel,monospace;color:#9a9ea6}
#overlay .character-panel .log-build-tabs button::before{content:'[';margin-right:10px;visibility:hidden}
#overlay .character-panel .log-build-tabs button::after{content:']';margin-left:10px;visibility:hidden}
#overlay .character-panel .log-build-tabs button[aria-pressed=true]{color:#fff}
#overlay .character-panel .log-build-tabs button[aria-pressed=true]::before,#overlay .character-panel .log-build-tabs button[aria-pressed=true]::after{visibility:visible}
#overlay .character-panel .character-stats-sheet{grid-template-columns:1.15fr 1fr;gap:48px!important;padding:12px 0}
#overlay .character-panel .character-stats-sheet>section{border:0;border-radius:0;background:none;padding:0;box-shadow:none}
#overlay .character-panel .character-section-heading{padding-bottom:16px;margin-bottom:0;min-height:35px}
#overlay .character-panel .character-section-heading h3{font:18px XscapePixel,monospace;text-transform:uppercase;letter-spacing:.06em;color:#eee}
#overlay .character-panel .character-point-badge{border:0;border-radius:0;padding:0;background:none;font:12px monospace}
#overlay .character-panel .log-attributes{gap:0}
#overlay .character-panel .log-attributes .attribute-card{border:0;border-bottom:1px solid #ffffff15;border-radius:0;box-shadow:none;background:none;grid-template-columns:64px minmax(0,1fr) auto 30px;gap:18px;padding:25px 0}
#overlay .character-panel .attribute-card>img{width:64px;height:64px}
#overlay .character-panel .log-attributes h3{font:19px XscapePixel,monospace;margin-bottom:8px}
#overlay .character-panel .log-attributes p{font:12px/1.6 system-ui;color:#b8bcc5}
#overlay .character-panel .log-attributes strong{font:32px XscapePixel,monospace;font-variant-numeric:tabular-nums}
#overlay .character-panel .log-attributes button{border-radius:1px;border:1px solid #ffffff55;box-shadow:inset 2px 2px #ffffff18,inset -2px -2px #0007;background:#ffffff10;font:22px monospace}
#overlay .character-panel .log-attributes button:disabled{opacity:.28}
#overlay .character-panel .character-combat-stats{display:block}
#overlay .character-panel .character-combat-stats>div{flex-direction:row;align-items:baseline;justify-content:space-between;border:0;border-bottom:1px solid #ffffff15;border-radius:0;box-shadow:none;background:none;padding:21px 0;gap:16px}
#overlay .character-panel .character-combat-stats dt{font:14px/1.4 system-ui;color:#c9cbd1}
#overlay .character-panel .character-combat-stats dd{font:24px XscapePixel,monospace;font-variant-numeric:tabular-nums}
#overlay .character-panel .skill-web-stage,#overlay .character-panel .skill-web-scroll{border:0;border-radius:0;background:none;box-shadow:none}
#overlay .character-panel .skill-web-detail{border:0;border-left:1px solid #ffffff26;border-radius:0;background:none;padding:16px 0 16px 24px;box-shadow:none}
#overlay .character-panel .skill-web-detail .skill-detail-glyph{border:0;border-radius:0;background:none;padding:0;width:86px;height:86px}
#overlay .character-panel .skill-web-detail h3{font:24px XscapePixel,monospace}
#overlay .character-panel .skill-detail-status{border:0;border-radius:0;background:none;padding:0;color:#d4d9df;font:12px monospace;text-transform:uppercase;letter-spacing:.1em}
#overlay .character-panel .skill-web-detail button,#overlay .character-panel .skill-web-tools button{border-radius:1px;background:#ffffff0a;box-shadow:inset 1px 1px #ffffff18,inset -1px -1px #0008}
#overlay .character-panel .skill-web-node{border-radius:0;box-shadow:inset 2px 2px #ffffff0c,inset -2px -2px #0007;background:#17191dea}
#overlay .character-panel .skill-web-node.is-ability{border-radius:0;border-width:2px}
#overlay .character-panel .skill-web-node[aria-pressed=true]{outline:1px solid #fff;outline-offset:5px;background:#30343b;box-shadow:none}
#overlay .character-panel .skill-web-origin{border:0;border-radius:0;background:none;box-shadow:none}
#overlay .character-panel .skill-web-branch{font:12px XscapePixel,monospace;letter-spacing:.06em}
@media(max-width:700px){#overlay .character-panel .character-stats-sheet{grid-template-columns:1fr;gap:28px!important}#overlay .character-panel .log-attributes .attribute-card{grid-template-columns:42px minmax(0,1fr) auto 30px;gap:10px;padding:18px 0}#overlay .character-panel .attribute-card>img{width:42px;height:42px}#overlay .character-panel .log-attributes h3{font-size:16px}#overlay .character-panel .log-build-tabs{gap:8px}#overlay .character-panel .skill-web-detail{border-left:0;border-top:1px solid #ffffff26;padding:18px 0}}
/* Keep numeric glyphs unambiguous at a glance. */
#overlay .character-panel .log-attributes strong{font:600 30px/1.2 monospace}
#overlay .character-panel .character-combat-stats dd{font:600 24px/1.2 monospace}

/* Four readable progression tracks, illustrated with the game's pixel equipment art. */
#overlay .character-panel .character-skills-layout{grid-template-columns:minmax(0,1fr) 230px}
#overlay .skill-tracks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;min-height:0;overflow:auto;align-items:start;padding:4px}
#overlay .skill-track{min-width:0;border:1px solid #ffffff28;background:#090b0f45;box-shadow:inset 0 2px #ffffff0c;padding:16px 10px 8px}
#overlay .skill-track>h3{font:14px/1.4 XscapePixel,monospace;text-align:center;margin:0 0 16px;color:#e7e9ed}
#overlay .skill-track ol{list-style:none;margin:0;padding:0}
#overlay .skill-track li+li{border:0}
#overlay .skill-track-entry{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:150px;padding:14px 6px;gap:7px;border:1px solid transparent;border-radius:0;background:transparent;box-shadow:none;color:#eef0f4}
#overlay .skill-track-entry img{width:76px;height:76px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 3px 4px #0008)}
#overlay .skill-track-entry strong{font:14px/1.4 XscapePixel,monospace}
#overlay .skill-track-entry small{font:11px/1.4 system-ui;color:#bac1cb}
#overlay .skill-track-order{position:absolute;top:12px;left:7px;font:10px monospace;color:#858d98}
#overlay .skill-track-entry.is-locked img{opacity:.45;filter:saturate(.45)}
#overlay .skill-track-entry.is-locked strong{color:#a3aab4}
#overlay .skill-track-entry.is-learned small{color:#a3dfb5}
#overlay .skill-track-entry:hover{background:#ffffff06}
#overlay .skill-track-entry[aria-pressed=true]{border-color:#ffffff80;background:#ffffff08;box-shadow:inset 0 0 0 2px #0005}
@media(max-width:1200px){#overlay .character-panel .character-skills-layout{grid-template-columns:minmax(0,1fr) 200px}#overlay .skill-tracks{gap:8px}#overlay .skill-track{padding:12px 5px 5px}#overlay .skill-track>h3{font-size:12px}#overlay .skill-track-entry strong{font-size:12px}}
@media(max-height:800px) and (min-width:1000px){#overlay .skill-track-entry{min-height:125px;padding:10px 4px}#overlay .skill-track-entry img{width:56px;height:56px}}
@media(max-width:900px){#overlay .character-panel .character-skills-layout{grid-template-columns:1fr}#overlay .skill-tracks{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}#overlay .character-panel .skill-web-detail{border-left:0;border-top:1px solid #ffffff26;padding:18px 0}}

/* Independent floating character surfaces; the workspace itself is transparent. */
#overlay .quest-detail.character-panel{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important}
#overlay .quest-detail.character-panel::before,#overlay .quest-detail.character-panel::after{display:none!important}
#overlay .character-panel>.log-loadout{padding:0!important;gap:18px}
#overlay .character-panel .character-header,
#overlay .character-panel .character-stats-sheet>section,
#overlay .character-panel .character-workspace.is-skills>.character-section-heading,
#overlay .character-panel .skill-track,
#overlay .character-panel .skill-web-detail{box-sizing:border-box}
#overlay .character-panel .character-header{padding:18px 24px;min-height:128px;flex-shrink:0}
#overlay .character-panel .character-workspace{scrollbar-gutter:auto}
#overlay .character-panel .character-stats-sheet{padding:0;margin:0;gap:18px!important;align-items:start}
#overlay .character-panel .character-stats-sheet>section{padding:24px}
#overlay .character-panel .character-section-heading{height:36px;min-height:36px;box-sizing:border-box;align-items:flex-start;margin:0;padding:0 0 16px}
#overlay .character-panel .character-section-heading h3{margin:0;line-height:20px}
#overlay .character-panel .character-workspace.is-skills>.character-section-heading{height:85px;min-height:85px;padding:24px;flex-shrink:0}
#overlay .character-panel .character-workspace.is-skills{gap:18px}
#overlay .character-panel .character-skills-layout{align-items:start;gap:18px}
#overlay .character-panel .skill-tracks{padding:0;gap:14px}
#overlay .character-panel .skill-web-detail{padding:24px;height:auto}
#overlay .character-panel .log-loadout-status:not(:empty){padding:12px 18px;background:#121519db}
@media(max-width:700px){#overlay .character-panel .character-header{padding:16px;flex-wrap:wrap}#overlay .character-panel .character-stats-sheet>section,#overlay .character-panel .character-workspace.is-skills>.character-section-heading{padding:18px}#overlay .character-panel .character-workspace.is-skills>.character-section-heading{height:73px;min-height:73px}}

#overlay .character-panel .log-attributes strong{font:600 32px/1.2 XscapePixel,monospace}
#overlay .character-panel .character-combat-stats dd{font:600 26px/1.2 XscapePixel,monospace}
#overlay .character-panel .attribute-card:not(:has([data-build-attribute])){grid-template-columns:64px minmax(0,1fr) auto}
@media(max-width:700px){#overlay .character-panel .attribute-card:not(:has([data-build-attribute])){grid-template-columns:42px minmax(0,1fr) auto}}

/* Combat readouts: illustrated tiles within the shared glass surface. */
#overlay .character-panel .character-combat-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
#overlay .character-panel .character-combat-stats>div{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:0;padding:16px 6px;min-height:166px;border:0;border-radius:10px;background:#ffffff03;transition:background .18s ease}
#overlay .character-panel .character-combat-stats>div:hover{background:#ffffff0b}
#overlay .character-panel .character-combat-stats dt{display:contents}
#overlay .character-panel .character-combat-stats dt img{order:0;width:60px;height:60px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 3px 3px #0006)}
#overlay .character-panel .character-combat-stats dd{order:1;font:600 32px/1 XscapePixel,monospace;margin:0;color:#f3f4f7}
#overlay .character-panel .character-combat-stats dt span{order:2;font:12px/1.3 system-ui;color:#c7cbd3;text-align:center}
#overlay .character-panel .character-combat-stats>div:first-child dd{color:#a3dfb5}
#overlay .character-panel .character-combat-stats>div:nth-child(3) dd{color:#efc49b}
@media(min-width:701px) and (max-width:1100px){#overlay .character-panel .character-combat-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#overlay .character-panel .character-combat-stats>div{min-height:132px;padding:12px 6px}#overlay .character-panel .character-combat-stats dt img{width:44px;height:44px}}
@media(max-width:420px){#overlay .character-panel .character-combat-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){#overlay .character-panel .character-combat-stats>div{transition:none}}

/* Attribute rows share the combat tiles' quiet inset treatment. */
#overlay .character-panel .log-attributes{gap:10px;margin-top:18px}
#overlay .character-panel .log-attributes .attribute-card{padding:18px 14px;border:0;border-radius:10px;background:#ffffff03;transition:background .18s ease}
#overlay .character-panel .log-attributes .attribute-card:hover{background:#ffffff0b}
@media(prefers-reduced-motion:reduce){#overlay .character-panel .log-attributes .attribute-card{transition:none}}

/* Skills: one collection of four tracks, and a clearly distinct inspector. */
#overlay .character-panel .log-build-tabs button{position:relative}
#overlay .character-panel .build-points-alert{position:absolute;top:-4px;right:0;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:#c63845;color:#fff;font:700 11px/1 system-ui;box-shadow:0 1px 4px #0005}
#overlay .character-panel .character-skills-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start}
#overlay .character-panel .skill-tracks{padding:22px 14px;gap:8px}
#overlay .character-panel .skill-track{background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0 4px}
#overlay .character-panel .skill-track>h3{margin-bottom:14px}
#overlay .character-panel .skill-track-entry{border:0;border-radius:10px;min-height:136px}
#overlay .character-panel .skill-track-entry[aria-pressed=true]{border:0;outline:0;box-shadow:none;background:#ffffff12}
#overlay .character-panel .skill-track-entry[aria-pressed=true] strong{color:#fff;text-shadow:0 0 12px #ffffff35}
#overlay .character-panel .skill-track-order{display:none}
#overlay .character-panel .skill-detail-caption{font:11px/1.4 system-ui;letter-spacing:.12em;text-transform:uppercase;color:#bbc2ce}
#overlay .character-panel .skill-web-detail .skill-detail-glyph{width:110px;height:110px}
@media(max-width:1100px){#overlay .character-panel .character-skills-layout{grid-template-columns:minmax(0,1fr) 230px}#overlay .character-panel .skill-tracks{padding:18px 8px}}
@media(max-width:900px){#overlay .character-panel .character-skills-layout{grid-template-columns:1fr}#overlay .character-panel .skill-web-detail .skill-detail-caption{grid-column:1/-1}#overlay .character-panel .skill-web-detail .skill-detail-glyph{grid-row:2/5;width:52px;height:52px}}

/* Fabricate and Exchange use the same material and inspection hierarchy as Pack. */
#overlay .commerce-surface{height:100%;min-height:0;display:flex;flex-direction:column;gap:18px}
#overlay .commerce-header{display:flex;align-items:center;gap:18px;padding:18px 22px;flex-shrink:0}
#overlay .commerce-header nav{display:flex;gap:8px;margin-right:auto}
#overlay .commerce-header button{border:0;background:transparent;box-shadow:none;border-radius:8px;padding:10px 12px;color:#c4cad4}
#overlay .commerce-header nav button{font:16px XscapePixel,monospace}
#overlay .commerce-header button[aria-pressed=true]{background:#ffffff13;color:#fff}
#overlay .commerce-header>span{font:12px system-ui;color:#c1c8d2}
#overlay .commerce-header>button{font:12px system-ui;border:1px solid #ffffff30}
#overlay .commerce-body{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:18px;min-height:0;flex:1;align-items:start}
#overlay .commerce-catalog{display:flex;flex-direction:column;padding:22px;max-height:100%;min-height:0;box-sizing:border-box}
#overlay .commerce-tools{display:flex;gap:8px;flex-wrap:wrap}
#overlay .commerce-tools input,#overlay .commerce-tools select,#overlay .commerce-inspector input{border:1px solid #ffffff25;border-radius:8px;background:#11151a85;color:#fff;padding:10px;font:12px system-ui;min-width:0;max-width:100%}
#overlay .commerce-tools input{flex:1;min-width:130px}
#overlay .commerce-count{font:11px system-ui;color:#bac2cc;margin:16px 0}
#overlay .commerce-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;overflow:auto;min-height:0;padding:2px}
#overlay .commerce-product{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;border:1px solid color-mix(in srgb,var(--item-rarity,#ddd) 45%,transparent);border-radius:12px;background:#ffffff04;color:#fff;box-shadow:none;min-width:0;text-align:center}
#overlay .commerce-product:hover,#overlay .commerce-product[aria-pressed=true]{background:#ffffff12}
#overlay .commerce-product[aria-pressed=true]{outline:1px solid var(--item-rarity,#fff);outline-offset:1px}
#overlay .commerce-art{display:grid;place-items:center;height:76px;width:76px}
#overlay .commerce-art img,#overlay .commerce-art svg,#overlay .commerce-product>img{width:76px;height:76px;object-fit:contain;image-rendering:pixelated}
#overlay .commerce-product strong{font:14px/1.3 XscapePixel,monospace}
#overlay .commerce-product small{font:11px/1.4 system-ui}
#overlay .commerce-product>b{font:19px XscapePixel,monospace;margin-top:6px}
#overlay .commerce-inspector{width:100%;max-height:100%;overflow:auto;gap:14px;padding:24px}
#overlay .commerce-inspector h2{font:25px/1.2 XscapePixel,monospace!important}
#overlay .commerce-inspector button{padding:12px 16px;border:1px solid #ffffff45;border-radius:10px;background:#ffffff0c;color:#fff;font:600 13px system-ui}
#overlay .commerce-action{display:flex;flex-direction:column;gap:10px}
#overlay .commerce-price{font:30px XscapePixel,monospace!important}
#overlay .commerce-price small{font:12px system-ui}
#overlay .commerce-empty{padding:30px 12px;text-align:center;grid-column:1/-1}
#overlay .commerce-empty img{width:96px;height:96px;object-fit:contain;image-rendering:pixelated}
#overlay .commerce-empty h2{font:23px XscapePixel,monospace;margin:18px 0}
#overlay .commerce-empty p{font:13px/1.6 system-ui;color:#c4cad4}
#overlay .commerce-costs{display:flex;flex-wrap:wrap;gap:8px}
#overlay .commerce-costs span{padding:12px;background:#ffffff09;border-radius:8px;font:12px system-ui}
#overlay .commerce-costs small{display:block;color:#acb5c2;margin-top:5px}
#overlay .commerce-output{display:flex;align-items:center;gap:16px}
#overlay .commerce-output img{width:70px;height:70px;image-rendering:pixelated}
@media(max-width:1100px){#overlay .commerce-body{grid-template-columns:minmax(0,1fr) 310px}#overlay .commerce-header{flex-wrap:wrap}#overlay .commerce-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}
@media(max-width:700px){#overlay .commerce-surface{height:auto}#overlay .commerce-body{grid-template-columns:1fr}#overlay .commerce-catalog{max-height:55svh}#overlay .commerce-header{gap:8px;padding:14px}#overlay .commerce-inspector{max-height:none!important}}
#overlay .commerce-grid{grid-auto-rows:max-content;align-content:start}
#overlay .commerce-product{height:auto!important;min-height:220px!important;justify-content:flex-start}
#overlay .commerce-product>*{flex-shrink:0}
#overlay .commerce-product>b{font-family:monospace}

/* Commerce controls: pixel equipment trays and deliberate, neutral glass menus. */
#overlay .commerce-header{padding:10px 20px;gap:16px}
#overlay .commerce-station-art{width:54px;height:54px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 4px #0008)}
#overlay .commerce-header nav{gap:4px}
#overlay .commerce-header nav button{padding:14px 16px;border-radius:8px;color:#bcbcbc}
#overlay .commerce-header nav button[aria-pressed=true]{color:#fff;background:#ffffff15;box-shadow:inset 0 1px #ffffff25,inset 0 -1px #ffffff10}
#overlay .commerce-header>button{border:0;color:#aaa;padding:8px;font-size:11px;text-decoration:underline;text-underline-offset:4px}
#overlay .commerce-catalog{padding:20px;overflow:visible}
#overlay .commerce-tools{position:relative;z-index:3;gap:10px;align-items:stretch}
#overlay .commerce-tools>input{background:#00000026;border:0;border-radius:8px;padding:12px 14px;box-shadow:inset 0 1px 4px #0003;font-size:13px}
#overlay .commerce-filter{position:relative;min-width:118px;flex:1}
#overlay .commerce-filter .commerce-filter-trigger{display:grid;grid-template-columns:1fr auto;gap:4px 8px;cursor:pointer;padding:10px 12px;background:#ffffff08;border-radius:8px;list-style:none;color:#fff;transition:background .15s}
#overlay .commerce-filter .commerce-filter-trigger::-webkit-details-marker{display:none}
#overlay .commerce-filter .commerce-filter-trigger>span{font:10px/1.2 system-ui;letter-spacing:.08em;text-transform:uppercase;color:#b8b8b8}
#overlay .commerce-filter .commerce-filter-trigger>b{grid-column:1;font:500 12px/1.4 system-ui;white-space:nowrap}
#overlay .commerce-filter .commerce-filter-trigger>i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;color:#ccc}
#overlay .commerce-filter[open] .commerce-filter-trigger,#overlay .commerce-filter .commerce-filter-trigger:hover{background:#ffffff14}
#overlay .commerce-filter-options{position:absolute;top:calc(100% + 8px);left:0;min-width:210px;max-height:320px;overflow:auto;padding:6px;background:#25272bf5;backdrop-filter:blur(24px);border:1px solid #ffffff35;border-radius:12px;box-shadow:0 16px 40px #0008;z-index:20}
#overlay .commerce-filter:last-child .commerce-filter-options{left:auto;right:0}
#overlay .commerce-filter-options button{display:flex;align-items:center;gap:10px;width:100%;height:auto;min-height:38px;padding:9px 12px;background:none;border:0;box-shadow:none;border-radius:6px;text-align:left;color:#ddd;font:13px/1.4 system-ui}
#overlay .commerce-filter-options button:hover,#overlay .commerce-filter-options button[aria-pressed=true]{background:#ffffff12;color:white}
#overlay .commerce-filter-options i{width:7px;height:7px;box-shadow:0 0 7px currentColor}
#overlay .commerce-filter-options em{margin-left:auto;font-style:normal}
#overlay .commerce-count{margin:18px 0 12px;color:#aaa;font-size:11px;letter-spacing:.03em}
#overlay .commerce-grid{grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:8px;padding:3px;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent}
#overlay .commerce-product{position:relative;min-height:176px!important;padding:12px 10px 10px;gap:7px;border:1px solid #ffffff0c;border-radius:7px;background:#00000020;box-shadow:inset 0 1px 5px #0003;transition:background .16s,border-color .16s}
#overlay .commerce-product::after{content:'';position:absolute;inset:5px;pointer-events:none;border:1px solid transparent;border-radius:3px}
#overlay .commerce-product:hover{background:#ffffff09;border-color:color-mix(in srgb,var(--item-rarity,#fff) 45%,transparent)}
#overlay .commerce-product[aria-pressed=true]{outline:none;background:#ffffff10;border-color:var(--item-rarity,#fff);box-shadow:inset 0 0 22px #ffffff04}
#overlay .commerce-product[aria-pressed=true]::after{border-color:color-mix(in srgb,var(--item-rarity,#fff) 15%,transparent)}
#overlay .commerce-art{width:82px;height:82px;filter:drop-shadow(0 6px 5px #0009)}
#overlay .commerce-art img,#overlay .commerce-art svg{width:82px;height:82px}
#overlay .commerce-product strong{font:13px/1.35 XscapePixel,monospace;color:var(--item-rarity,#eee);min-height:35px;display:grid;place-items:center}
#overlay .commerce-product>b{font:600 15px/1.3 system-ui;margin-top:auto;font-variant-numeric:tabular-nums;letter-spacing:.03em}
#overlay .commerce-product>b small{font-size:10px;font-weight:400;color:#b8b8b8;letter-spacing:0}
#overlay .commerce-product>small{color:#d1d1d1;margin-top:auto}
#overlay .commerce-inspector{padding:26px;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent}
#overlay .commerce-inspector h2{font-size:28px!important;margin:6px 0 0}
#overlay .commerce-inspector>small{color:#bcbcbc;font-size:12px}
#overlay .commerce-action{margin:6px 0 4px;gap:8px}
#overlay .commerce-inspector button{background:#ffffff08;border:1px solid #ffffff23;box-shadow:none;border-radius:8px;min-height:42px;transition:background .15s}
#overlay .commerce-action>button:first-of-type,#overlay .commerce-inspector button[data-commerce=confirm]{background:#e8e6df;color:#1c1d20;border-color:#ffffff80;font-weight:700;box-shadow:inset 0 1px #fff,0 3px 10px #0003}
#overlay .commerce-inspector button:hover:not(:disabled){background:#ffffff20;color:white}
#overlay .commerce-action>button:first-of-type:hover:not(:disabled),#overlay .commerce-inspector button[data-commerce=confirm]:hover:not(:disabled){background:#fff;color:#17181b}
#overlay .commerce-inspector button:disabled{opacity:.38;cursor:not-allowed}
#overlay .commerce-price{font:600 28px/1.3 system-ui!important;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
#overlay .commerce-price small{letter-spacing:0;color:#bcbcbc}
#overlay .commerce-empty{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:340px;margin:auto;padding:40px 20px;box-sizing:border-box}
#overlay .commerce-empty h2,#overlay .commerce-empty p{margin:0}
#overlay .commerce-empty h2{line-height:1.3}
#overlay .commerce-empty p{max-width:30ch;line-height:1.6}
#overlay .commerce-empty>button{margin-top:10px;min-height:44px;padding:12px 20px;border:1px solid #ffffff30;border-radius:8px;background:#ffffff0c;box-shadow:none;color:#fff;font:600 13px/1.4 system-ui}
#overlay .commerce-empty>button:hover{background:#ffffff18}
#overlay .commerce-action>p{margin:0;line-height:1.5}
#overlay .commerce-action>label{display:flex;flex-direction:column;gap:8px}
#overlay .commerce-inspector>p[role=status]:empty{display:none}
#overlay .commerce-inspector>p[role=status]:not(:empty){margin:2px 0 0;line-height:1.5}
#overlay .commerce-empty img{width:120px;height:120px;filter:drop-shadow(0 8px 6px #0008)}
#overlay .commerce-tools :focus-visible,#overlay .commerce-grid button:focus-visible,#overlay .commerce-inspector button:focus-visible,#overlay .commerce-header button:focus-visible{outline:2px solid #eee;outline-offset:3px}
@media(max-width:700px){#overlay .commerce-tools>input{flex-basis:100%}#overlay .commerce-filter{min-width:0}#overlay .commerce-filter .commerce-filter-trigger{padding:9px}#overlay .commerce-filter-options{min-width:170px}#overlay .commerce-filter:nth-child(3) .commerce-filter-options{left:auto;right:0}#overlay .commerce-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}#overlay .commerce-header>span{flex-basis:100%}#overlay .commerce-header nav button{padding:10px}#overlay .commerce-station-art{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){#overlay .commerce-surface *{transition:none!important}}
#overlay .commerce-product[aria-pressed=true]::after{border:0}
#overlay .commerce-action:has([data-commerce=recalibrate]){display:grid;grid-template-columns:1fr 1fr}
#overlay .commerce-action:has([data-commerce=recalibrate])>button:first-child,#overlay .commerce-action:has([data-commerce=recalibrate])>p{grid-column:1/-1}
#overlay .commerce-action:has([data-commerce=recalibrate])>button:not(:first-child){font-size:12px;padding:10px 8px}

#overlay .commerce-filter .commerce-filter-trigger{width:100%;height:auto;min-height:54px;border:0;box-shadow:none;text-align:left}
#overlay .commerce-filter-options[hidden]{display:none}

/* Expedition surfaces share mission control's neutral frosted material. */
#overlay :is(.panel:not(.scene-panel),.satchel-panel,.expedition-debrief){--gold:#eee;--text:#f4f4f4;--muted:#c3c3c3;--border:#ffffff26;background:rgba(24,24,24,.52)!important;border:1px solid #ffffff61!important;border-radius:20px!important;backdrop-filter:blur(24px) brightness(.75)!important;-webkit-backdrop-filter:blur(24px) brightness(.75)!important;box-shadow:0 12px 32px #0003,inset 0 1px #ffffff18!important;color:#f4f4f4}
#overlay .modal-shade{background:#0003!important;backdrop-filter:none!important}
#overlay .panel:not(.scene-panel){width:min(720px,calc(100% - 32px));max-height:calc(100svh - 48px);margin:24px auto;display:flex;flex-direction:column;overflow:hidden}
#overlay :is(.panel:not(.scene-panel),.satchel-panel)>header{background:transparent!important;border:0!important;padding:24px 28px 18px;gap:20px}
#overlay .panel:not(.scene-panel) h2,#overlay .satchel-panel h2{font:600 clamp(24px,3vw,32px)/1.2 XscapePixel,monospace;margin:6px 0 0;letter-spacing:0;color:#fff}
#overlay .panel:not(.scene-panel) .eyebrow{font:11px/1.4 system-ui;letter-spacing:.1em;color:#c5c5c5}
#overlay .panel:not(.scene-panel)>.panel-body{padding:4px 28px 24px;overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;background:none}
#overlay .panel:not(.scene-panel) p{font:14px/1.65 system-ui;color:#d5d5d5;margin:0 0 16px}
#overlay .panel:not(.scene-panel) p:last-child{margin-bottom:0}
#overlay .panel:not(.scene-panel) .panel-footer,#overlay .satchel-footer{background:transparent!important;border:0!important;padding:0 28px 24px;gap:12px;display:flex;flex-wrap:wrap}
#overlay :is(.panel:not(.scene-panel),.satchel-panel,.expedition-debrief) button{background:#ffffff0b!important;border:1px solid #ffffff30!important;border-radius:9px!important;box-shadow:none!important;color:#eee!important;font:600 13px/1.4 system-ui;letter-spacing:0;min-height:44px;padding:11px 17px;transition:background .15s}
#overlay :is(.panel:not(.scene-panel),.satchel-panel,.expedition-debrief) button.primary{background:#e8e6df!important;color:#191b1e!important;border-color:#ffffff80!important}
#overlay :is(.panel:not(.scene-panel),.satchel-panel,.expedition-debrief) button:hover:not(:disabled){background:#ffffff20!important}
#overlay :is(.panel:not(.scene-panel),.satchel-panel,.expedition-debrief) button.primary:hover:not(:disabled){background:#fff!important}
#overlay :is(.panel:not(.scene-panel),.satchel-panel,.expedition-debrief) button.danger{color:#ffb4b4!important;border-color:#ef989840!important}
#overlay :is(.panel:not(.scene-panel),.satchel-panel,.expedition-debrief) button:disabled{opacity:.4;cursor:not-allowed}
#overlay :is(.panel:not(.scene-panel),.satchel-panel,.expedition-debrief) button:focus-visible{outline:2px solid white;outline-offset:3px}
#overlay :is(.panel:not(.scene-panel),.satchel-panel) button.close-button{min-width:36px;min-height:36px;width:36px;height:36px;padding:0;flex-shrink:0;font:24px/1 system-ui;background:#ffffff08!important}
#overlay :is(.panel:not(.scene-panel),.expedition-debrief) .summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0;padding:0;border:0;background:none}
#overlay :is(.panel:not(.scene-panel),.expedition-debrief) .summary-grid>div{background:#ffffff08;border:0;border-radius:10px;padding:18px 12px;display:flex;flex-direction:column;gap:8px;text-align:center}
#overlay :is(.panel:not(.scene-panel),.expedition-debrief) .summary-grid strong{font:600 32px/1 XscapePixel,monospace;color:#fff}
#overlay :is(.panel:not(.scene-panel),.expedition-debrief) .summary-grid span{font:11px/1.4 system-ui;color:#c5c5c5;letter-spacing:.02em}
#overlay .panel:not(.scene-panel) :is(.wallet-note,.vault-banner,.vault-pending,.guide-grid article,.loot-guide,.transaction-summary){background:#ffffff06!important;border:0!important;border-radius:10px;padding:16px;box-shadow:none!important}
#overlay .panel:not(.scene-panel) input{background:#0003;color:white;border:1px solid #ffffff30;border-radius:8px;padding:12px;font:14px system-ui}
#overlay .panel:not(.scene-panel) :is(.control-row,.transaction-summary>div){border:0;padding:10px 0;gap:16px}
#overlay .panel:not(.scene-panel) :is(.control-rows,.guide-grid){gap:10px;margin:20px 0}
#overlay .panel:not(.scene-panel) .control-row{background:#ffffff05;border-radius:8px;padding:10px 14px}
#overlay .panel:not(.scene-panel) #binding-status{margin-top:20px}
#overlay.paused .panel{width:min(440px,calc(100% - 32px))}
#overlay.paused .pause-run{padding:6px 0 20px;gap:16px}
#overlay.paused .pause-primary{gap:10px}
#overlay.paused .pause-primary button{padding:14px 16px;text-align:left}
#overlay.paused .pause-options{gap:8px;margin-top:18px;flex-wrap:wrap}
#overlay.paused .pause-options button{font-size:12px;flex:1 1 90px;padding:10px}
#overlay .decision-note{padding:12px 16px;background:#ffffff08;border-radius:8px}
#overlay .blessings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 0}
#overlay .blessings button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:14px;padding:20px!important;background:#ffffff08!important}
#overlay .blessings button b{font:600 20px/1.2 XscapePixel,monospace;color:white}
#overlay .blessings button strong{font:600 17px/1.3 system-ui;color:#e6e6e6}
#overlay .blessings button span{font:12px/1.6 system-ui;color:#c4c4c4}
/* Story dialogue is content on the common surface, not another framed card. */
#overlay .panel .xscape-scene{background:none!important;border:0!important;box-shadow:none!important;padding:20px 0 0}
#overlay .panel .xscape-scene-visual{margin:0;overflow:hidden;border-radius:12px;border:0;max-height:260px}
#overlay .panel .xscape-scene-visual img{width:100%;max-height:260px;object-fit:cover;image-rendering:pixelated}
#overlay .panel .xscape-scene-lines{display:grid;gap:18px;margin:20px 0}
#overlay .panel .xscape-scene-lines p{display:grid;grid-template-columns:85px 1fr;gap:16px;margin:0;padding:0;background:none;border:0}
#overlay .panel .xscape-scene-lines strong{font:600 15px/1.5 XscapePixel,monospace;color:#fff}
#overlay .panel .xscape-scene-coda{font-style:normal;color:#aaa;padding:0;border:0}
/* Carried inventory keeps its working layout, with the same equipment tray finish. */
#overlay.satchel{padding:24px;box-sizing:border-box}
#overlay .satchel-panel{width:min(1120px,100%);height:min(760px,calc(100svh - 48px));overflow:hidden}
#overlay .satchel-detail{background:#00000018;border:0;padding:24px}
#overlay .satchel-bag{padding:8px 24px 0}
#overlay .satchel-kit{gap:16px;flex-wrap:wrap}
#overlay .satchel-equipment{flex-wrap:wrap;gap:8px}
#overlay .satchel-panel .relic-slot{background:#00000025!important;border:1px solid color-mix(in srgb,var(--rarity,#fff) 38%,transparent)!important;border-radius:8px!important;box-shadow:none!important;padding:6px;min-height:0}
#overlay .satchel-panel .relic-slot[aria-pressed=true]{outline:1px solid var(--rarity,#fff);outline-offset:2px}
#overlay .satchel-panel .relic-slot svg,#overlay .satchel-panel .relic-slot img{filter:none}
#overlay .satchel-panel .relic-grade{display:none}
#overlay .satchel-panel :is(.satchel-count,.satchel-storage-note,.satchel-status){color:#d5d5d5}
#overlay .satchel-panel .satchel-count.full{color:#ffb4b4}
#overlay .satchel-ground{border:0;padding:18px 0;gap:16px}
#overlay .satchel-footer{padding-top:16px;align-items:center}
#overlay .satchel-footer p{margin:0;line-height:1.5}
#overlay .satchel-detail h3{font:600 25px/1.2 XscapePixel,monospace}
#overlay .satchel-idle p{margin:12px 0 0;line-height:1.6}
/* Debrief: one contained report, visible artwork, compact recovered-item tray. */
#overlay.result{display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;overflow:auto}
#overlay .result-backdrop{position:fixed;inset:0;background:url('/xscape-art/candidates/story-frames/story-frame-10-epilogue-v01.png') center/cover;image-rendering:pixelated;pointer-events:none}
#overlay .expedition-debrief{position:relative;width:min(820px,100%);max-width:100%;min-height:0;max-height:calc(100svh - 48px);overflow:auto;padding:28px;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent}
#overlay .debrief-heading{display:flex;align-items:center;gap:22px}
#overlay .debrief-heading>img{width:80px;height:80px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}
#overlay .expedition-debrief h1{font:600 clamp(32px,4vw,46px)/1.1 XscapePixel,monospace;color:white;margin:8px 0 12px;letter-spacing:0}
#overlay .expedition-debrief p{font:14px/1.6 system-ui;color:#d0d0d0;margin:0}
#overlay .expedition-debrief .eyebrow{font:11px/1.4 system-ui;color:#ccc;letter-spacing:.1em}
#overlay .debrief-section-label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
#overlay .debrief-section-label h2{font:600 22px XscapePixel,monospace;margin:0}
#overlay .debrief-section-label>span{font:12px system-ui;color:#bbb}
#overlay .debrief-materials{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
#overlay .debrief-materials>span{font:12px/1.5 system-ui;padding:8px 12px;background:#ffffff08;border-radius:6px;color:#ccc}
#overlay .debrief-materials b{color:white;margin-right:6px;font-size:15px}
#overlay .debrief-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:8px;max-height:230px;overflow:auto;padding:2px}
#overlay .debrief-items article{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 8px;background:#0002;border-radius:8px}
#overlay .debrief-items :is(img,svg){width:62px;height:62px;object-fit:contain;image-rendering:pixelated}
#overlay .debrief-items span{font:13px/1.3 XscapePixel,monospace;color:var(--item-rarity);text-align:center}
#overlay .debrief-recovery{display:flex;align-items:center;gap:20px;padding:12px 0}
#overlay .debrief-recovery img{width:64px;height:64px;image-rendering:pixelated}
#overlay .debrief-progress{margin:24px 0}
#overlay .debrief-progress>div{display:flex;justify-content:space-between;font:12px system-ui;color:#ccc;margin-bottom:10px}
#overlay .debrief-progress progress{width:100%;height:5px;display:block;accent-color:#ddd;border:0;border-radius:4px;overflow:hidden;background:#ffffff18}
#overlay .debrief-progress progress::-webkit-progress-bar{background:#ffffff18}
#overlay .debrief-progress progress::-webkit-progress-value{background:#ddd}
#overlay .debrief-story{margin-top:20px}
#overlay .expedition-debrief .result-actions{display:flex;gap:12px;margin:0;max-width:none}
#overlay .expedition-debrief .reward-line{margin-top:18px;color:#c1e7cd}
#overlay .transaction-panel .transaction-art{height:180px;min-height:180px;border:0;overflow:hidden}
#overlay .transaction-panel .transaction-art img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}
#overlay .transaction-panel .transaction-copy{padding:24px 28px;background:none}
#overlay .transaction-panel .transaction-copy h2{margin:0 0 16px}
#overlay .transaction-panel .transaction-wait{margin-bottom:18px}
#overlay .transaction-panel .transaction-wait i{background:#ddd;box-shadow:none}
.loot-context-menu{background:#25272bed;border:1px solid #ffffff50;border-radius:12px;backdrop-filter:blur(24px);box-shadow:0 12px 30px #0006;padding:6px;color:#eee}
.loot-context-menu .context-option{border-radius:6px;color:#eee}
.loot-context-menu .context-option:hover,.loot-context-menu .context-option:focus-visible{background:#ffffff12;border-color:#ffffff20}
.loot-context-menu :is(.context-heading>span,.context-option small,.context-option kbd){color:#bbb}
.context-separator{background:#ffffff18}
@media(max-width:700px){#overlay .panel:not(.scene-panel){margin:12px auto;max-height:calc(100svh - 24px)}#overlay .panel:not(.scene-panel)>header{padding:20px 20px 16px}#overlay .panel:not(.scene-panel)>.panel-body{padding:0 20px 20px}#overlay .panel:not(.scene-panel) .panel-footer{padding:0 20px 20px}#overlay .blessings{grid-template-columns:1fr}#overlay .blessings button{gap:8px}#overlay .panel .xscape-scene-lines p{grid-template-columns:1fr;gap:4px}#overlay.satchel,#overlay.result{padding:12px}#overlay .satchel-panel{height:calc(100svh - 24px)}#overlay .expedition-debrief{padding:20px;max-height:calc(100svh - 24px)}#overlay .debrief-heading{gap:12px}#overlay .debrief-heading>img{width:48px;height:48px}#overlay .expedition-debrief .result-actions{flex-wrap:wrap}#overlay .debrief-items{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}#overlay .satchel-detail{padding:16px}#overlay .satchel-footer{padding:14px 20px}}
@media(prefers-reduced-motion:reduce){#overlay :is(.panel,.satchel-panel,.expedition-debrief) *{animation:none!important;transition:none!important}}
#overlay .inventory-tools{display:flex;flex-wrap:wrap;gap:12px;margin:0}
#overlay .inventory-filter-group{display:flex;flex-direction:column;gap:6px;min-width:0}
#overlay .inventory-filter-group>span{font:10px/1.4 system-ui;color:#aaa;letter-spacing:.05em;text-transform:uppercase}
#overlay .inventory-filter-group>div{display:flex;flex-wrap:wrap;gap:4px}
#overlay .inventory-filter-group button{min-height:32px!important;padding:6px 9px!important;border-color:transparent!important;background:none!important;font-size:11px!important}
#overlay .inventory-filter-group button[aria-pressed=true]{background:#ffffff15!important;border-color:#ffffff25!important}
#overlay .satchel-toolbar{align-items:start}
#overlay .satchel-toolbar .inventory-tools{flex-wrap:wrap}
#overlay .panel .xscape-scene-lines{border:0;padding-top:0}
#hud .hud-vitals,#hud .run-resources,#hud .depth,#hud .abilities,#hud .practice-coach{background:#18181885!important;border:1px solid #ffffff35!important;border-radius:12px;backdrop-filter:blur(16px);box-shadow:0 6px 20px #0002;color:#eee}
#hud :is(.pause-button,.field-help,.interact-prompt){background:#242424a6!important;border:1px solid #ffffff45!important;border-radius:10px!important;color:#eee;backdrop-filter:blur(16px)}
#hud .practice-coach h2{font-family:XscapePixel,monospace}
#hud :is(.mission,.keybinds){text-shadow:0 2px 4px #000,0 0 12px #000}
#overlay .entrance-panel{background:rgba(24,24,24,.52);border:1px solid #ffffff61;border-radius:20px;backdrop-filter:blur(24px) brightness(.75);padding:28px}
#overlay .entrance-actions button{background:#e8e6df!important;color:#191b1e!important;border:1px solid #ffffff80!important;border-radius:9px!important;box-shadow:none!important}
#overlay .entrance-actions button.secondary{background:#ffffff0b!important;color:white!important;border-color:#ffffff30!important}
#overlay :is(.panel:not(.scene-panel),.expedition-debrief) .summary-grid{width:100%;max-width:none}
#overlay :is(.panel:not(.scene-panel),.expedition-debrief) .summary-grid>div{background:#ffffff08!important;border:0!important;box-shadow:none!important}
#overlay .expedition-debrief .result-actions{position:sticky;bottom:-1px;background:#252525eb;backdrop-filter:blur(20px);border-radius:10px;padding:12px;margin:0 -12px -12px;z-index:1}
#overlay .debrief-items{max-height:180px}
#overlay .satchel-equipment{display:grid;grid-template-columns:repeat(8,minmax(42px,1fr));gap:10px;width:100%}
#overlay .satchel-kit-label{grid-column:1/-1}
#overlay .satchel-equipment .equipped-slot{display:flex;flex-direction:column;gap:7px;min-width:0;text-align:center}
#overlay .satchel-equipment .equipped-slot>span:last-child{font-size:10px;text-transform:none}
#overlay .satchel-equipment .empty-equipment{background:#ffffff04;border:1px solid #ffffff15;border-radius:8px}
#overlay .satchel-panel .relic-sprite{display:block!important;position:static!important;width:42px!important;height:42px!important;object-fit:contain;image-rendering:pixelated;margin:auto}
#overlay .satchel-panel .empty-equipment img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated;opacity:.24;filter:grayscale(1)}
#overlay .satchel-panel .inspected-sprite .relic-sprite{width:72px!important;height:72px!important}
#overlay .satchel-materials{flex-direction:row;flex-wrap:wrap;gap:14px;margin-top:8px}
#overlay .satchel-idle>img{width:90px;height:90px;object-fit:contain;image-rendering:pixelated}
@media(max-width:700px){#overlay .satchel-equipment{grid-template-columns:repeat(4,minmax(42px,1fr))}}
#overlay .expedition-debrief{display:flex;flex-direction:column;overflow:hidden}
#overlay .debrief-heading,#overlay .debrief-progress,#overlay .expedition-debrief .result-actions{flex-shrink:0}
#overlay .debrief-body{overflow:auto;min-height:0;scrollbar-width:thin;padding-right:3px;margin-top:4px}
#overlay .debrief-items{max-height:none;overflow:visible}
#overlay .debrief-progress{margin:20px 0}
#overlay .expedition-debrief .result-actions{position:static;background:none;backdrop-filter:none;padding:0;margin:0;border-radius:0}
/* Less frequent management surfaces inherit the same material and type scale. */
#overlay .workshop{background:rgba(24,24,24,.52)!important;border:1px solid #ffffff61!important;border-radius:20px!important;backdrop-filter:blur(24px) brightness(.75);box-shadow:0 12px 32px #0003!important;overflow:hidden}
#overlay .workshop>header,#overlay .workshop>footer,#overlay .workshop>.tabs{background:none!important;border:0!important;padding:20px 24px;gap:12px}
#overlay .workshop-body{padding:8px 24px 24px;scrollbar-width:thin}
#overlay .workshop :is(h2,h3,h4){font-family:XscapePixel,monospace;color:#f4f4f4}
#overlay .workshop :is(.station-card,.workshop-recipe,.upgrades article,.item-detail,.item-card,.materials-panel,.material-card){background:#ffffff06!important;border:0!important;border-radius:10px!important;box-shadow:none!important;padding:18px}
#overlay .workshop p{font:13px/1.65 system-ui;color:#ccc}
#overlay .workshop button{background:#ffffff0c!important;border:1px solid #ffffff30!important;border-radius:8px!important;box-shadow:none!important;color:#eee!important;min-height:40px;font:600 12px/1.4 system-ui;padding:10px 14px}
#overlay .workshop button.primary{background:#e8e6df!important;color:#191b1e!important}
#overlay .workshop .tabs button.active,#overlay .workshop button[aria-pressed=true]{background:#ffffff20!important}
#overlay .workshop :is(.prepared-potion,.relic-enhancements,.item-workshop,.workshop-enchants article){border:0!important}
#overlay .workshop :is(.item-workshop summary,.workshop-owned,.recipe-owned){color:#ddd}
#overlay .workshop input,#overlay .workshop select{background:#222!important;color:#eee;border:1px solid #ffffff30;border-radius:8px;padding:10px}
#overlay .records article{background:#ffffff05;border:0;border-radius:10px;padding:16px;margin-bottom:8px}
#overlay .records .record-status{color:#ccc}
#overlay .records .record-status.success{color:#a9dbb6}
#overlay .guide-grid h3{font:600 22px/1.3 XscapePixel,monospace;color:#fff}
#overlay .guide-grid article>span{color:#bbb}
#notices .notice{background:#282828ed;border:1px solid #ffffff30;border-radius:10px;box-shadow:0 8px 20px #0004;color:#eee;font:13px/1.5 system-ui;backdrop-filter:blur(16px)}
#overlay .blessings button img{width:58px;height:58px;object-fit:contain;image-rendering:pixelated;margin-bottom:2px}
#overlay.result:has(.is-loss) .result-backdrop{background-image:url('/xscape-art/candidates/story-frames/story-frame-02-the-crash-v01.png')}
#overlay .panel:not(.scene-panel) :is(.empty,.satchel-no-match){padding:24px;display:flex;flex-direction:column;gap:14px}
#overlay .panel:not(.scene-panel) .empty :is(h3,p){margin:0}
#overlay .satchel-panel button.relic-slot{display:grid!important;place-items:center!important;padding:4px!important;gap:0!important}
#overlay .satchel-panel .relic-sprite{flex-shrink:0!important;max-width:none!important}
#overlay .satchel-equipment .relic-sprite{width:32px!important;height:32px!important}
#overlay .satchel-equipment .empty-equipment{background:#ffffff04!important;border-color:#ffffff15!important;box-shadow:none!important}

/* Command screens share one width and gutter; only their interior columns vary. */
#overlay.camp{overflow:hidden}
#overlay .scene-panel-layer{padding:24px 24px 124px!important}
#overlay .scene-panel{width:100%;max-width:var(--xscape-screen-max-width);min-width:0;margin-inline:auto;overflow:hidden}
#overlay .scene-panel>.panel-body{padding:0!important;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}
#overlay .scene-panel>.panel-body>:is(.quest-log,.character-panel,.pack-surface,.commerce-surface,.galaxy-carousel){width:100%;max-width:none;margin-inline:0;box-sizing:border-box}
#overlay .scene-panel:has(.quest-log)>.panel-body{padding-bottom:0!important}
#overlay [data-scene-outgoing],#overlay [data-scene-outgoing] *{pointer-events:none!important}
@media(min-width:1000px){#overlay .scene-panel-layer{padding:24px 24px 24px 116px!important}}
@media(max-width:700px){#overlay .scene-panel-layer{padding:12px 12px calc(108px + env(safe-area-inset-bottom))!important}}
@media(min-width:1000px){
 #overlay .quest-log{grid-template-rows:minmax(0,1fr)}
 #overlay .quest-index,#overlay .quest-detail{min-height:0;max-height:100%;overflow-y:auto}
}

/* In-run decisions use the same glass as Mission Control, with HUD-like content. */
#overlay .expedition-dialog{width:min(580px,calc(100% - 32px));background:rgba(25,29,34,.62)!important;backdrop-filter:blur(28px) brightness(.78)!important;-webkit-backdrop-filter:blur(28px) brightness(.78)!important}
#overlay .expedition-dialog>header{align-items:flex-start;padding:25px 28px 12px}
#overlay .expedition-dialog>header .eyebrow{display:block;font:600 10px/1.4 system-ui;letter-spacing:.18em;text-transform:uppercase;color:#d1dbe0!important}
#overlay .expedition-dialog>header h2{font-size:clamp(25px,3vw,34px);line-height:1.18;margin:10px 0 0;max-width:490px}
#overlay .expedition-dialog>.panel-body{padding:10px 28px 22px}
#overlay .expedition-dialog>.panel-footer{padding:0 28px 24px}
#overlay .expedition-dialog button.close-button{border:1px solid #ffffff38!important;background:#ffffff0e!important;border-radius:11px!important;width:38px;height:38px;min-height:38px;min-width:38px;font-size:22px;color:#e8ecee!important}
#overlay .expedition-dialog button.primary{background:#ffffff2a!important;border-color:#ffffffa0!important;color:#fff!important;box-shadow:inset 0 1px #ffffff38,0 8px 24px #0002!important}
#overlay .expedition-dialog button.primary:hover:not(:disabled){background:#ffffff40!important}
#overlay .expedition-dialog .panel-footer button{flex:1 1 150px}
#overlay .expedition-dialog .summary-grid{margin:19px 0 16px;gap:0}
#overlay .expedition-dialog .summary-grid>div{background:none!important;border:0!important;border-radius:0;padding:3px 14px 4px;text-align:left;gap:5px}
#overlay .expedition-dialog .summary-grid>div:first-child{padding-left:0}
#overlay .expedition-dialog .summary-grid>div+div{border-left:1px solid #ffffff30!important}
#overlay .expedition-dialog .summary-grid strong{font-size:clamp(28px,4vw,39px);font-variant-numeric:tabular-nums}
#overlay .expedition-dialog .summary-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#d4dee2}
#overlay .expedition-dialog .decision-note{background:none;border:0;padding:0;margin-top:9px;color:#e5d5ca!important;font-size:12px}
#overlay .expedition-dialog .guide-grid article{background:none!important;border-radius:0;padding:10px 0;border-bottom:1px solid #ffffff25!important}
#overlay .expedition-dialog .guide-grid article:last-child{border-bottom:0!important}
#overlay .expedition-dialog .guide-grid h3{font-size:19px;margin:0 0 4px}
#overlay .expedition-dialog .control-row{background:none!important;border-bottom:1px solid #ffffff20!important;border-radius:0;padding:9px 0}
#overlay .expedition-dialog .control-row:last-child{border-bottom:0!important}

/* Pause is a compact suit console: status first, action next, utilities last. */
#overlay.paused .expedition-dialog{width:min(490px,calc(100% - 28px));margin:clamp(12px,5vh,48px) auto;max-height:calc(100svh - 24px)}
#overlay.paused .expedition-dialog>header{padding:24px 26px 10px}
#overlay.paused .expedition-dialog>header h2{font-size:clamp(25px,3vw,32px)}
#overlay.paused .expedition-dialog>.panel-body{padding:8px 26px 14px}
#overlay.paused .pause-run{display:grid;grid-template-columns:.72fr 1.2fr 1fr;align-items:stretch;gap:0;padding:11px 0 21px}
#overlay.paused .pause-run>span{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:4px;padding:0 14px;text-align:left;white-space:nowrap}
#overlay.paused .pause-run>span:first-child{padding-left:0}
#overlay.paused .pause-run>span+span{border-left:1px solid #ffffff30}
#overlay.paused .pause-run b{font:600 clamp(26px,3.2vw,35px)/1 XscapePixel,monospace;color:#f7fafb}
#overlay.paused .pause-run i{font:400 15px/1 system-ui;color:#d0d9df;font-style:normal}
#overlay.paused .pause-run small{font:600 9px/1.2 system-ui;color:#cdd9df;letter-spacing:.12em;text-transform:uppercase}
#overlay.paused .pause-primary{display:grid;grid-template-columns:1fr 1fr;gap:9px}
#overlay.paused .pause-primary button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52px;padding:12px 14px;text-align:left;font-size:13px}
#overlay.paused .pause-primary button.primary{grid-column:1/-1;font:600 15px/1.35 XscapePixel,monospace;letter-spacing:.02em}
#overlay.paused .pause-primary button.primary span:last-child{font:24px/1 system-ui;opacity:.85}
#overlay.paused .pause-primary [data-action=savequit],#overlay.paused .pause-primary [data-review=success]{display:block;min-height:52px}
#overlay.paused .pause-primary [data-action=savequit] small,#overlay.paused .pause-primary [data-review=success] small{display:block;font:11px/1.35 system-ui;color:#cbd3d7;margin-top:3px}
#overlay.paused .pause-primary [data-action=satchel]>span:last-child{font:11px/1 system-ui;color:#d3dbe0;white-space:nowrap}
#overlay.paused .pause-options{display:flex;gap:4px;margin-top:14px}
#overlay.paused .pause-options button{flex:1 1 0;background:none!important;border:0!important;box-shadow:none!important;color:#d1d8dc!important;min-height:34px;padding:5px 4px;font:500 11px/1.25 system-ui}
#overlay.paused .pause-options button+button{border-left:1px solid #ffffff24!important;border-radius:0!important}
#overlay.paused .pause-options button:hover{background:#ffffff13!important;color:white!important}
#overlay.paused .expedition-dialog>.panel-footer{padding:0 26px 14px;display:block}
#overlay.paused .expedition-dialog button.pause-abandon{min-height:34px;width:auto;margin-left:auto;padding:5px 0;background:none!important;border:0!important;color:#e6b6b6!important;font:500 11px/1.4 system-ui}
#overlay.paused .expedition-dialog button.pause-abandon:hover{color:#ffd4d4!important;text-decoration:underline}
/* Outrank older game-theme selectors that still painted white CTAs and stat cards. */
#overlay .panel.expedition-dialog{width:min(580px,calc(100% - 32px))}
#overlay .panel.expedition-dialog button.primary,#overlay.paused .panel.expedition-dialog .pause-primary button.primary{background:#ffffff29!important;color:#f7fafb!important;border-color:#ffffff91!important;box-shadow:inset 0 1px #ffffff46,0 8px 24px #0002!important}
#overlay .panel.expedition-dialog button.primary:hover:not(:disabled){background:#ffffff40!important}
#overlay .panel.expedition-dialog .summary-grid>div{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:2px 16px;text-align:left}
#overlay .panel.expedition-dialog .summary-grid>div:first-child{padding-left:0}
#overlay .panel.expedition-dialog .summary-grid>div+div{border-left:1px solid #ffffff36!important}
#overlay .panel.expedition-dialog .control-rows{border:0!important;background:none!important;box-shadow:none!important}
#overlay .panel.expedition-dialog .control-row{background:none!important;border:0!important;border-bottom:1px solid #ffffff29!important;box-shadow:none!important;border-radius:0!important}
#overlay .panel.expedition-dialog .control-row:last-child{border-bottom:0!important}
#overlay.paused .panel.expedition-dialog{width:min(490px,calc(100% - 28px))}
#overlay.paused .panel.expedition-dialog>.panel-footer{text-align:right}
@media(max-width:520px){
 #overlay .expedition-dialog>header{padding:18px 20px 8px}
 #overlay .expedition-dialog>.panel-body{padding:8px 20px 18px}
 #overlay .expedition-dialog>.panel-footer{padding:0 20px 18px}
 #overlay.paused .expedition-dialog>header{padding:18px 20px 8px}
 #overlay.paused .expedition-dialog>.panel-body{padding:6px 20px 8px}
 #overlay.paused .expedition-dialog>.panel-footer{padding:0 20px 10px}
 #overlay.paused .pause-run>span{padding:0 9px}
 #overlay.paused .pause-run b{font-size:25px}
 #overlay.paused .pause-run small{font-size:8px}
 #overlay.paused .pause-primary{grid-template-columns:1fr}
 #overlay.paused .pause-primary button.primary{grid-column:auto}
}
@media(max-height:560px) and (orientation:landscape){
 #overlay.paused .panel.expedition-dialog{width:min(590px,calc(100% - 24px));margin:8px auto;max-height:calc(100svh - 16px)}
 #overlay.paused .expedition-dialog>header{padding:12px 20px 4px}
 #overlay.paused .expedition-dialog>header h2{font-size:24px;margin-top:4px}
 #overlay.paused .expedition-dialog>.panel-body{padding:2px 20px 5px}
 #overlay.paused .expedition-dialog>.panel-footer{padding:0 20px 6px}
 #overlay.paused .pause-run{padding:5px 0 10px}
 #overlay.paused .pause-run b{font-size:23px}
 #overlay.paused .pause-primary{grid-template-columns:1fr 1fr 1.35fr}
 #overlay.paused .pause-primary button.primary{grid-column:auto;font-size:13px}
 #overlay.paused .pause-primary button{min-height:46px;padding:8px 10px}
 #overlay.paused .pause-options{margin-top:5px}
}