/* Command center: a quiet shell, legible telemetry, and one dominant next action. */
:root{--bg:#0b0f16;--panel:#161d28;--panel-raised:#202937;--panel-soft:#101721;--line:#384355;--line-soft:#283242;--text:#f1eee6;--muted:#b4bdcb;--faint:#919fb2;--violet:#c8b3ed;--violet-dim:#282335;--gold:#e4c690;--green:#a8d2bd;--red:#efadb9;--radius:12px;--frame:#806b4d;--frame-dim:#574b3a}
body{background:linear-gradient(135deg,#151b29 0,#0b0f16 45%);font-variant-numeric:tabular-nums;color:var(--text)}
.character-strip{height:76px;padding:0 26px;background:#101722f5;border-color:var(--line-soft);box-shadow:0 5px 28px #0003}
.brand{font-size:14px;letter-spacing:.1em}.brand-mark{background:linear-gradient(145deg,#3b2e49,#1c2737);border-color:#82708f}.brand small{color:var(--muted)}
.header-build{margin-left:30px}.header-actions .save-state{font-size:12px;color:var(--muted)}.profile-button{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:7px 11px;min-height:44px}.level-control{background:#292337;border-color:#77618b}
.workspace{max-width:1920px;grid-template-columns:190px minmax(0,1fr) 252px;min-height:calc(100vh - 76px)}
.navigation{top:76px;height:calc(100vh - 76px);padding:25px 12px;background:#101721;border-color:var(--line-soft)}.nav-character{padding-bottom:26px}.avatar-ring{background:#242133;border-color:#847194}.nav-character b{font-size:14px}.nav-character small{color:var(--muted);font-size:12px}.nav-caption{font-size:11px;color:var(--faint);letter-spacing:.12em}.navigation nav{gap:7px}
.nav-button{min-height:48px;padding:11px 12px;border-radius:9px;color:var(--muted);font-size:13px;letter-spacing:0}.nav-button:hover{background:#202b3b;border-color:#44536a;color:var(--text)}.nav-button.active{background:linear-gradient(110deg,#392d49,#222d3c);border-color:#89729b;color:#f1e8fd;font-weight:700;box-shadow:inset 3px 0 var(--violet)}.nav-button .nav-key{opacity:.75;color:var(--faint)}.nav-button.active .nav-key{color:var(--violet)}
.route-meter{margin-top:25px;border-color:var(--line)}.route-meter strong{color:var(--text)}.connection-dot{background:var(--gold)}.nav-bottom{border-color:var(--line)}.nav-bottom #syncStatus{color:var(--muted);font-size:12px}.text-button{color:var(--violet)}
.main-pane{padding:25px 30px 30px;min-width:0}.page-top{margin-bottom:20px;align-items:center;gap:18px}.page-breadcrumb{font-size:11px;letter-spacing:.13em;color:var(--faint)}.page-top h1{font-family:inherit;font-size:27px;letter-spacing:-.035em;margin:7px 0;font-weight:650}.page-top p{font-size:13px;color:var(--muted);line-height:1.6}.command-bar{align-items:center}.search-box{background:var(--panel-soft);border-color:var(--line);border-radius:9px}.search-box input{font-size:13px}.icon-button{background:var(--panel);border-color:var(--line);min-width:44px;min-height:44px}
/* Telemetry is a readable instrument strip, not a second hero. */
.telemetry-panel{padding:12px 18px;margin-bottom:22px;background:linear-gradient(110deg,#1a2230,#161e29);border:1px solid var(--line);border-radius:12px;box-shadow:none}.tm-header{margin-bottom:12px}.tm-header h2{font-size:13px;letter-spacing:.02em;color:var(--text)}.tm-tools button{font-size:12px;padding:7px 10px}.tm-source{font-size:11px}.tm-card{padding:4px 10px;border-color:var(--line);gap:5px}.tm-label{font-size:11px;letter-spacing:0;color:var(--muted)}.tm-card strong{font-size:22px;letter-spacing:-.035em}.tm-gold strong{font-size:16px;white-space:normal;line-height:1.5}.tm-card small{font-size:11px;line-height:1.5;color:var(--faint)}.tm-level-progress{margin-top:12px}.tm-level-progress progress{height:6px}.tm-foot{font-size:11px;color:var(--muted);line-height:1.6;margin-top:8px}.tm-more summary,.tm-import summary{font-size:12px}.tm-detail{font-size:13px}.tm-coverage,.tm-warning,.tm-test-report,.tm-import-body p{font-size:12px;line-height:1.65}.tm-import-body textarea{font-size:13px}.tm-resource span{font-size:12px}
/* The next move owns the visual hierarchy. Native game icons remain crisp. */
.next-action-panel{border:1px solid #9b8152;border-radius:16px;background:linear-gradient(120deg,#232432,#171f2b);box-shadow:0 14px 38px #0003}.nm-main{padding:28px 28px 24px}.nm-heading .eyebrow{font-size:11px;letter-spacing:.12em}.nm-stage{font-size:12px;padding:6px 10px}.nm-circuit{font-size:13px}.nm-main h2{font-size:clamp(30px,3vw,43px)!important;line-height:1.15!important}.nm-instruction{font-size:16px!important;line-height:1.5}.nm-route-steps{gap:10px}.nm-route-steps section{padding:12px;background:#ffffff05}.nm-step-label{font-size:11px;letter-spacing:.055em}.nm-location b{font-size:14px;line-height:1.5}.nm-location small,.nm-route-steps ul,.nm-more,.nm-more summary{font-size:13px;line-height:1.65}.nm-actions{gap:12px;margin:20px 0 14px}.nm-actions button.primary{font-size:14px;padding:12px 18px;box-shadow:0 3px 12px #0002}.nm-status-control{font-size:12px}.nm-status-control select{font-size:13px}.nm-meta,.nm-gates,.nm-manual-note{font-size:12px!important;line-height:1.65!important}.nm-art figcaption,.nm-art figcaption small{font-size:11px;line-height:1.55}.nm-footer{padding:12px 25px;gap:16px}.nm-footer>p{font-size:11px!important;max-width:310px}.nm-circuit-nav,.nm-circuit-nav button{font-size:12px}.nm-class-quests p,.nm-class-quests small{font-size:13px;line-height:1.65}
.session-summary{margin:18px 0 24px;gap:12px}.summary-card{min-height:82px;padding:14px 16px;border-color:var(--line-soft);background:var(--panel)}.summary-card strong{font-size:21px}.summary-card em{color:var(--muted);font-size:12px;line-height:1.55}.summary-icon{background:#292638;border-color:#6b597c}.summary-card:hover{background:var(--panel-raised);border-color:#857096}.session-summary .summary-card>span>span{font-size:11px;letter-spacing:.055em}
.right-rail{padding:26px 17px;background:#101721;border-color:var(--line-soft)}.rail-panel{background:var(--panel);border:1px solid var(--line-soft);border-radius:12px;padding:17px;margin-bottom:16px}.rail-section-title{font-size:11px;color:var(--faint);letter-spacing:.085em}.rail-heading h3{font-size:14px;color:var(--text)}.rail-heading span{color:var(--violet)}.rail-panel .muted,.rail-footnote{font-size:12px;color:var(--muted);line-height:1.65}.slot-strip{gap:7px}.rail-panel .quiet{min-height:44px;background:#222d3c;border-color:#485971;font-size:13px}.mini-gear{background:#1d2735;border-color:var(--line)}.profession-chips span{background:#292338;border-color:#655376;color:#e0d0f1;font-size:12px}
/* Common tools: consistent surfaces, spacing, and readable labels. */
button{min-height:44px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #e0caff;outline-offset:3px}input:focus,select:focus,textarea:focus{border-color:#c4a3e1;box-shadow:0 0 0 3px #b794d822}input,select,textarea{background:#101925;border-color:var(--line);border-radius:8px;font-size:13px}button:disabled{cursor:not-allowed}
.reference-card,.hud-quest,.circuit-toolbar,.circuit-notes,.builder-toolbar,.eq-character,.eq-browser,.pf-section,.path-panel,.qj-card{background:var(--panel);border-color:var(--line);border-radius:12px}.reference-card p,.hud-quest p,.circuit-notes,.path-panel p{font-size:13px;line-height:1.7}.builder-toolbar{padding:16px;gap:16px}.builder-toolbar label{font-size:12px}.builder-toolbar select{min-height:44px}.circuit-buttons button{background:#233044;border-color:#465a76;font-size:13px}.eq-character-heading{background:linear-gradient(110deg,#302740,#1c2b3d)}.eq-paperdoll{background:radial-gradient(ellipse at 50% 43%,#49375d45,transparent 60%),#111c29}.eq-slot-row,.eq-item-card{background:#1c2736;border-color:var(--line)}.eq-stat-grid>div{background:#1c2736;border-color:var(--line)}.eq-browser-note{border-color:var(--line)}.eq-slot-label,.eq-item-card p,.eq-browser-note,.eq-stat-grid span{font-size:12px;line-height:1.6}.eq-item-card h4,.eq-slot-row b{font-size:13px}.eq-stat-grid b{font-size:17px}.pf-skill-card{background:linear-gradient(135deg,#30273e,#1b2a3a)}.pf-tabs{border-color:var(--line)}.pf-tabs button{font-size:13px}.pf-tabs button[aria-pressed=true]{background:#3a2d49;border-color:#9676ac;color:#f1e5ff}.pf-section p,.pf-section label,.pf-section small{font-size:13px;line-height:1.65}.tui-tree{border-color:var(--line);border-radius:12px;overflow:hidden}.tui-tree>header{background:#202b3b;padding:15px}.tui-tree>header h3{font-size:15px}.tui-toolbar h2{font-size:23px}.tui-kicker{font-size:11px}.tui-budget{background:#1a2534;border-color:var(--line);border-radius:11px}.tui-budget-meter span,.tui-budget-context,.tui-budget label{font-size:13px}.tui-node-info>span{font-size:12px;line-height:1.45}.tui-node.allocated{border-color:#9f8556}.tui-insight{background:#1b2635;border-color:var(--line);border-radius:12px}.tui-insight p,.tui-gates li,.tui-footer p,.tui-footer a,.tui-all-ranks summary{font-size:13px;line-height:1.65}.qj-card p,.qj-card small{font-size:13px;line-height:1.65}.ah-panel{border-color:var(--line);background:var(--panel)}.ah-panel p,.ah-panel small,.ah-market td,.ah-market th,.ah-import label{font-size:13px;line-height:1.6}.origin-chip{background:#352b23;border-color:#756046;color:#f0d8b0;font-size:11px}.footer{border-top:1px solid var(--line-soft);padding-top:20px;color:var(--muted);font-size:12px;line-height:1.6}.character-dialog{background:#192433;border-color:#75839b;box-shadow:0 35px 120px #030508bb}.character-dialog .dialog-title h2{font-family:inherit;font-size:27px}
body[data-view=auction] .next-action-panel,body[data-view=auction] .session-summary,body[data-view=auction] .right-rail{display:none}body[data-view=auction] .workspace,body[data-view=talents] .workspace,body[data-view=gear] .workspace{grid-template-columns:190px minmax(0,1fr)}body[data-view=quests] .session-summary,body[data-view=bank] .session-summary,body[data-view=professions] .session-summary{display:none}.focus-mode .workspace{grid-template-columns:190px minmax(0,1fr);max-width:1600px}.focus-mode .main-pane{max-width:1300px}
@media(min-width:1600px){.workspace{grid-template-columns:204px minmax(0,1fr) 275px}.main-pane{padding:30px 36px}.navigation{padding-left:16px;padding-right:16px}.right-rail{padding:30px 20px}body[data-view=talents] .workspace,body[data-view=gear] .workspace,body[data-view=auction] .workspace{grid-template-columns:204px minmax(0,1fr)}}
@media(max-width:1280px){.workspace{grid-template-columns:176px minmax(0,1fr)}.right-rail{display:none}.main-pane{padding:24px}.navigation{padding:24px 10px}body[data-view=talents] .workspace,body[data-view=gear] .workspace,body[data-view=auction] .workspace,.focus-mode .workspace{grid-template-columns:176px minmax(0,1fr)}.header-build{margin-left:8px;gap:10px}.character-strip{padding:0 20px;gap:16px}.profile-button span{max-width:105px}.tm-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px}.tm-card:nth-child(4){border-left:0;padding-left:0}.nm-shell{grid-template-columns:minmax(0,1.7fr) minmax(230px,1fr)}}
@media(max-width:920px){.character-strip{position:relative;height:auto;min-height:76px;flex-wrap:wrap;padding:13px 18px;gap:12px}.header-build{order:3;width:100%;margin:0;justify-content:space-between;padding-top:8px}.brand{flex:1}.profile-button span{display:none}.workspace,body[data-view=talents] .workspace,body[data-view=gear] .workspace,body[data-view=auction] .workspace,.focus-mode .workspace{display:block}.navigation{height:auto;position:sticky;top:0;z-index:25;padding:7px 12px;border-bottom:1px solid var(--line);box-shadow:0 5px 15px #0003}.navigation nav{display:flex;overflow-x:auto;gap:6px;scrollbar-width:thin;scrollbar-color:#7d6494 #111720}.nav-button{display:grid;flex:0 0 104px;justify-items:center;min-height:64px;padding:8px 6px;gap:5px;font-size:12px;line-height:1.3;white-space:normal}.nav-key,.nav-character,.nav-caption,.route-meter,.nav-bottom{display:none!important}.main-pane{padding:22px}.header-actions{gap:8px}.page-top h1{font-size:25px}.focus-mode .main-pane{max-width:none}}
@media(max-width:760px){.nm-shell{grid-template-columns:1fr}.nm-main{padding:23px}.nm-main h2{font-size:32px!important}.nm-footer{padding:15px 22px}.nm-footer>p{max-width:none}.nm-circuit-nav{gap:9px}.tm-details{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.main-pane{padding:16px 13px 25px}.page-top{display:flex;flex-wrap:wrap;gap:13px;margin-bottom:18px}.page-top h1{font-size:24px}.page-top p{font-size:13px}.page-breadcrumb{font-size:10px}.command-bar{width:100%;display:flex}.search-box{flex:1;min-width:0}.session-summary{grid-template-columns:1fr;gap:8px;margin:16px 0 22px}.summary-card{padding:12px 14px;min-height:72px;display:flex}.summary-card strong{font-size:20px}.summary-card strong small,.summary-card em{font-size:12px}.summary-icon{width:36px;height:36px;margin:0}.header-actions .save-state{font-size:11px;max-width:105px}.class-control select{max-width:145px}.footer{display:grid;gap:10px;font-size:12px}.brand small{font-size:9px}.brand{font-size:13px}.navigation{padding-left:8px;padding-right:8px}.nav-button{flex-basis:96px}.character-dialog{padding:22px}.telemetry-panel{padding:14px}.tm-header{gap:10px}.tm-header h2,.tm-tools button{font-size:12px}.tm-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 6px}.tm-card:nth-child(4){border-left:1px solid var(--line);padding-left:10px}.tm-card:nth-child(odd){border-left:0;padding-left:0}.tm-card strong{font-size:21px}.tm-gold strong{font-size:15px}.tm-details{grid-template-columns:1fr}.nm-main{padding:21px 18px}.nm-stage{font-size:11px}.nm-main h2{font-size:29px!important}.nm-route-steps{grid-template-columns:1fr}.nm-route-steps section,.nm-route-steps section:last-child{grid-template-columns:90px minmax(0,1fr);gap:8px}.nm-actions button.primary{flex:1}.nm-status-control{flex:1;min-width:130px}.nm-footer>p{font-size:12px!important}.nm-circuit-nav button{font-size:12px}.tui-node-info>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.nm-stage,.summary-card{animation:none!important}}
@media print{#telemetryHud,.navigation,.right-rail{display:none}.main-pane{padding:0}.workspace{display:block}body{background:white;color:black}.page-top{margin:12px 0}.next-action-panel,.reference-card,.hud-quest{box-shadow:none;break-inside:avoid}}

/* Expedition frame. Static borders and artwork do the work; nothing idles. */
.character-strip{background:#101621;border-bottom:1px solid var(--frame-dim);box-shadow:none}
.brand-mark{border-color:var(--frame);border-radius:7px;background:#25202d;box-shadow:none}
.brand{color:#eee3c9;letter-spacing:.12em}.brand small{color:#a79d91;letter-spacing:.09em}
.navigation{background:#10151e;border-right-color:var(--frame-dim)}
.nav-character{gap:10px;border-bottom:1px solid var(--line-soft);margin-bottom:21px;padding-bottom:20px}
.nav-character b{color:#eadfc9}.avatar-ring{border-color:#8b7553;box-shadow:none}
.nav-caption{color:#c3ab83;letter-spacing:.14em}
.nav-button{border:1px solid transparent;position:relative;line-height:1.4}
.nav-button.active{background:linear-gradient(105deg,#32283e,#1d2431);border-color:#897154;box-shadow:inset 3px 0 #dcc08d;color:#f1e6d3}
.nav-button.active .nav-key{color:#e0c18c}.nav-button:hover{border-color:#64543f;background:#222632}
.route-meter{background:#151c26;border:1px solid var(--line-soft);border-radius:8px;padding:13px 11px}
.route-meter small{line-height:1.6;color:var(--faint)}.nav-bottom{margin-top:24px}
.page-breadcrumb{color:#baa37d}.page-breadcrumb>span:first-child{color:#657084}
.page-top h1{color:#f4ebd9;letter-spacing:-.025em}.page-top p{max-width:66ch}
.main-pane{padding-top:22px}.telemetry-panel{border-color:#6e5c43;background:#141b27;border-radius:12px;padding:16px 18px;box-shadow:none}
.tm-header{padding-bottom:11px;border-bottom:1px solid var(--line-soft);margin-bottom:16px}
.tm-header h2{color:#e8d6b5;letter-spacing:.04em}.tm-source{border-color:#67543c;color:#dec392;background:#29251f}
.tm-tools button{border-color:#435168;background:#1e293a;color:#d9dcea}
.tm-cards{padding-top:6px}.tm-card strong{color:#f5e8d0}.tm-card small{color:#a7b4c6}.tm-label{color:#b6c3d4}
.tm-level-progress{padding-top:12px;border-top:1px solid var(--line-soft)}
.tm-more,.tm-import{background:#101722;border-color:#354056;border-radius:8px}
.tm-more>summary,.tm-import>summary{padding:10px 12px;color:#bfcade}
.next-action-panel{border-color:#99805a;border-radius:14px;background:linear-gradient(115deg,#222130,#171e2b);box-shadow:none}
.nm-shell{grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr)}
.nm-main{padding:27px 28px 23px;background:linear-gradient(155deg,#272532,#18202d)}.nm-heading .eyebrow{color:#e4c690;font-weight:700}
.nm-main h2{font-family:Georgia,"Times New Roman",serif;font-weight:500!important;letter-spacing:-.015em!important;color:#f5ead7}
.nm-instruction{color:#e4c58f}.nm-circuit{color:#b4bfd0}.nm-stage{border-radius:6px;letter-spacing:.02em}
.nm-route-steps section{background:#151e2b;border:1px solid #344156;border-top:2px solid #586276;border-radius:7px}
.nm-route-steps section.is-current{background:#2b2930;border:1px solid #776448;border-top:2px solid #d6b078}
.nm-location b{color:#eae7e0}.nm-map-panel{border-left-color:#6b5a40}
.nm-map-head{color:#dfc491}.nm-map-title{font-family:Georgia,"Times New Roman",serif;letter-spacing:0;font-weight:500}
.nm-map-open{border-color:#ab8e59;color:#eedbb5;background:#282821}
.nm-footer{border-top-color:#605139;background:#121924;padding-top:13px;padding-bottom:13px}
.nm-circuit-nav button{border-color:#655740;background:#242533;color:#eadbc0}
.nm-actions button.primary{background:#d9bd85;border-color:#eed8ab;color:#251e16}
.nm-actions button.primary:hover{background:#e8cf9e;border-color:#f2dfba}
.nm-status-control select{background:#131b29;border-color:#696048}
.session-summary{gap:12px}.summary-card{background:#151d29;border-color:#39465b;border-radius:10px;box-shadow:none}
.summary-icon{border-radius:7px;background:#2a2532;border-color:#73634d}.summary-card strong{color:#eedbb9}
.summary-card:hover{background:#202838;border-color:#796c54}
.right-rail{background:#10151e;border-left-color:var(--frame-dim)}.rail-panel{border-color:#443e37;border-radius:10px;background:#171d27;box-shadow:none}
.rail-section-title{color:#c3ab83}.rail-heading h3{color:#eadfc9}.slot-strip .slot{border-radius:5px;background:#171924}
.reference-card,.hud-quest,.circuit-toolbar,.builder-toolbar,.eq-character,.eq-browser,.pf-section,.path-panel,.qj-card{box-shadow:none}
.eq-character-heading{border-bottom-color:#685940}.tui-tree>header{border-bottom-color:#756047}.pf-skill-card{box-shadow:none}.origin-chip{border-color:#8b7046;color:#ead5ae;background:#332a20}
.wow-credits-footer{border-top-color:#4f4435}.wow-art-credits>summary{font-size:11px;color:#b9a788}.wow-art-credits p{font-size:11px}
.character-dialog::backdrop{background:#080d15dc;backdrop-filter:none;-webkit-backdrop-filter:none}
/* Avoid filters, fixed background effects, promoted layers, and a perpetual spinner. */
.loading-orbit{animation:none!important;border-color:#8f7854;border-top-color:#d8c191;background:#222434;box-shadow:none}
.slot img,.talents-ui .locked .tui-node-info>img{filter:none}
.slot img{opacity:.55}.slot.collected img{opacity:1}.talents-ui .locked .tui-node-info>img{opacity:.35;border-style:dashed}
.eq-crest-halo,.tui-talented-icon,.wow-ui-icon{box-shadow:none}
.summary-card,.nm-stage{animation:none!important}
/* Each card retains its estimated space while the browser skips offscreen work. */
@supports(content-visibility:auto){
  .qr-card:not([open]){content-visibility:auto;contain-intrinsic-size:auto 82px}
  .eq-results>.eq-item-card{content-visibility:auto;contain-intrinsic-size:auto 105px}
  .pf-recipes>.pf-recipe-card{content-visibility:auto;contain-intrinsic-size:auto 245px}
  .wiki-results>.wiki-result{content-visibility:auto;contain-intrinsic-size:auto 90px}
}
body[data-view=wiki] .next-action-panel,body[data-view=wiki] .session-summary,body[data-view=wiki] .right-rail{display:none}
body[data-view=wiki] .workspace{grid-template-columns:190px minmax(0,1fr)}
@media(min-width:1600px){body[data-view=wiki] .workspace{grid-template-columns:204px minmax(0,1fr)}.nm-shell{grid-template-columns:minmax(0,1.65fr) minmax(335px,1fr)}}
@media(max-width:1280px){body[data-view=wiki] .workspace{grid-template-columns:176px minmax(0,1fr)}.nm-shell{grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr)}.nm-main{padding:24px}}
@media(max-width:1100px){.nm-shell{grid-template-columns:minmax(0,1.55fr) minmax(230px,1fr)}.nm-main{padding:22px}.nm-main h2{font-size:34px!important}}
@media(max-width:920px){body[data-view=wiki] .workspace{display:block}.navigation{box-shadow:none;border-bottom-color:#796648}.nav-character{margin:0;padding:0;border:0}.main-pane{padding-top:20px}}
@media(max-width:760px){.nm-shell{grid-template-columns:1fr}.nm-main{padding:23px}.nm-map-panel{border-left:0;border-top:1px solid #6b5a40}.nm-main h2{font-size:33px!important}}
@media(max-width:620px){.telemetry-panel{padding:14px 12px}.tm-header{padding-bottom:12px}.tm-cards{padding-top:4px}.nm-main{padding:22px 18px}.nm-main h2{font-size:30px!important}.nm-route-steps section{padding:11px}.summary-card{min-height:74px}.main-pane{padding-top:17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Minimal mode omits optional markup in app.js; CSS only composes what remains. */
body.minimal-hud .right-rail,body.minimal-hud .session-summary,body.minimal-hud #routePlanner,body.minimal-hud .action-decor,body.minimal-hud .wow-art-credits{display:none}
body.minimal-hud .workspace{grid-template-columns:186px minmax(0,1fr)}
body.minimal-hud .next-action-panel{max-width:1080px}
body.minimal-hud .nm-shell{grid-template-columns:1fr}
.profile-notice,.minimal-notice{padding:10px 14px;border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:12px;background:var(--panel)}
@media(max-width:900px){body.minimal-hud .workspace{grid-template-columns:1fr}}

/* Compact instruments leave the current task in charge of the page. */
.main-pane{padding:20px 26px 28px}
.page-top{gap:16px;margin-bottom:14px}
.page-breadcrumb{margin-bottom:5px;font-size:10px;letter-spacing:.11em}
.page-top h1{margin:4px 0;font-size:24px;line-height:1.25}
.page-top p{margin:4px 0 0;line-height:1.5}
.command-bar{flex:0 0 auto}
.search-box input{min-height:42px}
.profile-notice,.minimal-notice{border:1px solid var(--line);line-height:1.6}

/* Preserve readable values, source labels and every explicit telemetry tool. */
#telemetryHud .telemetry-panel{padding:10px 15px;margin-bottom:16px;border-color:#574d43;background:#141b26;box-shadow:none;gap:0 12px}
#telemetryHud .tm-header{min-height:44px;padding-bottom:6px;margin-bottom:8px;align-items:center}
#telemetryHud .tm-header h2{font-size:12px;letter-spacing:.025em}
#telemetryHud .tm-tools{flex-wrap:wrap;gap:6px}
#telemetryHud .tm-tools button{min-height:44px;padding:7px 10px;font-size:11px}
#telemetryHud .tm-source{font-size:11px;line-height:1.4;white-space:normal}
#telemetryHud .tm-vitals{padding:5px 0 10px;margin:0 0 10px;gap:0;border-bottom-color:#334052}
#telemetryHud .tm-vital-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#telemetryHud .tm-vital-heading{gap:8px;margin-bottom:5px;flex-wrap:wrap}
#telemetryHud .tm-vital-heading span{font-size:12px}
#telemetryHud .tm-vital-heading b{font-size:13px;line-height:1.35}
#telemetryHud .tm-vital-heading small{font-size:10px;min-width:34px}
#telemetryHud .tm-vital[data-known=false] .tm-vital-heading small{min-width:0;color:#b4c0d0}
#telemetryHud .tm-vital-track{height:19px;border-color:#70778166;border-radius:4px}
#telemetryHud .tm-vital-fill{border-radius:3px;box-shadow:inset 0 1px 0 #ffffff28;transition:transform 150ms ease-out,background-color 150ms ease-out}
#telemetryHud .tm-cards{grid-template-columns:repeat(6,minmax(0,1fr));padding-top:0;gap:7px}
#telemetryHud .tm-card{padding:2px 8px;gap:4px}
#telemetryHud .tm-card strong{font-size:19px;line-height:1.25;color:#f2e9d9;overflow-wrap:anywhere}
#telemetryHud .tm-gold strong{font-size:14px;white-space:normal;line-height:1.45}
#telemetryHud .tm-label{font-size:11px;line-height:1.4;color:#bdc8d8}
#telemetryHud .wow-metric-icon{width:20px;height:20px}
#telemetryHud .tm-card small{font-size:11px;line-height:1.4;color:#a6b2c4}
#telemetryHud .tm-level-progress{margin-top:8px;padding-top:7px}
#telemetryHud .tm-level-progress progress{height:5px}
#telemetryHud .tm-no-progress{font-size:11px;line-height:1.45;color:#a6b2c4}
#telemetryHud .tm-foot{margin-top:7px;gap:6px 16px;font-size:11px;line-height:1.5;color:#b5bfce}
#telemetryHud .tm-more,#telemetryHud .tm-import{margin-top:7px;padding-top:0;border-color:#354056;background:#101721}
#telemetryHud .tm-more>summary,#telemetryHud .tm-import>summary{min-height:44px;padding:0 10px;font-size:11px;line-height:44px;color:#c3b3dd}
#telemetryHud .tm-details{font-size:12px}
#telemetryHud .tm-coverage,#telemetryHud .tm-warning{font-size:11px;line-height:1.6;color:#b4bdcb}

/* The name can wrap beside its portrait rather than lose its identity. */
.navigation{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#77634d #10151e}
.navigation .nav-character{display:grid;grid-template-columns:56px minmax(0,1fr);gap:4px 10px;padding:0 3px 17px;margin-bottom:17px;align-items:center}
.navigation .nav-character>.avatar-ring{grid-column:1;grid-row:1;flex-basis:56px;width:56px;height:56px;padding:3px;border-radius:11px}
.navigation .nav-character .avatar-ring img{width:48px;height:48px;border-radius:7px}
.navigation .nav-character .avatar-ring .vr-portrait-symbol{width:44px;height:44px}
.navigation .nav-character>span:nth-child(2){grid-column:2;min-width:0;text-align:left}
.navigation .nav-character b,.navigation .nav-character b[title]{max-width:none;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;font-size:14px;line-height:1.4;color:#eee1c7}
.navigation .nav-character small{font-size:11px;line-height:1.45;color:#b7c1d0}
.navigation .nav-character>.origin-chip{position:static;grid-column:2;justify-self:start;align-self:start;font-size:10px;margin-top:2px}
.navigation .route-meter{margin-top:20px}
.right-rail{padding-top:22px}
.right-rail .rail-panel{padding:15px}

/* Give the action text room while keeping unaltered map geometry beside it. */
.next-action-panel{border-color:#a58a5d;background:#1c2130;box-shadow:none}
#nextAction .nm-shell{grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr)}
#nextAction .nm-main{padding:21px 23px 18px;min-width:0}
#nextAction .nm-heading{gap:8px;flex-wrap:wrap}
#nextAction .nm-heading .eyebrow{font-size:11px;letter-spacing:.09em;color:#e5c891}
#nextAction .nm-stage{font-size:11px;line-height:1.4;max-width:100%;white-space:normal}
#nextAction .nm-circuit{margin:11px 0 5px!important;font-size:12px;line-height:1.5}
#nextAction .nm-main h2{font-size:clamp(28px,2.35vw,36px)!important;line-height:1.15!important;margin-bottom:9px!important;color:#f7eddb;overflow-wrap:anywhere}
#nextAction .nm-instruction{font-size:15px!important;line-height:1.45;margin-bottom:12px!important;color:#e6cb98}
#nextAction .nm-plan-note{margin-bottom:12px;padding:9px 11px}
#nextAction .nm-plan-note p{font-size:12px!important;line-height:1.55!important}
#nextAction .nm-route-steps{gap:8px}
#nextAction .nm-route-steps section{padding:10px 9px;background:#141d29}
#nextAction .nm-route-steps section.is-current{background:#2b2930;border-color:#9b8053}
#nextAction .nm-step-label{font-size:10px;line-height:1.45;letter-spacing:.045em}
#nextAction .nm-location b{font-size:13px;line-height:1.45}
#nextAction .nm-location small,#nextAction .nm-route-steps ul{font-size:12px;line-height:1.55}
#nextAction .nm-actions{margin:14px 0 10px;gap:10px}
#nextAction .nm-actions button.primary{min-height:44px;padding:10px 15px;font-size:13px;box-shadow:none}
#nextAction .nm-status-control select{min-height:44px}
#nextAction .nm-meta{font-size:11px!important;gap:7px 12px;line-height:1.5!important}
#nextAction .nm-art{border-left-color:#62523c}
#nextAction .nm-art>.quest-map{padding:12px;background:#141b26}
#nextAction .nm-art .qm-locations{max-height:180px;scrollbar-width:thin}
#nextAction .nm-art .qm-gap{padding:18px 12px}
#nextAction .nm-art figcaption{padding:8px 12px;line-height:1.5}
#nextAction .nm-footer{padding:10px 18px;gap:10px 16px;flex-wrap:wrap}
.session-summary{margin:14px 0 19px;gap:10px}
.session-summary .summary-card{min-height:76px;padding:12px 14px}

@media(min-width:1600px){.main-pane{padding:23px 30px 30px}#nextAction .nm-shell{grid-template-columns:minmax(0,1.9fr) minmax(300px,1fr)}}
@media(max-width:1280px){
 .main-pane{padding:18px 22px 26px}
 #telemetryHud .tm-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 8px}
 #telemetryHud .tm-card:nth-child(4){border-left:0;padding-left:0}
 #nextAction .nm-shell{grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr)}
 #nextAction .nm-main{padding:20px}
}
@media(max-width:920px){
 .navigation{overflow:visible;padding:8px 11px}
 .navigation .nav-character{padding:4px 4px 10px;margin:0;gap:10px}
 .navigation nav .nav-button{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;justify-items:start;text-align:left;gap:8px;flex:0 0 140px;min-height:48px;padding:8px 10px;font-size:12px;line-height:1.35}
 .navigation nav .nav-button .nav-wow-icon{width:24px;height:24px}
 .main-pane{padding:17px 20px 25px}
 #viewContent{scroll-margin-top:145px}
}
@media(max-width:760px){
 #nextAction .nm-shell{grid-template-columns:1fr}
 #nextAction .nm-art{border-left:0;border-top:1px solid #62523c}
 #nextAction .nm-main h2{font-size:30px!important}
 #nextAction .nm-footer{align-items:flex-start}
 #nextAction .nm-footer>p{max-width:none}
 #nextAction .nm-circuit-nav{width:100%;justify-content:space-between;gap:8px}
}
@media(max-width:620px){
 .main-pane{padding:14px 12px 23px}
 .page-top{gap:10px;margin-bottom:12px}
 .page-top h1{font-size:22px}
 .page-top p{font-size:12px}
 .navigation .nav-character>.avatar-ring{width:48px;height:48px;flex-basis:48px;padding:2px}
 .navigation .nav-character .avatar-ring img{width:42px;height:42px}
 .navigation .nav-character .avatar-ring .vr-portrait-symbol{width:38px;height:38px}
 .navigation nav .nav-button{flex-basis:136px;min-height:46px;padding:7px 9px}
 #telemetryHud .telemetry-panel{padding:10px 12px;margin-bottom:13px}
 #telemetryHud .tm-header{margin-bottom:7px;gap:6px;flex-wrap:wrap}
 #telemetryHud .tm-tools{width:100%;gap:5px}
 #telemetryHud .tm-vital-stack{grid-template-columns:1fr;gap:10px}
 #telemetryHud .tm-vital-heading{flex-wrap:nowrap;gap:7px}
 #telemetryHud .tm-vital-track{height:20px}
 #telemetryHud .tm-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 7px}
 #telemetryHud .tm-card:nth-child(4){border-left:1px solid var(--line);padding-left:8px}
 #telemetryHud .tm-card:nth-child(odd){border-left:0;padding-left:0}
 #telemetryHud .tm-card strong{font-size:18px}
 #telemetryHud .tm-gold strong{font-size:14px}
 #telemetryHud .tm-foot{flex-wrap:wrap;gap:3px;font-size:10px}
 #telemetryHud .tm-more,#telemetryHud .tm-import{grid-column:1/-1}
 #telemetryHud .tm-import:not([open])>summary{text-align:left}
 #nextAction .nm-main{padding:18px 15px}
 #nextAction .nm-main h2{font-size:28px!important}
 #nextAction .nm-route-steps{grid-template-columns:1fr;gap:7px}
 #nextAction .nm-route-steps section{padding:9px 10px}
 #nextAction .nm-art>.quest-map{padding:11px}
 #nextAction .nm-footer{padding:12px 14px}
 #nextAction .nm-circuit-nav{gap:7px;justify-content:flex-start}
 .session-summary .summary-card{min-height:70px;padding:11px 12px}
}

/* Minimal markup is produced by the controllers; retained controls stay usable. */
body.minimal-hud .main-pane{width:100%;max-width:1160px;padding-top:16px}
body.minimal-hud .page-top{margin-bottom:11px}
body.minimal-hud .page-top h1{font-size:22px}
body.minimal-hud .next-action-panel{max-width:none;border-color:#8e7855}
body.minimal-hud #nextAction .nm-shell{grid-template-columns:1fr}
body.minimal-hud #nextAction .nm-main{padding:16px 20px}
body.minimal-hud #nextAction .nm-main h2{font-size:27px!important}
body.minimal-hud #nextAction .nm-instruction{font-size:13px!important;margin-bottom:9px!important}
body.minimal-hud #nextAction .nm-actions{margin:10px 0}
body.minimal-hud #telemetryHud .tm-minimal{padding:9px 14px;margin-bottom:12px}
body.minimal-hud #telemetryHud .tm-minimal .tm-header{min-height:44px;margin-bottom:5px;padding-bottom:5px}
body.minimal-hud #telemetryHud .tm-minimal .tm-tools button{min-height:44px}
body.minimal-hud #telemetryHud .tm-minimal .tm-vitals{padding:4px 0 6px;margin:0;border:0}
body.minimal-hud #telemetryHud .tm-minimal .tm-vital-stack{gap:16px}
@media(max-width:620px){body.minimal-hud .main-pane{padding:12px}body.minimal-hud #nextAction .nm-main{padding:16px 14px}body.minimal-hud #telemetryHud .tm-minimal .tm-vital-stack{gap:9px}}
@media(prefers-reduced-motion:reduce){#telemetryHud .tm-vital-fill{transition:none}}

/* Keep every desktop navigation label and shortcut inside the narrow rail. */
@media(min-width:921px){
 .navigation nav{min-width:0;width:100%}
 .navigation nav .nav-button{display:grid;grid-template-columns:24px minmax(0,1fr) 10px;width:100%;min-width:0;gap:8px;white-space:normal}
 .navigation nav .nav-button>span:not(.nav-key){min-width:0;overflow-wrap:anywhere}
 .navigation nav .nav-key{margin-left:0}
}

/* Use the space the instruments actually receive, including the wider pane
   created when the desktop rail is absent. Keep narrow layouts in normal flow. */
#telemetryHud{container-name:telemetry;container-type:inline-size;min-width:0}
@container telemetry (min-width:900px){
 #telemetryHud .telemetry-panel:not(.tm-minimal){grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr)}
 #telemetryHud .telemetry-panel:not(.tm-minimal) .tm-header{grid-column:1;grid-row:1;align-self:center;flex-wrap:wrap;padding:0;margin:0 0 10px;border-bottom:0;gap:7px 12px}
 #telemetryHud .telemetry-panel:not(.tm-minimal) .tm-vitals{grid-column:2;grid-row:1;align-self:center;padding:0;margin:0 0 10px;border-bottom:0}
 #telemetryHud .telemetry-panel:not(.tm-minimal) .tm-vital-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
 #telemetryHud .telemetry-panel:not(.tm-minimal) .tm-cards{grid-template-columns:repeat(6,minmax(0,1fr));padding-top:10px;border-top:1px solid #334052;gap:7px}
 #telemetryHud .telemetry-panel:not(.tm-minimal) .tm-card:nth-child(4){border-left:1px solid var(--line);padding-left:8px}
 #telemetryHud .telemetry-panel:not(.tm-minimal) .tm-card:first-child{border-left:0;padding-left:0}
}

/* Observation refreshes change values, not the surrounding task's position. */
#telemetryHud .tm-level-progress{min-block-size:32px;display:flex;align-items:center}
#telemetryHud .tm-level-progress>progress{flex:1}
#telemetryHud .tm-foot{min-block-size:17px;align-items:flex-start}
#telemetryHud .tm-card small{min-block-size:2.8em}
#telemetryHud .tm-tools #telemetryRefresh{min-inline-size:70px}
#telemetryHud .tm-tools #telemetryLoadTest{min-inline-size:130px}
@container telemetry (min-width:900px){
 #telemetryHud .telemetry-panel:not(.tm-minimal) .tm-header .tm-tools{flex:1 0 100%}
}