@font-face{font-family:TT Bluescreens;src:url(/fonts/tt-bluescreens.woff2) format("woff2");font-weight:100 900;font-display:block}html,body{margin:0;height:100%;overflow:hidden;background:#21327c}canvas{display:block;width:100vw;height:100vh}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;overflow:hidden;background:#95c12b}#loader .stripes{display:flex;width:100%;height:100%}#loader .stripe{flex:var(--w) 1 0%;height:100%;background:#95c12b;animation:stripe-idle 2.4s ease-in-out calc(var(--i) * -.2s) infinite alternate;will-change:transform}@keyframes stripe-idle{0%{background:#95c12b}to{background:#a3d035}}#loader .logo{position:absolute;top:50%;left:50%;width:160px;height:auto;opacity:0;transform:translate(-50%,-50%) scale(.92);animation:logo-in .8s ease .45s forwards;filter:drop-shadow(0 2px 16px rgba(20,40,10,.18))}@keyframes logo-in{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}#loader.done{background:transparent;transition:background .35s ease;pointer-events:none}#loader.done .stripe{transform:translate(-130vw);transition:transform .95s cubic-bezier(.7,0,.25,1) calc(var(--i) * 55ms)}#loader.done .logo{animation:none;opacity:0;transition:opacity .35s ease}@media (prefers-reduced-motion: reduce){#loader .stripe{animation:none}#loader.done{opacity:0;transition:opacity .3s ease}#loader.done .stripe{transition:none;transform:none}}.racket{position:fixed;right:3vw;bottom:0;height:100vh;width:auto;opacity:.25;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}#ball{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}@media (max-width: 640px),(orientation: portrait){.racket{height:100vh;width:auto;right:auto;bottom:auto;left:50%;top:50%;transform:translate(-50%,-50%)}}.brand{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2}.brand img{height:auto;filter:drop-shadow(0 2px 18px rgba(10,20,60,.4))}.brand-logo{width:160px}.brand-skoro{width:150px}@media (max-width: 640px){.brand{gap:20px}.brand-logo{width:120px}.brand-skoro{width:112px}}