@font-face{font-family:Oxanium;src:url('/oxanium.ttf') format('truetype');font-weight:200 800;font-display:swap}
/* Summary information stays visible in a normal window, with filters and expanded rows. */
.records-content .metrics,.records-content:has(#toggle-columns[aria-pressed=true]) .metrics,.records-content:has(#filters:not(.hidden)) .metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.records-content .metric,.records-content .metrics .metric:last-child{display:flex;min-width:0;min-height:50px}
.records-content .metric>div:not(.metric-icon){min-width:0}.records-content .metric small{line-height:1.35}
.records-content .hero,.records-content:has(#toggle-columns[aria-pressed=true]) .hero,.records-content:has(#filters:not(.hidden)) .hero{display:flex}
.records-content .hero-visual,.records-content .hero-stat{display:flex}.hero-stat{flex-direction:column;justify-content:center;flex-shrink:0}
.hero-stat strong.transform-count{font-family:Oxanium,'Bahnschrift',monospace;font-weight:650;font-size:clamp(30px,3vw,44px);font-variant-numeric:tabular-nums;font-feature-settings:'tnum';letter-spacing:-1.5px;line-height:1.15;min-height:1.15em;min-width:5ch;text-shadow:0 0 20px #a970ed22}
.hero-stat span{letter-spacing:.65px}.hero-stat strong.transform-count>span{font-size:inherit;letter-spacing:inherit;white-space:nowrap}
.pending-hero{border-color:#90763266;background:radial-gradient(ellipse at 90% 70%,#88701a22,transparent 65%),var(--surface);justify-content:space-between}
.pending-hero .eyebrow,.pending-hero .transform-count{color:#edca65}.pending-hero h2{font-size:17px;overflow-wrap:anywhere}.pending-hero .hero-stat{border-color:#b89c4c55}.pending-hero .hero-stat>span{white-space:normal}
[data-theme=light] .pending-hero .eyebrow,[data-theme=light] .pending-hero .transform-count{color:#896207}
.earth-button{position:relative;display:grid;place-items:center;min-width:39px;min-height:39px;padding:8px;border-radius:12px;color:#7edcec;border:1px solid #48869665;background:#19394528}
.earth-button .icon{width:22px;height:22px}.earth-button:hover{background:#2595ad24;border-color:#57cde4;box-shadow:0 0 17px #2ab9d822}.connection-dot{position:absolute;right:5px;bottom:6px;width:5px;height:5px;border-radius:50%;background:#7de4de;box-shadow:0 0 6px #36dfff}
[data-theme=light] .earth-button{color:#167084;background:#def8fc}
@media(max-height:720px){.records-content .hero{padding:10px 16px;min-height:82px}.records-content .metric{padding:7px 10px;min-height:46px}.records-content .metrics{gap:8px;margin-bottom:10px}.records-content .metric strong{font-size:14px}.records-content .hero-stat strong.transform-count{font-size:30px}}
@media(max-width:850px){.records-content .hero{gap:12px}.records-content .hero>div:first-of-type h2{font-size:16px}.records-content .hero-stat{padding-left:12px;min-width:120px}.records-content .hero-stat>span{font-size:9px;white-space:normal}.records-content .metric{padding:8px;gap:7px}.records-content .metric-icon{width:24px;height:24px;flex:none}.records-content .metric small{font-size:9px}.records-content .metric strong{font-size:12px}.page-actions{flex-wrap:wrap}}
@media(max-width:540px){.records-content .hero{flex-wrap:wrap}.records-content .metrics{grid-template-columns:1fr}.records-content .metric-icon{display:flex}.records-content .hero-stat{padding-left:0;border:0}.records-content .hero>div:first-of-type{width:100%}}
/* The holographic room keeps its dark contrast in either application theme. */
#modal:has(.connection-room){width:min(1120px,96vw);max-width:96vw;background:#050e18;border:1px solid #245565;color:#d6f3fb;overflow:hidden}
#modal:has(.connection-room) .modal-head{padding:18px 24px;border-color:#214554;background:linear-gradient(110deg,#091b2b,#09121c)}
#modal:has(.connection-room) .modal-head h2{font-size:22px;margin-top:5px;color:#dbf6ff}
#modal:has(.connection-room) .eyebrow{color:#65c6d7;letter-spacing:2px;font:10px Oxanium,monospace}
#modal:has(.connection-room) .modal-head button{color:#9acbd8;background:#112733;border-color:#345762}
#modal:has(.connection-room) .modal-body{padding:0;overflow:auto;max-height:calc(94svh - 88px)}
.connection-room{display:grid;grid-template-columns:minmax(0,1fr) 235px;min-height:0;isolation:isolate}
.connection-stage{height:clamp(285px,64svh,650px);position:relative;background:radial-gradient(ellipse at center,#06243b,#030910 75%);overflow:hidden}
.connection-stage canvas{width:100%;height:100%;display:block}
.hud-top,.hud-bottom{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;pointer-events:none;font:9px Oxanium,monospace;letter-spacing:1.7px;color:#6bacbd}
.hud-top{top:19px;padding-bottom:12px;border-bottom:1px solid #36829540}.hud-bottom{bottom:18px;padding-top:12px;border-top:1px solid #36829540}.hud-bottom span:last-child{color:#70d9df}
.connection-roster{border-left:1px solid #214554;padding:25px 20px;background:#07121c;max-height:clamp(285px,64svh,650px);overflow:auto;scrollbar-color:#315e6b #07121c;scrollbar-width:thin}
.connection-total strong{display:block;font:600 48px/1.1 Oxanium,monospace;color:#8decf6;text-shadow:0 0 25px #3fdfed30}
.connection-total>span{font:10px Oxanium,monospace;color:#82c1d0;letter-spacing:1.1px}
#connection-status{font-size:11px;color:#90acbc;line-height:1.5;margin:14px 0 20px}
#connection-users{list-style:none;padding:0;margin:0}#connection-users li{display:flex;gap:9px;border-top:1px solid #15303e;padding:12px 0;color:#b3d6e1}
#connection-users i{width:5px;height:5px;flex:none;background:#7ee9ef;border-radius:50%;margin-top:5px;box-shadow:0 0 8px #54dfee}
#connection-users strong{font:600 12px Oxanium,monospace;letter-spacing:1px;color:#97ebf1}#connection-users span{display:block;font:11px/1.5 'Segoe UI',sans-serif;color:#91aab9;margin-top:3px;overflow-wrap:anywhere}
.connection-caption{padding:14px 23px;border-top:1px solid #1b3744;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#849ead;font-size:10px;line-height:1.6}
.globe-error{position:absolute;bottom:70px;left:20px;right:20px;background:#0c2538dd;padding:12px;color:#d1e7f2;font-size:12px}
@media(max-width:700px){.connection-room{grid-template-columns:1fr}.connection-roster{display:block;max-height:160px;border-left:0;border-top:1px solid #214554;padding:15px 20px}.connection-total strong{display:inline;font-size:25px;margin-right:12px}#connection-status{margin:7px 0}#connection-users{display:flex;flex-wrap:wrap;gap:15px}#connection-users li{border:0;max-width:220px}.connection-caption{padding:10px 18px}.connection-stage{height:45svh}.hud-top,.hud-bottom{font-size:8px;letter-spacing:1px}}
.hero-stat strong.transform-count>span{color:inherit}
.pending-hero::after{display:none}