/* One interface: matte graphite, translucent planes, silver type, ruby focus. */
body.agathos-interface.holograph-interface{
 --paper:#101518;--surface:#192125;--soft:#202a2f;--line:#46545b;--ink:#e4e9e9;--muted:#a1b0b7;
 --holo-ice:#a9cbd7;--holo-ruby:#c88d9f;--holo-hair:#8aa5b13b;--shadow:0 12px 34px #00000020;
 --frame-main:#526b75;--frame-inner:#31434c;--frame-divider:#2c3d45;--frame-rose:#cf94a8;
 background:#101518;color:var(--ink);isolation:isolate;position:relative;
}
.holograph-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:linear-gradient(180deg,#0e151a00,#101518 96%)}
.holograph-backdrop picture,.holograph-backdrop img{display:block;width:100%;height:auto;max-width:none;pointer-events:none;user-select:none}
.holograph-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10151822,transparent 15%,transparent 85%,#10151818)}
body.holograph-interface ::selection{background:#9ebfc9;color:#111a20}
body.holograph-interface a{color:#b7d1dc;text-underline-offset:.25em}
body.holograph-interface main{max-width:1920px;padding-top:24px}
body.holograph-interface :is(h1,h2,h3,h4){color:#e3e9e9;letter-spacing:.015em}
body.holograph-interface .topbar{background:#10171beb;border-bottom:1px solid #46565f88;backdrop-filter:blur(8px)}
body.holograph-interface .top-inner{min-height:68px}
body.holograph-interface .top-signature{border-color:#51616b55}
body.holograph-interface .top-signature span{color:#dbe4e7}
body.holograph-interface .top-signature svg{stroke:#c48a9e}
body.holograph-interface .global-search{background:#1d282ea8;border:1px solid #53636c77;box-shadow:inset 0 1px #b6d4df08;border-radius:4px}
body.holograph-interface .global-search:focus-within{border-color:#a7c2ce;box-shadow:0 0 0 2px #9bbdca0c}
body.holograph-interface :is(.sidebar-open-trigger,.sidebar-toggle){background:#1a252b;border-color:#5c737e7a;color:#b9ccd5}
body.holograph-interface .language-switch{background:#172127;border-color:#53636c66}
body.holograph-interface .language-switch button[aria-pressed=true]{background:#39454e;color:#eef4f5}
body.holograph-interface .topbar-label{color:#99b2bf}
body.holograph-interface .site-sidebar{background:linear-gradient(155deg,#19232a,#10181dee 60%);border-right:1px solid #617a8666;box-shadow:22px 0 80px #0005}
body.holograph-interface .site-sidebar .brand{background:#172128;border-color:#50616b66}
body.holograph-interface .site-sidebar .nav{color:#b5c3c9;border-radius:2px;transition:background-color .18s,color .18s}
body.holograph-interface .site-sidebar .nav:hover{background:#31445055;color:#e4edf0}
body.holograph-interface .site-sidebar .nav.active{background:linear-gradient(90deg,#9f61771c,#24323a22);border-left-color:transparent;color:#f0e8eb;box-shadow:none}
body.holograph-interface .site-sidebar .agathos-nav-icon{stroke:#9dafb8;stroke-width:1.2;stroke-linecap:square;stroke-linejoin:miter}
body.holograph-interface .site-sidebar .nav:before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:1px;background:var(--frame-rose);opacity:0;transition:opacity .18s}
body.holograph-interface .site-sidebar .nav.active:before{opacity:1}
body.holograph-interface .site-sidebar .nav.active .agathos-nav-icon{stroke:#d6dce0}
body.holograph-interface .site-sidebar .nav:after{border-color:#80979f;opacity:0}
body.holograph-interface .site-sidebar .nav.active:after{opacity:.35}
body.holograph-interface .sidebar-tail{border-color:var(--frame-divider);color:#acbdc6;padding-top:24px;gap:0}
body.holograph-interface .sidebar-tail>span{line-height:1.9;letter-spacing:.12em}
body.holograph-interface .sidebar-tail svg{margin:16px 0 18px;filter:none;stroke:#c88d9f}
body.holograph-interface .sidebar-tail small{margin:0;line-height:1.5;letter-spacing:.14em;color:#829aa6}
body.holograph-interface .sidebar-backdrop{background:#070d12bf;backdrop-filter:blur(3px)}

/* Homepage is an atlas of today's modules, rather than the original 3 tools. */
body.holograph-interface .workspace-intro{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:0 34px;min-height:0;padding:12px 0 0;margin-bottom:22px}
body.holograph-interface .intro-copy{padding:26px 0 22px;position:relative;z-index:1}
body.holograph-interface .intro-copy>.eyebrow{font-size:11px;letter-spacing:.16em;color:#a4bbc6;margin:0 0 25px}
body.holograph-interface .intro-copy>.eyebrow:before{background:#c793a5;width:34px}
body.holograph-interface .intro-wordmark{font-size:clamp(51px,5.8vw,100px);font-family:Georgia,'Times New Roman',serif;letter-spacing:.075em;line-height:1.08;color:#e5ecee;gap:18px}
body.holograph-interface .intro-wordmark>span{font-size:20px;color:#bf879c}
body.holograph-interface .workspace-intro h1{font-family:var(--ui-font);font-size:26px;font-weight:500;letter-spacing:.05em;margin:25px 0 14px}
body.holograph-interface .workspace-intro p{font-size:15px;line-height:2;max-width:460px;color:#a8bac4}
.home-primary-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;align-items:center}
body.holograph-interface .home-primary-actions button{min-height:43px;font:500 14px/1.5 var(--ui-font);border:1px solid #8c9da680;border-radius:3px;padding:10px 17px;background:#24343e8a;color:#dfe9ec;box-shadow:inset 0 1px #b9dae30c;cursor:pointer;transition:background-color .2s,border-color .2s}
body.holograph-interface .home-primary-actions button:first-child{border-color:#ad8394a3;background:#59404d55;color:#ede5e9}
body.holograph-interface .home-primary-actions button:hover{background:#3c4e5988;border-color:#bfd5df}
body.holograph-interface .home-primary-actions button span{padding-left:12px;color:#adc6d0}
body.holograph-interface .hero-gem{position:relative!important;inset:auto!important;display:block;width:100%;height:clamp(325px,31vw,455px);min-width:0;border:0;background:none;overflow:hidden;opacity:1;pointer-events:auto;margin:0}
body.holograph-interface .hero-gem>.holo-hero-svg{position:absolute;inset:0;display:block!important;width:100%;height:100%;max-width:none;fill:none;stroke:none;filter:none;overflow:visible;pointer-events:none}
.holo-crystal-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .8s ease}
.holo-webgl .holo-crystal-canvas{opacity:1}.holo-webgl .holo-fallback-model{opacity:0}
.holo-hero-svg .holo-fallback-model{transition:opacity .4s}
body.holograph-interface .hero-gem>span{display:block;position:absolute;right:9%;bottom:12px;top:auto;color:#99b0bc;font-size:11px;line-height:1.9;letter-spacing:.18em;text-align:right;writing-mode:horizontal-tb}
body.holograph-interface .intro-bottom{grid-column:1/-1;display:block;border:0;margin:0;background:none}
body.holograph-interface .workflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:100%;border-block:1px solid #6075804d;padding:0;margin:0;background:#1c272b66}
body.holograph-interface .workflow button{display:flex;position:relative;align-items:center;gap:16px;width:100%;min-width:0;min-height:91px;padding:19px 20px;border:0;border-radius:0;background:none;box-shadow:none;transform:none!important;overflow:hidden}
body.holograph-interface .workflow button+button{border-left:1px solid #6075803b}
body.holograph-interface .workflow button:after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:1px;background:linear-gradient(90deg,#aacbd800,#aacbd8,#ca91a3);transform:scaleX(0);transform-origin:left;transition:transform .35s}
body.holograph-interface .workflow button:hover{background:#a6cad307}.workflow button:hover:after{transform:scaleX(1)}
body.holograph-interface .workflow b{font:12px/1.5 var(--ui-font);color:#b58c9e;border:0;background:none;min-width:18px;letter-spacing:.08em}
body.holograph-interface .workflow span{font-size:16px;color:#d9e4e7;line-height:1.6;min-width:0}
body.holograph-interface .workflow small{font-size:11px;color:#92a8b3;line-height:1.6;display:block;margin-top:3px}
body.holograph-interface .workflow i{margin-left:auto;font:16px/1 var(--ui-font);color:#a4becb;opacity:.7}
body.holograph-interface .contact-strip{font-size:11px;display:flex;gap:4px 20px;flex-wrap:wrap;padding:12px 0;border:0;background:none;color:#9eb3bf;margin:0}
body.holograph-interface .contact-label{color:#91a8b4;flex-basis:auto}
.home-updates{margin:0 0 22px;border:1px solid #4d65706b;background:#162127b0;border-radius:3px}
.home-updates>summary{display:flex;align-items:center;gap:18px;padding:15px 20px;cursor:pointer;list-style:none;color:#b8cad3;font-size:13px;line-height:1.65;position:relative}
.home-updates>summary::-webkit-details-marker{display:none}.home-updates>summary:before{content:'＋';font-size:17px;color:#c393a5}.home-updates[open]>summary:before{content:'−'}
.home-updates>summary b{font-weight:500;color:#dbe6e8;white-space:nowrap}.home-update-preview{margin-right:auto;color:#a4bac5}.home-updates>summary small{color:#9fb8c6;font-size:11px}
.home-updates-inner{padding:18px 20px 0;border-top:1px solid #5b717b4f}.home-updates-inner .panel{margin:0 0 20px!important}.home-updates-inner .agn-compact-head{margin-top:8px}
body[data-tab]:not([data-tab=race]) .home-updates{display:none!important}

/* Shared panel material and typography; semantic running-style colours stay. */
body.holograph-interface :is(.panel,.control-panel,.matrix-head,.section-heading,.account-head){border-color:#50616b88;background:linear-gradient(128deg,#26323b34,transparent 55%),#192126ed;box-shadow:0 13px 36px #03070b20;border-radius:4px}
body.holograph-interface .control-panel{border-left:2px solid #c18c9f;background:linear-gradient(110deg,#26343caa,#1b242be8)}
body.holograph-interface :is(.panel,.control-panel):after{width:19px;height:19px;border-color:#a4bfc980;pointer-events:none}
body.holograph-interface .panel-title{border-color:var(--frame-divider);padding-bottom:16px}
body.holograph-interface .panel-title:before{color:#a3becb;font-size:14px}
body.holograph-interface .panel-title h2{font-weight:600;letter-spacing:.02em}
body.holograph-interface :is(.section-heading,.matrix-head,.account-head,.sim-heading,.agp-heading,.agn-heading,.arb-heading){position:relative;background-image:url('artwork/agathos-holograph-header-20261026.svg'),linear-gradient(112deg,#25323b66,#1c222b55);background-repeat:no-repeat;background-position:right top,center;background-size:340px auto,cover;border-color:#5c727e70}
body.holograph-interface :is(.sim-heading,.arb-heading){padding:23px 27px;border:1px solid #536b767a;border-left:2px solid #b78497;border-radius:3px;min-width:0}
body.holograph-interface :is(.sim-heading p,.agp-heading p,.agn-heading p,.arb-heading p,.matrix-head p,.section-heading p){color:#a5bac4;line-height:1.85}
body.holograph-interface :is(.eyebrow,.arb-heading>div>span,.agp-eyebrow,.agn-eyebrow,.acr-kicker){color:#a1bfcf}
body.holograph-interface .ui-frame{opacity:.32}.holograph-interface .ui-frame-rail{stroke:#9cb7c2;opacity:.3}.holograph-interface .ui-frame-ticks{stroke:#9bb5bf;opacity:.35}.holograph-interface .ui-frame-trace{stroke:#b7d2db}
body.holograph-interface :is(.metric,.detail-metrics>div,.detail-extremes>div,.fact-row){background:#202d33;border-color:#536b756b}
body.holograph-interface .metric:before{background:#bdd3db!important}
body.holograph-interface :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea){background:#1b2830;color:#e1eaee;border-color:#60758191;box-shadow:inset 0 1px #c5dbe207;border-radius:3px}
body.holograph-interface .global-search input[type=search]{background:none;border:0;box-shadow:none}
body.holograph-interface :is(select option,select optgroup){background:#1c2931!important;color:#e0eaee!important}
body.holograph-interface :is(input,select,textarea,button,summary):focus-visible{outline:2px solid #accbd7;outline-offset:3px}
body.holograph-interface :is(.primary,.secondary){border-radius:3px}
body.holograph-interface .primary{background:#67414f;border-color:#b48394;color:#f0e7eb;box-shadow:inset 0 1px #ebdce308}
body.holograph-interface .secondary{background:#263740;border-color:#627c8999;color:#d1e1e8}
body.holograph-interface .text-button{color:#b3d0dd}
body.holograph-interface .table-wrap{background:#151f25;border-color:#59717e7d;scrollbar-color:#58707d #172127}
body.holograph-interface .table-wrap thead th{background:#293943!important;border-color:#69838f66!important;color:#d1e0e6!important;letter-spacing:.02em}
body.holograph-interface .table-wrap tbody tr{background:#19242b}
body.holograph-interface .table-wrap tbody tr:nth-child(even){background:#1e2b32}
body.holograph-interface .table-wrap tbody tr:hover{background:#2b3e48}
body.holograph-interface .table-wrap tbody tr.selected{background:#30424b;box-shadow:inset 2px 0 #bf8a9e}
body.holograph-interface .table-wrap td{border-color:#50687540;color:#d3e0e5}
body.holograph-interface :is(.help,.field-hint,.table-foot,.detail-note,.parameter-hint,.parameter-guide){color:#9db2bd}
body.holograph-interface .parameter-hint b{color:#c0d0d9}
body.holograph-interface .parameter-hint>span+span{border-color:#839ba423}

/* Every newer workspace uses the same surfaces, not a second visual theme. */
body.holograph-interface .ag-rating-board{--arb-ink:#e1eaec;--arb-muted:#a6bac5;--arb-line:#536b7766}
body.holograph-interface .ag-rating-board .panel{background:linear-gradient(120deg,#24343a55,transparent),#19242aee;border-color:#59717b80}
body.holograph-interface .arb-columns{background:#25363f}.holograph-interface .arb-cell,.holograph-interface .arb-columns>div{border-color:#536e7b5c}
body.holograph-interface .arb-row{border-color:#61758066}.holograph-interface .arb-tier-Z{background:linear-gradient(90deg,#b8a76a0c,transparent)}.holograph-interface .arb-tier-S{background:#ae778307}
body.holograph-interface .arb-line-grid article{background:#19272f;border-color:#526b7780;border-top-color:var(--arb-style)}
body.holograph-interface .ag-character-research{--acr-line:#526d785e;--acr-ink:#e1eaec;--acr-muted:#a3bac5;background:linear-gradient(125deg,#24414530,transparent 50%),#1b272eea;border-color:#59727e80}
body.holograph-interface .acr-header{background:linear-gradient(110deg,#28414b50,#26313b55);border-color:#5a747d6b}
body.holograph-interface :is(.acr-advantages article,.acr-risk-list details){background:#16272f66;border-color:#536c7775}
body.holograph-interface .acr-table-scroll th{background:#293b45}.holograph-interface .acr-table-scroll tr.is-current{background:#3a4b554a}
body.holograph-interface .ag-planner{--agp-bg:#18252c;--agp-panel:#1c2b33;--agp-line:#526b7870;--agp-muted:#9eb7c4}
body.holograph-interface :is(.agp-heading,.agp-section,.agp-slot,.agp-support-card,.agp-card-values,.agp-unique-effect){border-color:#546e7b80;background-color:#1a2730}
body.holograph-interface :is(.agp-character-option,.agp-target,.agp-stat-value){background:#21323b;border-color:#516d7a66}
body.holograph-interface .agp-character-option.is-selected{background:#354650;border-color:#b88c9e}
body.holograph-interface :is(.sim-step-nav,.sim-outcome,.sim-distance-summary,.sim-buff-summary,.sim-stamina-panel){border-color:#536e7b78;background-color:#192831}
body.holograph-interface .sim-step-nav button{border-color:#566f7c66;background:#1b2b34}
body.holograph-interface .sim-model-tag{border-color:#71889370;background:#273742;color:#b7d0da}
body.holograph-interface .agn-heading{border-color:#647b8775}.holograph-interface .agn-note{background:#1a2830c9;border-color:#58748266}
body.holograph-interface .agn-card{background:linear-gradient(125deg,#23343e88,#1b262ef2);border-color:#59748080}
body.holograph-interface .agn-categories button{background:#203039;border-color:#57717d77}.holograph-interface .agn-categories button[aria-pressed=true]{background:#41434c;border-color:#bb8a9d}
body.holograph-interface #tab-account :is(.account-head,.account-panel){border-color:#60758177;background-color:#1b2932}
body.holograph-interface #tab-data :is(.algorithm-chart,.formula-panel,.formula-viz,.algorithm-controls){background:#1c2932;border-color:#526c7a88}
body.holograph-interface #tab-data .algorithm-facts{background:#1d3034;border-color:#57777d80}
body.holograph-interface #tab-data .fact-row.prominent{background:#2c4548;border-color:#91b4b5}
body.holograph-interface #model-benchmark{background:linear-gradient(120deg,#26333c,#1b2830);border-color:#59707b8c}
body.holograph-interface :is(.benchmark-course-card,.benchmark-current-case){background:#21323b!important;border-color:#59758280!important}
body.holograph-interface .course-atlas{background:linear-gradient(125deg,#22313a,#1a252d);border-color:#526d7b88}
body.holograph-interface .course-atlas svg.cv-map{background:#131f26}
body.holograph-interface .site-legal{border-color:#54707b55;color:#8ca5b3}

@media(min-width:1650px){body.holograph-interface .workspace-intro{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);padding-top:16px}body.holograph-interface .intro-copy{padding-block:30px}body.holograph-interface .intro-bottom{display:block}.home-primary-actions{margin-top:29px}}
@media(max-width:1050px){body.holograph-interface .workspace-intro{gap:0 10px}body.holograph-interface .intro-wordmark{font-size:55px}body.holograph-interface .workspace-intro h1{font-size:23px}.home-primary-actions{gap:8px}body.holograph-interface .home-primary-actions button{font-size:13px;padding-inline:12px}body.holograph-interface .workflow button{padding:15px 13px;gap:10px}body.holograph-interface .workflow span{font-size:14px}.home-updates>summary small{display:none}}
@media(max-width:720px){body.holograph-interface main{padding-inline:20px}body.holograph-interface .workspace-intro{grid-template-columns:1fr;gap:0;display:grid!important;padding-top:10px}body.holograph-interface .intro-copy{padding:22px 0 0}.intro-copy{order:0}body.holograph-interface .hero-gem{order:1;height:290px;margin-top:-6px}.intro-bottom{order:2}body.holograph-interface .intro-wordmark{font-size:clamp(46px,10vw,70px)}body.holograph-interface .workspace-intro h1{margin-top:18px;font-size:23px}body.holograph-interface .workspace-intro p{max-width:96%;font-size:14px}body.holograph-interface .workflow{grid-template-columns:repeat(2,minmax(0,1fr))}body.holograph-interface .workflow button{padding:17px 13px;min-height:82px}body.holograph-interface .workflow button:nth-child(3){border-left:0;border-top:1px solid #6075803b}body.holograph-interface .workflow button:nth-child(4){border-top:1px solid #6075803b}body.holograph-interface .workflow i{display:block}.home-updates>summary{align-items:flex-start;gap:9px 12px;flex-wrap:wrap;padding:14px}.home-update-preview{width:calc(100% - 25px);order:2;padding-left:25px;font-size:12px}.home-updates-inner{padding:13px 11px 0}body.holograph-interface .contact-strip{font-size:11px;padding-block:12px;gap:4px 13px}body.holograph-interface .contact-label{flex-basis:100%}body.holograph-interface .hero-gem>span{font-size:10px;right:7%;bottom:8px}body.holograph-interface :is(.sim-heading,.arb-heading){padding:21px 17px}}
@media(max-width:380px){body.holograph-interface main{padding-inline:14px}body.holograph-interface .intro-wordmark{font-size:43px;gap:12px}body.holograph-interface .workspace-intro h1{font-size:21px}body.holograph-interface .hero-gem{height:255px}.holograph-interface .workflow small{font-size:10px}body.holograph-interface .workflow button{padding-inline:10px;gap:8px}}
@media(prefers-reduced-motion:no-preference){.holo-hero-svg .holo-glass{animation:holo-assemble 1.2s cubic-bezier(.15,.7,.2,1) both}.home-updates[open]>.home-updates-inner{animation:holo-reveal .2s ease-out both}body.holograph-interface .hero-gem{animation:holo-reveal 1s ease both}}
@keyframes holo-assemble{from{opacity:0;transform:translate(0,9px) scale(1.035)}to{opacity:1;transform:none}}
@keyframes holo-reveal{from{opacity:.15;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){body.holograph-interface *,body.holograph-interface *:before,body.holograph-interface *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

body.holograph-interface .holo-hero-svg>ellipse{stroke:none!important;filter:none!important}

/* Workspace stations: projected objects, open margins, a shared reading rhythm. */
body.holograph-interface .workspace-heading{position:relative;isolation:isolate;padding:25px 28px 25px 155px!important;min-height:150px;background-image:linear-gradient(105deg,#20343c66,transparent 72%)!important;background-color:#192329c9!important;border:1px solid #6e8b973d!important;border-left:0!important;border-radius:2px!important;box-shadow:inset 0 -1px #a9c9d41a;overflow:hidden}
body.holograph-interface .workspace-heading:before{content:"";position:absolute;top:0;left:18px;width:65%;height:1px;background:linear-gradient(90deg,#d19aa9b3,#94b8c33d,transparent)}
body.holograph-interface .workspace-heading:after{content:"";position:absolute;left:18px;right:18px;bottom:10px;height:1px;background:linear-gradient(90deg,#9bbbc45c 0 100px,transparent 100px);transform:none!important;border:0!important;width:auto!important;top:auto!important}
.workspace-object{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:122px;height:122px;pointer-events:none;fill:none;stroke-linejoin:miter;stroke-linecap:square;overflow:visible}
.workspace-object .object-register{stroke:#b4ccd2;stroke-width:.6;opacity:.4}.workspace-object .object-ground{stroke:#8bafc0;stroke-width:.65;opacity:.18}.workspace-object .object-wire{stroke:#b5d0d8;stroke-width:.85;opacity:.78}.workspace-object .object-accent{stroke:#d59bab;stroke-width:1.2;opacity:.95}.workspace-object .object-node{stroke:#d6e6e9;stroke-width:.8;fill:#bed2d723}
body.holograph-interface .workspace-heading h1{font-size:clamp(26px,2.25vw,35px)!important;font-weight:550!important;line-height:1.5!important;letter-spacing:.035em!important;margin:5px 0 9px!important}
body.holograph-interface .workspace-heading p{font-size:14px!important;line-height:1.85!important;max-width:840px}
body.holograph-interface :is(.agp-source-stamp,.agn-stamp){border-left:1px solid #78939c55;color:#a9bbc3;padding-left:22px}
body.holograph-interface :is(.agp-source-stamp strong,.agn-stamp strong){font-family:var(--ui-font);font-size:22px;color:#c4d7dc;letter-spacing:.02em}
body.holograph-interface .workspace-heading .contact-strip{padding-top:8px;font-size:12px;max-width:900px}
body.holograph-interface .matrix-head.workspace-heading{display:block}
body.holograph-interface .workspace-heading .matrix-controls{border-top:1px solid #78939c30;margin-top:20px;padding-top:18px}
body.holograph-interface .panel-title h2{font-size:21px;line-height:1.55}
body.holograph-interface :is(.metric strong,.fact-row strong,.detail-metrics strong,.detail-extremes strong,.sim-distance-cards strong,.arb-avatar b){font-variant-numeric:tabular-nums lining-nums;letter-spacing:0}
body.holograph-interface :is(.metric,.fact-row,.detail-metrics>div,.detail-extremes>div){border-radius:2px;box-shadow:inset 0 1px #c5dde309}
body.holograph-interface :is(.table-wrap,.agp-matrix-scroll,.acr-table-scroll){box-shadow:inset 0 1px #c5dde30a;scrollbar-width:thin}

/* Recommendation board: separate tier rails from the runners within each lane. */
body.holograph-interface .arb-table-scroll{border:1px solid #6d899444;border-radius:3px}
body.holograph-interface .arb-columns{background:#25353d;box-shadow:inset 0 -1px #a6c5cf28}
body.holograph-interface .arb-columns>div{padding-block:17px}
body.holograph-interface .arb-tier-key{position:relative;background:#1620278c;border-right:1px solid #67838f44;align-items:center;padding:24px 10px}
body.holograph-interface .arb-tier-key:after{content:"";width:28px;height:1px;background:currentColor;opacity:.3}
body.holograph-interface .arb-tier-key strong{font:500 34px/1.3 Georgia,serif}
body.holograph-interface .arb-cell{padding:23px 13px;gap:19px 11px;background:linear-gradient(180deg,#aac7d003,transparent)}
body.holograph-interface .arb-avatar{background:#26373f;padding:3px;box-shadow:0 0 0 3px #a0bcc30a;border-color:color-mix(in srgb,var(--arb-style),#d0e5e8 18%)}
body.holograph-interface .arb-avatar b{background:#18232a;border-color:#8199a46e;color:#e1eaed;border-radius:3px;font-size:14px}
body.holograph-interface .arb-name{color:#c7d6dc;line-height:1.7}
body.holograph-interface .arb-entry:hover{outline-offset:6px;background:#c0dce405!important}
body.holograph-interface .arb-line-grid article{position:relative;padding:20px 17px;background:linear-gradient(145deg,#243a4255,#16242ceb);border-top-width:1px}
body.holograph-interface .arb-line-grid article:after{content:"";position:absolute;right:12px;top:12px;width:12px;height:12px;border-top:1px solid var(--arb-style);border-right:1px solid var(--arb-style);opacity:.45}
body.holograph-interface .arb-line-grid strong{color:#d4e3df;font-size:25px;font-weight:500}

/* Planner: one compact toolbar, a catalogue, then a clear six-card assembly. */
body.holograph-interface #reference-planner-root .agp-modebar{gap:0;padding-bottom:0;border-color:#79929b55;margin-bottom:25px}
body.holograph-interface #reference-planner-root .agp-modebar>button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;box-shadow:none;padding:15px 21px;font-size:16px}
body.holograph-interface #reference-planner-root .agp-modebar>button[aria-selected=true]{border-bottom-color:#c896a7;background:linear-gradient(0deg,#b57d9220,transparent);box-shadow:none}
body.holograph-interface #reference-planner-root :is(.agp-character-picker,.agp-trainee-profile,.agp-library,.agp-needs,.agp-character-detail,.agp-compare-tray){border-color:#637e894d;background:linear-gradient(140deg,#26384140,transparent 60%),#1a252ce8;border-radius:3px}
body.holograph-interface #reference-planner-root .agp-trainee-profile{border-top-color:#9cbebc88}
body.holograph-interface #reference-planner-root .agp-workflow-steps{background:transparent;border:0;border-block:1px solid #67828c45;border-radius:0;padding:17px 5px}
body.holograph-interface #reference-planner-root .agp-character-option{border-color:#7d98a136;background:#1d2c33;padding:14px 12px;transition:background .2s,border-color .2s}
body.holograph-interface #reference-planner-root .agp-character-option.is-selected{background:#34454d;border-color:#afc8d28f;box-shadow:inset 2px 0 #c592a6}
body.holograph-interface #reference-planner-root .agp-character-option:hover{border-color:#a0bac380;background:#2a3d45}
body.holograph-interface #reference-planner-root .agp-slot{background:linear-gradient(150deg,#23353e88,#19252c);border-color:#738e9859;border-radius:2px;padding:20px}
body.holograph-interface #reference-planner-root .agp-slot-heading{border-color:#8ba2ab33;letter-spacing:.14em}
body.holograph-interface #reference-planner-root .agp-slot.is-filled:before{background:#a7cad3;left:0;width:52px}
body.holograph-interface #reference-planner-root .agp-slot.has-conflict{border-color:#d77c8e}
body.holograph-interface #reference-planner-root .agp-support-card{background:#1d2b33;border-color:#6c86924d;border-radius:3px;box-shadow:none}
body.holograph-interface #reference-planner-root .agp-support-card:hover{background:#273a43;border-color:#a6c2cd88;transform:translateY(-2px)}
body.holograph-interface #reference-planner-root :is(.agp-card-values,.agp-unique-effect){background:#142129;border-color:#637e8a55}
body.holograph-interface .acr-overview{gap:35px;background:linear-gradient(130deg,#9fc6cf05,transparent)}
body.holograph-interface .acr-mechanism-profile{padding-right:28px;border-right:1px solid #72919c3d}
body.holograph-interface .acr-axis-detail{padding:4px 6px}
body.holograph-interface .acr-radar-grid polygon:last-of-type{stroke:#91b2be7a}
body.holograph-interface .acr-radar-area{fill:#9ac5cf1c;stroke:#a3cdd3}
body.holograph-interface .acr-current-score>strong{color:#d6e6eb;font-weight:500}
body.holograph-interface .acr-section-head{padding-bottom:13px;border-bottom:1px solid #72919c30}
body.holograph-interface :is(.acr-advantages article,.acr-risk-list details){background:#16252d;border-color:#6a85914d;border-radius:2px}

/* Team laboratory: slots and result charts share one engineering material. */
body.holograph-interface #tab-simulator{--sim-line:#617d8957;--sim-soft:#a6bac4;--sim-jade:#a2c9bf;--sim-ruby:#d79eaf}
body.holograph-interface #tab-simulator .panel{background:linear-gradient(125deg,#263b4340,transparent 55%),#1a252ce8;border-color:#637f8a59;border-radius:3px}
body.holograph-interface #tab-simulator .sim-step-nav{background:transparent;border:0;border-block:1px solid #6b89964d;border-radius:0;padding:13px 0}
body.holograph-interface #tab-simulator .sim-step-nav button{background:transparent;border:0;border-bottom:1px solid #708e9845;border-radius:0}
body.holograph-interface #tab-simulator .sim-team-head{padding:9px 0;border-bottom:1px solid #79949e3d}
body.holograph-interface #tab-simulator .sim-runner{background:#1d2c33;border-color:#637e8945;border-radius:2px;padding:15px 13px}
body.holograph-interface #tab-simulator .sim-runner.selected{background:#32464a;border-color:#9dbeb780;border-left-color:#adcec4}
body.holograph-interface #tab-simulator .sim-skill{background:#192830;border-color:#69828d4d;border-radius:2px;padding:17px}
body.holograph-interface #tab-simulator .sim-runbar{background:linear-gradient(110deg,#30484a80,#202c34);border-color:#819ca574;border-radius:3px;padding:23px}
body.holograph-interface #tab-simulator .sim-distance-cards>div{background:linear-gradient(135deg,#29404755,#1a2830);border-color:#6b87914d}
body.holograph-interface #tab-simulator .sim-distance-cards .is-loss{border-top-color:#cd92a5;background:linear-gradient(135deg,#63414b30,#1a2830)}
body.holograph-interface #tab-simulator .sim-distance-cards .is-gain{border-top-color:#91c4b5;background:linear-gradient(135deg,#38614f30,#1a2830)}
body.holograph-interface .agathos-sim-visuals{--viz-line:#6d89944d;--viz-ink:#dce8eb;--viz-quiet:#a3bac4;background:#1a2931}
body.holograph-interface .agathos-sim-visuals .sim-viz-impact{background:#18272e}
body.holograph-interface .agathos-sim-visuals .sim-viz-plot{background:linear-gradient(180deg,#8cb9c60a,transparent);border-color:#7a98a445}

/* Evidence and accounts retain quieter space than the charts they contain. */
body.holograph-interface #tab-data .formula-grid{gap:18px}
body.holograph-interface #tab-data .formula-grid>div{position:relative;border:1px solid #67838f55;border-radius:2px;background:linear-gradient(140deg,#28434b40,#17262e);padding:23px;overflow:hidden}
body.holograph-interface #tab-data .formula-grid>div>small{font-size:13px;color:#bfd2db;display:block;border-bottom:1px solid #6e8b963d;padding-bottom:13px;letter-spacing:.04em}
body.holograph-interface #tab-data .formula-viz{background:#14242c;border:1px solid #72949f30;border-radius:0;margin-block:19px}
body.holograph-interface #tab-data .formula-grid code{color:#d0dee3;font-size:14px;line-height:1.95;display:block}
body.holograph-interface #tab-data .formula-grid p{color:#a7bcc5;font-size:14px;line-height:1.9}
body.holograph-interface #tab-data .algorithm-controls{background:#182830;border-color:#78939f55}
body.holograph-interface #tab-data .algorithm-facts{background:#1b2b31}
body.holograph-interface #tab-account .account-panel{background:linear-gradient(140deg,#25404a40,transparent 55%),#1a2830;border-color:#67838f59;border-radius:3px}
body.holograph-interface #tab-account :is(.account-box,.account-status,.account-notice){background:#1c2d34;border-color:#71909b55}
body.holograph-interface .ag-news .agn-toolbar{border-bottom:1px solid #7997a03b;padding:4px 0 20px;margin-bottom:18px}
body.holograph-interface .ag-news .agn-categories button{background:transparent!important;border-color:#6e879138!important;border-radius:2px!important}
body.holograph-interface .ag-news .agn-categories button[aria-pressed=true]{background:#34505b55!important;border-color:#aac4ce80!important;color:#e1eaf0!important}
body.holograph-interface .ag-news .agn-card{background:linear-gradient(135deg,#243b443d,transparent),#1b2830;border-color:#6b85914d;border-radius:2px;padding:25px;box-shadow:none}
body.holograph-interface .ag-news .agn-card-meta{border-bottom:1px solid #8ba2ab26;padding-bottom:14px;margin-bottom:18px}
body.holograph-interface .ag-news .agn-card h3{font-size:21px!important;line-height:1.65!important}
body.holograph-interface .ag-news .agn-card-tail{padding-top:13px;border-top:1px solid #8ba2ab26}

@media(min-width:1001px){body.holograph-interface .acr-overview{grid-template-columns:minmax(300px,1fr) minmax(0,1fr)}body.holograph-interface #tab-data .algorithm-grid{grid-template-columns:minmax(0,1.65fr) minmax(310px,.85fr)}}
@media(max-width:1050px){body.holograph-interface .workspace-heading{padding-left:120px!important;gap:20px;min-height:140px}.workspace-object{width:95px;height:105px;left:12px}body.holograph-interface :is(.agp-source-stamp,.agn-stamp){min-width:165px;max-width:190px}}
@media(max-width:720px){body.holograph-interface .workspace-heading{padding:24px 19px!important;min-height:0;gap:18px;flex-wrap:wrap}body.holograph-interface .workspace-heading>div:first-child{position:relative;z-index:1;width:100%}body.holograph-interface .workspace-heading h1{font-size:25px!important;max-width:95%}body.holograph-interface .workspace-heading p{font-size:13px!important;line-height:1.85!important}.workspace-object{width:74px;height:80px;left:auto;right:9px;top:10px;transform:none;opacity:.2}body.holograph-interface :is(.agp-source-stamp,.agn-stamp){border-left:0;border-top:1px solid #78939c33;width:100%;max-width:none;min-width:0;padding:12px 0 0;display:flex;align-items:baseline;gap:7px 15px;flex-wrap:wrap}body.holograph-interface :is(.agp-source-stamp strong,.agn-stamp strong){font-size:18px}body.holograph-interface .acr-mechanism-profile{padding-right:0;border-right:0}body.holograph-interface .acr-axis-detail{padding-top:22px}body.holograph-interface #reference-planner-root .agp-modebar>button{padding:13px 11px;font-size:14px}body.holograph-interface #reference-planner-root .agp-modebar>button>b{display:none}body.holograph-interface .ag-news .agn-card{padding:20px}body.holograph-interface #tab-data .formula-grid>div{padding:19px}body.holograph-interface .arb-tier-key{align-items:center}}
@media(prefers-reduced-motion:no-preference){.workspace-heading.ui-entered .object-wire{animation:workspace-trace 1.15s cubic-bezier(.2,.65,.3,1) both}.workspace-heading.ui-entered .object-accent{animation:workspace-trace 1.4s .12s ease both}.workspace-heading.ui-entered .object-node{animation:workspace-node 4.5s ease-in-out 2}body.holograph-interface .arb-entry,body.holograph-interface #reference-planner-root .agp-support-card{transition:transform .18s,border-color .18s,background .18s}}
@keyframes workspace-trace{from{stroke-dasharray:1;stroke-dashoffset:1;opacity:.1}to{stroke-dasharray:1;stroke-dashoffset:0}}
@keyframes workspace-node{0%,100%{opacity:.45}50%{opacity:1}}
body.holograph-interface #tab-simulator :is(input,select){background:#192a33;border-color:#74909b6e;color:#dfebef;border-radius:3px;box-shadow:inset 0 1px #c4dfe408}
body.holograph-interface #tab-simulator .sim-workflow{background:#1b2b325e;border:0;border-block:1px solid #78949d55;border-radius:0}
body.holograph-interface #tab-simulator .sim-workflow button{background:transparent;border-color:#78949d40;min-height:77px}
body.holograph-interface #tab-simulator .sim-workflow button:hover{background:#abc7d00a}
body.holograph-interface #tab-simulator .sim-workflow b{border-radius:2px;border-color:#97b3bf55;color:#bdd5df}
body.holograph-interface #tab-simulator .sim-workflow span{color:#d6e3e8;font-size:16px;font-weight:500}
body.holograph-interface #tab-simulator .sim-workflow small{color:#9fb4be;font-size:12px;font-weight:400}
body.holograph-interface #tab-simulator .sim-model-tag{background:#24353d66;border-color:#708e9960;color:#b6ccd5}
/* Legacy tab-specific paint must not leak through the shared material. */
body.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix,#tab-data,#tab-account) .panel{background:linear-gradient(128deg,#293c4534,transparent 55%),#19262ded;border-color:#67818d66;border-radius:3px}
body.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix) .metric{background:linear-gradient(110deg,#8cacbc0a,transparent),#1b2b33;border-color:#6e899755;box-shadow:inset 0 1px #aac9d338}
body.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix) .metric:nth-child(2){background:linear-gradient(110deg,#b484990a,transparent),#1b2830;box-shadow:inset 0 1px #c18c9d55}
body.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix) .metric:nth-child(3){background:linear-gradient(110deg,#8cbaae0a,transparent),#1b2b30;box-shadow:inset 0 1px #9cc3b855}
body.holograph-interface .tab-page :is(input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea),body.holograph-interface .control-panel :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),select){background:#192a33!important;border-color:#74909b6e!important;color:#dfebef!important;border-radius:3px;box-shadow:inset 0 1px #c4dfe408}
body.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix) .table-wrap :is(thead th,tbody td){border-color:#708b9638!important}
body.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix) .table-wrap thead th{background:#283b45!important;color:#d2e0e5!important}
body.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix) .table-wrap tbody tr{background:#192830;box-shadow:none}
body.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix) .table-wrap tbody tr:nth-child(even){background:#1e2e36}
body.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix) .table-wrap tbody tr.selected{background:#334952;box-shadow:inset 2px 0 #bd8b9e}
body.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix) .table-wrap tbody td{background:transparent}
body.holograph-interface #tab-matrix .bar-track,body.holograph-interface #tab-matrix .group-line{background:#14232b;border-color:#6d8a973d}
body.holograph-interface #tab-matrix .bar-fill{background:linear-gradient(90deg,#739cab,#a9c6ce 65%,#c49da9)}
body.holograph-interface #tab-matrix .group-line span{background:linear-gradient(90deg,#7aa69d,#a9c6cb)}
body.holograph-interface #tab-data .algorithm-svg{background:linear-gradient(150deg,#263d472e,transparent),#172730;border-color:#718d9859}
body.holograph-interface #tab-data :is(.algorithm-legend span,#algorithm-caption){background:#243740;border-color:#7c99a24d;color:#c9dbe1}
body.holograph-interface :is(.skill-algorithm-viz,.composition-algorithm-viz){background:linear-gradient(145deg,#21364066,#17252c);border-color:#6b87944d;border-radius:3px}
body.holograph-interface .arb-line-grid h3{color:var(--arb-style)!important}
body.holograph-interface .arb-name{font-size:13px}
body.holograph-interface .arb-status{background:#1b2a33;border-color:#75909b66;color:#b9ced7}
body.holograph-interface #tab-account .account-panel .primary{background:#654551;border-color:#b58b9c;color:#f0e6eb}
body.holograph-interface #tab-account .account-panel .secondary{background:#253b45;border-color:#78949f77;color:#cbdfe6}
body.holograph-interface[data-tab]:not([data-tab=race]) .workspace-intro{display:none!important}
body.agathos-interface.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix,#tab-data,#tab-account) .panel{background:linear-gradient(128deg,#293c4534,transparent 55%),#19262ded!important;border-color:#67818d66!important}
body.agathos-interface.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix) .summary-grid>.metric{background:linear-gradient(110deg,#8cacbc0a,transparent),#1b2b33!important;border-color:#6e899755!important;box-shadow:inset 0 1px #aac9d338}
body.agathos-interface.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix) .summary-grid>.metric:nth-child(2){background:linear-gradient(110deg,#b484990a,transparent),#1b2830!important;box-shadow:inset 0 1px #c18c9d55}
body.agathos-interface.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix) .summary-grid>.metric:nth-child(3){background:linear-gradient(110deg,#8cbaae0a,transparent),#1b2b30!important;box-shadow:inset 0 1px #9cc3b855}
@media(max-width:720px){body.holograph-interface .matrix-controls>label:last-child{grid-column:1/-1}}
@media(max-width:720px){body.holograph-interface #reference-planner-root .agp-modebar>button:not(.agp-source-anchor){display:flex;flex-direction:column;justify-content:center;gap:6px;padding:11px 5px;font-size:13px;line-height:1.6;min-height:68px;white-space:nowrap}body.holograph-interface #reference-planner-root .agp-modebar>button:not(.agp-source-anchor)>span{font-size:11px;line-height:1.3;letter-spacing:.1em}body.holograph-interface #reference-planner-root .agp-modebar>.agp-source-anchor{min-height:35px;padding:8px 0;margin-left:auto;justify-content:flex-end;font-size:12px}}
@media(min-width:1001px){body.holograph-interface #tab-data .algorithm-grid{align-items:start}body.holograph-interface #tab-data .algorithm-facts{position:sticky;top:88px;align-self:start}}

/* Code-native vector environment. Glass is suggested by open bevel edges,
   small offsets and restrained light, never a shattered-window wallpaper. */
.holograph-backdrop{background:radial-gradient(ellipse at 95% 1%,#29434d35,transparent 38%),linear-gradient(180deg,#111a20,#121a20 44%,#101518 94%)}
.holograph-backdrop img{mask-image:linear-gradient(180deg,#000 0%,#000 80%,transparent 100%);opacity:.9}
.holograph-backdrop:after{background:linear-gradient(90deg,#10151822,transparent 18%,transparent 84%,#10151818)}
body.holograph-interface .workspace-heading{background-image:url('artwork/agathos-vector-header-20261027-r6.svg'),linear-gradient(105deg,#263d4555,transparent 78%)!important;background-position:right center,center!important;background-size:360px 160px,cover!important;background-repeat:no-repeat!important}
body.holograph-interface .workspace-intro{background:none!important}
body.holograph-interface .holo-cut-surfaces{opacity:.8}
body.holograph-interface .holo-refraction{mix-blend-mode:screen}
body.holograph-interface .hero-gem{overflow:hidden}
body.holograph-interface .workspace-heading:before{height:1px;background:linear-gradient(90deg,#c395a684,#a4c6d12b,transparent)}
body.holograph-interface :is(.panel,.agp-slot,.agp-support-card,.agn-card){box-shadow:inset 0 1px #bed7df07,0 10px 28px #00000016}
@media(prefers-reduced-motion:no-preference){body.holograph-interface .holo-cut-surfaces{animation:vector-surface-reveal 1.15s ease-out both}}
@keyframes vector-surface-reveal{from{opacity:0;transform:translate(2px,3px)}to{opacity:.8;transform:none}}
@media(max-width:720px){body.holograph-interface .workspace-heading{background-size:210px 150px,cover!important}.holograph-backdrop img{opacity:.72}}

/* Frame hierarchy: workspace boundary / inset plot / reading divider.
   Colour is structural here; skill, running-style and risk colours retain meaning. */
body.agathos-interface.holograph-interface :is(
 .tab-page .panel,.control-panel,.workspace-heading,.home-updates,.summary-grid>.metric,
 .agp-character-picker,.agp-trainee-profile,.agp-library,.agp-needs,
 .agp-character-detail,.agp-compare-tray,.acr-section,.agn-card,
 .fsp-heading,.fsp-controls,.fsp-preview,.fsp-stage-editor
){border-color:var(--frame-main)!important}
body.agathos-interface.holograph-interface :is(
 .course-atlas,.table-wrap,.arb-map,.arb-table-scroll,.agp-matrix-scroll,
 .acr-table-scroll,.algorithm-svg,.algorithm-controls,.formula-viz,
 .skill-algorithm-viz,.composition-algorithm-viz,.algorithm-legend span,
 .detail-metrics>div,.detail-extremes>div,.fact-row,.agp-slot:not(.has-conflict):not(.has-duplicate),
 .agp-support-card:not(.is-selected):not(.is-conflict):not(.has-conflict):not(.has-duplicate),.agp-character-option:not(.is-selected):not([aria-pressed=true]),.account-box,.account-status,
 .fsp-pair,.fsp-slot,.fsp-tray,.fsp-overview
){border-color:var(--frame-inner)!important}
body.holograph-interface .course-atlas{--cv-line:var(--frame-inner)}
body.agathos-interface.holograph-interface #tab-data .algorithm-svg{border-color:var(--frame-inner)}
body.agathos-interface.holograph-interface :is(
 .panel-title,.control-heading,.cv-heading,.cv-stage-key,
 .agp-section-head,.agp-section-title,.acr-section-head,.arb-course-title,
 .agn-card-meta,.agn-card-tail,.sim-editor-identity,.fsp-step-header,
 .fsp-pairs-help,.fsp-rule-note,.fsp-pair-result
){border-color:var(--frame-divider)!important;border-image:none}
body.agathos-interface.holograph-interface .panel-title{border-bottom-style:solid}
body.agathos-interface.holograph-interface .panel-title:after{
 display:block;content:"";position:absolute;left:0;right:auto;bottom:-1px;
 top:auto;width:24px;height:1px;background:var(--frame-rose);
 border:0;transform:none;opacity:.75;pointer-events:none
}
body.agathos-interface.holograph-interface .panel-title:before{
 border-color:#829da8;opacity:.6;width:7px;height:7px
}
body.holograph-interface :is(.arb-row,.arb-cell,.arb-tier-key,.arb-columns>div){border-color:var(--frame-divider)}
body.holograph-interface :is(.agp-workflow-steps,.fsp-toolbar,.fsp-stage-tabs,.fsp-stage-tabs button){border-color:var(--frame-inner)}
body.holograph-interface .workspace-heading:before{background:linear-gradient(90deg,var(--frame-rose) 0 24px,var(--frame-divider) 24px,transparent 75%)}
body.holograph-interface .workspace-heading:after{opacity:.4}
body.holograph-interface .holo-hero-svg .crystal-rose-facet{mix-blend-mode:screen}
body.holograph-interface .holo-hero-svg .crystal-main-ridge,
body.holograph-interface .holo-hero-svg .crystal-rose-edge{stroke-linecap:butt;stroke-linejoin:miter}
@media(max-height:800px){
 body.holograph-interface .site-sidebar .brand{height:78px;min-height:78px}
 body.holograph-interface .site-sidebar nav{padding:16px 14px;gap:2px}
 body.holograph-interface .site-sidebar .nav{min-height:44px}
 body.holograph-interface .sidebar-tail{padding-top:18px;margin-bottom:20px}
 body.holograph-interface .sidebar-tail svg{margin:12px 0 14px}
}

/* News is a standalone reading workspace. Keep its shell independent of lazy
   ranking styles so direct navigation and reloads have the same layout. */
body[data-tab="news"] :is(.workspace-intro,.control-panel,#event-calendar,#home-news,.home-updates,.global-search,.data-status){display:none!important}

/* Agathos colour system / graphite, mulberry and pewter.
   Surface, text and action roles are separate; light text tokens never fill controls. */
html{color-scheme:dark;background:#191b20}
body.agathos-interface.holograph-interface{
 --paper:#191b20;--surface:#24272d;--soft:#2b3037;--ink:#d7d9d8;--muted:#adb6be;
 --line:#48515c;--wine:#c496a9;--wine2:#d4b1bf;--accent:#c496a9;--rose:#343039;
 --green:#a4c3b4;--gold:#cbb78c;--amber:#d4bc8d;
 --frame-main:#505b66;--frame-inner:#3c444f;--frame-divider:#343b45;--frame-rose:#b9859d;
 --reading-main:#d7d9d8;--reading-secondary:#bbc2c8;--reading-muted:#a3afb9;
 --reading-panel:#24272d;--reading-inset:#1d2127;--reading-raised:#2c323a;
 --ui-canvas:#191b20;--ui-panel:#24272d;--ui-inset:#1d2127;--ui-raised:#2c323a;
 --ui-head:#292b32;--ui-hover:#313740;--ui-selected:#39333e;
 --ui-text:#d7d9d8;--ui-title:#e1dfda;--ui-detail:#bbc2c8;--ui-caption:#a3afb9;
 --ui-control:#252b33;--ui-control-hover:#333b45;--ui-primary:#624353;--ui-primary-hover:#745064;
 --ui-border:#505b66;--ui-border-inset:#3c444f;--ui-divider:#343b45;
 --ui-rose:#c496a9;--ui-jade:#a4c3b4;--ui-blue:#a5b8c7;--ui-gold:#cbb78c;
 --ui-good:#afccbc;--ui-warning:#d8bd8c;--ui-danger:#d9a1ad;
 background:var(--ui-canvas);color:var(--ui-text);font-weight:400;
 accent-color:#a87c92;scrollbar-color:#59616c #1c2026;
}
body.agathos-interface.holograph-interface ::selection{background:#654857;color:#e1dce0}
body.agathos-interface.holograph-interface .holograph-backdrop{background:linear-gradient(180deg,transparent,#191b20 96%)}
body.agathos-interface.holograph-interface .holograph-backdrop img{opacity:.44;filter:saturate(.35)}
body.agathos-interface.holograph-interface .holograph-backdrop:after{background:linear-gradient(90deg,#191b2044,transparent 20%,transparent 80%,#191b2044)}
body.agathos-interface.holograph-interface .hero-gem svg{filter:saturate(.75) brightness(.88)}
body.agathos-interface.holograph-interface .topbar{background:#1b1e24f5;border-color:var(--ui-divider);backdrop-filter:blur(8px)}
body.agathos-interface.holograph-interface .site-sidebar{background:linear-gradient(155deg,#25262e,#1b1e24 65%);border-color:var(--ui-border-inset)}
body.agathos-interface.holograph-interface .site-sidebar .brand{background:#202229;border-color:var(--ui-divider)}
body.agathos-interface.holograph-interface .site-sidebar .nav{color:var(--ui-detail);background:transparent}
body.agathos-interface.holograph-interface .site-sidebar .nav:hover{background:#2e3039;color:var(--ui-title)}
body.agathos-interface.holograph-interface .site-sidebar .nav.active{color:#decbd4;background:linear-gradient(90deg,#7850632c,#29283066)}
body.agathos-interface.holograph-interface :is(.sidebar-tail,.sidebar-tail small,.topbar-label,.data-status,.site-legal){color:var(--ui-caption)}
body.agathos-interface.holograph-interface .sidebar-backdrop{background:#111319b8;backdrop-filter:blur(3px)}
body.agathos-interface.holograph-interface :is(.sidebar-open-trigger,.sidebar-toggle,.language-switch){background:#282c34;border-color:var(--ui-border-inset);color:var(--ui-detail)}
body.agathos-interface.holograph-interface .language-switch button[aria-pressed=true]{background:#3c3540;color:#ded2d9;box-shadow:none}

/* Every workspace shares the same material and reading hierarchy. */
body.agathos-interface.holograph-interface :is(.ag-planner,.ag-character-research,.ag-rating-board,.ag-news,.fsp-shell,.fmg-root,.agathos-sim-visuals,#tab-simulator,.course-atlas){
 --agp-bg:var(--ui-inset);--agp-panel:var(--ui-panel);--agp-ink:var(--ui-text);--agp-muted:var(--ui-caption);--agp-line:var(--ui-border-inset);--agp-jade:var(--ui-jade);--agp-rose:var(--ui-rose);
 --acr-ink:var(--ui-text);--acr-muted:var(--ui-caption);--acr-line:var(--ui-border-inset);--acr-jade:var(--ui-jade);--acr-rose:var(--ui-rose);
 --arb-ink:var(--ui-text);--arb-muted:var(--ui-caption);--arb-line:var(--ui-border-inset);
 --agn-ink:var(--ui-text);--agn-muted:var(--ui-caption);--agn-line:var(--ui-border-inset);--agn-jade:var(--ui-jade);--agn-ruby:var(--ui-rose);
 --fsp-bg:var(--ui-inset);--fsp-surface:var(--ui-panel);--fsp-ink:var(--ui-text);--fsp-muted:var(--ui-caption);--fsp-border:var(--ui-border-inset);--fsp-rose:var(--ui-rose);--fsp-cyan:var(--ui-jade);
 --fmg-line:var(--ui-border);--fmg-inner:var(--ui-border-inset);--fmg-divider:var(--ui-divider);--fmg-muted:var(--ui-caption);--fmg-rose:var(--ui-rose);
 --viz-paper:var(--ui-inset);--viz-panel:var(--ui-panel);--viz-ink:var(--ui-text);--viz-quiet:var(--ui-caption);--viz-line:var(--ui-border-inset);--viz-jade:var(--ui-jade);--viz-rose:var(--ui-rose);
 --sim-paper:var(--ui-panel);--sim-ink:var(--ui-text);--sim-soft:var(--ui-caption);--sim-line:var(--ui-border-inset);--sim-jade:var(--ui-jade);--sim-ruby:var(--ui-rose);
 --cv-muted:var(--ui-caption);--cv-line:var(--ui-border-inset);color:var(--ui-text);
}
body.agathos-interface.holograph-interface :is(h1,h2,h3,h4,h5){color:var(--ui-title)}
body.agathos-interface.holograph-interface :is(main,.tab-page,.control-panel,.cv-dialog) :is(p,label,li,summary){color:var(--ui-detail)}
body.agathos-interface.holograph-interface :is(.control-panel,#tab-race,#tab-characters,#tab-matrix,#tab-data,#tab-ratings,#tab-news,#tab-simulator,#tab-planner,#tab-account) :is(p,label,li,summary){color:var(--ui-detail)}
body.agathos-interface.holograph-interface :is(main,.cv-dialog) :is(small,.help,.field-hint,.detail-note,.parameter-hint,.skill-id,.id-name,.table-foot,.character-row-note,.character-alias,.agn-card-meta,.agn-source-meta,.agn-note p,.agn-footer,.agp-note,.agp-hint,.agp-card-meta,.agp-meta,.acr-note,.acr-muted,.arb-note,.arb-name,.arb-empty,.sim-note,.sim-help,.sim-model-note,.fmg-note,.fmg-tips,.fmg-source p,.fsp-rule-note,.fsp-pairs-help,.cv-map-hint,.cv-coverage-note){color:var(--ui-caption);line-height:1.85}
body.agathos-interface.holograph-interface :is(.control-panel,#tab-race,#tab-characters,#tab-matrix,#tab-data,#tab-ratings,#tab-news,#tab-simulator,#tab-planner,#tab-account) :is(small,.help,.field-hint,.detail-note,.parameter-hint,.sim-note,.sim-help,.sim-model-note,.acr-note,.arb-note,.agp-note,.fmg-note){color:var(--ui-caption)}
body.agathos-interface.holograph-interface :is(.parameter-hint,.field-hint,.detail-note){font-size:14px}
body.agathos-interface.holograph-interface :is(.parameter-hint,.field-hint) b{color:#c6ccd0;font-weight:550}
body.agathos-interface.holograph-interface :is(.agn-card>p,.agp-description,.account-panel p){font-size:16px;line-height:1.85}
body.agathos-interface.holograph-interface :is(.agn-details li,.agn-details summary,.agn-note p,.agp-note,.agp-hint,.sim-note,.sim-help,.fmg-purpose-grid em,.fmg-takeaway>p,.fmg-teach-focus>p,.arb-note){font-size:14px}
body.agathos-interface.holograph-interface :is(.agn-card-meta,.agn-source-meta,.agn-footer,.fmg-source p,.agp-source-note,.fsp-rule-note){font-size:12px}

/* Main planes / inset instruments / raised pieces. No bright sheet behind data. */
body.agathos-interface.holograph-interface :is(.control-panel,.tab-page .panel,.home-updates,.agp-character-picker,.agp-trainee-profile,.agp-library,.agp-needs,.agp-recommendations,.agp-character-detail,.agp-compare-tray,.agp-support-detail,.agp-catalog-results,.agn-card,.acr-section,.ag-character-research,.fsp-controls,.fsp-stage-editor,.fsp-export-panel,.fmg-teach-focus,.sim-match-settings,.sim-editor,.sim-library,.account-panel){background:var(--ui-panel)!important;border-color:var(--ui-border)!important;box-shadow:inset 0 1px #b9bdc307,0 8px 24px #0e101318}
body.agathos-interface.holograph-interface :is(.workspace-heading,.matrix-head,.section-heading,.account-head,.sim-heading,.agp-heading,.agn-heading,.arb-heading,.fsp-heading,.fmg-intro){background-color:var(--ui-head)!important;background-image:url('artwork/agathos-vector-header-20261027-r6.svg'),linear-gradient(105deg,#65506318,transparent 65%)!important;border-color:var(--ui-border)!important}
body.agathos-interface.holograph-interface :is(.metric,.detail-metrics>div,.detail-extremes>div,.fact-row,.agp-slot,.agp-recommendation-card,.agp-catalog-card,.agp-support-card,.agp-character-option,.account-box,.account-status,.fmg-fact,.fmg-reference-pairs>article,.fmg-growth-stages>article,.fmg-outing-points>article,.fmg-outings>article,.fmg-links>article,.fmg-evolutions>article,.fsp-pair,.fsp-level-buffs article){background:var(--ui-raised)!important;border-color:var(--ui-border-inset)!important;color:var(--ui-text)}
body.agathos-interface.holograph-interface :is(.table-wrap,.arb-map,.arb-line-grid article,.agp-matrix-scroll,.acr-table-scroll,.course-atlas,.algorithm-svg,.formula-viz,.skill-algorithm-viz,.composition-algorithm-viz,.fmg-chart,.fmg-outing-chart,.fmg-formula-lines,.fsp-preview,.fsp-board,.fsp-overview,.sim-viz-shell,.sim-viz-chart,.sim-skill,.agp-skill-description,.agp-support-detail pre,.edit-original,.source-panel){background:var(--ui-inset)!important;border-color:var(--ui-border-inset)!important}
body.agathos-interface.holograph-interface :is(.fmg-takeaway,.fmg-reference-actions,.fmg-gauge-flow,.fmg-multipliers article,.fmg-conversion,.fmg-participants,.agp-catalog-summary,.agp-workflow-steps,.fsp-wizard,.fsp-toolbar,.fsp-detail-panel,.sim-runbar,.sim-stamina-panel,.sim-stamina-card){background:#282c33!important;border-color:var(--ui-border-inset)!important}
body.agathos-interface.holograph-interface :is(.agp-plan-summary,.agp-plan-summary>div,.sim-buff-preflight,.sim-buff-summary){background:#29312f!important;border-color:#46574f!important;color:#c1ccc6}
body.agathos-interface.holograph-interface :is(.agp-duplicate-list,.account-notice){background:#352b31!important;border-color:#6b4d59!important}
body.agathos-interface.holograph-interface :is(.fmg-unknown,.rank-risk-note,.acr-risk.is-unstable){background:#302c26!important;border-color:#645744!important;color:var(--ui-warning)}
body.agathos-interface.holograph-interface :is(.agp-character-option,.agp-support-card,.agp-catalog-card):hover{background:var(--ui-hover)!important;border-color:#71808c!important}
body.agathos-interface.holograph-interface :is(.agp-character-option.is-selected,.agp-support-card.is-focused,.agp-catalog-card.is-selected){background:var(--ui-selected)!important;border-color:#a1798d!important}

/* Tables keep luminous area small; selection is a material tint, never a white row. */
body.agathos-interface.holograph-interface main table{color:var(--ui-text);line-height:1.75}
body.agathos-interface.holograph-interface main table :is(thead th,thead td){background:#30333d!important;color:#d4d1d6!important;border-color:var(--ui-border-inset)!important}
body.agathos-interface.holograph-interface main table tbody tr{background:var(--ui-panel)}
body.agathos-interface.holograph-interface main table tbody tr:nth-child(even){background:#282c33}
body.agathos-interface.holograph-interface main table tbody tr:nth-child(even)>:is(td,th){background-color:#282c33}
body.agathos-interface.holograph-interface main table tbody tr:hover>:is(td,th){background-color:var(--ui-hover)!important}
body.agathos-interface.holograph-interface main table tbody tr:is(.selected,.active,.is-selected,.is-focused,.is-current)>:is(td,th){background-color:var(--ui-selected)!important}
body.agathos-interface.holograph-interface main table tbody tr:is(.selected,.active,.is-selected,.is-focused,.is-current){box-shadow:inset 2px 0 var(--ui-rose)}
body.agathos-interface.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix,#tab-planner,#tab-simulator,#tab-data) table td:not([class]){color:var(--ui-text);border-color:var(--ui-divider)}
body.agathos-interface.holograph-interface main table :is(.number,.strong){font-variant-numeric:tabular-nums}

/* Actions use dark fills. Text/accent tokens are not reused as button backgrounds. */
body.agathos-interface.holograph-interface :is(.control-panel,#tab-race,#tab-characters,#tab-matrix,#tab-data,#tab-ratings,#tab-news,#tab-simulator,#tab-planner,#tab-account) :where(button){background-color:var(--ui-control);border-color:var(--ui-border-inset);color:#c9cdd0;box-shadow:none}
body.agathos-interface.holograph-interface :is(.primary,.fsp-primary,.agp-primary,.home-primary-actions button:first-child){background:var(--ui-primary)!important;border-color:#9f7289!important;color:#e0d3da!important;box-shadow:none}
body.agathos-interface.holograph-interface :is(.primary,.fsp-primary,.agp-primary,.home-primary-actions button:first-child):not(:disabled):hover{background:var(--ui-primary-hover)!important;border-color:#bd92a5!important}
body.agathos-interface.holograph-interface :is(.secondary,.agp-secondary,.fsp-file-button,.home-primary-actions button:not(:first-child)){background:#2b313b!important;border-color:#56616d!important;color:#c9ced2!important;box-shadow:none}
body.agathos-interface.holograph-interface :is(.secondary,.agp-secondary,.fsp-file-button):not(:disabled):hover{background:#39414d!important;border-color:#87929d!important}
body.agathos-interface.holograph-interface :is(.text-button,.bar-row,.band-button,.arb-entry,.agp-skill-link,.agp-character-name,.agp-icon-button,.cv-timeline,.fmg-tabs>button,.agp-modebar>button,.fsp-screen-tabs>button,.workflow button){background:transparent!important;box-shadow:none}
body.agathos-interface.holograph-interface :is(.fmg-tabs>button,.agp-modebar>button,.agn-categories button,.sim-tabs>button,.fsp-stage-tabs>button,.fsp-wizard button)[aria-selected=true],
body.agathos-interface.holograph-interface :is(.agn-categories button,.sim-tabs>button)[aria-pressed=true],
body.agathos-interface.holograph-interface .fsp-wizard button[aria-current=step]{background:linear-gradient(0deg,#6343533d,transparent)!important;border-bottom-color:var(--ui-rose)!important;color:#dbc9d1!important;box-shadow:inset 0 -1px #b7829c}
body.agathos-interface.holograph-interface :is(.agn-categories button,.sim-tabs>button){background:#252930!important;border-color:#424954!important;color:#bdc3c9!important}
body.agathos-interface.holograph-interface .fmg-purpose-grid>button{background:#292d34!important;border-color:var(--ui-border-inset)!important}
body.agathos-interface.holograph-interface .fmg-purpose-grid>button[aria-pressed=true]{background:#3a303c!important;border-color:#95788b!important}
body.agathos-interface.holograph-interface .fsp-token{background:#29333f!important;border-color:#4c5c6d!important}
body.agathos-interface.holograph-interface .fsp-token[data-fsp-kind=advanced]{background:#34303f!important;border-color:#65576f!important}
body.agathos-interface.holograph-interface .fsp-token:is([aria-pressed=true],.is-selected){background:#3b3f4b!important;border-color:#ae899e!important;box-shadow:0 0 0 1px #a57e9233}
body.agathos-interface.holograph-interface .fsp-board-node{background:#2c343e!important;border-color:#5a6a78!important}
body.agathos-interface.holograph-interface .fsp-attachment{background:#35303f!important;border-color:#6d5e7c!important}
body.agathos-interface.holograph-interface .fsp-drop-slot{background:#232831!important;border-color:#515f6b!important}
body.agathos-interface.holograph-interface .fsp-drop-slot:is(.is-over,.is-drop-target,[data-drop-active=true]){background:#303e3d!important;border-color:#91b4a7!important;box-shadow:inset 0 0 0 1px #91b4a733}

/* Native controls, autofill, file buttons and range tracks have explicit dark states. */
body.agathos-interface.holograph-interface :is(input,select,textarea,option,optgroup){color-scheme:dark}
body.agathos-interface.holograph-interface :is(.tab-page,.control-panel,.cv-dialog,.global-search) :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea){background:#1d232b!important;border-color:#56616d!important;color:#d0d5d9!important;box-shadow:none;border-radius:3px}
body.agathos-interface.holograph-interface .global-search{background:#20252d;border-color:#4c5663;box-shadow:none}
body.agathos-interface.holograph-interface .global-search input{background:transparent!important;border:0!important}
body.agathos-interface.holograph-interface :is(select option,select optgroup){background:#252b33!important;color:#cdd2d6!important}
body.agathos-interface.holograph-interface ::placeholder{color:#98a5b1;opacity:1}
body.agathos-interface.holograph-interface :is(input,select,textarea,button,summary,a):focus-visible{outline:2px solid #b993a5;outline-offset:3px}
body.agathos-interface.holograph-interface input:-webkit-autofill{box-shadow:0 0 0 1000px #1d232b inset!important;-webkit-text-fill-color:#d0d5d9!important;caret-color:#d0d5d9}
body.agathos-interface.holograph-interface input[type=file]::file-selector-button{border:1px solid #62606c;background:#3a323f;color:#d0c4ce;border-radius:3px;padding:7px 11px;margin-right:10px;cursor:pointer}
body.agathos-interface.holograph-interface input[type=file]::file-selector-button:hover{background:#4c3c4b;border-color:#a17a91}
body.agathos-interface.holograph-interface input[type=range]{appearance:none;-webkit-appearance:none;background:transparent!important;box-shadow:none;border:0;padding:0;min-height:28px;accent-color:#b38a9e}
body.agathos-interface.holograph-interface input[type=range]::-webkit-slider-runnable-track{height:6px;background:#3a434e;border:1px solid #505b67;border-radius:8px}
body.agathos-interface.holograph-interface input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:#b38a9e;border:2px solid #d3b7c5;margin-top:-5px;box-shadow:0 1px 3px #1118}
body.agathos-interface.holograph-interface input[type=range]::-moz-range-track{height:5px;background:#3a434e;border:1px solid #505b67;border-radius:8px}
body.agathos-interface.holograph-interface input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#b38a9e;border:2px solid #d3b7c5}
body.agathos-interface.holograph-interface input[type=range]::-moz-range-progress{height:5px;background:#8f6e80;border-radius:8px}
body.agathos-interface.holograph-interface :is(input[type=checkbox],input[type=radio]){accent-color:#a87c92;box-shadow:none}
body.agathos-interface.holograph-interface :is(progress,meter){accent-color:#9eb7ad;color-scheme:dark}
body.agathos-interface.holograph-interface *{scrollbar-color:#59616c #1c2026}

/* Charts retain functional colour; their furniture belongs to the same quiet ground. */
body.agathos-interface.holograph-interface :is(.bar-track,.group-line,.agp-meter,.acr-axis-track,.acr-score-track,.arb-score-track,.fmg-outing-bars>div>i,.sim-stamina-gauge){background:#303741!important;border-color:#424c58}
body.agathos-interface.holograph-interface :is(.bar-fill,.group-line>span){background:linear-gradient(90deg,#896779,#b38b9c)!important}
body.agathos-interface.holograph-interface :is(.fmg-outing-bars b,.fmg-outing-legend i){background:#596974}
body.agathos-interface.holograph-interface :is(.fmg-outing-bars em,.fmg-outing-legend>span+span i){background:#97b6aa}
body.agathos-interface.holograph-interface .acr-radar-grid :is(path,polygon){stroke:#5b67724f}
body.agathos-interface.holograph-interface .acr-radar-area{fill:#a6b9b223;stroke:#9ebdb0}
body.agathos-interface.holograph-interface main svg text:is([fill="white"],[fill="#fff"],[fill="#ffffff"],[fill="#dfe9ed"],[fill="#e4e8eb"],[fill="#e4e8e9"]){fill:#d4d7d8}
body.agathos-interface.holograph-interface main svg text:is([fill="#9fb5bf"],[fill="#9db2bd"],[fill="#a8bdc7"]){fill:#a8b5bf}
body.agathos-interface.holograph-interface .course-atlas :is(.cv-ruler text,.cv-map text){paint-order:stroke;stroke:#1d2127;stroke-width:2px;stroke-linejoin:round}
body.agathos-interface.holograph-interface :is(.metric strong,.detail-metrics strong,.detail-extremes strong,.number.strong,.bar-number,.character-detail-head>strong){color:#c9a4b5}
body.agathos-interface.holograph-interface :is(.fmg-takeaway>strong,.fmg-outing-value,.fmg-growth-stages h4,.agp-stat-value,.agp-coverage-cell strong){color:#cbd4d0}
body.agathos-interface.holograph-interface :is(.fmg-purpose-grid em,.fmg-growth-stages span,.fmg-outing-bars>div>span,.fmg-outings-v2 p,.fmg-outing-points p,.fmg-multipliers p,.fmg-decision-flow p){color:var(--ui-detail)}
body.agathos-interface.holograph-interface :is(.agn-state-ongoing,.agn-state-planned,.tag.good,.is-positive){color:var(--ui-good)}
body.agathos-interface.holograph-interface :is(.warning,.is-caution,.tag.warn,.agn-state-partial,.arb-risk,.condition-risk-badge){color:var(--ui-warning)}
body.agathos-interface.holograph-interface :is(.error,.is-invalid,.agp-conflict,.agp-duplicate){color:var(--ui-danger)}
body.agathos-interface.holograph-interface :is(.agp-slot.has-conflict,.agp-support-card.has-duplicate){border-color:#aa7485!important;background:#322931!important}
body.agathos-interface.holograph-interface a{color:#b0bdca;text-decoration-color:#7e8a99}
body.agathos-interface.holograph-interface a:hover{color:#d2b8c7}
body.agathos-interface.holograph-interface .cv-dialog{background:var(--ui-panel);color:var(--ui-text);border-color:var(--ui-border)}
body.agathos-interface.holograph-interface .cv-dialog::backdrop{background:#111319bb;backdrop-filter:blur(4px)}
body.agathos-interface.holograph-interface :is(.cv-dialog .cv-heading,.fsp-tooltip,.fsp-drag-ghost){background:#2a2d36!important;color:var(--ui-text);border-color:#62606f}
body.agathos-interface.holograph-interface .fsp-tooltip:after{background:#2a2d36;border-color:#62606f}
@media(max-width:720px){body.agathos-interface.holograph-interface :is(.parameter-hint,.field-hint,.detail-note){font-size:13px}body.agathos-interface.holograph-interface :is(.agn-card>p,.agp-description,.account-panel p){font-size:15px}body.agathos-interface.holograph-interface .holograph-backdrop img{opacity:.36}}

/* Explicit workspace scope also replaces older ID-scoped theme rules. */
body.agathos-interface.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix,#tab-data,#tab-ratings,#tab-news,#tab-simulator,#tab-planner,#tab-account) .panel{background:var(--ui-panel)!important;border-color:var(--ui-border)!important}
body.agathos-interface.holograph-interface #tab-data :is(.algorithm-controls,.calc-flow,.calc-flow-note,.formula-card){background:var(--ui-inset)!important;border-color:var(--ui-border-inset)!important}
body.agathos-interface.holograph-interface #tab-data :is(.algorithm-chart,.algorithm-facts,.formula-panel){background:var(--ui-panel)!important}

body.agathos-interface.holograph-interface :is(.fsp-screen-tabs,.fsp-stage-tabs,.agp-modebar,.agp-workflow-steps,.sim-step-nav){background:#24272f!important;border-color:var(--ui-border-inset)!important}
body.agathos-interface.holograph-interface :is(.fsp-tray,.fsp-slot,.fsp-file-tools,.fsp-preview>header,.fsp-preview-heading,.fsp-controls>.fsp-section-title,.fsp-preview>.fsp-section-title,.sim-team,.sim-entrant,.sim-step-nav button,.sim-outcome,.sim-distance-summary,.sim-result-card){background:var(--ui-raised)!important;border-color:var(--ui-border-inset)!important;color:var(--ui-text)}
body.agathos-interface.holograph-interface .fsp-stage-tabs button{background:#262b33!important;color:var(--ui-detail)}
body.agathos-interface.holograph-interface .fsp-stage-tabs button[aria-selected=true]{background:var(--ui-selected)!important;color:#dbc9d1;box-shadow:inset 0 -2px #b7829c}
body.agathos-interface.holograph-interface .fsp-notice{background:#29312f;color:#c1ccc6;border-color:#88a89a}
body.agathos-interface.holograph-interface .fsp-notice:is([data-kind=error],.is-error){background:#352b31;color:var(--ui-danger);border-color:#aa7485}
body.agathos-interface.holograph-interface :is(.fsp-warning,.fsp-warnings){background:#302c26;color:var(--ui-warning);border-color:#645744}
body.agathos-interface.holograph-interface .fsp-viewport{background-color:#1d2127;background-image:linear-gradient(45deg,#262b33 25%,transparent 25%),linear-gradient(-45deg,#262b33 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#262b33 75%),linear-gradient(-45deg,transparent 75%,#262b33 75%)}

body.agathos-interface.holograph-interface main svg [stroke="#61ded1"]{stroke:#a4c3b4}
body.agathos-interface.holograph-interface main svg [stroke="#a7bbd1"]{stroke:#a5b8c7}
body.agathos-interface.holograph-interface main svg [stroke="#4f8290"]{stroke:#4b5662}
body.agathos-interface.holograph-interface main svg [stroke="#65b1b2"]{stroke:#738d86}
body.agathos-interface.holograph-interface main svg :is([fill="#61ded1"],[fill="#65b1b2"]){fill:#a4c3b4}
body.agathos-interface.holograph-interface #tab-data .algorithm-legend span{background:#272e35;color:#bbc2c8;border-color:#3c444f}
body.agathos-interface.holograph-interface #tab-data .algorithm-legend .legend-skill{background:#a4c3b4;box-shadow:none}
body.agathos-interface.holograph-interface #tab-data .algorithm-legend .legend-base{background:#a5b8c7;box-shadow:none}

/* Site reading system: calm contrast, generous rhythm and purposeful accents. */
body.agathos-interface.holograph-interface{
 --reading-main:#dfdedb;--reading-secondary:#c5c7c8;--reading-muted:#acb4b9;
 --ui-text:#dfdedb;--ui-title:#e6e2de;--ui-detail:#c5c7c8;--ui-caption:#acb4b9;
 --ui-canvas:#1a1c21;--ui-panel:#25272e;--ui-inset:#1d2026;--ui-raised:#30333b;
 --ui-head:#2e2b32;--ui-control:#272c34;--ui-border:#555b64;--ui-border-inset:#444b55;--ui-divider:#3b4049;
 --ui-rose:#c79aaa;--ui-jade:#aac4b8;--ui-blue:#b1bfcb;--ui-gold:#cfbc98;
 background:var(--ui-canvas);color:var(--ui-text);line-height:1.7;
}
body.agathos-interface.holograph-interface .holograph-backdrop{background:linear-gradient(180deg,transparent,#1a1c21 96%)}
body.agathos-interface.holograph-interface :is(.panel,.control-panel,.agn-card,.account-panel){border-radius:6px}
body.agathos-interface.holograph-interface :is(.workspace-heading,.section-heading,.matrix-head,.account-head,.agn-heading){border-radius:6px; background-color:#302d34!important}
body.agathos-interface.holograph-interface :is(.panel-title,.control-heading){gap:16px;padding-bottom:15px;margin-bottom:18px}
body.agathos-interface.holograph-interface .panel-title h2{font-size:clamp(19px,1.3vw,22px);letter-spacing:.015em;line-height:1.4}
body.agathos-interface.holograph-interface :is(main,.control-panel,.cv-dialog) :is(p,li){line-height:1.75}
body.agathos-interface.holograph-interface :is(.topbar-label,.data-status){color:#acb4b9;letter-spacing:.04em}
body.agathos-interface.holograph-interface .topbar{background:#202228f5}
body.agathos-interface.holograph-interface .site-sidebar .nav{min-height:45px;font-size:15px;letter-spacing:.01em}
body.agathos-interface.holograph-interface .site-sidebar .nav.active{color:#ead9df;background:linear-gradient(90deg,#69495777,#34303966)}
body.agathos-interface.holograph-interface .sidebar-tail{line-height:1.9}
body.agathos-interface.holograph-interface .workspace-intro p{font-size:16px;line-height:1.8;color:var(--ui-detail);max-width:42em}
body.agathos-interface.holograph-interface .workflow{gap:1px}
body.agathos-interface.holograph-interface .workflow button{padding:18px 18px;min-height:76px;border-color:#3f464e}
body.agathos-interface.holograph-interface .workflow span{font-size:15px;color:#dad9d7}
body.agathos-interface.holograph-interface .workflow small{font-size:13px;color:#afb8bc}
body.agathos-interface.holograph-interface .contact-strip{font-size:13px;line-height:1.7;color:#acb4b9}
body.agathos-interface.holograph-interface .control-panel{padding:24px 26px}
body.agathos-interface.holograph-interface .control-main{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px}
body.agathos-interface.holograph-interface .control-main>label{min-width:0;font-size:14px;line-height:1.5;gap:8px;color:var(--ui-detail)}
body.agathos-interface.holograph-interface .control-main>label :is(select,input){height:46px;font-size:15px}
body.agathos-interface.holograph-interface :is(.parameter-hint,.field-hint){font-size:14px;line-height:1.65;color:#adb7bd}
body.agathos-interface.holograph-interface .parameter-hint span{display:block;padding:5px 0;border-color:#3a4048}
body.agathos-interface.holograph-interface .parameter-hint b{color:#d0ccca}
body.agathos-interface.holograph-interface .scenario>summary{padding:8px 0;font-size:15px;color:#d2b3c1}
body.agathos-interface.holograph-interface .scenario-grid{gap:18px 20px}
body.agathos-interface.holograph-interface .scenario-grid>label{align-content:start;font-size:14px}
body.agathos-interface.holograph-interface :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea){line-height:1.5}
body.agathos-interface.holograph-interface :is(button,summary,a):focus-visible{outline-color:#c69aaa}
body.agathos-interface.holograph-interface .ag-news .agn-heading{padding:28px 30px;margin-bottom:18px}
body.agathos-interface.holograph-interface .ag-news .agn-grid{gap:18px}
body.agathos-interface.holograph-interface .ag-news .agn-card{padding:24px 26px}
body.agathos-interface.holograph-interface .ag-news .agn-card-meta{font-size:13px;line-height:1.5}
body.agathos-interface.holograph-interface .ag-news .agn-card h3{font-size:20px!important;line-height:1.45!important}
body.agathos-interface.holograph-interface .ag-news .agn-card>p{font-size:15px;line-height:1.75;color:var(--ui-detail)}
body.agathos-interface.holograph-interface .ag-news :is(.agn-note p,.agn-details summary,.agn-card-tail a,.agn-count,.agn-state){font-size:14px;line-height:1.65}
body.agathos-interface.holograph-interface .account-panel{max-width:1000px;margin-inline:auto}
body.agathos-interface.holograph-interface :is(.account-form,.account-guest){line-height:1.7}
@media(max-width:850px){
 body.agathos-interface.holograph-interface .control-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 body.agathos-interface.holograph-interface .control-main>.wide{grid-column:1/-1}
 body.agathos-interface.holograph-interface .control-panel{padding:19px}
 body.agathos-interface.holograph-interface .workflow button{padding:13px 12px;min-height:68px}
}
@media(max-width:560px){
 body.agathos-interface.holograph-interface .control-main{grid-template-columns:1fr}
 body.agathos-interface.holograph-interface .control-main>.wide{grid-column:auto}
 body.agathos-interface.holograph-interface .control-panel{padding:16px}
 body.agathos-interface.holograph-interface .parameter-hint{font-size:13px;line-height:1.65}
 body.agathos-interface.holograph-interface .workspace-intro p{font-size:15px}
 body.agathos-interface.holograph-interface .workflow button{padding:12px 10px}
 body.agathos-interface.holograph-interface .workflow span{font-size:14px}
 body.agathos-interface.holograph-interface .workflow small{font-size:12px}
 body.agathos-interface.holograph-interface .ag-news .agn-card{padding:19px}
}


/* Research workspaces: calmer surfaces and a more legible information hierarchy.
   Kept separate so the shared colour system can supply the final palette. */
body.agathos-interface.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix,#tab-data,#tab-ratings){
  --study-panel:var(--ui-panel,#24272d); --study-inset:var(--ui-inset,#1d2127);
  --study-raised:var(--ui-raised,#2c323a); --study-border:var(--ui-border-inset,#3c444f);
  --study-text:var(--ui-text,#d7d9d8); --study-detail:var(--ui-detail,#bbc2c8);
  --study-caption:var(--ui-caption,#a3afb9); --study-accent:var(--ui-rose,#c496a9);
}
/* A consistent rhythm makes long tables and graphs easier to scan. */
body.agathos-interface.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix,#tab-data) .panel{
  padding:clamp(18px,2vw,26px); margin-bottom:20px;
}
body.agathos-interface.holograph-interface :is(#tab-characters,#tab-matrix,#tab-data) :is(.main-grid,.algorithm-grid)>.panel{margin-bottom:0}
body.agathos-interface.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix,#tab-data) .panel-title{
  align-items:center; gap:12px; min-height:38px; margin-bottom:20px; padding-bottom:14px;
  border-bottom:1px solid var(--ui-divider,#343b45)!important;
}
body.agathos-interface.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix,#tab-data) .panel-title h2{
  font-size:20px; line-height:1.45; letter-spacing:.015em;
}
body.agathos-interface.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix,#tab-data) .panel-title>span{
  font-size:13px; line-height:1.55; color:var(--study-caption);
}
body.agathos-interface.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix,#tab-data) :is(.summary-grid,.main-grid,.algorithm-grid){gap:16px}
body.agathos-interface.holograph-interface :is(#tab-race,#tab-matrix) .summary-grid .metric{
  min-width:0; min-height:110px; padding:16px 18px; background:var(--study-raised)!important;
  border:1px solid var(--study-border)!important; border-top:2px solid #806879!important;
}
body.agathos-interface.holograph-interface :is(#tab-race,#tab-matrix) .summary-grid .metric:before{opacity:.32}
body.agathos-interface.holograph-interface :is(#tab-race,#tab-matrix) .metric :is(span,small){font-size:13px;line-height:1.5;color:var(--study-caption)}
body.agathos-interface.holograph-interface :is(#tab-race,#tab-matrix) .metric strong{font-size:23px;line-height:1.35;color:var(--study-text);font-variant-numeric:tabular-nums}
body.agathos-interface.holograph-interface #tab-race .metric:first-child strong{font-size:17px;white-space:normal;overflow-wrap:anywhere}

/* Controls are distinct from content and keep readable labels at normal PC zoom. */
body.agathos-interface.holograph-interface :is(#tab-characters .character-tools,#tab-matrix .matrix-controls){gap:12px 14px}
body.agathos-interface.holograph-interface :is(#tab-characters .character-tools,#tab-matrix .matrix-controls) label{font-size:13px;line-height:1.5;color:var(--study-detail)}
body.agathos-interface.holograph-interface :is(#tab-characters .character-tools,#tab-matrix .matrix-controls,#tab-race .library-tools) :is(input,select){min-height:42px;font-size:14px}
body.agathos-interface.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix) .table-wrap{
  background:var(--study-inset)!important;border-color:var(--study-border)!important;
  border-radius:5px;overscroll-behavior-x:contain;
}
body.agathos-interface.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix) table{font-size:14px;line-height:1.6}
body.agathos-interface.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix) table :is(th,td){padding:12px 14px;line-height:1.55}
body.agathos-interface.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix) table th{font-size:13px;font-weight:600;letter-spacing:.015em}
body.agathos-interface.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix) table td{font-size:14px;border-color:var(--ui-divider,#343b45)}
body.agathos-interface.holograph-interface :is(#tab-race,#tab-characters) :is(.row-skill strong,.character-name strong){font-size:14px;line-height:1.5}
body.agathos-interface.holograph-interface :is(#tab-race,#tab-characters) :is(.row-skill small,.character-name small,.composition small){font-size:12px;line-height:1.55;color:var(--study-caption)}
body.agathos-interface.holograph-interface :is(#tab-race,#tab-characters) :is(.table-foot,.character-toolbar){font-size:13px;line-height:1.75;color:var(--study-caption)}
body.agathos-interface.holograph-interface :is(#tab-race,#tab-characters) .table-foot{gap:16px;align-items:flex-start}
body.agathos-interface.holograph-interface :is(#tab-race,#tab-characters) .table-foot span{max-width:92ch}
body.agathos-interface.holograph-interface :is(#tab-race,#tab-characters) .table-foot button{flex-shrink:0}

/* Compare lengths in aligned rows with quieter tracks and clearly visible values. */
body.agathos-interface.holograph-interface #tab-matrix .matrix-bars{gap:4px}
body.agathos-interface.holograph-interface #tab-matrix .bar-row{
  grid-template-columns:minmax(120px,170px) minmax(30px,1fr) 68px;
  min-height:40px;padding:6px 8px;border-bottom:1px solid var(--ui-divider,#343b45);border-radius:3px;
}
body.agathos-interface.holograph-interface #tab-matrix .bar-row:hover{background:#ffffff08!important}
body.agathos-interface.holograph-interface #tab-matrix .bar-name{font-size:14px;line-height:1.5}
body.agathos-interface.holograph-interface #tab-matrix .bar-track{height:10px;background:#3a4048!important}
body.agathos-interface.holograph-interface #tab-matrix .bar-number{font-size:14px;color:var(--study-accent);font-variant-numeric:tabular-nums;text-align:right}
body.agathos-interface.holograph-interface #tab-matrix :is(.group-name,.group-meta){line-height:1.6}
body.agathos-interface.holograph-interface #tab-matrix .group-name{font-size:14px}
body.agathos-interface.holograph-interface #tab-matrix .group-meta{font-size:12px;color:var(--study-caption)}

/* Model cards are a single family instead of alternating saturated colour blocks. */
body.agathos-interface.holograph-interface #tab-data .formula-grid{gap:14px}
body.agathos-interface.holograph-interface #tab-data .formula-grid>div{
  padding:19px 18px!important;background:var(--study-raised)!important;
  border:1px solid var(--study-border)!important;box-shadow:none!important;
}
body.agathos-interface.holograph-interface #tab-data .formula-grid>div:before{background:var(--study-accent)!important;opacity:.65}
body.agathos-interface.holograph-interface #tab-data .formula-grid small{color:var(--study-accent);font-size:12px;letter-spacing:.08em}
body.agathos-interface.holograph-interface #tab-data .formula-grid code{
  display:block;color:var(--study-text);font-size:14px;line-height:1.7;overflow-wrap:anywhere;
}
body.agathos-interface.holograph-interface #tab-data .formula-grid p{color:var(--study-detail);font-size:14px;line-height:1.8;margin-top:12px}
body.agathos-interface.holograph-interface #tab-data :is(.algorithm-controls,.calc-flow,.calc-flow-note){background:var(--study-inset)!important;border-color:var(--study-border)!important}
body.agathos-interface.holograph-interface #tab-data .calc-step{background:var(--study-raised)!important;border-color:var(--study-border)!important;box-shadow:none}
body.agathos-interface.holograph-interface #tab-data .calc-step :is(p,small){font-size:13px;line-height:1.7}
body.agathos-interface.holograph-interface #tab-data .algorithm-facts :is(.fact-row,.metric){background:var(--study-raised)!important;border-color:var(--study-border)!important}
body.agathos-interface.holograph-interface #tab-data .algorithm-facts :is(p,small){font-size:13px;line-height:1.75}

/* Results grid: preserve role colours, but keep names and units legible. */
body.agathos-interface.holograph-interface #tab-ratings .ag-rating-board .panel{padding:clamp(18px,2vw,26px)}
body.agathos-interface.holograph-interface #tab-ratings .arb-line-grid article{background:var(--study-inset)!important;border-color:var(--study-border)!important;border-top-color:var(--arb-style)!important}
body.agathos-interface.holograph-interface #tab-ratings .arb-line-grid span{color:var(--study-caption);font-size:13px;line-height:1.55}
body.agathos-interface.holograph-interface #tab-ratings .arb-name{color:var(--study-detail);font-size:13px;line-height:1.5}
body.agathos-interface.holograph-interface #tab-ratings .arb-tier-key small{color:var(--study-caption);font-size:12px}
body.agathos-interface.holograph-interface #tab-ratings .arb-note{font-size:13px;line-height:1.8}

@media(max-width:800px){
  body.agathos-interface.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix,#tab-data) .panel{padding:17px;margin-bottom:15px}
  body.agathos-interface.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix,#tab-data) .panel-title{align-items:flex-start;flex-wrap:wrap;gap:6px;margin-bottom:15px}
  body.agathos-interface.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix,#tab-data) .panel-title h2{font-size:18px}
  body.agathos-interface.holograph-interface :is(#tab-race,#tab-matrix) .summary-grid .metric{min-height:96px;padding:12px 13px}
  body.agathos-interface.holograph-interface :is(#tab-race,#tab-matrix) .metric strong{font-size:20px}
  body.agathos-interface.holograph-interface :is(#tab-race,#tab-characters) .table-foot{flex-direction:column}
  body.agathos-interface.holograph-interface #tab-matrix .bar-row{grid-template-columns:minmax(94px,120px) minmax(24px,1fr) 58px;gap:7px}
  body.agathos-interface.holograph-interface #tab-matrix :is(.bar-name,.bar-number){font-size:13px}
  body.agathos-interface.holograph-interface #tab-data .formula-grid>div{padding:16px!important}
  body.agathos-interface.holograph-interface #tab-data .formula-grid p{font-size:14px;line-height:1.7}
}
@media(max-width:560px){
  body.agathos-interface.holograph-interface #tab-matrix .table-wrap tbody tr{background:var(--study-raised)!important;border:1px solid var(--study-border)!important;box-shadow:none}
  body.agathos-interface.holograph-interface #tab-matrix .table-wrap tbody tr:nth-child(even){background:var(--study-raised)!important}
  body.agathos-interface.holograph-interface #tab-matrix .table-wrap tbody td{background:var(--study-inset)!important;font-size:13px;padding:9px}
  body.agathos-interface.holograph-interface #tab-matrix .table-wrap tbody td:before{color:var(--study-caption);font-size:12px}
  body.agathos-interface.holograph-interface #tab-matrix .table-wrap tbody td.matrix-course{background:#34313a!important;color:var(--study-text);font-size:14px}
  body.agathos-interface.holograph-interface #tab-matrix .table-wrap tbody td.matrix-course:before{color:var(--study-accent)}
  body.agathos-interface.holograph-interface #tab-data .formula-grid{grid-template-columns:1fr}
}


/* Simulator reading layout — calm surfaces, a clear path through each step. */
body.agathos-interface.holograph-interface #tab-simulator {
  --sim-surface: var(--ui-panel, #24272d);
  --sim-inset: var(--ui-inset, #1d2127);
  --sim-raised: var(--ui-raised, #2c323a);
  --sim-text: var(--ui-text, #d7d9d8);
  --sim-detail: var(--ui-detail, #bbc2c8);
  --sim-caption: var(--ui-caption, #a3afb9);
  --sim-border: var(--ui-border-inset, #3c444f);
  --sim-divider: var(--ui-divider, #343b45);
  --sim-rose: var(--ui-rose, #c496a9);
  --sim-green: var(--ui-jade, #a4c3b4);
  color: var(--sim-text);
}
body.agathos-interface.holograph-interface #tab-simulator .sim-heading {
  gap: 24px; margin-bottom: 22px; padding: 24px 28px;
  border: 1px solid var(--sim-border); border-left: 2px solid #a77d91;
  background: linear-gradient(105deg,#38303955,transparent 64%),var(--sim-surface);
}
body.agathos-interface.holograph-interface #tab-simulator .sim-heading h1 { font-size: clamp(27px,2.1vw,33px); line-height:1.3; margin:7px 0 10px; }
body.agathos-interface.holograph-interface #tab-simulator .sim-heading p { color:var(--sim-detail); max-width:64ch; line-height:1.75; }
body.agathos-interface.holograph-interface #tab-simulator .sim-model-tag { background:#303437; color:#b9c8c1; border-color:#4d5b56; font-size:13px; }
body.agathos-interface.holograph-interface #tab-simulator .sim-workflow { border-color:var(--sim-border); background:var(--sim-inset); border-radius:5px; margin-bottom:24px; }
body.agathos-interface.holograph-interface #tab-simulator .sim-workflow button { color:var(--sim-text); padding:16px 22px; min-height:72px; }
body.agathos-interface.holograph-interface #tab-simulator .sim-workflow button + button { border-left-color:var(--sim-border); }
body.agathos-interface.holograph-interface #tab-simulator .sim-workflow button:hover { background:#34323b; }
body.agathos-interface.holograph-interface #tab-simulator .sim-workflow b { color:var(--sim-rose); border-color:#755e6b; }
body.agathos-interface.holograph-interface #tab-simulator .sim-workflow small { color:var(--sim-caption); font-size:13px; }
body.agathos-interface.holograph-interface #tab-simulator .panel { padding:26px; margin-bottom:20px; border-radius:5px; }
body.agathos-interface.holograph-interface #tab-simulator .panel-title { gap:16px; margin-bottom:22px; padding-bottom:16px; border-color:var(--sim-divider); }
body.agathos-interface.holograph-interface #tab-simulator .panel-title h2 { font-size:21px; line-height:1.4; letter-spacing:.015em; }
body.agathos-interface.holograph-interface #tab-simulator .panel-title > span { color:var(--sim-caption); font-size:13px; line-height:1.6; }
body.agathos-interface.holograph-interface #tab-simulator .sim-scenario > .sim-fields { grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px 16px; }
body.agathos-interface.holograph-interface #tab-simulator .sim-scenario > .sim-fields > .sim-param-field:has(#sim-course) { grid-column:span 2; }
body.agathos-interface.holograph-interface #tab-simulator :is(label,.sim-param-field>label) { color:var(--sim-detail); font-size:14px; line-height:1.55; gap:7px; }
body.agathos-interface.holograph-interface #tab-simulator :is(input:not([type=checkbox]):not([type=radio]),select) { min-height:44px; font-size:15px; }
body.agathos-interface.holograph-interface #tab-simulator .sim-param-guide { border-color:#62606a; padding-left:10px; }
body.agathos-interface.holograph-interface #tab-simulator .sim-param-guide summary { color:var(--sim-caption); font-size:13px; line-height:1.55; padding:3px 0; }
body.agathos-interface.holograph-interface #tab-simulator .sim-param-guide[open] { background:#2a3037; border-color:#a88395; padding:10px 12px; }
body.agathos-interface.holograph-interface #tab-simulator .sim-param-guide :is(dt,dd) { font-size:14px; line-height:1.7; }
body.agathos-interface.holograph-interface #tab-simulator .sim-param-guide dt { color:var(--sim-detail); }
body.agathos-interface.holograph-interface #tab-simulator .sim-param-guide dd { color:var(--sim-caption); }
body.agathos-interface.holograph-interface #tab-simulator .sim-workspace { grid-template-columns:minmax(290px,.72fr) minmax(0,1.65fr); gap:20px; }
body.agathos-interface.holograph-interface #tab-simulator .sim-roster-col { align-self:start; }
body.agathos-interface.holograph-interface #tab-simulator .sim-team + .sim-team { border-color:var(--sim-divider); }
body.agathos-interface.holograph-interface #tab-simulator .sim-team-head { color:var(--sim-detail); }
body.agathos-interface.holograph-interface #tab-simulator .sim-runner { background:#262c33!important; border-color:#424b56; border-left:2px solid transparent; padding:11px 12px; }
body.agathos-interface.holograph-interface #tab-simulator .sim-runner:hover:not(:disabled) { background:#30363e!important; }
body.agathos-interface.holograph-interface #tab-simulator .sim-runner.selected { background:#38333d!important; border-color:#8d7483; border-left-color:var(--sim-rose); }
body.agathos-interface.holograph-interface #tab-simulator .sim-runner small { color:var(--sim-caption); font-size:13px; }
body.agathos-interface.holograph-interface #tab-simulator .sim-add { color:var(--sim-caption); border-color:#505b66; }
body.agathos-interface.holograph-interface #tab-simulator .sim-identity { border-color:var(--sim-divider); padding-bottom:20px; margin-bottom:20px; }
body.agathos-interface.holograph-interface #tab-simulator .sim-identity p { color:var(--sim-caption); }
body.agathos-interface.holograph-interface #tab-simulator .sim-editor .sim-fields { gap:18px 16px; }
body.agathos-interface.holograph-interface #tab-simulator .sim-equipped-title { border-color:var(--sim-divider); margin-top:24px; padding-top:20px; }
body.agathos-interface.holograph-interface #tab-simulator .sim-equipped { gap:10px; }
body.agathos-interface.holograph-interface #tab-simulator .sim-skill { background:var(--sim-inset)!important; border-color:var(--sim-border); border-left:2px solid #75818e; padding:15px; }
body.agathos-interface.holograph-interface #tab-simulator .sim-skill.is-red { border-left-color:#c496a9; }
body.agathos-interface.holograph-interface #tab-simulator .sim-skill.is-buff { border-left-color:#91b2a2; }
body.agathos-interface.holograph-interface #tab-simulator .sim-skill.is-heal { border-left-color:#c2af86; }
body.agathos-interface.holograph-interface #tab-simulator .sim-skill summary { font-size:13px; color:var(--sim-caption); }
body.agathos-interface.holograph-interface #tab-simulator :is(.sim-help,.sim-model-note,.sim-skill p) { color:var(--sim-detail); font-size:14px; line-height:1.75; }
body.agathos-interface.holograph-interface #tab-simulator .sim-library-summary { color:var(--sim-text); gap:12px; }
body.agathos-interface.holograph-interface #tab-simulator .sim-library-summary>span { color:var(--sim-caption); font-size:13px; line-height:1.55; }
body.agathos-interface.holograph-interface #tab-simulator .sim-tabs>button { font-size:14px; border-radius:4px; }
body.agathos-interface.holograph-interface #tab-simulator .sim-tabs>button[aria-pressed=true] { background:#413641!important; border-color:#a37e91!important; color:#dfcdd6!important; }
body.agathos-interface.holograph-interface #tab-simulator .sim-tabs>button[data-library=buff][aria-pressed=true] { background:#303e38!important; border-color:#829d90!important; color:#c3d4cb!important; }
body.agathos-interface.holograph-interface #tab-simulator .sim-runbar { background:#302b33!important; border-color:#675761!important; border-left:2px solid var(--sim-rose)!important; box-shadow:none; padding:19px 22px; }
body.agathos-interface.holograph-interface #tab-simulator .sim-runbar>div>strong { color:var(--sim-text); }
body.agathos-interface.holograph-interface #tab-simulator .sim-runbar>div>span { color:var(--sim-caption); font-size:13px; }
body.agathos-interface.holograph-interface #tab-simulator #sim-status { background:#282f30; color:var(--sim-detail); border-color:#829d90; }
body.agathos-interface.holograph-interface #tab-simulator .sim-distance-cards { gap:12px; }
body.agathos-interface.holograph-interface #tab-simulator .sim-distance-cards>div { background:var(--sim-raised); border-color:var(--sim-border); border-top:2px solid #71808b; border-radius:3px; padding:18px; }
body.agathos-interface.holograph-interface #tab-simulator .sim-distance-cards .is-loss { border-top-color:#bd8c9e; }
body.agathos-interface.holograph-interface #tab-simulator .sim-distance-cards .is-gain { border-top-color:#91b2a2; }
body.agathos-interface.holograph-interface #tab-simulator .sim-distance-cards strong { font-size:28px; line-height:1.25; }
body.agathos-interface.holograph-interface #tab-simulator .sim-distance-cards :is(span,small) { color:var(--sim-detail); font-size:14px; }
body.agathos-interface.holograph-interface #tab-simulator .sim-stamina-card { background:var(--sim-raised)!important; border-color:var(--sim-border)!important; border-top:2px solid #91b2a2!important; padding:18px; }
body.agathos-interface.holograph-interface #tab-simulator .sim-stamina-card.is-risk { border-top-color:#bd8c9e!important; }
body.agathos-interface.holograph-interface #tab-simulator .sim-stamina-card :is(small,dt,.sim-stamina-kpis span) { color:var(--sim-caption); font-size:13px; line-height:1.65; }
body.agathos-interface.holograph-interface #tab-simulator .sim-stamina-identity strong { color:var(--sim-text); }
body.agathos-interface.holograph-interface #tab-simulator .sim-stamina-budget>strong { color:#b8d0c3; }
body.agathos-interface.holograph-interface #tab-simulator .sim-stamina-gauge-label { font-size:12px; color:var(--sim-caption); }
body.agathos-interface.holograph-interface #tab-simulator .sim-stamina-recovery { background:#343329; border-color:#605b4b; }
body.agathos-interface.holograph-interface #tab-simulator .sim-stamina-recovery.is-limited { background:#393038; border-color:#765e6a; }
body.agathos-interface.holograph-interface #tab-simulator .sim-result-table :is(th,td) { padding:13px 16px; line-height:1.65; }
body.agathos-interface.holograph-interface #tab-simulator .sim-result-table td small { color:var(--sim-caption); font-size:13px; }
body.agathos-interface.holograph-interface #tab-simulator .agathos-sim-visuals .sim-viz-toolbar { background:#252a30; }
body.agathos-interface.holograph-interface #tab-simulator .agathos-sim-visuals :is(.sim-viz-tabs,.sim-viz-switch) { background:#20242a; border-color:var(--sim-border); }
body.agathos-interface.holograph-interface #tab-simulator .agathos-sim-visuals .sim-viz-caption { color:var(--sim-detail); line-height:1.7; }
body.agathos-interface.holograph-interface #tab-simulator .agathos-sim-visuals .sim-viz-impact { background:#252b30; }
body.agathos-interface.holograph-interface #tab-simulator .agathos-sim-visuals .sim-viz-row[aria-pressed=true] { background:#303a38!important; border-color:#708c80!important; box-shadow:inset 2px 0 var(--sim-green)!important; }
body.agathos-interface.holograph-interface #tab-simulator .agathos-sim-visuals :is(.sim-viz-row-meta,.sim-viz-mean-label,.sim-viz-impact-note,.sim-viz-footnote,.sim-viz-readout span,.sim-viz-row-secondary) { color:var(--sim-caption); font-size:13px; line-height:1.65; }
body.agathos-interface.holograph-interface #tab-simulator .agathos-sim-visuals .sim-viz-plot { background:#1d2228; border-color:var(--sim-border); }
@media(max-width:1100px) {
  body.agathos-interface.holograph-interface #tab-simulator .sim-workspace { grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr); }
  body.agathos-interface.holograph-interface #tab-simulator .sim-scenario>.sim-fields { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:800px) {
  body.agathos-interface.holograph-interface #tab-simulator .sim-workspace { grid-template-columns:1fr; }
  body.agathos-interface.holograph-interface #tab-simulator .sim-scenario>.sim-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.agathos-interface.holograph-interface #tab-simulator .sim-scenario>.sim-fields>.sim-param-field:has(#sim-course) { grid-column:1/-1; grid-row:auto; }
  body.agathos-interface.holograph-interface #tab-simulator .sim-heading { padding:20px; }
}
@media(max-width:520px) {
  body.agathos-interface.holograph-interface #tab-simulator .panel { padding:18px; }
  body.agathos-interface.holograph-interface #tab-simulator .sim-heading { padding:18px; }
  body.agathos-interface.holograph-interface #tab-simulator .sim-workflow button { min-height:56px; padding:10px 15px; }
  body.agathos-interface.holograph-interface #tab-simulator .sim-workflow button + button { border-left:0; border-top-color:var(--sim-border); }
  body.agathos-interface.holograph-interface #tab-simulator .sim-distance-cards>div { padding:13px; }
  body.agathos-interface.holograph-interface #tab-simulator .sim-distance-cards strong { font-size:23px; }
  body.agathos-interface.holograph-interface #tab-simulator .sim-distance-cards :is(span,small) { font-size:13px; }
}


/* Planner reading layout: a quieter hierarchy for dense working screens. */
body.agathos-interface.holograph-interface #reference-planner-root {
  --planner-copy: var(--ui-text, #d7d9d8);
  --planner-secondary: var(--ui-detail, #bbc2c8);
  --planner-muted: var(--ui-caption, #a3afb9);
  --planner-line: var(--ui-border-inset, #3c444f);
  --planner-rose: var(--ui-rose, #c496a9);
  line-height: 1.7;
}
body.agathos-interface.holograph-interface #reference-planner-root .agp-heading {
  align-items: center; padding: 27px 30px; margin-bottom: 18px;
}
body.agathos-interface.holograph-interface #reference-planner-root .agp-heading p {
  max-width: 62ch; font-size: 15px; line-height: 1.85; color: var(--planner-secondary);
}
body.agathos-interface.holograph-interface #reference-planner-root .agp-source-stamp {
  border-left-color: var(--planner-line); color: var(--planner-muted); line-height: 1.7;
}
body.agathos-interface.holograph-interface #reference-planner-root .agp-modebar {
  display: grid; grid-template-columns: repeat(4,minmax(0,1fr)) auto;
  gap: 0; padding: 0; margin: 0 0 26px;
  border: 1px solid var(--planner-line); border-radius: 4px; overflow: hidden;
}
body.agathos-interface.holograph-interface #reference-planner-root .agp-modebar > button {
  min-width: 0; min-height: 62px; margin: 0; padding: 12px 15px;
  justify-content: flex-start; border: 0; border-right: 1px solid var(--planner-line);
  border-radius: 0; color: var(--planner-secondary); font-size: 15px; line-height: 1.45;
}
body.agathos-interface.holograph-interface #reference-planner-root .agp-modebar > button:hover {
  background: #ffffff08 !important; color: var(--planner-copy);
}
body.agathos-interface.holograph-interface #reference-planner-root .agp-modebar > button[aria-selected=true] {
  background: linear-gradient(0deg,#80607235,transparent) !important;
  box-shadow: inset 0 -2px var(--planner-rose) !important; color: #e2d4db !important;
}
body.agathos-interface.holograph-interface #reference-planner-root .agp-modebar > .agp-source-anchor {
  display: flex; padding: 11px 15px; margin: 0; align-self: stretch; align-items: center;
  font-size: 13px; white-space: nowrap; color: var(--planner-secondary);
}
body.agathos-interface.holograph-interface #reference-planner-root :is(.agp-character-picker,.agp-trainee-profile,.agp-library,.agp-needs,.agp-catalog-results,.agp-support-detail,.agp-character-detail) {
  border-color: var(--ui-border, #505b66) !important; border-radius: 5px;
}
body.agathos-interface.holograph-interface #reference-planner-root :is(.agp-character-picker,.agp-trainee-profile,.agp-library,.agp-needs,.agp-catalog-results,.agp-support-detail) {
  padding: clamp(18px,1.7vw,26px);
}
body.agathos-interface.holograph-interface #reference-planner-root :is(.agp-catalog-card,.agp-support-card,.agp-character-option) {
  border-color: var(--planner-line) !important; border-radius: 4px;
}
body.agathos-interface.holograph-interface #reference-planner-root :is(.agp-catalog-card,.agp-support-card) {padding: 15px 16px;}
body.agathos-interface.holograph-interface #reference-planner-root :is(.agp-character-option.is-selected,.agp-character-option[aria-pressed=true],.agp-catalog-card.is-selected,.agp-support-card.is-focused) {
  border-color: #a88295 !important; box-shadow: inset 2px 0 var(--planner-rose) !important;
}
body.agathos-interface.holograph-interface #reference-planner-root :is(.agp-support-type,.agp-card-foot,.agp-catalog-card .agp-reference-id,.agp-catalog-card .agp-support-identity>div>small) {
  color: var(--planner-muted); font-size: 12px; line-height: 1.7;
}
body.agathos-interface.holograph-interface #reference-planner-root :is(.agp-small-note,.agp-catalog-summary p,.agp-character-option small,.agp-slot-name small,.agp-skill-description) {
  color: var(--planner-secondary); font-size: 13px; line-height: 1.75;
}
body.agathos-interface.holograph-interface #reference-planner-root :is(.agp-catalog-results .agp-card-filters label,.agp-slot-overview .agp-skill-link,.agp-slot-options>summary,.agp-catalog-card .agp-card-foot .agp-text-button) {
  font-size: 13px !important; line-height: 1.6;
}
body.agathos-interface.holograph-interface #reference-planner-root .agp-catalog-results .agp-card-filters :is(input,select) {font-size: 14px; min-height: 42px;}
body.agathos-interface.holograph-interface #reference-planner-root :is(.agp-section-title,.agp-skill-row,.agp-match-reasons,.agp-recommendation-reasons) {border-color: var(--ui-divider, #343b45);}
body.agathos-interface.holograph-interface #reference-planner-root :is(.agp-card-library,.agp-character-grid,.agp-catalog-grid) {gap: 13px;}
body.agathos-interface.holograph-interface #reference-planner-root :is(.agp-support-detail,.agp-character-detail) :is(p,li) {line-height: 1.8;}

/* Character profile: six dimensions and race windows should be easy to scan. */
body.agathos-interface.holograph-interface .ag-character-research .acr-header {
  padding: 25px 28px; background: linear-gradient(100deg,#40364065,transparent 70%),var(--ui-raised,#2c323a);
  border-color: var(--ui-border-inset,#3c444f);
}
body.agathos-interface.holograph-interface .ag-character-research :is(.acr-context,.acr-section,.acr-overview) {border-color: var(--ui-divider,#343b45);}
body.agathos-interface.holograph-interface .ag-character-research .acr-overview {gap: 30px; padding: 28px;}
body.agathos-interface.holograph-interface .ag-character-research :is(.acr-note,.acr-axis-evidence,.acr-risk-list p,.acr-advantages p,.acr-timing-evidence,.acr-timing-evidence summary,.acr-timing-evidence small) {
  font-size: 13px; line-height: 1.8; color: var(--ui-detail,#bbc2c8);
}
body.agathos-interface.holograph-interface .ag-character-research :is(.acr-advantages article,.acr-risk) {
  background: var(--ui-raised,#2c323a); border-color: var(--ui-border-inset,#3c444f);
}
body.agathos-interface.holograph-interface .ag-character-research .acr-axis-row>div:first-child {font-size: 15px;}
body.agathos-interface.holograph-interface .ag-character-research .acr-radar-legend {font-size: 12px; line-height: 1.75;}

/* Scenario teaching and flow editor, including the self-contained offline page. */
body.agathos-interface.holograph-interface :is(.fsp-shell,.fmg-root) {line-height: 1.75;}
body.agathos-interface.holograph-interface .fsp-shell :is(.fsp-heading,.fsp-detail-panel,.fsp-tray,.fsp-export-panel) {border-radius: 5px;}
body.agathos-interface.holograph-interface .fsp-shell .fsp-heading {padding: 22px 26px;}
body.agathos-interface.holograph-interface .fsp-shell .fsp-heading p {font-size: 15px; line-height: 1.75; color: var(--ui-detail,#bbc2c8);}
body.agathos-interface.holograph-interface .fsp-shell .fsp-wizard {margin-top: 18px;}
body.agathos-interface.holograph-interface .fsp-shell .fsp-wizard button {min-height: 68px; padding: 14px 18px;}
body.agathos-interface.holograph-interface .fsp-shell .fsp-stage-tabs button {font-size: 14px; line-height: 1.5;}
body.agathos-interface.holograph-interface .fsp-shell :is(.fsp-token strong,.fsp-board-node strong,.fsp-drop-slot>header strong) {font-size: 14px; line-height: 1.5;}
body.agathos-interface.holograph-interface .fsp-shell :is(.fsp-token small,.fsp-node-summary,.fsp-stage-tools,.fsp-stage-tools>p,.fsp-stage-tools>.fsp-stage-period,.fsp-node-effects,.fsp-node-footer,.fsp-rule-note) {
  font-size: 13px; line-height: 1.7; color: var(--ui-detail,#bbc2c8);
}
body.agathos-interface.holograph-interface .fsp-shell :is(.fsp-tooltip,.fsp-detail-panel p,.fsp-detail-panel li) {font-size: 14px; line-height: 1.8;}
body.agathos-interface.holograph-interface .fmg-root :is(.fmg-section-title p,.fmg-route-card p,.fmg-note,.fmg-tips,.fmg-outings p,.fmg-outing-points p) {
  font-size: 14px; line-height: 1.85; color: var(--ui-detail,#bbc2c8);
}
body.agathos-interface.holograph-interface .fmg-root :is(.fmg-context>span,.fmg-route-card small,.fmg-fact>span,.fmg-fact>small,.fmg-source p) {
  font-size: 13px; line-height: 1.75; color: var(--ui-caption,#a3afb9);
}
body.agathos-interface.holograph-interface .fmg-root :is(.fmg-section-title,.fmg-context,.fmg-route-card,.fmg-tabs) {border-color: var(--ui-divider,#343b45);}

@media (max-width: 900px) {
  body.agathos-interface.holograph-interface #reference-planner-root .agp-modebar {grid-template-columns: repeat(2,minmax(0,1fr));}
  body.agathos-interface.holograph-interface #reference-planner-root .agp-modebar > button {border-bottom: 1px solid var(--planner-line);}
  body.agathos-interface.holograph-interface #reference-planner-root .agp-modebar > .agp-source-anchor {grid-column: 1 / -1; min-height: 40px;}
}
@media (max-width: 560px) {
  body.agathos-interface.holograph-interface #reference-planner-root .agp-heading {padding: 22px 18px;}
  body.agathos-interface.holograph-interface #reference-planner-root .agp-modebar > button {min-height: 54px; padding: 9px 12px; font-size: 14px; white-space: normal;}
  body.agathos-interface.holograph-interface #reference-planner-root :is(.agp-character-picker,.agp-trainee-profile,.agp-library,.agp-needs,.agp-catalog-results,.agp-support-detail) {padding: 16px;}
  body.agathos-interface.holograph-interface .ag-character-research :is(.acr-overview,.acr-header,.acr-section) {padding: 20px 17px;}
  body.agathos-interface.holograph-interface .fsp-shell .fsp-heading {padding: 19px 17px;}
  body.agathos-interface.holograph-interface .fsp-shell .fsp-wizard button {min-height: 64px; padding: 10px 7px;}
  body.agathos-interface.holograph-interface .fsp-shell .fsp-token strong {font-size: 12px;}
  body.agathos-interface.holograph-interface .fsp-shell .fsp-token small {font-size: 11px;}
  body.agathos-interface.holograph-interface .fsp-shell :is(.fsp-stage-tools,.fsp-stage-tools>p,.fsp-node-footer) {font-size: 12px;}
  body.agathos-interface.holograph-interface .fmg-root .fmg-tabs > button {min-width: 105px;}
}

/* Match settings: show the purpose at a glance; expose full explanations together. */
body.agathos-interface.holograph-interface .control-heading{align-items:center}
body.agathos-interface.holograph-interface .control-heading-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:flex-end}
body.agathos-interface.holograph-interface .parameter-guide-toggle{min-height:38px;padding:7px 13px;border:1px solid #796875;border-radius:4px;background:#332e36;color:#e0cbd4;font:inherit;font-size:13px;cursor:pointer}
body.agathos-interface.holograph-interface .parameter-guide-toggle:hover{background:#40343e;border-color:#b08b9e}
body.agathos-interface.holograph-interface .parameter-guide-toggle:after{content:" +";color:#cba2b2}
body.agathos-interface.holograph-interface .parameter-guide-toggle[aria-expanded=true]:after{content:" −"}
body.agathos-interface.holograph-interface .control-panel:not(.guides-expanded) .parameter-hint>span:not(:first-child){display:none}
body.agathos-interface.holograph-interface .control-panel:not(.guides-expanded) .parameter-hint{margin-top:3px!important;gap:0!important}
body.agathos-interface.holograph-interface .control-panel:not(.guides-expanded) .parameter-hint>span{padding:3px 0;border:0}
body.agathos-interface.holograph-interface[data-tab]:not([data-tab=race]) .parameter-guide-toggle{display:none}
@media(max-width:700px){body.agathos-interface.holograph-interface .control-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}body.agathos-interface.holograph-interface .control-heading-actions{justify-content:flex-start;gap:8px;width:100%}body.agathos-interface.holograph-interface .control-heading-actions p{max-width:none;text-align:left}body.agathos-interface.holograph-interface .parameter-guide-toggle{font-size:13px}}

/* Research layouts: results first, consistent left-to-right reading. */
body.agathos-interface.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix,#tab-data,#tab-ratings) .panel-title{
  justify-content:flex-start;align-items:center;gap:12px;
}
body.agathos-interface.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix,#tab-data,#tab-ratings) .panel-title h2{
  margin:0 auto 0 0; text-align:left; flex:0 1 auto;
}
body.agathos-interface.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix,#tab-data,#tab-ratings) .panel-title :is(button,span){flex:0 1 auto;text-align:right}
body.agathos-interface.holograph-interface :is(#tab-race,#tab-characters,#tab-matrix,#tab-data) .panel-title:before{flex:none;position:static;transform:none;margin:0}
/* Thin context bar: preserve current course and the adjustment link in the same row. */
@media(min-width:801px){
 body.agathos-interface.holograph-interface:is([data-tab="characters"],[data-tab="matrix"],[data-tab="data"],[data-tab="ratings"]) .control-panel{
  display:flex;align-items:center;gap:24px;padding:14px 22px;margin-bottom:16px;min-height:70px;
 }
 body.agathos-interface.holograph-interface:is([data-tab="characters"],[data-tab="matrix"],[data-tab="data"],[data-tab="ratings"]) .control-heading{
  flex:none;margin:0;padding:0 22px 0 0;border:0;border-right:1px solid var(--ui-divider,#3b4049);min-width:98px;
 }
 body.agathos-interface.holograph-interface:is([data-tab="characters"],[data-tab="matrix"],[data-tab="data"],[data-tab="ratings"]) .control-heading h2{font-size:14px;line-height:1.4;margin:0}
 body.agathos-interface.holograph-interface:is([data-tab="characters"],[data-tab="matrix"],[data-tab="data"],[data-tab="ratings"]) .compact-scenario{display:flex;flex:1;min-width:0;align-items:center}
}
/* The work area's title, inputs and outputs read as a single sequence. */
body.agathos-interface.holograph-interface :is(#tab-matrix,#tab-data,#tab-characters) .workspace-heading{
  min-height:0;padding:20px 24px 20px 115px!important;gap:12px;
}
body.agathos-interface.holograph-interface :is(#tab-matrix,#tab-data,#tab-characters) .workspace-heading .workspace-object{
  width:76px;height:76px;left:22px;
}
body.agathos-interface.holograph-interface :is(#tab-matrix,#tab-data,#tab-characters) .workspace-heading h1{margin:5px 0 6px;line-height:1.25}
body.agathos-interface.holograph-interface :is(#tab-matrix,#tab-data,#tab-characters) .workspace-heading p{max-width:74ch;line-height:1.65}
body.agathos-interface.holograph-interface #tab-matrix .matrix-controls{
  grid-template-columns:minmax(240px,2fr) repeat(3,minmax(125px,1fr));gap:12px;padding-top:12px;
}
/* Three related metrics are one compact strip, not competing boxes. */
body.agathos-interface.holograph-interface #tab-matrix .summary-grid.three{
  gap:0;border:1px solid var(--ui-border-inset,#444b55);border-radius:5px;background:var(--ui-panel,#25272e);overflow:hidden;
}
body.agathos-interface.holograph-interface #tab-matrix .summary-grid.three .metric{
  min-height:0;padding:14px 20px;background:transparent!important;border:0!important;border-right:1px solid var(--ui-divider,#3b4049)!important;border-radius:0;box-shadow:none!important;
}
body.agathos-interface.holograph-interface #tab-matrix .summary-grid.three .metric:last-child{border-right:0!important}
body.agathos-interface.holograph-interface #tab-matrix .summary-grid.three .metric:before{display:none}
body.agathos-interface.holograph-interface #tab-matrix .summary-grid.three .metric strong{margin:4px 0 2px}
body.agathos-interface.holograph-interface #tab-matrix .main-grid{grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);align-items:start}
/* Widen the chart itself and show it before the lengthy explanatory controls. */
body.agathos-interface.holograph-interface #tab-data .algorithm-grid{grid-template-columns:minmax(0,1.7fr) minmax(290px,.9fr);align-items:start}
body.agathos-interface.holograph-interface #tab-data .algorithm-chart{display:flex;flex-direction:column;min-width:0}
body.agathos-interface.holograph-interface #tab-data .algorithm-chart .panel-title{order:0}
body.agathos-interface.holograph-interface #tab-data .algorithm-chart .algorithm-svg{order:1;flex:0 0 auto}
body.agathos-interface.holograph-interface #tab-data .algorithm-chart .algorithm-legend{order:2;margin:12px 0 16px}
body.agathos-interface.holograph-interface #tab-data .algorithm-chart .algorithm-controls{order:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
body.agathos-interface.holograph-interface #tab-data .algorithm-controls>label{min-width:0;align-content:start}
body.agathos-interface.holograph-interface #tab-data .algorithm-controls :is(.parameter-hint,.field-hint){line-height:1.6}
/* Give the character filters a clear wide search field without narrowing other controls. */
body.agathos-interface.holograph-interface #tab-characters .character-tools{
 display:grid;grid-template-columns:minmax(230px,1.6fr) repeat(4,minmax(120px,1fr));gap:12px;align-items:start;
}
body.agathos-interface.holograph-interface #tab-characters .character-tools>label{min-width:0}
body.agathos-interface.holograph-interface #tab-characters .character-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:16px 0}
body.agathos-interface.holograph-interface #tab-characters .character-toolbar button{margin-left:auto}
body.agathos-interface.holograph-interface #tab-characters .table-foot span{max-width:85ch}
@media(max-width:1050px){
 body.agathos-interface.holograph-interface #tab-characters .character-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.agathos-interface.holograph-interface #tab-characters .character-tools .search-wide{grid-column:1/-1}
 body.agathos-interface.holograph-interface #tab-data .algorithm-grid,body.agathos-interface.holograph-interface #tab-matrix .main-grid{grid-template-columns:1fr}
 body.agathos-interface.holograph-interface #tab-data .algorithm-facts{position:static}
}
@media(max-width:800px){
 body.agathos-interface.holograph-interface :is(#tab-matrix,#tab-data,#tab-characters) .workspace-heading{padding:20px!important}
 body.agathos-interface.holograph-interface :is(#tab-matrix,#tab-data,#tab-characters) .workspace-heading .workspace-object{display:none}
 body.agathos-interface.holograph-interface #tab-matrix .matrix-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body.agathos-interface.holograph-interface #tab-matrix .matrix-controls label:first-child{grid-column:1/-1}
}
@media(max-width:560px){
 body.agathos-interface.holograph-interface #tab-matrix .summary-grid.three{grid-template-columns:1fr;gap:0}
 body.agathos-interface.holograph-interface #tab-matrix .summary-grid.three .metric{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;padding:11px 14px;border-right:0!important;border-bottom:1px solid var(--ui-divider,#3b4049)!important}
 body.agathos-interface.holograph-interface #tab-matrix .summary-grid.three .metric:last-child{border-bottom:0!important}
 body.agathos-interface.holograph-interface #tab-matrix .summary-grid.three .metric strong{grid-column:2;grid-row:1/3;margin:0;text-align:right}
 body.agathos-interface.holograph-interface #tab-data .algorithm-chart .algorithm-controls{grid-template-columns:1fr}
 body.agathos-interface.holograph-interface #tab-characters .character-toolbar button{margin-left:0}
}


/* Simulation workspace: compact overview, readable inputs, easy return to a team. */
body.agathos-interface.holograph-interface #tab-simulator .sim-heading {
  align-items:center; gap:20px; padding:18px 24px; margin-bottom:14px; min-height:0;
}
body.agathos-interface.holograph-interface #tab-simulator .sim-heading h1 {
  margin:4px 0 5px; font-size:clamp(25px,1.9vw,30px); line-height:1.25;
}
body.agathos-interface.holograph-interface #tab-simulator .sim-heading p {max-width:68ch;line-height:1.55;margin:0}
body.agathos-interface.holograph-interface #tab-simulator .sim-model-tag {padding:6px 10px;align-self:center}
body.agathos-interface.holograph-interface #tab-simulator .sim-workflow {
  margin:0 0 18px; grid-template-columns:repeat(3,minmax(0,1fr)); background:#22252c; border-radius:6px;
}
body.agathos-interface.holograph-interface #tab-simulator .sim-workflow button {
  min-height:62px;padding:10px 17px;gap:12px;align-items:center;
}
body.agathos-interface.holograph-interface #tab-simulator .sim-workflow b {
  display:grid;place-items:center;width:29px;height:29px;padding:0;flex:none;
  border-radius:50%;font-size:12px;
}
body.agathos-interface.holograph-interface #tab-simulator .sim-workflow span {gap:1px;line-height:1.35;font-size:15px}
body.agathos-interface.holograph-interface #tab-simulator .sim-workflow small {font-size:12px;line-height:1.4}
/* The decorative diamond is no longer a third flex item pushing every title to the middle. */
body.agathos-interface.holograph-interface #tab-simulator .panel-title {
  position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;
  gap:10px 16px;padding:0 0 13px 18px;margin:0 0 18px;min-height:0;
}
body.agathos-interface.holograph-interface #tab-simulator .panel-title:before {
  position:absolute;left:0;top:.62em;line-height:1;margin:0;
}
body.agathos-interface.holograph-interface #tab-simulator .panel-title h2 {
  margin:0;text-align:left;font-size:20px;line-height:1.4;
}
body.agathos-interface.holograph-interface #tab-simulator .panel-title :is(button,span,strong) {justify-self:end;text-align:right}
body.agathos-interface.holograph-interface #tab-simulator :is(.sim-scenario,.sim-editor,.sim-skill-library,.sim-roster-col>.panel) {
  padding:22px;margin-bottom:16px;
}
body.agathos-interface.holograph-interface #tab-simulator .sim-scenario>.sim-fields {
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 18px;align-items:start;
}
body.agathos-interface.holograph-interface #tab-simulator .sim-scenario>.sim-fields>.sim-param-field:has(#sim-course) {grid-column:span 2}
body.agathos-interface.holograph-interface #tab-simulator .sim-param-field {gap:6px;align-self:start}
body.agathos-interface.holograph-interface #tab-simulator .sim-param-field>label {gap:6px;line-height:1.4}
body.agathos-interface.holograph-interface #tab-simulator .sim-param-guide {margin:0;padding-left:9px}
body.agathos-interface.holograph-interface #tab-simulator .sim-param-guide summary {padding:2px 0;line-height:1.4}
body.agathos-interface.holograph-interface #tab-simulator .sim-rules {margin-top:14px}
body.agathos-interface.holograph-interface #tab-simulator .sim-workspace {
  display:grid;grid-template-columns:minmax(255px,310px) minmax(0,1fr);gap:16px;align-items:start;
}
body.agathos-interface.holograph-interface #tab-simulator .sim-roster-col {top:80px;max-height:calc(100vh - 96px);padding-right:2px}
body.agathos-interface.holograph-interface #tab-simulator .sim-roster-col>.panel {padding:18px}
body.agathos-interface.holograph-interface #tab-simulator .sim-runner {min-height:68px;margin:7px 0;padding:9px 10px;gap:9px}
body.agathos-interface.holograph-interface #tab-simulator .sim-runner img {width:40px;height:40px}
body.agathos-interface.holograph-interface #tab-simulator .sim-runner strong {font-size:15px;line-height:1.35}
body.agathos-interface.holograph-interface #tab-simulator .sim-runner small {font-size:12px;line-height:1.4;margin-top:3px}
body.agathos-interface.holograph-interface #tab-simulator .sim-editor .sim-identity {gap:15px;padding:0 0 15px;margin:0 0 18px}
body.agathos-interface.holograph-interface #tab-simulator .sim-editor .sim-fields {
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 16px;align-items:start;
}
body.agathos-interface.holograph-interface #tab-simulator .sim-equipped-title {
  margin:18px 0 12px;padding-top:16px;gap:10px 14px;
}
body.agathos-interface.holograph-interface #tab-simulator .sim-equipped {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.agathos-interface.holograph-interface #tab-simulator .sim-skill {padding:13px 14px}
body.agathos-interface.holograph-interface #tab-simulator :is(.sim-character-library,.sim-skill-library)>.sim-library-summary {
  display:flex;align-items:center;gap:12px;padding:0;line-height:1.4;
}
body.agathos-interface.holograph-interface #tab-simulator :is(.sim-character-library,.sim-skill-library)[open]>.sim-library-summary {padding-bottom:14px}
body.agathos-interface.holograph-interface #tab-simulator .sim-skill-library #sim-skill-list {gap:10px;max-height:600px}
body.agathos-interface.holograph-interface #tab-simulator .sim-runbar {
  display:flex;align-items:center;gap:10px 12px;margin:18px 0 0;padding:16px 18px;
}
body.agathos-interface.holograph-interface #tab-simulator .sim-runbar>div {flex:1 1 300px;min-width:0!important}
body.agathos-interface.holograph-interface #tab-simulator .sim-runbar>div>span {line-height:1.5;margin-top:2px}
body.agathos-interface.holograph-interface #tab-simulator .sim-stamina-grid {gap:14px}
body.agathos-interface.holograph-interface #tab-simulator .sim-stamina-card {min-width:0}
body.agathos-interface.holograph-interface #tab-simulator .sim-distance-cards {gap:12px}
body.agathos-interface.holograph-interface #tab-simulator .sim-distance-cards>div {padding:16px 18px}
body.agathos-interface.holograph-interface #tab-simulator .sim-distance-cards strong {margin:6px 0}
@media(max-width:1100px){
 body.agathos-interface.holograph-interface #tab-simulator .sim-workspace {grid-template-columns:minmax(230px,270px) minmax(0,1fr)}
 body.agathos-interface.holograph-interface #tab-simulator .sim-editor .sim-fields {grid-template-columns:repeat(2,minmax(0,1fr))}
 body.agathos-interface.holograph-interface #tab-simulator .sim-scenario>.sim-fields {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:800px){
 body.agathos-interface.holograph-interface #tab-simulator .sim-heading {padding:17px 19px}
 body.agathos-interface.holograph-interface #tab-simulator .sim-workspace {grid-template-columns:1fr;gap:0}
 body.agathos-interface.holograph-interface #tab-simulator .sim-roster-col {position:static;max-height:none;overflow:visible;padding:0}
 body.agathos-interface.holograph-interface #tab-simulator .sim-scenario>.sim-fields {grid-template-columns:repeat(2,minmax(0,1fr))}
 body.agathos-interface.holograph-interface #tab-simulator .sim-scenario>.sim-fields>.sim-param-field:has(#sim-course) {grid-column:1/-1;grid-row:auto}
 body.agathos-interface.holograph-interface #tab-simulator .sim-workflow small {display:none}
}
@media(max-width:520px){
 body.agathos-interface.holograph-interface #tab-simulator .sim-heading {padding:16px 17px}
 body.agathos-interface.holograph-interface #tab-simulator .sim-heading h1 {font-size:25px}
 body.agathos-interface.holograph-interface #tab-simulator .sim-model-tag {margin-top:10px}
 body.agathos-interface.holograph-interface #tab-simulator .sim-workflow {grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}
 body.agathos-interface.holograph-interface #tab-simulator .sim-workflow button {display:grid;justify-items:start;gap:4px;min-height:70px;padding:9px 8px}
 body.agathos-interface.holograph-interface #tab-simulator .sim-workflow button+button {border-top:0;border-left:1px solid var(--sim-border)}
 body.agathos-interface.holograph-interface #tab-simulator .sim-workflow span {font-size:13px;line-height:1.3}
 body.agathos-interface.holograph-interface #tab-simulator .sim-workflow small {display:none}
 body.agathos-interface.holograph-interface #tab-simulator :is(.sim-scenario,.sim-editor,.sim-skill-library,.sim-roster-col>.panel) {padding:16px;margin-bottom:14px}
 body.agathos-interface.holograph-interface #tab-simulator .panel-title {grid-template-columns:minmax(0,1fr) auto;gap:8px;padding-left:16px}
 body.agathos-interface.holograph-interface #tab-simulator .panel-title h2 {font-size:18px}
 body.agathos-interface.holograph-interface #tab-simulator .sim-editor .sim-fields {gap:13px 10px}
 body.agathos-interface.holograph-interface #tab-simulator .sim-equipped {grid-template-columns:1fr}
 body.agathos-interface.holograph-interface #tab-simulator .sim-runbar {padding:15px}
 body.agathos-interface.holograph-interface #tab-simulator .sim-runbar>div {flex-basis:100%}
}


/* Training and teaching: bring the working area above the fold and make each level of navigation distinct. */
body.agathos-interface.holograph-interface #reference-planner-root .agp-heading{
 padding:22px 26px; margin-bottom:16px; align-items:center;
}
body.agathos-interface.holograph-interface #reference-planner-root .agp-modebar{
 display:flex; flex-wrap:wrap; align-items:stretch; gap:0; padding:0 4px; margin-bottom:20px;
 border:0; border-bottom:1px solid var(--ui-border-inset,#444b55); background:transparent!important; border-radius:0; overflow:visible;
}
body.agathos-interface.holograph-interface #reference-planner-root .agp-modebar>button{
 flex:0 1 auto; min-height:51px; padding:11px 20px; border:0; border-bottom:2px solid transparent; border-radius:0; background:transparent!important;
}
body.agathos-interface.holograph-interface #reference-planner-root .agp-modebar>button[aria-selected=true]{
 border-bottom-color:var(--ui-rose,#c79aaa); box-shadow:none!important; background:linear-gradient(0deg,#89617820,transparent)!important;
}
body.agathos-interface.holograph-interface #reference-planner-root .agp-modebar>.agp-source-anchor{margin-left:auto; padding:10px 14px}
body.agathos-interface.holograph-interface #reference-planner-root .agp-workflow-steps{
 display:flex; align-items:center; flex-wrap:wrap; gap:8px 18px; margin-bottom:18px; padding:11px 16px; border-radius:4px;
}
body.agathos-interface.holograph-interface #reference-planner-root .agp-workflow-steps li{margin:0;line-height:1.45}
body.agathos-interface.holograph-interface #reference-planner-root .agp-character-picker{
 padding:0; overflow:hidden;
}
body.agathos-interface.holograph-interface #reference-planner-root .agp-character-toggle{padding:18px 22px}
body.agathos-interface.holograph-interface #reference-planner-root .agp-character-picker .agp-character-filters{padding:16px 22px 0;grid-template-columns:minmax(220px,2fr) repeat(2,minmax(130px,1fr))}
body.agathos-interface.holograph-interface #reference-planner-root .agp-character-picker [data-zone="character-list"]{padding:0 22px 20px}
body.agathos-interface.holograph-interface #reference-planner-root .agp-character-grid{
 grid-template-columns:repeat(auto-fill,minmax(175px,1fr)); max-height:310px; gap:8px; padding:4px;
}
body.agathos-interface.holograph-interface #reference-planner-root .agp-character-option{min-width:0;min-height:68px}
body.agathos-interface.holograph-interface #reference-planner-root .agp-catalog-layout{
 grid-template-columns:minmax(310px,.8fr) minmax(0,1.2fr); gap:18px; align-items:start;
}
body.agathos-interface.holograph-interface #reference-planner-root .agp-catalog-results{max-height:calc(100dvh - 110px);position:sticky;top:88px}
body.agathos-interface.holograph-interface #reference-planner-root .agp-catalog-grid{grid-template-columns:1fr!important}
body.agathos-interface.holograph-interface #reference-planner-root .agp-support-detail{min-width:0}

/* The tool is a workbench: introduction, steps, active work, then optional overview. */
body.agathos-interface.holograph-interface .fsp-shell .fsp-heading{
 display:flex; align-items:center; gap:18px; padding:15px 22px; min-height:0; border-radius:6px 6px 0 0;
}
body.agathos-interface.holograph-interface .fsp-shell .fsp-heading h2{margin:2px 0 3px;font-size:21px;line-height:1.3}
body.agathos-interface.holograph-interface .fsp-shell .fsp-heading p{margin:0;line-height:1.5;font-size:14px}
body.agathos-interface.holograph-interface .fsp-shell .fsp-heading .fsp-eyebrow{margin:0;line-height:1.3}
body.agathos-interface.holograph-interface .fsp-shell .fsp-local-tag{margin:0;flex-shrink:0}
body.agathos-interface.holograph-interface .fsp-shell .fsp-screen-tabs{margin:0;border-radius:0 0 6px 6px}
body.agathos-interface.holograph-interface .fsp-shell .fsp-screen-tabs>button{min-height:44px;padding:9px 17px}
body.agathos-interface.holograph-interface .fsp-shell .fsp-wizard{
 margin:14px 0 0; border:0; border-bottom:1px solid var(--ui-border-inset,#444b55); border-radius:0; background:transparent!important;
}
body.agathos-interface.holograph-interface .fsp-shell .fsp-wizard button{
 min-height:48px;padding:9px 14px;gap:10px;border:0;border-bottom:2px solid transparent;border-radius:0;
}
body.agathos-interface.holograph-interface .fsp-shell .fsp-wizard button b{font:600 13px/1.2 Consolas,monospace;color:var(--ui-caption,#acb4b9)}
body.agathos-interface.holograph-interface .fsp-shell .fsp-wizard button[aria-current=step]{border-bottom-color:var(--ui-rose,#c79aaa)!important;box-shadow:none!important}
body.agathos-interface.holograph-interface .fsp-shell .fsp-step-guide{margin:0;padding:12px 0;gap:16px;border-color:var(--ui-divider,#3b4049);align-items:center}
body.agathos-interface.holograph-interface .fsp-shell .fsp-step-guide p{max-width:72ch;margin:0;font-size:14px;line-height:1.6}
body.agathos-interface.holograph-interface .fsp-shell .fsp-plan-actions{margin:0;gap:6px;flex-shrink:0}
body.agathos-interface.holograph-interface .fsp-shell .fsp-plan-actions button{min-height:36px;font-size:13px}
body.agathos-interface.holograph-interface .fsp-shell .fsp-settings{margin:0 0 14px;padding:10px 0;border-top:0}
body.agathos-interface.holograph-interface .fsp-shell .fsp-controls{margin-top:0}
body.agathos-interface.holograph-interface .fsp-shell .fsp-controls>.fsp-section-title{padding:15px 20px}
body.agathos-interface.holograph-interface .fsp-shell .fsp-pairs{gap:10px;padding:16px 20px 18px}
body.agathos-interface.holograph-interface .fsp-shell .fsp-pair{padding:15px;display:flex;flex-direction:column;gap:6px}
body.agathos-interface.holograph-interface .fsp-shell .fsp-pair>span{min-height:38px;margin:0 0 3px}
body.agathos-interface.holograph-interface .fsp-shell .fsp-pair select{min-height:42px}
body.agathos-interface.holograph-interface .fsp-shell .fsp-pair-result{margin-top:auto}
body.agathos-interface.holograph-interface .fsp-shell .fsp-pairs-help{margin:0 20px 14px;padding:10px 0 0}
body.agathos-interface.holograph-interface .fsp-shell .fsp-pair-actions{padding:0 20px 18px}
body.agathos-interface.holograph-interface .fsp-shell .fsp-stage-tabs{margin:12px 0 0;border-radius:5px}
body.agathos-interface.holograph-interface .fsp-shell .fsp-stage-tabs button{min-height:50px;padding:10px 12px;line-height:1.4}
body.agathos-interface.holograph-interface .fsp-shell .fsp-stage-tools{margin:10px 0 14px;gap:8px}
body.agathos-interface.holograph-interface .fsp-shell .fsp-stage-tools>span:first-child{font-size:13px;font-weight:600;margin-right:auto}
body.agathos-interface.holograph-interface .fsp-shell .fsp-workbench{grid-template-columns:minmax(185px,215px) minmax(0,1fr);gap:14px}
body.agathos-interface.holograph-interface .fsp-shell .fsp-tray{padding:16px 12px}
body.agathos-interface.holograph-interface .fsp-shell .fsp-board{gap:8px;padding:13px;border-radius:6px}
body.agathos-interface.holograph-interface .fsp-shell .fsp-drop-slot{min-height:235px;padding:12px 9px;gap:8px}
body.agathos-interface.holograph-interface .fsp-shell .fsp-board-node{min-height:112px;padding:10px 8px}
body.agathos-interface.holograph-interface .fsp-shell .fsp-board-node strong{line-height:1.45}
body.agathos-interface.holograph-interface .fsp-shell .fsp-detail-panel{margin-top:12px}
body.agathos-interface.holograph-interface .fsp-shell .fsp-step-actions{padding:16px 0 6px}
@media(max-width:1100px){
 body.agathos-interface.holograph-interface .fsp-shell .fsp-workbench{grid-template-columns:1fr}
 body.agathos-interface.holograph-interface .fsp-shell .fsp-tray{position:static}
}
@media(max-width:800px){
 body.agathos-interface.holograph-interface #reference-planner-root .agp-modebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0}
 body.agathos-interface.holograph-interface #reference-planner-root .agp-modebar>button{min-height:48px;padding:9px 12px}
 body.agathos-interface.holograph-interface #reference-planner-root .agp-modebar>.agp-source-anchor{grid-column:1/-1;min-height:38px;margin:0}
 body.agathos-interface.holograph-interface #reference-planner-root .agp-catalog-layout{grid-template-columns:1fr}
 body.agathos-interface.holograph-interface #reference-planner-root .agp-catalog-results{position:static;max-height:none}
 body.agathos-interface.holograph-interface #reference-planner-root .agp-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.agathos-interface.holograph-interface .fsp-shell .fsp-stage-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:560px){
 body.agathos-interface.holograph-interface #reference-planner-root .agp-heading{padding:18px}
 body.agathos-interface.holograph-interface #reference-planner-root .agp-character-toggle{padding:15px}
 body.agathos-interface.holograph-interface #reference-planner-root .agp-character-picker .agp-character-filters{padding:12px 15px 0;grid-template-columns:1fr 1fr}
 body.agathos-interface.holograph-interface #reference-planner-root .agp-character-picker [data-zone="character-list"]{padding:0 15px 15px}
 body.agathos-interface.holograph-interface #reference-planner-root .agp-character-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:300px}
 body.agathos-interface.holograph-interface #reference-planner-root .agp-catalog-grid{grid-template-columns:1fr!important}
 body.agathos-interface.holograph-interface .fsp-shell .fsp-heading{display:block;padding:14px 16px}
 body.agathos-interface.holograph-interface .fsp-shell .fsp-local-tag{display:inline-block;margin:8px 0 0}
 body.agathos-interface.holograph-interface .fsp-shell .fsp-wizard button{min-height:46px;padding:8px 6px;gap:5px;font-size:12px}
 body.agathos-interface.holograph-interface .fsp-shell .fsp-step-guide{display:block;padding:11px 0}
 body.agathos-interface.holograph-interface .fsp-shell .fsp-plan-actions{margin-top:10px}
 body.agathos-interface.holograph-interface .fsp-shell .fsp-pairs{padding:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 body.agathos-interface.holograph-interface .fsp-shell .fsp-pair{padding:12px}
 body.agathos-interface.holograph-interface .fsp-shell .fsp-pair:last-child{grid-column:1/-1}
 body.agathos-interface.holograph-interface .fsp-shell .fsp-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}
 body.agathos-interface.holograph-interface .fsp-shell .fsp-drop-slot{min-height:220px;padding:10px}
 body.agathos-interface.holograph-interface .fsp-shell .fsp-stage-tools>span:first-child{flex-basis:100%}
}


/* Compact frozen navigation and independent results in a shared escape column. */
html{scroll-padding-top:66px}
body.agathos-interface.holograph-interface{--site-header-height:48px}
body.agathos-interface.holograph-interface:has(>.topbar){padding-top:var(--site-header-height)}
body.agathos-interface.holograph-interface .topbar{position:fixed!important;inset:0 0 auto 0!important;width:100%;height:var(--site-header-height)!important;margin:0!important;z-index:40;background:#202228f7;box-shadow:0 3px 12px #10121640}
body.agathos-interface.holograph-interface .top-inner{height:var(--site-header-height);min-height:0!important;padding:5px clamp(12px,2vw,30px)!important;flex-wrap:nowrap;gap:12px}
body.agathos-interface.holograph-interface .top-signature{gap:8px;padding-right:13px;flex:none}
body.agathos-interface.holograph-interface .top-signature span{font-size:18px;letter-spacing:.12em}
body.agathos-interface.holograph-interface .top-signature svg{height:27px;width:20px}
body.agathos-interface.holograph-interface .sidebar-open-trigger{width:32px;height:32px;min-height:32px;flex:none;padding:6px}
body.agathos-interface.holograph-interface .workspace-quick-switch{display:block;height:32px;min-height:32px;flex:0 0 151px;width:151px;padding:4px 24px 4px 10px;border:1px solid #6c5d6a;border-radius:4px;background:#302c35;color:#e0d2da;font:500 14px/1.4 var(--ui-font,'Microsoft YaHei',sans-serif);cursor:pointer}
body.agathos-interface.holograph-interface .workspace-quick-switch:hover{border-color:#ac849a}
body.agathos-interface.holograph-interface .topbar .global-search{height:32px;flex:1;min-width:80px;margin:0}
body.agathos-interface.holograph-interface .topbar .global-search input{height:30px;min-height:0;font-size:13px}
body.agathos-interface.holograph-interface .language-switch{flex:none;height:29px;padding:2px;align-items:center}
body.agathos-interface.holograph-interface .language-switch button{padding:3px 6px;min-height:23px;font-size:11px}
body.agathos-interface.holograph-interface .data-status{font-size:11px}
body.agathos-interface.holograph-interface :is(.panel,.control-panel,.workspace-heading,[data-zone]){scroll-margin-top:66px}
body.agathos-interface.holograph-interface .rating-return-toolbar{position:sticky;top:calc(var(--site-header-height) + 8px);z-index:21;display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:0 0 14px;padding:10px 13px;background:#302b34f5;border:1px solid #7b6373;border-radius:5px;box-shadow:0 5px 16px #10121644}
body.agathos-interface.holograph-interface .rating-return-toolbar[hidden]{display:none!important}
body.agathos-interface.holograph-interface .rating-return-button{padding:7px 13px;background:#5e4052;border:1px solid #ad8399;border-radius:4px;color:#eee0e7;font:500 14px/1.5 var(--ui-font,'Microsoft YaHei',sans-serif);cursor:pointer}
body.agathos-interface.holograph-interface .rating-return-button:hover{background:#735064}
body.agathos-interface.holograph-interface .rating-return-toolbar>span{color:#c0b8c0;font-size:13px}
body.agathos-interface.holograph-interface #tab-ratings .arb-row{grid-template-columns:98px repeat(4,minmax(0,1fr))}
body.agathos-interface.holograph-interface #tab-ratings .arb-table{min-width:690px}
body.agathos-interface.holograph-interface #tab-ratings .arb-board-guide{display:flex;gap:8px 24px;align-items:start;justify-content:space-between;margin-bottom:18px;font-size:13px;line-height:1.65;color:var(--ui-caption)}
body.agathos-interface.holograph-interface #tab-ratings .arb-board-guide p{margin:0;max-width:50em}
body.agathos-interface.holograph-interface #tab-ratings .arb-board-guide>span{max-width:31em}
body.agathos-interface.holograph-interface #tab-ratings .arb-style-pill{font-size:11px;color:var(--arb-style);padding:1px 6px;border:1px solid currentColor;border-radius:3px}
body.agathos-interface.holograph-interface #tab-ratings .arb-merged-card{width:88px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 0 5px}
body.agathos-interface.holograph-interface #tab-ratings .arb-portrait{display:block;width:66px;height:66px;padding:3px;background:#272e36!important;border:1px solid #8ea9bd!important;border-radius:50%;cursor:pointer}
body.agathos-interface.holograph-interface #tab-ratings .arb-portrait img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
body.agathos-interface.holograph-interface #tab-ratings .arb-variants{display:grid;gap:4px;width:100%}
body.agathos-interface.holograph-interface #tab-ratings .arb-entry.arb-variant{position:relative;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:4px;width:100%;min-width:0;padding:4px 5px!important;border:1px solid #4e5964!important;border-left:2px solid var(--arb-style)!important;border-radius:3px;background:#292f38!important;color:var(--arb-style);font-size:11px!important;line-height:1.25;transform:none}
body.agathos-interface.holograph-interface #tab-ratings .arb-entry.arb-variant:hover{background:#3b3541!important}
body.agathos-interface.holograph-interface #tab-ratings .arb-entry.arb-variant b{font-size:12px;color:#ddd9db;font-variant-numeric:tabular-nums}
body.agathos-interface.holograph-interface #tab-ratings .arb-entry.arb-variant small{font-size:9px;color:#adb6bf}
@media(max-width:1250px){body.agathos-interface.holograph-interface .data-status{display:none}}
@media(max-width:720px){
 body.agathos-interface.holograph-interface .top-inner{gap:7px;padding-inline:10px!important}
 body.agathos-interface.holograph-interface .top-signature{display:none}
 body.agathos-interface.holograph-interface .workspace-quick-switch{flex-basis:123px;width:123px;font-size:13px;padding-left:8px}
 body.agathos-interface.holograph-interface .topbar .global-search{min-width:32px;padding:0 5px}
 body.agathos-interface.holograph-interface .topbar .global-search input{font-size:12px}
 body.agathos-interface.holograph-interface .language-switch button{padding:3px;font-size:10px}
 body.agathos-interface.holograph-interface .rating-return-toolbar{gap:6px;padding:8px 10px}
 body.agathos-interface.holograph-interface .rating-return-toolbar>span{font-size:12px}
 body.agathos-interface.holograph-interface #tab-ratings .arb-board-guide{display:block}
 body.agathos-interface.holograph-interface #tab-ratings .arb-board-guide>span{display:block;margin-top:7px}
}
@media(prefers-reduced-motion:no-preference){
 body.agathos-interface.holograph-interface :is(.workspace-quick-switch,.rating-return-button,.arb-variant){transition:background-color .15s,border-color .15s}
}

body.agathos-interface.holograph-interface #tab-ratings .arb-cell{align-content:flex-start}

body.agathos-interface.holograph-interface .topbar .workspace-quick-switch{height:32px!important;min-height:32px!important}
body.agathos-interface.holograph-interface #reference-planner-root .agp-catalog-results{top:64px;max-height:calc(100dvh - 80px)}
@media(min-width:1001px){body.agathos-interface.holograph-interface #tab-data .algorithm-facts{top:64px}}
body.agathos-interface.holograph-interface #tab-simulator .sim-roster-col{top:64px;max-height:calc(100dvh - 80px)}
@media(max-width:800px){body.agathos-interface.holograph-interface #reference-planner-root .agp-catalog-results{max-height:none}body.agathos-interface.holograph-interface #tab-simulator .sim-roster-col{max-height:none}}

/* Agathos / Quiet instruments. One reading system, distinct material levels. */
html{background:#171d24;color-scheme:dark;scroll-padding-top:72px}
body.agathos-interface.holograph-interface{
 --paper:#171d24;--surface:#212a33;--soft:#293440;--ink:#dce4e9;--muted:#abb8c3;
 --line:#465966;--wine:#d29aaf;--wine2:#dfb4c4;--accent:#d29aaf;--rose:#352f3b;
 --green:#a1c7b9;--gold:#d7c18e;--amber:#d7c18e;
 --frame-main:#465966;--frame-inner:#34434f;--frame-divider:#303e49;--frame-rose:#cf99af;
 --reading-main:#dce4e9;--reading-secondary:#becad3;--reading-muted:#a3b3c0;
 --reading-panel:#212a33;--reading-inset:#1b232c;--reading-raised:#293440;
 --ui-canvas:#171d24;--ui-panel:#212a33;--ui-inset:#1b232c;--ui-raised:#293440;
 --ui-head:#27323d;--ui-hover:#2c3945;--ui-selected:#34343f;
 --ui-text:#dce4e9;--ui-title:#e2e8eb;--ui-detail:#becad3;--ui-caption:#a3b3c0;
 --ui-control:#1b252f;--ui-control-hover:#2a3844;--ui-primary:#70475c;--ui-primary-hover:#80556b;
 --ui-border:#465966;--ui-border-inset:#34434f;--ui-divider:#303e49;
 --ui-rose:#d29aaf;--ui-jade:#a1c7b9;--ui-blue:#9bbbd3;--ui-gold:#d7c18e;
 --ui-good:#aecfbd;--ui-warning:#d9c18b;--ui-danger:#e0a2b0;
 --comfort-fast:150ms;--comfort-time:260ms;--comfort-ease:cubic-bezier(.22,1,.36,1);
 background:var(--ui-canvas)!important;color:var(--ui-text);font-size:16px;line-height:1.7;
 font-family:var(--ui-font,'Segoe UI','Microsoft YaHei',sans-serif);font-variant-numeric:tabular-nums;
 scrollbar-color:#536675 #19222a;
}
body.agathos-interface.holograph-interface .holograph-backdrop{background:linear-gradient(180deg,transparent,#171d24 96%)}
body.agathos-interface.holograph-interface .holograph-backdrop img{opacity:.29;filter:saturate(.3)}
body.agathos-interface.holograph-interface .holograph-backdrop:after{background:linear-gradient(90deg,#171d2422,transparent 20%,transparent 80%,#171d2422)}
body.agathos-interface.holograph-interface :is(h1,h2,h3,h4){text-wrap:balance;color:var(--ui-title);font-weight:600;letter-spacing:.015em}
body.agathos-interface.holograph-interface :is(p,li){text-wrap:pretty}
body.agathos-interface.holograph-interface :is(button,input,select,textarea){font-family:inherit;font-variant-numeric:tabular-nums}
body.agathos-interface.holograph-interface ::placeholder{color:#91a3b2;opacity:1}
body.agathos-interface.holograph-interface :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--ui-jade)!important;outline-offset:4px;scroll-margin-block:80px 28px}
body.agathos-interface.holograph-interface :is(button,a){-webkit-tap-highlight-color:#d29aaf26;touch-action:manipulation}
body.agathos-interface.holograph-interface :is(p.help,.arb-note,.sim-help,.agp-help,.field-hint,.fsp-step-guide p){line-height:1.8;color:var(--ui-detail)}
body.agathos-interface.holograph-interface :is(.eyebrow,.agp-eyebrow,.fsp-eyebrow){color:#aabecb;letter-spacing:.15em;font-size:11px}

/* A narrow, stable navigation rail. The brand remains personal and unobtrusive. */
body.agathos-interface.holograph-interface .topbar{background:#1b242df5!important;box-shadow:0 4px 20px #080f181f;border-color:#3c4d5b}
body.agathos-interface.holograph-interface .top-inner{gap:14px}
body.agathos-interface.holograph-interface .topbar .workspace-quick-switch{background:#26313c;color:#d9e5eb;border-color:#485b69;border-radius:6px;font-size:14px}
body.agathos-interface.holograph-interface .topbar .global-search{background:#1a242e;border-color:#405462;border-radius:6px}
body.agathos-interface.holograph-interface .topbar .global-search input{color:#dce4e9}
body.agathos-interface.holograph-interface .sidebar-open-trigger{background:#26313c;border-color:#465966;border-radius:6px}
body.agathos-interface.holograph-interface .language-switch{background:#202a34;border-color:#3c4d5b;border-radius:5px}
body.agathos-interface.holograph-interface .language-switch button[aria-pressed=true]{background:#39434f;color:#e2e8eb}
body.agathos-interface.holograph-interface .site-sidebar{background:linear-gradient(155deg,#25313c,#19232deb 75%);border-color:#4d6472;box-shadow:22px 0 70px #070e163d}
body.agathos-interface.holograph-interface .site-sidebar .brand{background:#1d2933;border-color:#40515e}
body.agathos-interface.holograph-interface .site-sidebar .nav{margin-block:5px;min-height:45px;border-radius:6px;color:#afbfca}
body.agathos-interface.holograph-interface .site-sidebar .nav.active{background:#3b333f;color:#e6dbe3;border-color:#786074}
body.agathos-interface.holograph-interface .site-sidebar .nav.active:before{width:2px;top:12px;bottom:12px;border-radius:2px;background:#d29aaf}
body.agathos-interface.holograph-interface .sidebar-tail{padding-top:22px;line-height:1.8}
body.agathos-interface.holograph-interface .sidebar-backdrop{background:#0b131b8f;backdrop-filter:blur(2px)}
.comfort-reading-progress{position:absolute;inset:auto 0 -1px;height:2px;pointer-events:none;overflow:hidden}
.comfort-reading-progress i{display:block;height:100%;background:linear-gradient(90deg,#a4c6bc,#c69bb0);transform:scaleX(var(--reading-progress,0));transform-origin:left;opacity:.7}

/* The original crystal stays. A quieter surrounding structure lets it breathe. */
body.agathos-interface.holograph-interface .workspace-intro{gap:0 36px;padding-top:10px;margin-bottom:30px}
body.agathos-interface.holograph-interface .intro-copy{padding:32px 0 30px}
body.agathos-interface.holograph-interface .intro-wordmark{color:#dce5e9;font-size:clamp(52px,5.5vw,91px);letter-spacing:.065em}
body.agathos-interface.holograph-interface .workspace-intro h1{font-size:clamp(24px,2.2vw,31px);line-height:1.5;margin:20px 0 13px}
body.agathos-interface.holograph-interface .workspace-intro p{color:#bccad3;font-size:16px;line-height:1.9;max-width:34em}
body.agathos-interface.holograph-interface .home-primary-actions{gap:12px;margin-top:25px}
body.agathos-interface.holograph-interface .home-primary-actions button{min-height:45px;border-radius:6px;padding:10px 18px;background:#273642;border-color:#516675;font-size:15px;color:#dce7ec}
body.agathos-interface.holograph-interface .home-primary-actions button:first-child{background:#674659;border-color:#a3758d;color:#ede0e8}
body.agathos-interface.holograph-interface .workflow{gap:0;border:1px solid #415462;border-radius:8px;overflow:hidden;background:#212c36a3}
body.agathos-interface.holograph-interface .workflow button{min-height:92px;padding:18px;gap:14px;border-right:1px solid #3a4b58}
body.agathos-interface.holograph-interface .workflow button:last-child{border-right:0}
body.agathos-interface.holograph-interface .workflow button:hover{background:#2d3b47}
body.agathos-interface.holograph-interface .workflow button b{color:#bd9caa;font-size:12px}
body.agathos-interface.holograph-interface .workflow button span{font-size:15px;color:#dce4e9}
body.agathos-interface.holograph-interface .workflow button small{color:#a8bbc8;font-size:13px;margin-top:4px}
body.agathos-interface.holograph-interface .contact-strip{gap:10px 22px;padding:15px 0 0;color:#a8b8c4;line-height:1.7}
body.agathos-interface.holograph-interface .home-updates{border-color:#40525f;border-radius:7px;background:#202a33a6}
body.agathos-interface.holograph-interface .event-apply-feedback{margin:14px 0;padding:11px 15px;border:1px solid #56796b;border-left:3px solid #a1c7b9;border-radius:6px;background:#273c36;color:#d2e2d9;font-size:14px;line-height:1.75}
body.agathos-interface.holograph-interface .event-apply-feedback[data-state=pending]{border-color:#756d50;border-left-color:#d7c18e;background:#37372f;color:#dcd4bb}
body.agathos-interface.holograph-interface .event-apply-feedback[data-state=error]{border-color:#896475;border-left-color:#d29aaf;background:#40313c;color:#e3cbd7}

/* Main plane > chart inset > quiet dividers; never a field of equal-weight boxes. */
body.agathos-interface.holograph-interface :is(.panel,.control-panel,.matrix-head,.agp-section,.agp-library,.agp-needs,.agn-card,.fsp-step-section){border-color:var(--ui-border)!important;background-color:var(--ui-panel)!important;border-radius:8px;box-shadow:0 5px 20px #080e1512,inset 0 1px #c5dce008}
body.agathos-interface.holograph-interface :is(#tab-race,#tab-ratings,#tab-characters,#tab-matrix,#tab-data,#tab-simulator,#tab-planner,#tab-news,#tab-account) :is(.panel,.agp-section,.agn-card){background-image:none!important}
body.agathos-interface.holograph-interface :is(.ui-frame-rail,.ui-frame-ticks){opacity:.24}
body.agathos-interface.holograph-interface .ui-frame-trace{stroke:#b68da0;opacity:.6}
body.agathos-interface.holograph-interface :is(.panel-title,.arb-course-title,.agp-section-title){padding-bottom:15px;margin-bottom:19px;border-color:#3c4b57;background:none}
body.agathos-interface.holograph-interface .panel-title h2{font-size:20px;line-height:1.55}
body.agathos-interface.holograph-interface .panel-title>span{color:#a6b8c5;font-size:13px}
body.agathos-interface.holograph-interface .panel-title:after{width:42px!important;background:#bf91a5;opacity:.8}
body.agathos-interface.holograph-interface :is(#tab-race,#tab-ratings,#tab-characters,#tab-matrix,#tab-data,#tab-simulator,#tab-planner,#tab-news,#tab-account) :is(.formula-viz,.skill-algorithm-viz,.algorithm-chart,.algorithm-facts,.agp-support-detail,.sim-effect-card,.sim-metric,.fsp-board,.fsp-tray,.fsp-detail-panel){background:var(--ui-inset)!important;border-color:var(--ui-border-inset)!important;border-radius:6px}
body.agathos-interface.holograph-interface :is(.help,.arb-note,.agp-provenance,.agn-disclaimer,.import-result){font-size:13px;line-height:1.8}

/* Compact workspace identity. Each tool starts with the task, not a tall banner. */
body.agathos-interface.holograph-interface .workspace-heading,
body.agathos-interface.holograph-interface :is(#tab-matrix,#tab-data,#tab-characters) .workspace-heading{
 min-height:118px;padding:18px 25px 18px 110px!important;margin-bottom:22px;
 background-color:#202b35!important;background-image:linear-gradient(110deg,#29404b40,transparent 64%)!important;
 border:1px solid #465966!important;border-left:2px solid #b88a9f!important;border-radius:8px!important;
}
body.agathos-interface.holograph-interface .workspace-heading :is(h1,h2){font-size:26px!important;line-height:1.35;margin:3px 0 6px!important;letter-spacing:.025em}
body.agathos-interface.holograph-interface .workspace-heading p{font-size:15px!important;line-height:1.8!important;color:#b8c8d3;max-width:60em}
body.agathos-interface.holograph-interface .workspace-object{width:78px;height:88px;left:17px;opacity:.72}
body.agathos-interface.holograph-interface .workspace-heading :is(.agp-source-stamp,.agn-stamp,.sim-model-tag){color:#b3c9d4;border-color:#405563;background:none;font-size:12px}
body.agathos-interface.holograph-interface .workspace-heading :is(.agp-source-stamp,.agn-stamp) strong{font-size:23px}

/* Short, actionable guidance; optional detail stays a deliberate disclosure. */
.comfort-guide{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;margin:0 0 22px;border:1px solid #3d5360;border-left:2px solid #89b7ac;border-radius:7px;background:#202e37;color:#bdced7;font-size:13px;line-height:1.6}
.comfort-guide>p{margin:0;max-width:47em}.comfort-guide>p b{font-size:13px;font-weight:600;color:#bdd4ca;margin-right:10px;white-space:nowrap}
.comfort-guide-actions{display:flex;gap:5px;flex-wrap:wrap;flex:none}
.comfort-guide-actions button{border:1px solid #405967;border-radius:5px;background:#263944;color:#cbdce3;padding:6px 11px;min-height:34px;font-size:13px;white-space:nowrap;cursor:pointer}
.comfort-guide-actions button:hover{background:#344652;border-color:#91b3bf;color:#e0e9ed}
.comfort-guide-actions button:active{transform:translateY(1px)}
body.agathos-interface.holograph-interface .control-panel{padding:23px 25px;background:#212b35!important}
body.agathos-interface.holograph-interface .control-heading{padding-bottom:17px;margin-bottom:18px;border-color:#3e505d}
body.agathos-interface.holograph-interface .control-main{gap:18px}
body.agathos-interface.holograph-interface .control-main>label{font-size:14px;gap:8px;color:#bccbd5}
body.agathos-interface.holograph-interface .parameter-hint{font-size:12px!important;line-height:1.7!important;color:#a8bac7!important}
body.agathos-interface.holograph-interface .control-panel:not(.guides-expanded) .control-main .parameter-hint>span:first-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.agathos-interface.holograph-interface .parameter-guide-toggle{background:#2d3540;border-color:#556071;color:#d2beca;border-radius:6px;font-size:13px}
body.agathos-interface.holograph-interface details>summary{cursor:pointer;color:#c0ced7;line-height:1.7}
body.agathos-interface.holograph-interface details[open]>summary{color:#d5c0cb}
body.agathos-interface.holograph-interface :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){background-color:var(--ui-control)!important;color:var(--ui-text)!important;border-color:#485e6d!important;border-radius:6px;font-size:15px;box-shadow:inset 0 1px #d8e6ed03}
body.agathos-interface.holograph-interface :is(select,textarea,input):hover{border-color:#698293!important}
body.agathos-interface.holograph-interface option{background:#23323e!important;color:#dce4e9!important}
body.agathos-interface.holograph-interface button:is(.primary,.agp-primary,.fsp-primary),
body.agathos-interface.holograph-interface #tab-simulator button.primary{background:#42665f!important;border:1px solid #86ad9f!important;color:#e2eee7!important;border-radius:6px;box-shadow:0 2px 6px #0914101a}
body.agathos-interface.holograph-interface button:is(.secondary,.agp-secondary),
body.agathos-interface.holograph-interface #tab-simulator button.secondary{background:#2c3b48!important;border:1px solid #536b7a!important;color:#d4e0e7!important;border-radius:6px}
body.agathos-interface.holograph-interface button:disabled{cursor:not-allowed}
body.agathos-interface.holograph-interface :is(.filters,.character-filters,.matrix-controls,.agn-filters){gap:14px}

/* Research tables have comfortable rows, a clear selection and quiet gridlines. */
body.agathos-interface.holograph-interface :is(.table-wrap,.matrix-table-wrap,.arb-table-scroll){border-color:#415461;border-radius:7px;scrollbar-width:thin}
body.agathos-interface.holograph-interface table{font-size:15px}
body.agathos-interface.holograph-interface th{background:#293744!important;color:#c8d7e1!important;padding:13px 16px;font-size:13px;font-weight:600;letter-spacing:.025em;border-color:#445766!important}
body.agathos-interface.holograph-interface td{padding:14px 16px;line-height:1.65;border-color:#354652!important;color:#d4dfe6}
body.agathos-interface.holograph-interface tbody tr{background:#202b35!important}
body.agathos-interface.holograph-interface tbody tr:nth-child(even){background:#222e38!important}
body.agathos-interface.holograph-interface tbody tr:hover{background:#2b3a46!important}
body.agathos-interface.holograph-interface tbody tr:is(.selected,.active){background:#3b3441!important;box-shadow:inset 2px 0 #d29aaf}
body.agathos-interface.holograph-interface td :is(small,.sub,.name-sub){color:#aabac7}
body.agathos-interface.holograph-interface td :is(strong,.skill-name,.character-name){font-weight:600}
.comfort-scroll-tip{display:flex;justify-content:flex-end;gap:8px;margin:7px 0 0;color:#a5b8c5;font-size:12px;line-height:1.6}
.comfort-scroll-tip[hidden]{display:none}
.comfort-scroll-tip:before{content:'↔';color:#b8a0b0}

/* Recommendations: the score stays legible without a wall of glowing avatars. */
body.agathos-interface.holograph-interface #tab-ratings :is(.arb-entry,.arb-merged-card){background:#263540!important;border:1px solid #405764!important;border-radius:8px;box-shadow:0 2px 7px #08131d17}
body.agathos-interface.holograph-interface #tab-ratings .arb-entry:hover{background:#344350!important;border-color:#8ca7b8!important}
body.agathos-interface.holograph-interface #tab-ratings .arb-cell{gap:15px;padding:22px 16px;align-content:flex-start}
body.agathos-interface.holograph-interface #tab-ratings .arb-name{color:#dce5eb;font-size:14px;line-height:1.5}
body.agathos-interface.holograph-interface #tab-ratings .arb-avatar b{background:#20333ef2;color:#e3e9e8;border-color:#6a8795;font-size:14px}
body.agathos-interface.holograph-interface #tab-ratings .arb-row{border-color:#3a4c59}
body.agathos-interface.holograph-interface #tab-ratings .arb-columns{background:#293744;color:#d5e1e7}
body.agathos-interface.holograph-interface #tab-ratings .arb-tier-key{background:#202d37}
body.agathos-interface.holograph-interface #tab-ratings .arb-line-grid>article{background:#1c2832;border:1px solid #354b58;border-top:2px solid var(--arb-style);border-radius:6px;padding:17px}
body.agathos-interface.holograph-interface #tab-ratings .arb-board-guide{background:#202f39;border-color:#415968;border-radius:6px;padding:14px 17px}

/* The team workbench reads left to right: choose > configure > compare. */
body.agathos-interface.holograph-interface #tab-simulator .sim-workflow{gap:8px;padding:0;background:none;border:0;margin-bottom:22px}
body.agathos-interface.holograph-interface #tab-simulator .sim-workflow button{border:1px solid #405967;border-radius:7px;background:#23323d;padding:13px 16px;color:#b9ced9}
body.agathos-interface.holograph-interface #tab-simulator .sim-workflow button[aria-current=step]{background:#2b403f;border-color:#82a99e;color:#dae8e2}
body.agathos-interface.holograph-interface #tab-simulator .sim-workflow b{border-color:#688276;color:#b9d5ca}
body.agathos-interface.holograph-interface #tab-simulator .sim-scenario{padding:22px 24px}
body.agathos-interface.holograph-interface #tab-simulator .sim-fields{gap:17px 16px}
body.agathos-interface.holograph-interface #tab-simulator .sim-workspace{gap:24px;grid-template-columns:minmax(265px,.65fr) minmax(0,1.65fr);align-items:start}
body.agathos-interface.holograph-interface #tab-simulator .sim-runner{background:#1e2c36;border-color:#405563;border-radius:7px;padding:13px 14px;margin:9px 0}
body.agathos-interface.holograph-interface #tab-simulator .sim-runner.selected{background:#30413f;border-color:#87b2a2;border-left-color:#b4d1be;box-shadow:inset 0 1px #cbebdb08}
body.agathos-interface.holograph-interface #tab-simulator :is(.sim-runner small,.sim-detail,.sim-help){color:#afc2ce}
body.agathos-interface.holograph-interface #tab-simulator .sim-editor{padding:25px}
body.agathos-interface.holograph-interface #tab-simulator :is(.sim-skill-row,.sim-result-row){border-color:#3c5361;background:#243440;border-radius:6px}
body.agathos-interface.holograph-interface #tab-simulator .sim-actions{background:#23323d;border-color:#496270;border-radius:7px}

/* Planner: one persistent sub-navigation, one focused work area. */
body.agathos-interface.holograph-interface #reference-planner-root{--agp-bg:#171d24;--agp-panel:#212a33;--agp-line:#465966;--agp-ink:#dce4e9;--agp-muted:#b3c3ce;--agp-jade:#a1c7b9;--agp-rose:#d29aaf}
body.agathos-interface.holograph-interface #reference-planner-root .agp-modebar{position:sticky;top:58px;z-index:22;display:flex;gap:5px;padding:5px;margin-bottom:18px;background:#1d2933f7;border:1px solid #435766;border-radius:8px;box-shadow:0 4px 16px #0a111922}
body.agathos-interface.holograph-interface #reference-planner-root .agp-modebar>button{min-height:43px;padding:9px 14px;border:1px solid transparent;border-radius:5px;background:none;font-size:14px;color:#afc3d1;gap:10px}
body.agathos-interface.holograph-interface #reference-planner-root .agp-modebar>button[aria-selected=true]{background:#3c3442;border-color:#7f6378;color:#e7d9e2;box-shadow:none}
body.agathos-interface.holograph-interface #reference-planner-root .agp-modebar>button:after{display:none}
body.agathos-interface.holograph-interface #reference-planner-root .agp-modebar>button>b{background:#1b28335c;color:#acbecb;border-radius:4px;padding:1px 6px;font-size:11px}
body.agathos-interface.holograph-interface #reference-planner-root .agp-catalog-layout{grid-template-columns:minmax(325px,.92fr) minmax(0,1.25fr);gap:24px;align-items:start}
body.agathos-interface.holograph-interface #reference-planner-root .agp-catalog-results{top:122px;max-height:calc(100dvh - 142px);padding:18px;background:#202c36;border:1px solid #405664;border-radius:8px;scrollbar-width:thin}
body.agathos-interface.holograph-interface #reference-planner-root .agp-support-detail{padding:24px;border:1px solid #405664}
body.agathos-interface.holograph-interface #reference-planner-root :is(.agp-slot,.agp-support-card,.agp-character-card){background:#263640;border-color:#415b69;border-radius:7px}
body.agathos-interface.holograph-interface #reference-planner-root .agp-support-card:hover{background:#31444f;border-color:#84a99f}
body.agathos-interface.holograph-interface #reference-planner-root .agp-character-toggle{border-radius:7px;background:#24333d;border-color:#526977}
body.agathos-interface.holograph-interface #reference-planner-root :is(.agp-section-title,.agp-compare-bar){border-color:#3b515f}
body.agathos-interface.holograph-interface #reference-planner-root .agp-trainee-line{padding:15px 18px;min-height:0;background:#243640;border-color:#435a68}
body.agathos-interface.holograph-interface #reference-planner-root .agp-trainee-line h2{font-size:19px;line-height:1.4}
body.agathos-interface.holograph-interface #reference-planner-root .agp-trainee-line p{font-size:13px;line-height:1.7}
body.agathos-interface.holograph-interface .ag-character-research .acr-header{padding:22px 24px;background:linear-gradient(115deg,#40334266,#263a44);border-color:#475b68;border-radius:7px 7px 0 0}
body.agathos-interface.holograph-interface .ag-character-research .acr-identity h2{font-size:25px;line-height:1.4}
body.agathos-interface.holograph-interface #reference-planner-root :is(.agp-view,.agp-support-detail){scroll-margin-top:132px}
body.agathos-interface.holograph-interface .fsp-shell{--fsp-bg:#1c2731;--fsp-panel:#23323c;--fsp-line:#465e6c;--fsp-muted:#b0c3cf;color:#dce6ec;font-size:15px}
body.agathos-interface.holograph-interface .fsp-shell :is(.fsp-heading,.fsp-step-guide){padding-block:17px;gap:16px}
body.agathos-interface.holograph-interface .fsp-shell .fsp-heading h2{font-size:25px;line-height:1.5}
body.agathos-interface.holograph-interface .fsp-shell .fsp-wizard{gap:7px;padding:0;border:0;background:none}
body.agathos-interface.holograph-interface .fsp-shell .fsp-wizard button{min-height:53px;padding:12px 16px;background:#263843;border:1px solid #496473;border-radius:6px;color:#b6cad6}
body.agathos-interface.holograph-interface .fsp-shell .fsp-wizard button[aria-current=step]{background:#304842;border-color:#92b4a3;color:#d9e8df;box-shadow:none}
body.agathos-interface.holograph-interface .fsp-shell .fsp-board{grid-template-columns:repeat(5,minmax(112px,1fr));overflow-x:auto;gap:10px;padding:15px;width:100%;scrollbar-width:thin}
body.agathos-interface.holograph-interface .fsp-shell .fsp-drop-slot{min-height:205px;padding:14px 10px;border:1px dashed #637b8a;border-radius:7px;background:#22333e}
body.agathos-interface.holograph-interface .fsp-shell .fsp-board-node{border-radius:6px;background:#2b3d48;border-color:#6b8391;min-height:105px}
body.agathos-interface.holograph-interface .fsp-shell .fsp-stage-tabs button{border-radius:6px;background:#263640;border-color:#48616e;padding:10px}
body.agathos-interface.holograph-interface .fsp-shell .fsp-stage-tabs button[aria-selected=true]{background:#423746;border-color:#ab8099;color:#ead9e3}

/* News remains a reading room; account remains a simple form. */
body.agathos-interface.holograph-interface #tab-news :is(.agn-card,.agn-source-note){background:#202d37;border-color:#405766;border-radius:8px}
body.agathos-interface.holograph-interface #tab-news .agn-card h2{font-size:20px;line-height:1.6}
body.agathos-interface.holograph-interface #tab-news .agn-card p{font-size:15px;line-height:1.9;color:#becbd5;max-width:75ch}
body.agathos-interface.holograph-interface #tab-news .agn-toolbar{gap:15px;padding:15px 0 20px}
body.agathos-interface.holograph-interface #tab-news .agn-filter[aria-pressed=true]{background:#3a3b47;border-color:#ac8198;color:#e3d6df}
body.agathos-interface.holograph-interface #tab-account :is(.account-card,.account-panel){background:#212d37;border-color:#465e6b;border-radius:8px;padding:25px}
body.agathos-interface.holograph-interface #tab-account :is(p,li){line-height:1.9;color:#bdcbd5}
body.agathos-interface.holograph-interface :is(#tab-matrix,#tab-data) .matrix-head .matrix-controls{padding:18px 0 0;margin-top:17px;border-top:1px solid #3b505d}
body.agathos-interface.holograph-interface :is(#tab-matrix,#tab-data) :is(.formula-card,.calc-step,.benchmark-card){background:#23323d;border-color:#3b5362;border-radius:7px}
body.agathos-interface.holograph-interface :is(#tab-matrix,#tab-data) .formula{background:#192934;color:#c9d9e4;border-color:#3c5565;border-radius:6px;line-height:1.8;overflow-x:auto}
body.agathos-interface.holograph-interface #tab-data .algorithm-grid{gap:24px;align-items:start}
body.agathos-interface.holograph-interface #tab-data .algorithm-facts{padding:21px}
body.agathos-interface.holograph-interface .rating-return-toolbar{background:#2b3440f7;border-color:#7d657b;border-radius:7px}

.comfort-top{position:fixed;right:24px;bottom:24px;z-index:32;width:42px;height:42px;min-height:42px;display:grid;place-items:center;background:#2a3d49;border:1px solid #7492a3;border-radius:10px;color:#c8ddd9;font:23px/1 sans-serif;cursor:pointer;box-shadow:0 6px 20px #080f1833}
.comfort-top[hidden]{display:none}.comfort-top:hover{background:#3a4d59;border-color:#b1c5cf}

/* Movement explains changes. Decorative movement never competes with reading. */
@media(prefers-reduced-motion:no-preference){
 body.agathos-interface.holograph-interface :is(button,a,input,select,textarea){transition:background-color var(--comfort-fast),border-color var(--comfort-fast),color var(--comfort-fast),box-shadow var(--comfort-fast),transform var(--comfort-time) var(--comfort-ease)}
 body.agathos-interface.holograph-interface .tab-page.active{animation:comfort-page-in 480ms var(--comfort-ease) both}
 body.agathos-interface.holograph-interface :is(.arb-entry,.arb-merged-card,.agp-support-card,.agp-character-card,.agn-card,.workflow button):hover{transform:translateY(-5px);box-shadow:0 9px 20px #07111c2e}
 body.agathos-interface.holograph-interface .comfort-reveal{animation:comfort-panel-in 620ms var(--comfort-ease) both;animation-delay:var(--comfort-stagger,0ms)}
 body.agathos-interface.holograph-interface details[open]>*:not(summary){animation:comfort-detail-in 340ms var(--comfort-ease) both}
 body.agathos-interface.holograph-interface .comfort-top{animation:comfort-panel-in 220ms var(--comfort-ease) both}
 body.agathos-interface.holograph-interface .site-sidebar{transition:transform 260ms var(--comfort-ease),visibility 260ms}
 body.agathos-interface.holograph-interface .sidebar-backdrop{transition:opacity 220ms}
 body.agathos-interface.holograph-interface .sim-runner.selected{animation:comfort-selection-in 280ms ease-out}
}
@keyframes comfort-page-in{from{opacity:.5;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes comfort-panel-in{from{opacity:.3;transform:translateY(23px)}to{opacity:1;transform:none}}
@keyframes comfort-detail-in{from{opacity:.35;transform:translateY(-9px)}to{opacity:1;transform:none}}
@keyframes comfort-selection-in{from{box-shadow:inset 0 0 0 1px #a7cbbb55}to{box-shadow:inset 0 0 0 1px transparent}}

/* A visible kinetic language: projected objects, travelling accents and touch feedback. */
#tab-ratings{--workspace-accent:#d7c18e}#tab-simulator{--workspace-accent:#9ec6b8}#tab-planner{--workspace-accent:#d19aaf}#tab-news{--workspace-accent:#9dbbd5}#tab-data{--workspace-accent:#9cc9c1}#tab-matrix{--workspace-accent:#b5b8d2}#tab-characters{--workspace-accent:#b6c7b2}
body.agathos-interface.holograph-interface .workspace-heading{border-left-color:var(--workspace-accent,#c496aa)!important}
body.agathos-interface.holograph-interface .comfort-header-signal{position:absolute;width:250px;height:82px;right:24px;bottom:14px;pointer-events:none;z-index:0;opacity:.5;overflow:visible}
body.agathos-interface.holograph-interface .workspace-heading>div{position:relative;z-index:1}
.comfort-signal-plane{fill:#a6cbb9;fill-opacity:.055}.comfort-signal-rose{fill:#d59db3;fill-opacity:.075}
.comfort-signal-wire{fill:none;stroke:#a8c5d3;stroke-opacity:.32;stroke-width:.8}
.comfort-signal-trace{fill:none;stroke:#d7a5b9;stroke-width:1.35;stroke-dasharray:.14 .86;stroke-linecap:round}
body.agathos-interface.holograph-interface .workspace-object .object-accent{stroke:#d6a5b8;stroke-width:1.55;opacity:.92}
body.agathos-interface.holograph-interface .workspace-object .object-wire{stroke:#a4c3d3;stroke-opacity:.75}
body.agathos-interface.holograph-interface .workspace-object .object-node{fill:#bcd9cd}
body.agathos-interface.holograph-interface .comfort-click-wave{position:absolute;inset:2px;border:1px solid #d4c0cdd9;border-radius:inherit;pointer-events:none;animation:comfort-click-wave 520ms ease-out both}
body.agathos-interface.holograph-interface :is(.home-primary-actions button,.comfort-guide-actions button,.agp-modebar>button,.fsp-wizard button,.sim-workflow button){position:relative;isolation:isolate;overflow:hidden}
@media(prefers-reduced-motion:no-preference){
 body.agathos-interface.holograph-interface .tab-page.active .workspace-object{animation:comfort-object-float 6s ease-in-out infinite;transform-origin:center}
 body.agathos-interface.holograph-interface .tab-page.active .workspace-object .object-accent{stroke-dasharray:.2 .09;animation:comfort-vector-flow 3.4s linear infinite!important}
 body.agathos-interface.holograph-interface .tab-page.active .workspace-object .object-node{animation:comfort-node-breathe 2.8s ease-in-out infinite}
 body.agathos-interface.holograph-interface .tab-page.active .comfort-signal-trace{animation:comfort-vector-flow 5s linear infinite}
 body.agathos-interface.holograph-interface .tab-page.active .comfort-signal-rose{animation:comfort-facet-breathe 6s ease-in-out infinite}
 body.agathos-interface.holograph-interface .ui-ink-path{stroke-dasharray:1;animation:comfort-ink-draw 1.25s var(--comfort-ease) both}
 body.agathos-interface.holograph-interface .ui-framed:hover>.ui-frame .ui-frame-trace{animation:agathos-rail-draw 1.1s ease-out both;stroke:#e0adbf;stroke-width:.17}
 body.agathos-interface.holograph-interface .workflow button i,
 body.agathos-interface.holograph-interface .home-primary-actions button span,
 body.agathos-interface.holograph-interface .comfort-guide-actions button span{display:inline-block;transition:transform 280ms var(--comfort-ease)}
 body.agathos-interface.holograph-interface .workflow button:hover i,
 body.agathos-interface.holograph-interface .comfort-guide-actions button:hover span{transform:translate(3px,-3px)}
 body.agathos-interface.holograph-interface .home-primary-actions button:hover span{transform:translate(4px,3px)}
 body.agathos-interface.holograph-interface :is(.arb-avatar img,.agp-support-art,.agp-slot-art){transition:transform 380ms var(--comfort-ease)}
 body.agathos-interface.holograph-interface :is(.arb-entry:hover .arb-avatar img,.agp-support-card:hover .agp-support-art){transform:scale(1.07) rotate(-2deg)}
 body.agathos-interface.holograph-interface .ui-working .ui-compute-line{height:3px;opacity:1}
 body.agathos-interface.holograph-interface .cv-route-flow{animation-duration:4.8s;opacity:.55}
 body.agathos-interface.holograph-interface .cv-trigger-pulse{animation-duration:2.6s}
 body.agathos-interface.holograph-interface .workspace-heading.ui-entered .object-wire{animation:workspace-trace 1.4s var(--comfort-ease) both}
 body.agathos-interface.holograph-interface .agp-modebar>button[aria-selected=true],
 body.agathos-interface.holograph-interface .fsp-stage-tabs button[aria-selected=true]{animation:comfort-tab-select 330ms var(--comfort-ease)}
}
@keyframes comfort-object-float{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -7px;rotate:2deg}}
@keyframes comfort-vector-flow{from{stroke-dashoffset:0}to{stroke-dashoffset:-1.16}}
@keyframes comfort-node-breathe{0%,100%{opacity:.35;r:2.2}50%{opacity:.95;r:3.8}}
@keyframes comfort-facet-breathe{0%,100%{fill-opacity:.045;translate:0 0}50%{fill-opacity:.14;translate:1px -2px}}
@keyframes comfort-click-wave{0%{opacity:1;transform:scale(.94)}100%{opacity:0;transform:scale(1.16)}}
@keyframes comfort-ink-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes comfort-tab-select{from{box-shadow:inset 0 -3px #d3a1b8;translate:0 2px}to{box-shadow:inset 0 0 transparent;translate:0 0}}
body.agathos-interface.holograph-interface.ui-backgrounded .workspace-object,
body.agathos-interface.holograph-interface.ui-backgrounded .workspace-object *,
body.agathos-interface.holograph-interface.ui-backgrounded .comfort-header-signal *{animation-play-state:paused!important}

@media(min-width:1500px){
 body.agathos-interface.holograph-interface main{padding-inline:clamp(30px,3vw,58px)}
 body.agathos-interface.holograph-interface .panel{padding:27px}
 body.agathos-interface.holograph-interface td{padding-block:16px}
}
@media(max-width:1050px){
 body.agathos-interface.holograph-interface #reference-planner-root .agp-catalog-layout{grid-template-columns:minmax(280px,.9fr) minmax(0,1.2fr);gap:18px}
 .comfort-guide{align-items:flex-start;flex-direction:column;gap:10px}
 body.agathos-interface.holograph-interface #tab-simulator .sim-workspace{grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:18px}
}
@media(max-width:800px){
 body.agathos-interface.holograph-interface{font-size:15px}
 body.agathos-interface.holograph-interface main{padding-inline:16px}
 body.agathos-interface.holograph-interface .workspace-intro{gap:0 14px}
 body.agathos-interface.holograph-interface .workflow{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.agathos-interface.holograph-interface .workflow button{border-bottom:1px solid #3a4b58;min-height:86px}
 body.agathos-interface.holograph-interface .workflow button:nth-child(even){border-right:0}
 body.agathos-interface.holograph-interface .workflow button:nth-last-child(-n+2){border-bottom:0}
 body.agathos-interface.holograph-interface .workspace-heading,
 body.agathos-interface.holograph-interface :is(#tab-matrix,#tab-data,#tab-characters) .workspace-heading{padding:21px 22px!important;min-height:0}
 body.agathos-interface.holograph-interface .workspace-heading :is(h1,h2){font-size:25px!important;max-width:95%}
 body.agathos-interface.holograph-interface .workspace-object{right:13px;left:auto;top:13px;transform:none;opacity:.18}
 body.agathos-interface.holograph-interface .comfort-header-signal{display:none}
 body.agathos-interface.holograph-interface .workspace-heading :is(.agp-source-stamp,.agn-stamp){display:none}
 body.agathos-interface.holograph-interface #tab-simulator .sim-workspace{grid-template-columns:1fr}
 body.agathos-interface.holograph-interface #tab-simulator .sim-roster-col{position:static;max-height:none}
 body.agathos-interface.holograph-interface #reference-planner-root .agp-modebar{flex-wrap:nowrap;overflow-x:auto;top:56px;padding:5px;scrollbar-width:none;gap:3px}
 body.agathos-interface.holograph-interface #reference-planner-root .agp-modebar>button{flex:none;padding:8px 12px;min-height:40px;font-size:13px;white-space:nowrap}
 body.agathos-interface.holograph-interface #reference-planner-root .agp-modebar>button>span{display:none}
 body.agathos-interface.holograph-interface #reference-planner-root .agp-modebar>.agp-source-anchor{display:none}
 body.agathos-interface.holograph-interface #reference-planner-root .agp-catalog-layout{grid-template-columns:1fr}
 body.agathos-interface.holograph-interface #reference-planner-root .agp-catalog-results{position:static;max-height:none;padding:16px}
 body.agathos-interface.holograph-interface #reference-planner-root .agp-support-detail{padding:20px}
 body.agathos-interface.holograph-interface .fsp-shell .fsp-wizard button{padding:12px 9px;gap:8px}
 body.agathos-interface.holograph-interface .fsp-shell .fsp-board{grid-template-columns:repeat(5,minmax(103px,1fr));padding:12px}
 html[data-festa-standalone=true] .fsp-shell .fsp-stage-tools:after{content:'下方可横向滑动查看5个演目';display:block;flex-basis:100%;font-size:12px;color:#a8bdca;margin-top:6px}
}
@media(max-width:560px){
 body.agathos-interface.holograph-interface main{padding-inline:12px;padding-top:17px}
 body.agathos-interface.holograph-interface .intro-copy{padding:19px 0 23px}
 body.agathos-interface.holograph-interface .workspace-intro h1{font-size:24px;margin-top:15px}
 body.agathos-interface.holograph-interface .workspace-intro p{font-size:15px;line-height:1.85}
 body.agathos-interface.holograph-interface .home-primary-actions button{flex:1;padding-inline:12px;font-size:14px}
 body.agathos-interface.holograph-interface .workflow button{padding:13px 11px;gap:10px;min-height:85px}
 body.agathos-interface.holograph-interface .workflow button span{font-size:14px}.workflow button small{font-size:12px}
 body.agathos-interface.holograph-interface .contact-strip{font-size:12px;gap:5px 14px;padding-top:12px}
 body.agathos-interface.holograph-interface :is(.panel,.control-panel){padding:18px 16px;border-radius:7px}
 body.agathos-interface.holograph-interface .workspace-heading,
 body.agathos-interface.holograph-interface :is(#tab-matrix,#tab-data,#tab-characters) .workspace-heading{padding:19px 17px!important;margin-bottom:17px}
 body.agathos-interface.holograph-interface .workspace-heading :is(h1,h2){font-size:23px!important}
 body.agathos-interface.holograph-interface .workspace-heading p{font-size:14px!important}
 .comfort-guide{padding:12px 13px;margin-bottom:18px;font-size:13px;gap:11px}
 .comfort-guide-actions{width:100%;gap:6px}.comfort-guide-actions button{flex:1;min-height:38px;padding:7px 8px;font-size:12px}
 .comfort-guide>p b{display:block;margin:0 0 3px}
 body.agathos-interface.holograph-interface th{padding:11px 12px;font-size:12px}
 body.agathos-interface.holograph-interface td{padding:13px 12px;font-size:14px}
 body.agathos-interface.holograph-interface #tab-simulator .sim-workflow{gap:6px}
 body.agathos-interface.holograph-interface #tab-simulator .sim-workflow button{padding:11px 8px;display:flex;gap:7px;align-items:center}
 body.agathos-interface.holograph-interface #tab-simulator .sim-workflow button small{display:none}
 body.agathos-interface.holograph-interface #tab-simulator .sim-workflow b{width:24px;height:24px;font-size:10px;flex:none}
 body.agathos-interface.holograph-interface #tab-simulator .sim-workflow button span{font-size:12px}
 body.agathos-interface.holograph-interface #tab-simulator :is(.sim-scenario,.sim-editor){padding:18px 16px}
 body.agathos-interface.holograph-interface #reference-planner-root .agp-modebar>button>b{display:none}
 body.agathos-interface.holograph-interface .fsp-shell .fsp-board{grid-template-columns:repeat(5,minmax(98px,1fr));gap:8px}
 body.agathos-interface.holograph-interface .fsp-shell .fsp-drop-slot{min-height:195px;padding:12px 8px}
 body.agathos-interface.holograph-interface .fsp-shell .fsp-wizard button{display:grid;gap:4px;min-height:65px;place-items:center;font-size:12px}
 .comfort-top{right:15px;bottom:17px;width:39px;height:39px;min-height:39px;font-size:21px}
}
@media(prefers-reduced-motion:reduce){
 body.agathos-interface.holograph-interface .comfort-reveal,body.agathos-interface.holograph-interface .tab-page.active,body.agathos-interface.holograph-interface details[open]>*:not(summary){animation:none!important;transform:none!important}
 body.agathos-interface.holograph-interface .comfort-top{animation:none!important}
 body.agathos-interface.holograph-interface .workspace-object,body.agathos-interface.holograph-interface .workspace-object *{animation:none!important;translate:none!important;rotate:none!important}
 body.agathos-interface.holograph-interface .comfort-header-signal *{animation:none!important;translate:none!important}
 body.agathos-interface.holograph-interface .comfort-click-wave{display:none;animation:none}
 body.agathos-interface.holograph-interface :is(button,a,input,select,textarea){transition:none!important}
}