@import "https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700;800&display=swap";
@font-face{font-family:Circular Std;src:url(/fonts/CircularStd-Book.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Circular Std;src:url(/fonts/CircularStd-Medium.woff2)format("woff2");font-weight:500 600;font-style:normal;font-display:swap}@font-face{font-family:Circular Std;src:url(/fonts/CircularStd-Black.woff2)format("woff2");font-weight:700 900;font-style:normal;font-display:swap}:root{--font-display:"Work Sans", system-ui, sans-serif;--font-body:"Circular Std", "Work Sans", system-ui, sans-serif;--bid-navy:#021b72;--bid-navy-deep:#01123f;--bid-blue:#0047e5;--bid-blue-lit:#2f6dff;--bid-neon:#35a7ff;--canvas:#eff1f6;--surface:#fff;--surface-2:#f4f6fb;--line:#dfe4ef;--line-strong:#c3cbdc;--ink:#0b1b4a;--ink-soft:#58657f;--gray-bid:#808285;--text:var(--ink);--muted:var(--ink-soft);--stage:#041033;--on-stage:#fff;--on-stage-soft:#b7c6ea;--amber:#ff7220;--amber-ink:#e0570f;--teal:#3edbdb;--teal-ink:#0e7c7c;--coral:#e0342a;--coral-ink:#c4211a;--rank1:#9668fc;--rank2:#4dbade;--rank3:#9ac145;--rank4:#f96;--a-red:#e0342a;--a-blue:#09f;--a-orange:#ff7220;--a-green:#509e2f;--sh-sm:0 1px 2px #021b720f;--sh-md:0 1px 2px #021b720d, 0 14px 34px -14px #021b7247;--sh-lg:0 2px 4px #021b720f, 0 26px 56px -20px #021b7261}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:radial-gradient(125% 105% at 50% -8%,#fdfdfe 0%,#eff1f6 45%,#dce1eb 100%) fixed;margin:0;padding:0}h1,h2,h3,h4,.display{font-family:var(--font-display);letter-spacing:-.015em;color:var(--bid-navy);margin:0;font-weight:600}.mono{font-family:var(--font-display);font-variant-numeric:tabular-nums}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--bid-blue);outline-offset:2px}.page{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.wrap{width:100%;max-width:560px}.center{text-align:center}.muted{color:var(--muted)}.small{font-size:13px}.stack{flex-direction:column;gap:12px;display:flex}.row{gap:12px;display:flex}.logo{font-family:var(--font-display);align-items:center;gap:2px;margin-bottom:32px;font-size:22px;font-weight:700;display:flex}.logo .w-bid{color:var(--bid-navy)}.logo .w-it{color:var(--amber);margin-left:.12em;font-style:italic}.logo .w-bang{color:var(--coral);font-style:italic}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;font-size:13px;font-weight:600}.card{background:var(--surface);border:1px solid var(--line);width:100%;color:var(--ink);box-shadow:var(--sh-md);border-radius:20px;padding:28px}.card h1,.card h2,.card h3{color:var(--bid-navy)}.card .eyebrow,.card .muted,.card label{color:var(--ink-soft)}.card .btn-ghost{color:var(--ink);border-color:var(--line-strong)}.btn{appearance:none;cursor:pointer;font-family:var(--font-body);color:#fff;background:var(--bid-navy);border:none;border-radius:14px;width:100%;padding:15px 22px;font-size:16px;font-weight:500;transition:background-color .16s,transform .12s,box-shadow .16s;box-shadow:0 1px 2px #021b7238,0 10px 22px -8px #021b728c}.btn:hover{background:var(--bid-blue);transform:translateY(-1px);box-shadow:0 2px 4px #021b7233,0 14px 28px -10px #0047e599}.btn:active{transform:translateY(0)scale(.99)}.btn:disabled{opacity:.38;cursor:not-allowed;box-shadow:none;background:var(--bid-navy);transform:none}.btn-ghost{border:1.5px solid var(--line-strong);color:var(--ink);box-shadow:none;background:0 0}.btn-ghost:hover{background:var(--surface);border-color:var(--bid-navy);color:var(--bid-navy);box-shadow:var(--sh-sm);transform:translateY(-1px)}.btn-outline{border:1.5px solid var(--bid-navy);color:var(--bid-navy);box-shadow:none;background:0 0}.btn-outline:hover{background:var(--bid-navy);color:#fff;box-shadow:var(--sh-sm)}.btn-danger{border:1.5px solid var(--coral-ink);color:var(--coral-ink);box-shadow:none;background:0 0}.btn-danger:hover{background:var(--coral-ink);color:#fff;box-shadow:var(--sh-sm)}.btn.sm{width:auto;padding:9px 14px;font-size:14px}.btn--stage{background:var(--bid-blue);box-shadow:0 1px 2px #0000004d,0 12px 26px -8px #0047e5cc}.btn--stage:hover{background:var(--bid-blue-lit)}input,select,textarea{background:var(--surface-2);border:1.5px solid var(--line);width:100%;color:var(--ink);font-size:16px;font-family:var(--font-body);border-radius:12px;outline:none;padding:13px 15px;transition:border-color .15s,box-shadow .15s,background-color .15s}input::placeholder,textarea::placeholder{color:#606b85}input:focus,textarea:focus,select:focus{border-color:var(--bid-blue);background:var(--surface);box-shadow:0 0 0 3px #0047e524}label{color:var(--ink-soft);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field{margin-bottom:16px}.big-code{font-family:var(--font-display);letter-spacing:.14em;color:var(--amber-ink);font-variant-numeric:tabular-nums;padding:14px 0;font-size:60px;font-weight:600}.chip{background:var(--surface-2);border:1px solid var(--line);color:var(--ink);border-radius:100px;margin:3px 4px 0 0;padding:5px 12px;font-size:13px;display:inline-block}.err{color:var(--coral-ink);margin:6px 0;font-size:13px;font-weight:500}.answer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;width:100%;display:grid}.answer-btn{font-family:var(--font-body);color:#fff;cursor:pointer;text-align:left;border:none;border-radius:16px;align-items:center;gap:12px;width:100%;min-width:0;min-height:84px;padding:20px 16px;font-size:17px;font-weight:500;transition:transform .1s,filter .1s;display:flex;box-shadow:0 8px 20px -8px #021b728c}.answer-btn>span:last-child{overflow-wrap:anywhere;word-break:break-word;min-width:0;line-height:1.3}.answer-btn:hover{filter:brightness(1.08)}.answer-btn:active{transform:scale(.97)}.answer-btn:disabled{cursor:default}.a0{background:var(--a-red)}.a1{background:var(--a-blue)}.a2{background:var(--a-orange)}.a3{background:var(--a-green)}.dim{opacity:.32}.correct-glow{outline-offset:-3px;box-shadow:0 0 0 3px var(--bid-navy), 0 10px 26px -8px #021b7299;outline:3px solid #fff}.shape-logo{object-fit:contain;flex-shrink:0;width:34px;height:34px}.player-row{background:var(--surface-2);color:#08163c;border-radius:13px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:13px 16px;display:flex;box-shadow:0 6px 16px -8px #021b7280}.player-row .rank{font-family:var(--font-display);width:30px;font-size:14px;font-weight:700}.player-row .name{flex:1;margin-left:6px;font-weight:600}.player-row .score{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:700}.rank-1{background:var(--rank1)}.rank-2{background:var(--rank2)}.rank-3{background:var(--rank3)}.rank-4{background:var(--rank4)}.player-row--white{color:#fff}.progress-dots{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:18px;display:flex}.pdot{background:var(--line-strong);border-radius:50%;width:9px;height:9px}.pdot.active{background:var(--bid-blue)}.pdot.done{background:var(--teal-ink)}.timer{font-family:var(--font-display);color:var(--amber-ink);font-variant-numeric:tabular-nums;margin:8px 0;font-size:40px;font-weight:600}.countdown-num{font-size:88px;line-height:1}.bar-track{background:#e8ecf5;border-radius:8px;height:14px;margin-bottom:10px;overflow:hidden}.bar-fill{transform-origin:0;border-radius:8px;width:100%;height:100%;transition:transform .4s;transform:scaleX(0)}.q-item{background:var(--surface-2);border:1px solid var(--line);color:var(--ink);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px 16px;display:flex}.opt-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.opt-row input[type=text]{flex:1}.opt-shape{flex-shrink:0;width:20px;height:20px}.os0{background:var(--a-red);clip-path:polygon(50% 0%,0% 100%,100% 100%)}.os1{background:var(--a-blue);border-radius:4px;width:15px;height:15px;margin:2px;transform:rotate(45deg)}.os2{background:var(--a-orange);border-radius:50%}.os3{background:var(--a-green);border-radius:4px}.radio-c{width:18px;height:18px;accent-color:var(--a-green);flex-shrink:0}.topbar{justify-content:space-between;align-items:center;width:100%;max-width:900px;margin-bottom:8px;padding:16px 0;display:flex}.wide{max-width:900px}@media (max-width:480px){.big-code{font-size:42px}.answer-btn{min-height:74px;padding:15px 12px;font-size:15px}}@media (max-width:560px){.card>.row:has(>.row){flex-wrap:wrap;gap:12px}.card>.row:has(>.row)>*{flex:100%}.card>.row:has(>.row)>.row{flex-wrap:nowrap;gap:8px}.card>.row:has(>.row)>.row .btn.sm{flex:1;min-width:0;padding-left:8px;padding-right:8px}}.brand-login{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-shell{grid-template-columns:minmax(0,auto) minmax(340px,1fr);align-items:center;gap:clamp(28px,3.5vw,60px);width:100%;max-width:1560px;display:grid;container-type:inline-size}.login-hero{aspect-ratio:1200/973;max-width:100%;height:min(76vh,760px,81.0373cqw - 340.357px);box-shadow:var(--sh-lg);background:#02132e;border-radius:28px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-hero:after{content:"";z-index:4;pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1a}.login-hero-img{z-index:3;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-fallback{z-index:3;color:#ffffffe6;text-align:center;font-family:var(--font-display);position:relative}.hero-fallback .fb-emoji{font-size:74px;line-height:1}.hero-fallback .fb-note{color:#ffffff80;margin-top:12px;font-size:12px}.login-panel{flex-direction:column;justify-content:center;padding:6px 4px;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(52px,4.2vw,66px);font-weight:500;line-height:1;display:inline-block}.wordmark .w-bid{color:var(--bid-navy)}.wordmark .w-it{color:var(--amber);margin-left:.12em;font-style:italic}.wordmark .w-bang{color:var(--coral);font-style:italic}.login-tag{color:var(--muted);letter-spacing:.04em;margin-top:14px;font-size:14px;font-weight:600;display:inline-block}.login-headline{color:var(--bid-navy);letter-spacing:-.025em;margin:24px 0 12px;font-size:clamp(32px,2.6vw,40px);font-weight:600;line-height:1.1}.login-sub{color:var(--ink-soft);max-width:40ch;margin-bottom:30px;font-size:17px;line-height:1.5}.ms-btn{background:var(--bid-navy);color:#fff;cursor:pointer;width:100%;font-family:var(--font-body);border:none;border-radius:14px;justify-content:center;align-items:center;gap:12px;padding:17px 22px;font-size:16px;font-weight:500;transition:background-color .16s,transform .12s,box-shadow .16s;display:inline-flex;box-shadow:0 2px 4px #021b723d,0 16px 32px -12px #021b72a6}.ms-btn:hover{background:var(--bid-blue);transform:translateY(-2px);box-shadow:0 3px 6px #0047e540,0 20px 38px -12px #0047e5b3}.ms-btn:active{transform:translateY(0)scale(.99)}.ms-logo{width:20px;height:20px;display:block}.terms{color:var(--muted);margin-top:20px;font-size:12px}.terms a{color:var(--bid-blue);text-decoration:none}.back-link{margin-top:16px}.back-link button{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:13px}.role-cards{grid-template-columns:1fr 1fr;gap:14px;margin-top:6px;display:grid}.role-card{background:var(--surface-2);border:1.5px solid var(--line);cursor:pointer;text-align:left;width:100%;color:var(--ink);border-radius:18px;padding:22px;transition:border-color .15s,transform .12s,box-shadow .15s}.role-card:hover{border-color:var(--bid-navy);box-shadow:var(--sh-md);transform:translateY(-3px)}.role-card:disabled{opacity:.5;cursor:not-allowed;transform:none}.rc-ico{border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:14px;display:flex}.rc-title{font-family:var(--font-display);color:var(--bid-navy);font-size:18px;font-weight:700}.rc-desc{color:var(--ink-soft);margin-top:4px;font-size:13px}@media (max-width:820px){.login-shell{grid-template-columns:1fr;gap:28px}.login-hero{order:-1;width:100%;height:auto}.wordmark{font-size:44px}.login-headline{font-size:27px}}@media (max-width:520px){.role-cards{grid-template-columns:1fr}}.stage-wrap{width:100%;position:relative}.stage-scene{background:var(--stage) url(/fondo.webp) center/cover no-repeat;width:100%;min-height:420px;box-shadow:var(--sh-lg);border-radius:24px;justify-content:center;align-items:center;padding:26px 24px 30px;display:flex;position:relative;overflow:hidden}.stage-scene,.finale-stage{--text:var(--on-stage);--muted:var(--on-stage-soft);color:var(--on-stage)}.stage-scene h1,.stage-scene h2,.stage-scene h3,.finale-stage h1,.finale-stage h2,.finale-stage h3{color:var(--on-stage)}.stage-mascot{z-index:1;filter:drop-shadow(0 14px 20px #010a288c);pointer-events:none;-webkit-user-select:none;user-select:none;height:172px;position:absolute;bottom:-18px;left:-30px}.stage-content{z-index:3;text-align:center;width:100%;max-width:420px;position:relative}.stage-content .timer{color:var(--amber);text-shadow:0 2px 12px #000000a6}.stage-question{color:#fff;text-shadow:0 2px 14px #020a23bf;margin:6px 0 20px;font-size:20px;line-height:1.3}@media (min-width:608px){.page:has(.stage-wrap){--stage-w:clamp(560px, 82vw, 1560px);--stage-h:clamp(420px, 78vh, 1000px);--stage-pad:clamp(26px, 2.2vw, 48px);--stage-content-w:clamp(420px, 46vw, 860px);--mascot-over:clamp(36px, 3vw, 64px);--mascot-h:min(calc((var(--stage-w) - 2 * var(--stage-pad) - var(--stage-content-w)) / 2 + var(--stage-pad) + var(--mascot-over) - 6px), 360px)}.page:has(.stage-wrap) .wrap{max-width:var(--stage-w)}.page:has(.stage-wrap) .stage-scene{min-height:var(--stage-h);padding:var(--stage-pad)}.page:has(.stage-wrap) .stage-content{max-width:var(--stage-content-w)}.page:has(.stage-wrap) .stage-mascot{height:var(--mascot-h);left:calc(-1 * var(--mascot-over));bottom:-12px}.page:has(.stage-wrap) .stage-wrap:has(>.stage-mascot) .stage-scene{align-items:stretch}.page:has(.stage-wrap) .stage-wrap:has(>.stage-mascot) .stage-content{flex-direction:column;justify-content:space-evenly;display:flex}.page:has(.stage-wrap) .stage-question{font-size:clamp(20px,1.9vw,38px)}.page:has(.stage-wrap) .timer{font-size:clamp(40px,3.4vw,72px)}.page:has(.stage-wrap) .countdown-num{font-size:clamp(88px,9vw,190px)}.page:has(.stage-wrap) .answer-btn{min-height:clamp(84px,12vh,190px);font-size:clamp(17px,1.25vw,26px)}.page:has(.stage-wrap) .shape-logo{width:clamp(34px,2.4vw,52px);height:clamp(34px,2.4vw,52px)}.page:has(.stage-wrap) .player-row{padding:clamp(13px,1vw,22px) clamp(16px,1.3vw,28px);font-size:clamp(15px,1.1vw,24px)}.page:has(.stage-wrap) .player-row .rank{width:clamp(30px,2.6vw,54px);font-size:clamp(14px,1.1vw,22px)}.page:has(.stage-wrap) .stage-mascot-center{height:clamp(178px,40vh,520px)}.page:has(.stage-wrap) .reveal-title{font-size:clamp(26px,2.6vw,52px)}.page:has(.stage-wrap) .reveal-score{font-size:clamp(15px,1.2vw,24px)}.page:has(.stage-wrap) .reveal-answer{font-size:clamp(14px,1.1vw,22px)}.page:has(.stage-wrap) .stage-muted{font-size:clamp(14px,1.1vw,22px)}}@media (max-width:607.98px){.page:has(.stage-wrap){padding:0}.page:has(.stage-wrap) .wrap{max-width:none}.stage-scene{min-height:100dvh;box-shadow:none;background-image:url(/fondo-movil.webp);border-radius:0;padding:26px 18px 28px}.stage-wrap:has(>.stage-mascot) .stage-scene{padding-bottom:186px}.stage-mascot{height:170px;bottom:0;left:50%;transform:translate(-50%)}.stage-content{max-width:100%}.stage-wrap:has(>.stage-mascot) .stage-scene{align-items:stretch}.stage-wrap:has(>.stage-mascot) .stage-content{flex-direction:column;justify-content:space-evenly;display:flex}.timer{font-size:56px}.countdown-num{font-size:148px}.stage-question{font-size:25px}.answer-btn{border-radius:18px;min-height:106px;font-size:19px}.shape-logo{width:40px;height:40px}.player-row{border-radius:15px;padding:17px 16px;font-size:17px}.player-row .rank{font-size:16px}}.stage-scene--wait{min-height:380px}.stage-mascot-center{filter:drop-shadow(0 14px 22px #010a288c);transform-origin:50% 88%;height:178px;margin:2px auto 14px;animation:1.15s ease-in-out infinite bidi-jitter;display:block}.stage-muted{color:var(--on-stage-soft);text-shadow:0 2px 10px #020a23a6;font-size:14px}@keyframes bidi-jitter{0%,to{transform:rotate(0)translate(0)}20%{transform:rotate(-3deg)translate(-2px)}40%{transform:rotate(2.5deg)translate(2px)}60%{transform:rotate(-2deg)translate(-1px)}80%{transform:rotate(3deg)translate(1px)}}@media (prefers-reduced-motion:reduce){.stage-mascot-center{animation:none}}@media (max-width:607.98px){.stage-scene--wait{min-height:100dvh}.stage-mascot-center{height:215px;margin-bottom:16px}}.reveal-title{font-family:var(--font-display);text-shadow:0 2px 14px #020a23bf;letter-spacing:-.02em;margin:2px 0 6px;font-size:26px;font-weight:700}.reveal-title.correct{color:var(--teal)}.reveal-title.incorrect{color:#ff8a84}.reveal-score{color:#fff;text-shadow:0 2px 10px #020a23b3;margin-top:8px;font-size:15px}.reveal-score strong{color:#fff;font-variant-numeric:tabular-nums;font-weight:600}.reveal-answer{color:#fff;text-shadow:0 2px 10px #020a23b3;margin-top:6px;font-size:14px}.reveal-answer strong{color:var(--teal);font-weight:600}@media (max-width:607.98px){.reveal-title{font-size:33px}.reveal-score{margin-top:10px;font-size:17px}.reveal-answer{margin-top:8px;font-size:16px}.stage-muted{font-size:16px}}.stage-mascot-center.celebrate{animation:1.05s ease-in-out infinite bidi-bounce}.stage-mascot-center.sad{animation:2.8s ease-in-out infinite bidi-droop}@keyframes bidi-bounce{0%,to{transform:translateY(0)scale(1)}30%{transform:translateY(-16px)scale(1.05)}55%{transform:translateY(0)scale(.97)}75%{transform:translateY(-6px)scale(1.02)}}@keyframes bidi-droop{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(5px)rotate(-2.5deg)}}@media (prefers-reduced-motion:reduce){.stage-mascot-center.celebrate,.stage-mascot-center.sad{animation:none}}.confetti-burst{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cf{opacity:0;width:10px;height:10px;animation:1.6s ease-out infinite cf-pop;position:absolute}.cf1{background:var(--a-red);border-radius:2px;animation-delay:50ms;top:40%;left:26%}.cf2{background:var(--bid-neon);border-radius:50%;animation-delay:.35s;top:36%;left:68%}.cf3{background:var(--a-orange);border-radius:50%;animation-delay:.65s;top:26%;left:44%}.cf4{background:var(--a-green);border-radius:3px;animation-delay:.9s;top:46%;left:58%;transform:rotate(45deg)}.cf5{background:#fff;border-radius:2px;animation-delay:1.15s;top:50%;left:35%}@keyframes cf-pop{0%{opacity:0;transform:translateY(0)scale(.4)rotate(0)}15%{opacity:1}to{opacity:0;transform:translateY(-76px)scale(1)rotate(200deg)}}@media (prefers-reduced-motion:reduce){.cf{opacity:0;animation:none}}.finale-stage{background:var(--stage) url(/fondo.webp) center/cover no-repeat;width:100%;min-height:430px;box-shadow:var(--sh-lg);border-radius:24px;padding:26px 22px;position:relative;overflow:hidden}.finale-stage:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(120% 92% at 60% 44%,#020a2300 32%,#020a23c7 100%);position:absolute;inset:0}.finale-hero{z-index:3;flex-direction:column;justify-content:center;align-items:center;gap:0;min-height:300px;padding-top:6px;display:flex;position:relative}.finale-spotlight{z-index:2;pointer-events:none;background:radial-gradient(circle,#35a7ff85 0%,#0047e542 44%,#0047e500 70%);border-radius:50%;width:380px;height:380px;animation:3.2s ease-in-out infinite finale-glow;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}@keyframes finale-glow{0%,to{opacity:.7;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}}.finale-rays{z-index:2;pointer-events:none;opacity:.5;filter:blur(1px);background:conic-gradient(from 200deg at 50% 0,#0000 0deg,#8cc8ff29 8deg,#0000 16deg 24deg,#8cc8ff21 32deg,#0000 40deg 50deg,#8cc8ff29 58deg,#0000 66deg);width:380px;height:300px;position:absolute;top:-6%;left:50%;transform:translate(-50%)}.finale-bidi{z-index:3;filter:drop-shadow(0 18px 28px #010a2899);flex-shrink:0;width:100%;max-width:480px;margin-bottom:-8px;animation:.9s cubic-bezier(.16,1,.3,1) both finale-bidi-in,4s ease-in-out 1.2s infinite finale-bob;position:relative}@keyframes finale-bidi-in{0%{opacity:0;transform:translateY(-26px)scale(.92)}to{opacity:1;transform:none}}@keyframes finale-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.finale-champion{z-index:3;text-align:center;min-width:0;max-width:100%;animation:.8s cubic-bezier(.16,1,.3,1) .3s both finale-champ-in;position:relative}@keyframes finale-champ-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.champ-eyebrow{font-family:var(--font-display);letter-spacing:.2em;color:var(--bid-neon);text-transform:uppercase;justify-content:center;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.champ-eyebrow:before,.champ-eyebrow:after{content:"";background:var(--bid-neon);width:20px;height:2px}.champ-name{font-family:var(--font-display);color:#fff;text-shadow:0 3px 22px #01081eb3;overflow-wrap:anywhere;letter-spacing:-.03em;margin-bottom:14px;font-size:46px;font-weight:700;line-height:.98}.champ-meta{flex-direction:column;align-items:center;gap:8px;display:flex}.champ-pill{font-family:var(--font-display);color:#fff;background:linear-gradient(180deg, var(--bid-blue), var(--bid-navy));text-shadow:0 1px 3px #00000059;font-variant-numeric:tabular-nums;border-radius:100px;padding:9px 16px;font-size:15px;font-weight:800;box-shadow:0 10px 22px -6px #0047e5bf}.champ-sub{font-family:var(--font-body);color:var(--bid-neon);text-shadow:0 2px 10px #01081e8c;font-size:14px;font-weight:600}.finale-confetti{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti{opacity:0;animation:linear infinite confetti-fall;position:absolute;top:-18px}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-12px)rotate(0)}8%{opacity:1}to{opacity:.85;transform:translateY(500px)rotate(560deg)}}.finale-rest{margin-top:10px}.finale-you{background:linear-gradient(150deg, #062a94 0%, var(--bid-navy) 55%, #01123f 100%);box-shadow:var(--sh-md);color:#fff;border:1px solid #35a7ff38;border-radius:18px;margin-top:18px;padding:18px 20px 20px}.you-head{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;display:grid}.you-rank{font-family:var(--font-display);color:#fff;text-align:center;background:#ffffff21;border-radius:12px;min-width:62px;padding:8px 0;font-size:24px;font-weight:600}.you-mid{min-width:0}.you-tag{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--bid-neon);margin-bottom:3px;font-size:11px;font-weight:700}.you-name{font-family:var(--font-display);color:#fff;overflow-wrap:break-word;font-size:20px;font-weight:700;line-height:1.1}.you-score{font-family:var(--font-display);color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:26px;font-weight:600}.you-score span{color:var(--on-stage-soft);font-size:12px;font-weight:600}.you-stats{border-top:1px solid #ffffff1f;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;padding-top:14px;display:grid}.stat{text-align:center;background:#ffffff12;border:1px solid #ffffff1a;border-radius:13px;padding:12px 8px 11px}.stat-num{font-family:var(--font-display);color:#fff;font-variant-numeric:tabular-nums;font-size:25px;font-weight:600;line-height:1}.stat-lbl{font-family:var(--font-body);color:var(--on-stage-soft);text-transform:uppercase;letter-spacing:.12em;margin-top:6px;font-size:10px}.stat-ok .stat-num{color:var(--teal)}.stat-no .stat-num{color:#ff8a84}.stat-acc .stat-num{color:var(--bid-neon)}.finale-podium-label{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin-top:22px;margin-bottom:8px;font-size:12px;font-weight:700}@media (prefers-reduced-motion:reduce){.finale-spotlight,.finale-bidi{animation:none}.finale-champion,.finale-bidi{opacity:1;animation:none;transform:none}.confetti{display:none}}@media (max-width:560px){.finale-stage{min-height:0;padding:22px 14px}.finale-hero{min-height:0;padding:4px 0 0}.champ-name{font-size:34px}.finale-spotlight{width:250px;height:250px;top:36%}.finale-you{padding:15px 16px 16px}.you-rank{min-width:50px;padding:7px 0;font-size:22px}.you-name{font-size:17px}.you-score{font-size:22px}}.join-hint{color:var(--muted);align-items:center;gap:10px;margin-top:18px;font-size:14px;display:flex}.join-hint button{cursor:pointer;color:var(--bid-blue);font-size:14px;font-weight:600;font-family:var(--font-body);background:0 0;border:none;padding:0}.join-hint button:hover{color:var(--bid-navy);text-decoration:underline}.role-seg{background:var(--surface-2);border:1px solid var(--line);border-radius:13px;flex-shrink:0;gap:4px;padding:4px;display:inline-flex}.role-seg[data-disabled=true]{opacity:.5}.seg-btn{appearance:none;cursor:pointer;font-family:var(--font-body);color:var(--ink-soft);background:0 0;border:none;border-radius:9px;width:auto;padding:8px 15px;font-size:13px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s}.seg-btn:hover:not(:disabled):not(.active){color:var(--bid-navy);background:#021b7212}.seg-btn.active{background:var(--bid-navy);color:#fff;box-shadow:0 5px 14px -5px #021b72cc}.seg-btn:disabled{cursor:not-allowed}.user-row{justify-content:space-between;align-items:center;gap:16px;display:flex}@media (max-width:560px){.user-row{flex-direction:column;align-items:stretch;gap:14px}.role-seg{justify-content:space-between}.seg-btn{text-align:center;flex:1;padding:9px 8px}}.users-filters{align-items:center;gap:12px;margin-bottom:18px;display:flex}.users-filters input{flex:1;min-width:0}@media (max-width:560px){.users-filters{flex-direction:column;align-items:stretch}.users-filters .role-seg{justify-content:space-between}.users-filters .seg-btn{text-align:center;flex:1;padding:9px 6px}}.stats-kpis{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:8px;display:grid}.kpi{background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-md);border-radius:18px;padding:20px 18px 18px}.kpi-ico{background:color-mix(in srgb, var(--kpi-c,var(--bid-navy)) 12%, transparent);width:34px;height:34px;color:var(--kpi-c,var(--bid-navy));border-radius:10px;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.kpi-ico svg{width:18px;height:18px;display:block}.kpi-num{font-family:var(--font-display);color:var(--kpi-c,var(--bid-navy));font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:34px;font-weight:700;line-height:1}.kpi-lbl{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;margin-top:7px;font-size:12px;font-weight:600}.kpi-sub{color:var(--ink-soft);margin-top:8px;font-size:11.5px;line-height:1.35}.kpi.k-navy{--kpi-c:var(--bid-navy)}.kpi.k-teal{--kpi-c:var(--teal-ink)}.kpi.k-amber{--kpi-c:var(--amber-ink)}.kpi.k-blue{--kpi-c:var(--bid-blue)}@media (max-width:720px){.stats-kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:380px){.stats-kpis{grid-template-columns:1fr}}.stats-section-title{font-family:var(--font-display);color:var(--bid-navy);letter-spacing:-.015em;margin:30px 0 12px;font-size:18px;font-weight:700}.stat-list{background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-md);color:var(--ink);border-radius:18px;padding:6px 10px}.lb-row{align-items:center;gap:12px;padding:12px 8px;display:flex}.lb-row+.lb-row{border-top:1px solid var(--line)}.lb-rank{width:27px;height:27px;font-family:var(--font-display);color:#fff;background:var(--ink-soft);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.lb-rank.m1{background:linear-gradient(#f5c242,#e0a320)}.lb-rank.m2{background:linear-gradient(#c4cbd8,#9aa6bc)}.lb-rank.m3{background:linear-gradient(#e08a4b,#c56a2c)}.lb-main{flex:1;min-width:0}.lb-name{color:var(--ink);overflow-wrap:anywhere;font-weight:600;line-height:1.25}.lb-sub{color:var(--ink-soft);margin-top:2px;font-size:12px}.lb-val{font-family:var(--font-display);color:var(--bid-navy);white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:700}.stat-empty{color:var(--ink-soft);padding:18px 8px}.score-val{font-family:var(--font-display);color:var(--bid-navy);font-variant-numeric:tabular-nums;font-weight:700}@media (max-width:620px){.topbar{flex-wrap:wrap;gap:10px}.topbar>.row{flex-wrap:wrap;justify-content:flex-end}}