html,body,#root{height:100%;margin:0}body{color:#fff;background:#111;font-family:system-ui,sans-serif}.app{height:100%;position:relative;overflow:hidden}.ui-layer{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.hud,.panel{pointer-events:auto;color:#fff;background:#111111d9}.hud{box-sizing:border-box;border-radius:8px;align-self:flex-start;max-width:calc(100% - 16px);margin:8px;padding:8px 12px}.hud-list{flex-wrap:wrap;gap:4px 16px;margin:0;display:flex}.hud-stat{flex-direction:column;display:flex}.hud-label{text-transform:uppercase;opacity:.7;font-size:.7rem}.hud-value{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.panel{border-radius:12px 12px 0 0;flex-direction:column;max-height:50%;display:flex}.panel-toggle{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.panel-body{padding:0 12px 12px;overflow-y:auto}.panel-body[hidden],.tab-content[hidden]{display:none}.tabs{gap:4px;display:flex;overflow-x:auto}.tab{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:#2a2a2a;border:0;border-radius:6px;flex:1 0 auto;padding:0 12px}.tab[aria-selected=true]{background:#3b82f6}.tab:focus-visible,.panel-toggle:focus-visible{outline-offset:2px;outline:2px solid #fff}.badge{background:#444;border-radius:999px;padding:2px 8px;font-size:.75rem;display:inline-block}@media (width>=768px){.ui-layer{flex-direction:row;justify-content:space-between;align-items:stretch}.panel{border-radius:12px 0 0 12px;width:320px;max-height:none;margin:8px 0}.panel-toggle{text-align:left;padding:0 12px}.panel[data-open=false]{align-self:flex-start;width:auto}}@media (prefers-reduced-motion:no-preference){.tab{transition:background-color .15s}}