/* Approved reference palette. These local tokens have explicit light equivalents. */
#page-main,.or-report{--ref-page:#101010;--ref-panel:#1a1a1a;--ref-button:#292929;--ref-text:#eee8dc;--ref-muted:#bab8ad;--ref-gold:#e9bb61;--ref-line:#36362f;--ref-pink:#ef858b;--ref-blue:#91bdd5}
[data-theme=light] #page-main,[data-theme=light] .or-report{--ref-page:#f5efe5;--ref-panel:#eae3d7;--ref-button:#ded5c6;--ref-text:#342e24;--ref-muted:#69604f;--ref-gold:#876019;--ref-line:#c6bcaa;--ref-pink:#a53e49;--ref-blue:#326078}
#page-main{background:var(--ref-page);color:var(--ref-text);padding:18px 18px 28px}
#main-sub-char.ho-home{gap:18px}
.hr-sources{display:none!important}
.hr-panel,.hr-travel{background:var(--ref-panel);border-radius:22px;padding:17px;color:var(--ref-text)}
.hr-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;line-height:1.6}
.hr-row strong,.hr-travel strong,.hr-path strong{color:var(--ref-gold);font-size:14px;font-weight:500}
.hr-life{color:var(--ref-pink)}.hr-qi{color:var(--ref-blue)}
.hr-track{height:4px;background:var(--ref-line);border-radius:4px;margin:8px 0 12px;overflow:hidden}
.hr-track i{display:block;width:100%;height:100%;background:currentColor;border-radius:inherit;transform-origin:left center;transition:transform .4s ease}
.hr-break{margin-top:8px}.hr-break .hr-row+ .hr-row{font-size:10px}
.hr-panel button,.hr-travel button,.hr-path button{font-family:inherit;border:0;cursor:pointer;color:var(--ref-text);background:var(--ref-button);border-radius:10px;font-size:11px}
.hr-panel button:focus-visible,.hr-travel button:focus-visible,.hr-path button:focus-visible{outline:2px solid var(--ref-gold);outline-offset:3px}
.hr-panel .hr-gold,.hr-travel .hr-gold{background:#e9bb61;color:#302414;box-shadow:inset 0 0 0 1px #ffe6a655,0 0 13px #e9bb6115}
#hr-breakthrough{width:100%;min-height:44px;margin-top:9px}
.hr-panel button:disabled{background:var(--ref-button);color:var(--ref-muted);box-shadow:none;cursor:default}
.hr-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:16px}
.hr-actions button{min-height:44px;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:7px 4px;gap:5px;overflow:hidden}
.hr-actions button span{align-self:center;white-space:normal;text-align:center;line-height:1.2;overflow-wrap:break-word;word-break:break-word}.hr-actions .gi-svg{width:14px;height:14px;flex-shrink:0}
[data-language="en"] .hr-actions button{font-size:9.5px}
.hr-travel{display:flex;justify-content:space-between;gap:12px;align-items:center;border-radius:18px;padding:16px}
.hr-travel strong{display:block}.hr-travel small,.hr-travel #hr-stamina{font-size:10px;line-height:1.55}
.hr-travel button{min-height:54px;min-width:88px;padding:8px 12px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;flex-shrink:0}
.hr-path{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--ref-line);padding-top:16px;gap:12px}
.hr-path small{display:block;font-size:10px;color:var(--ref-muted)}.hr-path button{min-height:44px;padding:10px 12px;flex-shrink:0}
#main-msub-tabs button .gi-svg{display:none}#main-msub-tabs{margin-bottom:20px!important}
.ho-home>.mode-sel{min-height:64px;background:var(--ref-panel)}
.ho-home .mode-btn{min-height:54px;position:relative;flex-direction:row;align-items:center;justify-content:center;gap:7px}
.ho-home .mode-btn>div:first-child{position:static}.ho-home .mode-btn>div:nth-child(2){margin-top:0;font-size:14px!important;line-height:1.4}
.ho-home #zone-bar{display:none!important}
#player-title>span,#player-title>div{max-width:100%}
.hr-identity h1{font-size:23px;font-weight:500;line-height:1.4;color:var(--ref-text);margin:0}
.hr-identity button{display:block;border:0;padding:0;margin:3px 0 0;background:transparent;color:var(--ref-gold);font:inherit;font-size:11px;text-align:left;cursor:pointer}
.hr-track.hr-qi i{background:var(--ref-blue)}
#home-orbit-note{cursor:pointer}
.ho-status-dialog{position:fixed;inset:0;margin:auto!important;box-sizing:border-box;width:calc(100% - 32px);max-width:400px;height:fit-content;max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}
#main-sub-body{--body-menu-surface:#1c1c1c}
[data-theme=light] #main-sub-body{--body-menu-surface:#eae4d9}
#main-sub-body .btr-row{background:var(--body-menu-surface)}
/* Reports use their own clean markup; no old inline card styles. */
#off-modal.or-report{--ref-page:#121212;--ref-panel:#232320;--ref-button:#393936;--ref-text:#eee8dc;--ref-muted:#bab8ad;--or-blue-bg:#142836;--or-gold-bg:#302812;--or-green-bg:#132c1d;--or-purple-bg:#281b38;--or-blood-bg:#351c23;--or-ready-bg:#2b291d}
[data-theme=light] #off-modal.or-report{--ref-page:#f5efe5;--ref-panel:#eae3d7;--ref-button:#d7cebd;--ref-text:#342e24;--ref-muted:#69604f;--or-blue-bg:#d4e2e9;--or-gold-bg:#e9dfbc;--or-green-bg:#d6e7d8;--or-purple-bg:#e2d8ec;--or-blood-bg:#ead4d9;--or-ready-bg:#e8e0c6}
#off-modal.or-report #off-modal-card{background:var(--ref-page)!important;color:var(--ref-text);padding:24px 18px!important}
.or-report .off-report-eyebrow{display:flex;justify-content:space-between;font-size:10px!important;color:var(--ref-muted)!important;margin-bottom:20px!important}
.or-report .off-report-switch{background:var(--ref-panel);padding:4px;margin-bottom:26px;border-radius:12px}
.or-report .off-report-switch button{font-size:12px;min-height:42px;color:var(--ref-text)}
.or-report .off-report-switch button[aria-selected=true]{background:var(--ref-button)}
.or-report .off-welcome{font-size:11px;margin-bottom:6px;color:var(--ref-muted)}
.or-report #off-modal-title{font-size:26px!important;font-weight:600;line-height:1.4;color:var(--ref-text)!important}
.or-report #off-modal-header{display:block!important;padding:0 0 26px!important}
.or-report #off-modal-time{font-size:11px!important;color:var(--ref-muted)!important;line-height:1.7}
.or-report .off-zone{color:var(--t-86efac)!important;font-size:11px!important;font-weight:400!important;margin-top:8px!important}
#off-modal.or-report .off-summary-grid{gap:8px;margin-bottom:24px}
#off-modal.or-report .or-metric{background:var(--ref-panel);padding:15px 12px!important;gap:7px;min-height:101px;border-radius:14px}
#off-modal.or-report .or-metric>span{color:var(--ref-muted)!important;font-size:11px!important}
#off-modal.or-report .or-metric .off-value{font-size:22px!important;font-weight:600;line-height:1.3}
#off-modal.or-report .or-metric small{font-size:10px;color:var(--ref-muted)}
#off-modal.or-report .or-metric .or-gold{color:var(--t-fbbf24)}#off-modal.or-report .or-metric .or-blue{color:var(--t-93c5fd)}#off-modal.or-report .or-metric .or-blood{color:var(--t-fca5a5)}
.or-report .or-section{margin:26px 0}.or-report .or-section h3{font-size:13px;color:var(--ref-text);font-weight:500;margin:0 0 16px;display:flex;align-items:center;gap:6px}
.or-report .or-heading-meta{font-size:9px;font-weight:400;color:var(--ref-muted);margin-left:auto}
.or-report .or-section h4{font-size:10px;color:var(--ref-muted);font-weight:400;margin:16px 0 8px}
.or-report .or-tray{display:flex;flex-wrap:wrap;align-items:flex-start;gap:7px}
.or-report .or-chip,.or-report .or-fold summary{font-size:11px;min-height:42px;display:inline-flex;align-items:center;gap:5px;padding:9px 10px;border-radius:9px;box-sizing:border-box;line-height:1.5}
.or-report .or-chip .gi-svg,.or-report .or-fold .gi-svg{width:16px;height:16px;flex-shrink:0}
.or-report .or-equipment{background:#292430}
[data-theme=light] .or-report .or-equipment{background:#ded6e5}
.or-report .or-gold{color:var(--t-fbbf24);background:var(--or-gold-bg)}.or-report .or-blue{color:var(--t-93c5fd);background:var(--or-blue-bg)}.or-report .or-green{color:var(--t-86efac);background:var(--or-green-bg)}.or-report .or-purple{color:var(--t-c4b5fd);background:var(--or-purple-bg)}.or-report .or-blood{color:var(--t-fca5a5);background:var(--or-blood-bg)}
.or-report .or-metric .off-value,.or-report .or-progress-row .or-green{background:transparent}
#off-modal.or-report .or-fold{display:block;border:0;border-radius:9px;overflow:visible;margin:0;max-width:100%}
#off-modal.or-report .or-fold summary{color:inherit;padding:9px 10px;min-height:42px}
#off-modal.or-report .or-fold.or-green{background:var(--or-green-bg)}
#off-modal.or-report .or-fold.or-blue{background:var(--or-blue-bg)}
#off-modal.or-report .or-fold.or-gold{background:var(--or-gold-bg)}
#off-modal.or-report .or-fold.or-purple{background:var(--or-purple-bg)}
#off-modal.or-report .or-fold>div{padding:10px!important;background:var(--ref-panel);color:var(--ref-text);border-radius:0 0 9px 9px;min-width:200px}
.or-report .or-detail{font-size:11px;padding:7px 0;border-bottom:1px solid var(--ref-line)}.or-report .or-detail:last-child{border:0}
.or-report .or-ready{padding:13px 12px;border-radius:12px;background:var(--or-ready-bg);color:var(--t-fbbf24);font-size:11px;margin:0 0 28px}
.or-report .or-progress{background:var(--ref-panel);border-radius:15px;padding:18px 14px}
.or-report .or-progress h3{color:var(--ref-gold);margin-bottom:18px}.or-report .or-progress-row+.or-progress-row{margin-top:22px}
.or-report .or-line{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}.or-report .or-line>span:first-child{display:flex;align-items:center;gap:6px}
.or-report .or-track{height:5px;border-radius:4px;background:var(--ref-line);overflow:hidden;margin:9px 0 5px}.or-report .or-track i{display:block;height:100%;border-radius:inherit;background:#caa648}
.or-report .or-progress-row small{font-size:10px;color:var(--ref-muted)}
.or-report .or-event{display:flex;gap:10px;padding:16px 0;border-bottom:1px solid var(--ref-line);font-size:12px;line-height:1.6}.or-report .or-event>.gi-svg{width:16px;height:16px;flex-shrink:0;color:var(--ref-muted);margin-top:2px}
.or-report .or-event small{display:block;color:var(--ref-muted);font-size:10px}
.or-report .or-disciples{border-top:1px solid var(--ref-line);padding-top:22px}.or-report .or-disciples h3{color:var(--ref-gold)}.or-report .or-disciples .or-event{background:var(--ref-panel);border:0;border-radius:14px;padding:15px;margin:8px 0}
.or-report .or-warning{color:var(--t-fca5a5);font-size:10px;width:100%}
@media(max-width:370px){#page-main{padding-left:14px;padding-right:14px}.hr-panel{padding:14px}.hr-actions button{font-size:10px}}
/* Ability page: palette only. Preserve its layout, filters, slots, handlers,
   and all detail dialogs (which live outside #page-skillmove). */
#page-skillmove{--ability-panel:#1a1a1a;--ability-raised:#282725;--ability-line:#37332a;--ability-selected:#403620;background:var(--surface-page);color:var(--text-primary)}
[data-theme=light] #page-skillmove{--ability-panel:#eee8dd;--ability-raised:#e1d9cb;--ability-line:#b8aa93;--ability-selected:#decca6}
#page-skillmove .card{background:var(--ability-panel)!important;border-color:var(--ability-line)!important}
#page-skillmove .card div[style*="background:"],#page-skillmove .dao-ring-node{background:var(--ability-raised)!important;border-color:var(--ability-line)!important}
#page-skillmove:not(.ip-exact-page) button{background:var(--ability-raised)!important;border-color:var(--ability-line)!important}
#page-skillmove:not(.ip-exact-page) button.btp{background:var(--ability-selected)!important;color:var(--text-heading)!important}