@font-face{font-family:HUD Condensed;src:url(/assets/fonts/BarlowCondensed-ExtraBoldItalic.ttf) format("truetype");font-style:italic;font-weight:800;font-display:block}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#130c23;font-family:Arial,sans-serif;color:#fff}body{display:grid;place-items:center}#stage{position:relative;width:min(100vw,177.7778vh);height:min(100vh,56.25vw);container-type:inline-size}#game{position:absolute;top:0;right:0;bottom:0;left:0}canvas{display:block}#registration{position:absolute;top:0;right:0;bottom:0;left:0}#registration[hidden]{display:none}#registration form{position:absolute;top:0;right:0;bottom:0;left:0;margin:0}.registration-title{position:absolute;top:1.25cqw;left:50%;transform:translate(-50%);width:58cqw;height:10.2cqw;margin:0;background:url(/assets/ui/leaderboard-title.png) center/100% 100% no-repeat;display:flex;align-items:center;justify-content:center;gap:1.4cqw;white-space:nowrap;font:italic 800 5.8cqw HUD Condensed,sans-serif;text-shadow:0 .15cqw .25cqw #180725}.registration-title strong{color:#ffd05d}.registration-panel{position:absolute;top:11.15cqw;left:50%;transform:translate(-50%);width:46.5cqw;height:34cqw;padding:1.4cqw 2.55cqw 1cqw;border:2px solid #ed54fb;border-radius:1.15cqw;background:linear-gradient(130deg,#220b3ff0,#18082ded 62%,#290d3cef);box-shadow:0 0 .4cqw #e227f2,0 0 1.2cqw #fc4bd177,inset 0 0 1.6cqw #c440db2b}#back{position:absolute;top:.55cqw;right:.7cqw;padding:.18cqw .5cqw;border:0;background:transparent;color:#d3afe8;font:italic 800 .9cqw HUD Condensed,sans-serif;cursor:pointer}#back:hover{color:#fff}.fields{display:grid;gap:.55cqw}.field{height:4.15cqw;display:flex;align-items:center;border:2px solid #c44dec;border-radius:.55cqw;background:linear-gradient(100deg,#211034,#140922);box-shadow:inset 0 0 .55cqw #7627ad55,0 0 .3cqw #b741eb44}.field:focus-within{border-color:#ffd56d;box-shadow:0 0 .55cqw #ff8d39,inset 0 0 .55cqw #7627ad55}.field-icon{width:4.6cqw;height:2.6cqw;display:flex;align-items:center;justify-content:center;flex:none;border-right:1px solid #a654c266}.field-icon svg{width:2.2cqw;height:2.2cqw;fill:#ddc3fa;filter:drop-shadow(0 0 .2cqw #d26bfa)}.field input{min-width:0;flex:1;height:100%;padding:0 1.1cqw;border:0;outline:0;background:transparent;color:#fff;font:600 1.55cqw Arial,sans-serif}.field input::placeholder{color:#c7b8d2;opacity:1}fieldset{border:0;padding:0;margin:.85cqw 0 0}legend{width:100%;margin:0 0 .45cqw;text-align:center;color:#ffd86b;font:italic 800 2.05cqw HUD Condensed,sans-serif;white-space:nowrap;text-shadow:0 .1cqw .25cqw #1a072e}legend span{color:#fff}.choices{display:grid;grid-template-columns:1fr 1fr;gap:.85cqw}.choice{position:relative;display:block;min-width:0;cursor:pointer}.choice input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.choice-art{position:relative;display:block;width:100%;height:12.3cqw}.choice-art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.choice-art .card-selected{opacity:0}.choice input:checked+.choice-art .card-default{opacity:0}.choice input:checked+.choice-art .card-selected{opacity:1}.choice input:focus-visible+.choice-art{outline:.2cqw solid #fff;outline-offset:.1cqw}.choice-name{position:absolute;right:.8cqw;bottom:.8cqw;color:#fff;font:italic 800 2.4cqw HUD Condensed,sans-serif;text-shadow:.12cqw .12cqw .17cqw #120624;pointer-events:none;white-space:nowrap}.choice-name strong{color:#ffd05d}#error{min-height:1.25cqw;margin:.25cqw 0 0;text-align:center;color:#ffd0d0;font:700 1.05cqw Arial,sans-serif}.actions{position:absolute;left:50%;top:45.5cqw;transform:translate(-50%);width:36cqw;height:5.2cqw;background:url(/assets/birds/hud-buzzer.png) center/100% 100% no-repeat}.actions button{width:100%;height:100%;border:0;background:transparent;color:#ffd45e;font:italic 800 3.35cqw HUD Condensed,sans-serif;cursor:pointer;text-shadow:0 .15cqw .25cqw #180824}.actions button span{padding:0 2.8cqw;color:#fff}.actions button strong{color:#ffd05d}.actions button:hover{filter:brightness(1.2)}.actions button:focus-visible{outline:.2cqw solid #fff;outline-offset:.15cqw}.privacy{position:absolute;top:51cqw;left:50%;transform:translate(-50%);width:55cqw;margin:0;text-align:center;color:#ead5f3;font:italic 800 1.22cqw HUD Condensed,sans-serif;text-shadow:0 .1cqw .2cqw #180824}#connection-status{position:absolute;z-index:15;left:1.15cqw;bottom:1.05cqw;display:flex;align-items:center;gap:.35cqw;min-height:3.1cqw;padding:.2cqw .75cqw .2cqw .05cqw;border:1px solid #9a66b455;border-radius:2cqw;background:#170c2dca;box-shadow:0 0 .55cqw #160621a8;pointer-events:none;transform:scale(.5);transform-origin:left bottom}#connection-light{display:block;width:3.15cqw;height:3.15cqw;object-fit:contain;flex:none}#connection-label{display:block;white-space:nowrap;color:#c1bdc8;font:italic 800 1.32cqw HUD Condensed,sans-serif;letter-spacing:.045em;text-shadow:0 0 .28cqw #0d0820}#connection-status.is-connected #connection-label{color:#b4ffbc;text-shadow:0 0 .3cqw #45e779}#connection-note{display:block;margin-top:-.1cqw;color:#ffe08b;font:italic 800 .84cqw HUD Condensed,sans-serif}#connection-note[hidden]{display:none}#offline-preload{position:absolute;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#20123f}#offline-preload[hidden]{display:none}.offline-preload-text{position:relative;white-space:nowrap;font:italic 800 5.1cqw HUD Condensed,sans-serif;letter-spacing:.025em;text-shadow:.15cqw .2cqw .35cqw #0d071e}.offline-preload-text span{color:#5d3e70}.offline-preload-text strong{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;overflow:hidden;white-space:nowrap;color:#ffd45c;clip-path:inset(0 calc(100% - var(--offline-progress, 0%)) 0 0)}.offline-preload-text span:after,.offline-preload-text strong:after{content:"....";display:inline-block;width:1.05em;overflow:hidden;white-space:nowrap;vertical-align:baseline;clip-path:inset(0 100% 0 0);animation:loading-dots 1.4s steps(4,end) infinite}@keyframes loading-dots{to{clip-path:inset(0 0 0 0)}}
