*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000104}#app,#app canvas{position:fixed;top:0;right:0;bottom:0;left:0}:root{--bg: #000;--corners: #be98c9;--headline-item: #9898fc;--sidebar: #9898c9;--selected: #e79868;--text-heading: #e79824}.loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:var(--bg);font-family:Roboto,sans-serif;transition:opacity .4s ease}.loading--hidden{opacity:0;pointer-events:none}.loading__frame{width:min(560px,86vw);display:flex;flex-direction:column;gap:10px}.loading__bar{display:flex;height:28px;gap:10px}.loading__bar:before{content:"";width:110px;background:var(--corners)}.loading__bar span{flex:1;background:var(--headline-item)}.loading__bar--top:before{border-radius:14px 0 0}.loading__bar--top span{border-radius:0 14px 14px 0}.loading__bar--bottom:before{border-radius:0 0 0 14px}.loading__bar--bottom span{border-radius:0 14px 14px 0}.loading__body{padding:18px 0 18px 120px;display:flex;flex-direction:column;gap:14px}.loading__title{color:var(--text-heading);text-transform:uppercase;font-size:1.5rem;font-weight:600;letter-spacing:-1px;transform:scaleY(2.5);transform-origin:left center;margin:18px 0}.loading__status{color:var(--sidebar);text-transform:uppercase;font-weight:800;font-size:.85rem;letter-spacing:.04em}.loading--error .loading__status{color:var(--selected)}.loading__stream{display:flex;gap:6px;height:14px}.loading__stream i{flex:1;background:var(--headline-item);animation:lcarsPulse 1.2s ease-in-out infinite}.loading__stream i:nth-child(2){animation-delay:.1s}.loading__stream i:nth-child(3){animation-delay:.2s}.loading__stream i:nth-child(4){animation-delay:.3s}.loading__stream i:nth-child(5){animation-delay:.4s}.loading__stream i:nth-child(6){animation-delay:.5s}.loading__stream i:nth-child(7){animation-delay:.6s}.loading__stream i:nth-child(8){animation-delay:.7s}.loading__stream i:nth-child(9){animation-delay:.8s}.loading__stream i:nth-child(10){animation-delay:.9s}.loading--error .loading__stream i{animation:none;background:var(--selected);opacity:.35}@keyframes lcarsPulse{0%,to{opacity:.18}50%{opacity:1}}.loading__retry{align-self:flex-start;border:0;border-radius:0 14px 14px 0;padding:8px 22px 8px 16px;background:var(--headline-item);color:#000104;font:800 .8rem Roboto,sans-serif;text-transform:uppercase;letter-spacing:-.5px;cursor:pointer}.loading__retry:hover{background:var(--selected)}