/* Approved HUD geometry; shared between the OBS preview and the standalone viewer. */
html.overlay-document,html.overlay-document body{background:transparent!important;color-scheme:normal}
html.overlay-document body{margin:0;min-width:0}
html.overlay-document #app{display:block;min-width:0}
.overlay-shell{box-sizing:border-box;vertical-align:top;overflow:visible}
.overlay-shell .overlay-status{height:36px;max-width:100%;margin:0 0 12px;white-space:nowrap;font-size:16px}
.overlay-shell .overlay-cards{gap:16px;align-items:stretch;margin:0}
.overlay-shell .overlay-cards .result-card{width:var(--overlay-card-width);height:var(--overlay-card-height);min-height:var(--overlay-card-height);overflow:visible;flex:none}
.overlay-shell .player-label{height:var(--overlay-player-height);min-height:var(--overlay-player-height);flex:none}
.overlay-shell .player-label strong{min-width:0;flex:1;overflow-wrap:anywhere}
.overlay-shell .player-index{flex:none}
.overlay-shell .result-identity{height:var(--overlay-identity-height);min-height:var(--overlay-identity-height);flex:none}
.overlay-shell .overlay-cards .equipment-list{padding:8px 14px 12px;gap:12px}
.overlay-shell .overlay-cards .equipment-image{height:44px}
.overlay-shell .overlay-cards .equipment-item{min-height:86px}
.overlay-shell .overlay-cards .hidden-results{width:100%;max-width:640px;align-self:flex-start;margin:0}
.overlay-shell .overlay-state{width:var(--overlay-card-width,280px);max-width:100%;overflow-wrap:anywhere}
.overlay-shell .overlay-state p:last-child{margin-bottom:0}
.overlay-shell[data-theme="dark"]{color-scheme:dark;--bg:#0b1018;--surface:#121b27;--raised:#192431;--soft:#1d2b3b;--ink:#f3f6f8;--muted:#b6c2ce;--line:#63788f;--subtle:#283747;--blue:#86c8ff;--bluebg:#183247;--coral:#ffac9e;--coralbg:#402b2b;color:var(--ink)}
.overlay-shell[data-theme="light"]{color-scheme:light;--bg:#e9edf0;--surface:#f8fafb;--raised:#fff;--soft:#e0e7ec;--ink:#142031;--muted:#4a5a6b;--line:#718396;--subtle:#c7d1da;--blue:#075b95;--bluebg:#d5eafa;--coral:#9b3625;--coralbg:#f9dfd8;color:var(--ink)}
.overlay-shell[data-side="attack"]{--side:var(--blue);--sidebg:var(--bluebg)}
.overlay-shell[data-side="defense"]{--side:var(--coral);--sidebg:var(--coralbg)}
.companion-layout .result-card:not(:has(.result-identity)) .equipment-list{grid-column:1/-1}
.companion-source{grid-column:1/-1;padding:0 18px 18px;margin:0}
.companion-source a{display:inline-flex;align-items:center;min-height:44px}