@import url("vendor/fonts/fonts.11b28f461a76.css");
:root{--blue:#139afb;--navy:#09182e;--panel:#102746;--border:#2b537c;--ink:#ecf7ff;--muted:#a5bedb;--yellow:#ffca33}*{box-sizing:border-box}html{min-height:100%;background:#071323}body{margin:0;color:var(--ink);font-family:Nunito,system-ui,Arial,sans-serif;background:radial-gradient(circle at 20% 0,#1f5c9d 0,#091d38 42%,#071323 100%);min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}section[hidden],div[hidden],button[hidden]{display:none!important}.app{max-width:1680px;margin:auto;min-height:100vh;display:flex;flex-direction:column;padding:0 18px}.topbar{background:#061326d9;border:1px solid #204465;border-top:0;border-radius:0 0 16px 16px;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;box-shadow:0 7px 25px #0004}.logo{text-decoration:none;white-space:nowrap;color:white;font:900 clamp(24px,3vw,44px)/1 'Barlow Condensed',Impact,sans-serif;font-style:italic;letter-spacing:.3px;text-shadow:3px 3px #091224}.logo span{color:#ffcd29}.logo b{color:#33c2ff}.top-center{font:800 15px Nunito;letter-spacing:1px;color:#a5bdd3}.top-center strong{margin:0 8px;color:#ffcc36;font:900 31px 'Barlow Condensed'}.top-right{display:flex;align-items:center;gap:15px}.online{color:#5fe3b5;font-size:13px;font-weight:900}.small-icon{background:#112a4b;color:white;border:1px solid #34618a;border-radius:10px;font-size:20px;padding:7px 12px}.home-layout{flex:1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);align-items:start;gap:26px;padding:35px 0}.hero{padding:36px 14px 0 22px}.eyebrow{font-weight:900;letter-spacing:3px;color:#5cd1ff;font-size:15px}.hero h1{font:900 clamp(50px,7vw,108px)/.88 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;margin:22px 0;text-shadow:5px 6px #031121}.hero h1 em{display:block;color:#ffc833;font-style:italic}.hero>p{color:#d0e9ff;max-width:610px;font-size:20px;font-weight:700}.promo{margin-top:24px;border:2px solid #3566a1;border-radius:18px;overflow:hidden;box-shadow:0 12px 50px #0008;background:#283244}.promo img{display:block;width:100%;height:auto}.home-note{margin-top:18px;color:#b8defd;font-size:15px}.join-card{padding:24px;background:linear-gradient(165deg,#142f53,#0b1c35);border:2px solid #34618b;border-radius:20px;box-shadow:0 16px 60px #0008}.join-card h2,.quiz-card h2{font:900 32px 'Barlow Condensed';margin:0 0 18px}.join-card label{display:flex;justify-content:space-between;font-size:12px;font-weight:900;color:#b3d8fa;letter-spacing:1px;margin:15px 0 8px}.join-card input{width:100%;border:2px solid #386391;border-radius:10px;background:#071931;color:white;padding:12px 14px;outline:none;font-size:17px}.join-card input:focus{border-color:#3acefb}.car-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.car-option{border:2px solid #3a628c;border-radius:10px;background:#09192f;min-height:64px;padding:3px;display:flex;align-items:center;justify-content:center;transition:.15s}.car-option.selected{border-color:#ffca33;box-shadow:0 0 0 2px #ffca3340,0 0 15px #ffca3330}.car-option svg{width:100%;height:auto;max-height:60px}.selection-name{text-align:center;font:900 18px 'Barlow Condensed';color:#ffdc77;margin:6px 0 16px}.btn{border-radius:11px;padding:12px 16px;border:2px solid transparent;font-size:15px;font-weight:900;letter-spacing:.4px;width:100%;transition:filter .15s,transform .15s}.btn:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.primary{background:linear-gradient(#ffdc48,#ff992a);color:#18213c;border-color:#ffe67b;box-shadow:0 4px 0 #a55c15}.blue{background:linear-gradient(#2bb3ff,#0874d5);color:white;border-color:#61cdff;box-shadow:0 4px 0 #084680}.secondary{background:#19314f;border-color:#3e6a91;color:#cce9ff}.or{text-align:center;margin:18px 0 12px;font-size:12px;font-weight:900;letter-spacing:1px;color:#95bbdc}.join-card .btn{margin-top:10px}.race-info{display:flex;align-items:center;gap:15px;padding:15px 4px;min-height:76px}.header-pill{font:900 18px 'Barlow Condensed';background:#214870;border:1px solid #4d7bb4;border-radius:8px;padding:8px 13px;white-space:nowrap}.leaderboard{flex:1;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.leader-chip{background:#07172f;border:1px solid #39658d;border-radius:9px;padding:8px 13px;white-space:nowrap;font-size:13px;font-weight:900}.leader-chip span{margin-right:7px;color:#ffdf67}.link-btn{border:1px solid #4278ad;border-radius:10px;padding:10px 13px;color:#e4f6ff;background:#173558;font-weight:900}.arena-wrap{position:relative;overflow:hidden;border:3px solid #4175ab;border-radius:19px;box-shadow:0 14px 50px #0009;min-height:350px;background:#122742}#race-canvas{width:100%;aspect-ratio:16/7;min-height:320px}#race-canvas canvas{display:block;width:100%;height:100%}.arena-banner{position:absolute;inset:40% 20%;display:grid;place-items:center;text-align:center;pointer-events:none;background:#09182fdb;border:3px solid #ffcd39;border-radius:22px;color:#ffd53a;font:900 clamp(25px,4vw,62px) 'Barlow Condensed';text-shadow:3px 3px #000}.bottom-layout{display:grid;grid-template-columns:1fr minmax(270px,360px);gap:14px;padding:14px 0 22px}.quiz-card,.power-panel,.spectator-panel{background:linear-gradient(155deg,#122b4f,#071a33);border:2px solid #3c74ae;border-radius:15px;padding:18px;box-shadow:0 8px 22px #0004}.quiz-card p{color:#b9d2ea;line-height:1.5}.quiz-meta{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:900;color:#87c8ff}.question{background:linear-gradient(#f7fbff,#dceaf6);border:3px solid #4a8cce;border-radius:12px;color:#091b35;text-align:center;padding:10px 15px;font:900 clamp(32px,4vw,54px) 'Barlow Condensed';margin:12px 0}.answers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.answers button{min-height:64px;background:linear-gradient(#2db2fe,#0879de);color:#fff;border:3px solid #71cfff;border-radius:11px;box-shadow:0 4px 0 #003970;font:900 clamp(22px,3vw,36px) 'Barlow Condensed'}.answers button:nth-child(1){background:linear-gradient(#5be86a,#1cac49);border-color:#98ffa3}.answers button:nth-child(3){background:linear-gradient(#ffe34e,#ffad19);border-color:#ffec86;color:#1b2642}.answers button:nth-child(4){background:linear-gradient(#ff6669,#d93945);border-color:#ffb5b8}.feedback{min-height:24px;font-weight:900;margin-top:9px;color:#6bffd4}.power-title{font:900 22px 'Barlow Condensed';margin-bottom:13px}.powers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.power{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:115px;border-radius:12px;border:2px solid #b183ff;color:white;font:900 14px 'Barlow Condensed';background:linear-gradient(#9c45eb,#6723ba)}.power strong{font-size:30px}.power small{font:900 12px Nunito;background:#0003;padding:2px 7px;border-radius:10px}.power.skip{background:linear-gradient(#39abfa,#0874c8);border-color:#9edcff}.power.nitro{background:linear-gradient(#ffae31,#ed5416);border-color:#ffe085}.power-panel p{color:#a6c5e2;font-size:12px;line-height:1.5}.lobby-players{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.lobby-players span{background:#234e78;border-radius:10px;padding:7px 13px;font-size:13px;font-weight:800}.muted{font-size:13px;color:#accce7}.spectator-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.spectator-panel p{color:#bad5ed}.spectator-panel .btn{max-width:300px}.spectator .bottom-layout{grid-template-columns:1fr}.spectator #player-panel,.spectator #power-panel{display:none}footer{margin-top:auto;text-align:center;padding:14px;color:#789ebd;font-size:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#301a29;border:2px solid #f8828c;color:#fff;padding:12px 20px;border-radius:12px;display:none;box-shadow:0 12px 35px #0009;z-index:10;max-width:90vw;font-weight:800}
@media(max-width:1000px){.home-layout{grid-template-columns:1fr}.hero{padding:5px}.hero h1{font-size:60px}.join-card{max-width:760px;width:100%;margin:auto}.bottom-layout{grid-template-columns:1fr}.power-panel{padding:12px}.power-panel p{display:none}.power{min-height:75px}.power strong{font-size:22px}.race-info{flex-wrap:wrap}.link-btn{margin-left:auto}}@media(max-width:580px){.app{padding:0 8px}.topbar{padding:10px;min-height:65px}.logo{font-size:23px}.online{display:none}.top-center{font-size:9px}.top-center strong{font-size:20px}.hero h1{font-size:54px}.hero>p{font-size:16px}.join-card{padding:15px}.arena-wrap{min-height:250px}#race-canvas{min-height:240px}.quiz-card{padding:12px}.answers{gap:5px}.answers button{min-height:54px}.race-info{padding:8px 0}.leader-chip{padding:5px 8px;font-size:11px}}