#frame-info[hidden]{display:none!important}
#frame-info{position:fixed;right:0.75rem;bottom:0.75rem;z-index:200;width:21.625rem;max-width:calc(100vw - 1.5rem);box-sizing:border-box;padding:0.75rem 0.875rem;background:#000e;color:#fff;border:0.1875rem solid #fff;pointer-events:none;font:700 0.875rem/1.45 var(--font-game);font-variant-numeric:tabular-nums;letter-spacing:0.009375rem;text-shadow:0 0.125rem 0 #000;box-shadow:0 0.25rem 1rem #0008}
#frame-info .frame-heading{display:flex;justify-content:space-between;gap:0.75rem;align-items:baseline;margin-bottom:0.4375rem;border-bottom:0.0625rem solid #ffffff70;padding-bottom:0.3125rem;font-weight:800}
#frame-info .frame-heading strong{font-size:0.9375rem;letter-spacing:0.0625rem}#frame-info .frame-mode{color:#b7c1c9;font-size:0.6875rem;text-transform:uppercase;text-align:right}
#frame-info .frame-row{display:flex;justify-content:space-between;gap:0.75rem;white-space:nowrap}#frame-info .frame-row>span:first-child{color:#c1c9ce}#frame-info .frame-value{font-weight:800;color:#fff}
#frame-info .frame-value[data-alert="warn"]{color:#ffe27a}#frame-info .frame-value[data-alert="bad"]{color:#ff7771}
#frame-info canvas{display:block;width:100%;height:3rem;margin-top:0.5625rem;border-bottom:0.0625rem solid #ffffff60}#frame-info .frame-note{display:flex;justify-content:space-between;color:#a6b0b7;font-size:0.625rem;margin-top:0.1875rem;letter-spacing:0.01875rem}
#pause-frame-info{margin-top:0.5625rem;padding-top:0.5rem;border-top:0.0625rem solid #ffffff70}