@font-face{font-family:Sora;src:url(/assets/Sora.ttf)}@font-face{font-family:Archivo;src:url(/assets/ArchivoBlack.ttf)}*{box-sizing:border-box}html,body{color:#fff;touch-action:none;background:#061c36;width:100%;height:100%;margin:0;font-family:Sora,Arial,sans-serif;overflow:hidden}button,input{font:inherit}button{color:#fff;cursor:pointer;background:#ff5200;border:0;border-radius:999px;padding:11px 18px;font-weight:900}button:disabled{opacity:.55}.secondary{color:#082b52;background:#fff;border:2px solid #b9cde0}a{color:#ffcf4a}#app{background:#061c36;grid-template-rows:74px 54px 1fr 45px;width:100%;max-width:480px;height:100svh;margin:auto;display:grid;overflow:hidden;box-shadow:0 0 80px #0008}header{color:#082b52;background:#fff;border-bottom:5px solid #ff5200;align-items:center;gap:13px;padding:8px 14px;display:flex}header img{object-fit:contain;width:142px;height:55px}.contest{text-align:right;margin-left:auto;line-height:1}.contest b{font:19px Archivo;display:block}.contest span{letter-spacing:.16em;color:#ff5200;font-size:10px}.hud{background:#082b52;border-bottom:1px solid #fff2;grid-template-columns:repeat(3,1fr);display:grid}.hud div{text-align:center;border-right:1px solid #ffffff19;place-content:center;display:grid}.hud div:last-child{border:0}.hud span{letter-spacing:.12em;color:#b9cde0;font-size:9px}.hud strong{color:#ffcf4a;font:17px Archivo}#arena{isolation:isolate;touch-action:none;background:#071827;position:relative;overflow:hidden}#backdrops,.shade,#backdrops .bg{position:absolute;inset:0}.bg{opacity:0;background-position:50% 18%;background-size:cover;transition:opacity .55s,transform 5s linear;transform:scale(1.02)}.bg.active{opacity:1;transform:scale(1.06)}.shade{z-index:1;background:linear-gradient(#04152d4d 0%,#04152dcc 72%,#04152dfa 100%)}#game{z-index:3;width:100%;height:100%;position:absolute;inset:0}#artist-chip{z-index:4;pointer-events:none;background:#061c36d9;border-left:4px solid #ff5200;border-radius:0 12px 12px 0;max-width:72%;padding:7px 12px;transition:transform .35s,opacity .35s;position:absolute;top:12px;left:12px}#artist-chip.change{opacity:0;transform:translate(-120%)}#artist-chip b{font-size:12px}#toast{z-index:8;opacity:0;color:#082b52;white-space:nowrap;background:#ffcf4a;border-radius:20px;padding:8px 13px;font-size:10px;font-weight:900;transition:all .2s;position:absolute;top:58px;left:50%;transform:translate(-50%,-10px)}#toast.show{opacity:1;transform:translate(-50%)}.panel{z-index:7;text-align:center;background:linear-gradient(#061c36dd,#061c36f5);place-content:center;padding:20px 22px;display:none;position:absolute;inset:0;overflow:auto}.panel.visible{display:grid}.panel[hidden]{display:none!important}#leaderboard:not([hidden]){padding-top:28px;display:block}.panel img{width:76px;margin:0 auto 5px}.panel h1,.panel h2{color:#ffcf4a;margin:4px 0;font:28px Archivo}.panel p{margin:7px;font-size:12px}.panel ul{text-align:left;padding-left:22px;font-size:11px;line-height:1.5}.panel button{min-width:180px;margin:5px auto}.panel small{color:#b9cde0;max-width:300px;margin:5px auto;font-size:8px;line-height:1.35}.eyebrow{letter-spacing:.18em;color:#ff5200;font-weight:900}#registration{text-align:left;gap:6px;width:min(100%,320px);margin:6px auto;display:grid}#registration[hidden]{display:none}#registration label{font-size:10px;font-weight:700}#registration input:not([type=checkbox]){color:#082b52;background:#fff;border:1px solid #b9cde0;border-radius:7px;width:100%;margin-top:3px;padding:8px;display:block}.check{align-items:flex-start;gap:7px;display:flex}.check input{margin-top:2px}#submit-status{color:#ffcf4a;min-height:17px;font-weight:800}#leaderboard ol{text-align:left;padding-left:28px;font-size:12px;line-height:2}footer{color:#b9cde0;letter-spacing:.05em;background:#041529;justify-content:space-between;align-items:center;padding:0 12px;font-size:9px;font-weight:900;display:flex}footer a{color:#ffcf4a}.legal{touch-action:auto;background:#061c36;overflow:auto}.legal main{max-width:760px;margin:auto;padding:30px 22px 70px;line-height:1.6}.legal h1,.legal h2{color:#ffcf4a;font-family:Archivo}.legal li,.legal p{font-size:14px}@media (height<=760px){#app{grid-template-rows:64px 48px 1fr 38px}header img{height:45px}.panel{padding:12px 18px}.panel img{width:56px}.panel h1,.panel h2{font-size:23px}.panel ul{margin:4px 0}.panel button{padding:9px 15px}#registration{gap:4px}#registration input:not([type=checkbox]){padding:6px}}
