:root{--accent: #d7262c;--text: #ffffff;--subtext: #b9c0cc;--panel: rgba(12, 13, 16, .78);--panel-border: rgba(255, 255, 255, .08);--health: #6fd11b;--armor: #ff9a0a;--bar-empty: rgba(92, 62, 36, .42);--good: #3ddc6b;--warn: #facc15;--bad: #ef4444;--font: "Segoe UI", "Roboto", Arial, sans-serif;--scale: 1;font-family:var(--font)}html,body,#root{margin:0;width:100vw;height:100vh;overflow:hidden;background:transparent;color:var(--text);-webkit-user-select:none;user-select:none}.bars{position:fixed;display:flex;height:calc(1.15vh * var(--scale));box-sizing:border-box;border:1px solid rgba(0,0,0,.85);background:#00000059}.bars .seg{flex:1;position:relative;overflow:hidden;background:var(--bar-empty)}.bars .seg+.seg{border-left:1px solid rgba(0,0,0,.85)}.bars .seg i{display:block;height:100%;box-shadow:inset 0 1px #ffffff40}.bars .hp i{background-color:var(--health)}.bars .ar i{background-color:var(--armor)}.status{position:fixed;font-size:calc(1.55vh * var(--scale));font-weight:700;line-height:1.3;white-space:nowrap;text-shadow:0 0 3px #000,0 1px 2px #000,1px 1px 2px #000}.infobar{position:fixed;left:50%;bottom:1.2vh;transform:translate(-50%);display:flex;gap:.35vw}.cell{display:flex;align-items:center;justify-content:center;gap:calc(.45vw * var(--scale));min-width:calc(5.5vw * var(--scale));padding:calc(.55vh * var(--scale)) calc(1.1vw * var(--scale));background:var(--panel);border:1px solid var(--panel-border);border-radius:.5vh;font-size:calc(1.35vh * var(--scale));font-weight:700;white-space:nowrap}.cell svg{width:calc(1.6vh * var(--scale));height:calc(1.6vh * var(--scale));flex:none;color:var(--accent)}@font-face{font-family:HUD Display;font-weight:600;src:url(./oswald-latin-600-normal-BngA6tR6.woff2) format("woff2")}@font-face{font-family:HUD Display;font-weight:700;src:url(./oswald-latin-700-normal-D0t3JG0g.woff2) format("woff2")}.band-wrap{position:fixed;left:0;right:0;pointer-events:none}.band-wrap.center{top:50%;transform:translateY(-50%)}.band-wrap.top{top:9vh}.band{position:relative;background:#000000bd;animation:band-open .38s cubic-bezier(.2,.8,.2,1) both}.band.leaving{animation:band-close .38s cubic-bezier(.6,0,.8,.4) both}@keyframes band-open{0%{clip-path:inset(50% 0 50% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes band-close{0%{clip-path:inset(0 0 0 0);opacity:1}to{clip-path:inset(50% 0 50% 0);opacity:.4}}.band-line{display:block;height:.3vh;background:var(--level);transform-origin:center;animation:band-line .6s .1s cubic-bezier(.2,.8,.2,1) both}@keyframes band-line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.band-line.bottom{position:relative;background:#ffffff1f}.band-line.bottom b{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--level);transform-origin:center;animation:band-timer var(--secs) linear both}@keyframes band-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.band-inner{max-width:64vw;margin:0 auto;padding:calc(2.6vh * var(--scale)) 2vw calc(3vh * var(--scale));text-align:center}.band-kicker{display:inline-flex;align-items:center;gap:.7vh;font-family:"HUD Display",var(--font);font-weight:600;font-size:calc(1.9vh * var(--scale));letter-spacing:.32em;text-transform:uppercase;color:var(--level);animation:band-rise .45s .18s ease-out both}.band-kicker svg{width:1.1em;height:1.1em}.band-title{margin-top:.4vh;font-family:"HUD Display",var(--font);font-weight:700;font-size:calc(7.4vh * var(--scale));line-height:1.02;text-transform:uppercase;letter-spacing:.02em;color:#fff;text-shadow:.35vh .35vh 0 rgba(0,0,0,.75);animation:band-slam .5s .12s cubic-bezier(.2,.9,.3,1.25) both}@keyframes band-slam{0%{opacity:0;transform:scale(1.35);letter-spacing:.25em}to{opacity:1;transform:scale(1);letter-spacing:.02em}}.band-msg{margin:calc(1.1vh * var(--scale)) auto 0;max-width:58vw;text-wrap:balance;font-size:calc(2.15vh * var(--scale));font-weight:600;line-height:1.4;color:#ffffffeb;text-shadow:0 .2vh .4vh rgba(0,0,0,.8);animation:band-rise .45s .32s ease-out both}.band-hl{color:var(--level)}.band-by{margin-top:.9vh;font-size:calc(1.5vh * var(--scale));color:var(--subtext);animation:band-rise .45s .4s ease-out both}@keyframes band-rise{0%{opacity:0;transform:translateY(1.2vh)}to{opacity:1;transform:none}}.speedo{position:fixed;right:2.4vw;bottom:2.2vh;width:calc(11vw * var(--scale));height:calc(11vw * var(--scale));max-height:calc(24vh * var(--scale));max-width:calc(24vh * var(--scale))}.speedo svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.speedo svg.shake{animation:shake .08s linear infinite}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(.12%,-.1%)}50%{transform:translate(-.1%,.12%)}75%{transform:translate(.1%,.1%)}to{transform:translate(0)}}.speedo-read{position:absolute;left:0;right:0;top:40%;text-align:center;line-height:1}.speedo-read b{display:block;font-size:calc(3.6vh * var(--scale));font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.8)}.speedo-read small{display:block;margin-top:.4vh;font-size:calc(1.7vh * var(--scale));color:var(--subtext);text-shadow:0 1px 3px rgba(0,0,0,.8)}.inds{position:absolute;left:0;right:0;bottom:-1vh;display:flex;justify-content:center;gap:1.1vw}.ind{display:flex;flex-direction:column;align-items:center;font-size:calc(1.5vh * var(--scale));font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.9)}.ind i{display:block;height:.28vh;margin-top:.15vh;border-radius:1px;transition:width .3s,background .3s}.ind.off{color:#ffffff8c}.ind.off i{width:0!important}