@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/manrope-latin-500-normal-BYYD-dBL.woff2)format("woff2"),url(/assets/manrope-latin-500-normal-DMZssgOp.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/manrope-latin-600-normal-4f0koTD-.woff2)format("woff2"),url(/assets/manrope-latin-600-normal-BqgrALkZ.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/manrope-latin-700-normal-BZp_XxE4.woff2)format("woff2"),url(/assets/manrope-latin-700-normal-DGRFkw-m.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/manrope-latin-800-normal-BfWYOv1c.woff2)format("woff2"),url(/assets/manrope-latin-800-normal-uHUdIJgA.woff)format("woff")}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-vietnamese-standard-normal-Br4FGdAc.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-ext-standard-normal-qp-RdZgh.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-standard-normal-C5Lc8Qmc.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/bricolage-grotesque-latin-600-normal-nxTgbNFE.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-600-normal-Bw0J83-2.woff)format("woff")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/bricolage-grotesque-latin-800-normal-J50vIsBe.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-800-normal-Br4b-5gk.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jetbrains-mono-latin-500-normal-BWZEU5yA.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-500-normal-CJOVTJB7.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/jetbrains-mono-latin-700-normal-BYuf6tUa.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-700-normal-D3wTyLJW.woff)format("woff")}:root{--bg:#160e24;--bg-2:#1c1230;--panel:#22173a;--panel-2:#2b1f48;--panel-3:#362859;--line:#e8dcff1f;--line-2:#e8dcff38;--text:#f7f2ff;--muted:#b8abd3;--faint:#85799f;--paper:#fbf8ff;--accent:#f4c430;--accent-2:#f4c430;--accent-ink:#2a1d00;--violet:#a68bff;--gold:#f4c430;--good:#34d399;--warn:#f59e0b;--bad:#f05d5e;--radius:16px;--display:"Bricolage Grotesque Variable", "Bricolage Grotesque", "Manrope", system-ui, sans-serif;--ui:"Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--hex-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 0l28 16.2v32.4L28 64.8 0 48.6V16.2zM28 64.8V97M0 48.6L-0 97M56 48.6V97' fill='none' stroke='%23E8DCFF' stroke-opacity='.045' stroke-width='1.2'/%3E%3C/svg%3E");--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(900px 520px at 85% -10%, #a68bff29, transparent 65%), radial-gradient(800px 480px at -10% 110%, #f4c43012, transparent 60%), var(--hex-pattern), var(--bg);color:var(--text);font-family:var(--ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background-attachment:fixed;font-size:15px;line-height:1.5}#root{min-height:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;margin:0;line-height:1.12}p{margin:0}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:13px}.mono{font-family:var(--mono)}.nowrap{white-space:nowrap}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.end{justify-content:flex-end}.row.between{justify-content:space-between}.stack{gap:12px;display:grid}.grow{flex:1;min-width:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.card{background:linear-gradient(180deg, #ffffff05, transparent 40%), var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 18px 40px -24px #000c}.card h2{margin-bottom:12px;font-size:19px}.card h3{margin-bottom:8px;font-size:15px}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.card-head h2{margin:0}.btn{border:1px solid var(--line-2);background:var(--panel-2);min-height:40px;color:var(--text);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s,transform 50ms,opacity .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--panel-3);border-color:var(--line-2)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){background:#ffd24d;border-color:#ffd24d}.btn-good{color:#fff;background:#0f8a5f;border-color:#13a571}.btn-good:hover:not(:disabled){border-color:var(--good);background:#13a571}.btn-danger{border-color:var(--bad);color:#ff8a8b;background:0 0}.btn-danger:hover:not(:disabled){border-color:var(--bad);background:#f05d5e24}.btn-gold{background:var(--gold);border-color:var(--gold);color:var(--accent-ink)}.btn-gold:hover:not(:disabled){background:#ffd34d;border-color:#ffd34d}.btn-ghost{border-color:var(--line-2);background:0 0}.btn-ghost:hover:not(:disabled){background:#e8dcff0f}.btn-lg{border-radius:12px;min-height:52px;padding:12px 22px;font-size:16px}.btn-sm{border-radius:8px;min-height:32px;padding:4px 10px;font-size:13px}.btn-block{width:100%}.icon-btn{border:1px solid var(--line);background:var(--panel);border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.icon-btn:hover{border-color:var(--accent)}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.field{color:var(--muted);gap:6px;font-size:13px;font-weight:600;display:grid}.field input,.field select,.field textarea,input.input,select.input,textarea.input{border:1px solid var(--line-2);background:var(--bg-2);width:100%;min-height:40px;color:var(--text);border-radius:10px;padding:8px 12px;font-size:15px;font-weight:500}.field textarea,textarea.input{resize:vertical;min-height:120px;font-family:var(--mono);font-size:13px}.field input:focus,.field select:focus,.field textarea:focus,.input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #f4c4302e}.check{color:var(--text);align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--accent)}.form-error{color:#ff8a8b;font-size:14px;font-weight:600}.pill{background:var(--panel-2);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.pill.good{color:var(--good);border-color:#34d39966}.pill.warn{color:var(--warn);border-color:#f59e0b66}.pill.bad{color:#ff8a8b;border-color:#f05d5e66}.pill.accent{color:#ffe08a;border-color:#f4c43073}.team-dot{border-radius:50%;flex:none;display:inline-block;box-shadow:0 0 0 2px #ffffff26}.team-tag{white-space:nowrap;text-overflow:ellipsis;border-radius:8px;align-items:center;max-width:100%;padding:2px 10px;font-weight:800;display:inline-flex;overflow:hidden}table.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line-2);padding:8px;font-size:13px;font-weight:700}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:8px}.table tr:last-child td{border-bottom:0}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto}.brandbar{z-index:30;padding:10px max(16px, env(safe-area-inset-right)) 10px max(16px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#160e24d1;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;display:grid;position:sticky;top:0}.brandbar.compact{padding-top:6px;padding-bottom:6px}.brand-logos{align-items:center;gap:8px;display:flex}.brand-x{color:var(--faint);font-weight:800}.logo-chip{--logo-h:40px;height:var(--logo-h);border:1px solid var(--line-2);border-radius:10px;flex:none;justify-content:center;align-items:center;padding:0 8px;display:inline-flex;overflow:hidden}.logo-chip img{height:calc(var(--logo-h) - 10px);width:auto;max-width:none;display:block}.logo-chip.light{background:#fff}.logo-chip.dark{background:#000;padding:0 6px}.logo-chip.dark img{height:calc(var(--logo-h) - 4px)}.brandbar.compact .logo-chip{--logo-h:32px}.brand-center{justify-content:center;align-items:center;gap:12px;min-width:0;display:flex}.brand-right{justify-content:flex-end;align-items:center;gap:8px;display:flex}.brand-title{font-family:var(--display);white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:800;overflow:hidden}.toaster{z-index:200;pointer-events:none;gap:8px;width:min(92vw,460px);display:grid;position:fixed;top:14px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--line-2);background:#2b1f48;border-radius:12px;padding:12px 16px;font-weight:700;animation:.2s ease-out toast-in;box-shadow:0 16px 40px -10px #000000b3}.toast-error{border-color:var(--bad);background:#4a1820}.toast-good{border-color:var(--good);background:#0f3b2c}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.conn-badge{z-index:190;background:var(--bad);color:#fff;border-radius:999px;padding:7px 16px;font-size:14px;font-weight:800;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.modal-scrim{z-index:150;background:#0c0616bd;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{width:min(100%,460px);font-family:var(--ui);color:var(--text);gap:14px;line-height:1.45;display:grid}.modal h2{margin:0;font-size:21px}.fs-gate{z-index:180;background:var(--hex-pattern), #10091cf0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.fs-gate-card{text-align:center;background:var(--panel);border:1px solid var(--line-2);cursor:default;border-radius:18px;justify-items:center;gap:16px;width:min(100%,440px);padding:28px 22px;display:grid}.fs-gate-card h1{font-size:26px}.fs-logos{gap:10px;display:flex}.fs-logos .logo-chip{--logo-h:54px}.countdown-overlay{z-index:170;text-align:center;pointer-events:none;background:radial-gradient(circle,#a68bff52,#10091cf2 60%);align-content:center;place-items:center;gap:8px;display:grid;position:fixed;inset:0}.countdown-overlay p{font-family:var(--display);color:var(--muted);font-size:clamp(20px,3vw,34px);font-weight:700}.countdown-num{font-family:var(--display);color:#fff;text-shadow:0 10px 60px #a68bffcc;font-size:clamp(120px,28vw,340px);font-weight:800;line-height:1;animation:.9s cubic-bezier(.2,.9,.3,1.2) both count-pop}.countdown-num.go{color:var(--gold);text-shadow:0 10px 60px #f4c430b3}.countdown-overlay.fading{animation:1.4s ease-in forwards fade-out}@keyframes count-pop{0%{opacity:0;transform:scale(.4)}40%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes fade-out{0%,60%{opacity:1}to{opacity:0}}.page{grid-template-rows:auto 1fr;min-height:100dvh;display:grid}.page-main{padding:18px max(16px, env(safe-area-inset-right)) 32px max(16px, env(safe-area-inset-left));width:100%;max-width:1400px;margin:0 auto}.status-pill{font-size:13px}.lb{gap:8px;display:grid;position:relative}.lb-row{--team:#888;background:linear-gradient(90deg, color-mix(in srgb, var(--team) 22%, transparent), transparent 70%), var(--panel);border:1px solid var(--line);border-left:6px solid var(--team);border-radius:12px;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding:10px 14px;transition:transform .5s cubic-bezier(.2,.8,.2,1),background .3s;display:grid;position:relative}.lb-rank{font-family:var(--display);color:var(--muted);text-align:center;font-size:22px;font-weight:800}.lb-row.r1 .lb-rank{color:var(--gold)}.lb-row.r2 .lb-rank{color:#d6dbe8}.lb-row.r3 .lb-rank{color:#e0a36b}.lb-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:17px;font-weight:800;overflow:hidden}.lb-sub{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.lb-score{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.lb-row.bump{animation:.7s ease-out bump}@keyframes bump{0%{box-shadow:0 0 0 0 var(--team)}30%{box-shadow:0 0 0 6px color-mix(in srgb, var(--team) 50%, transparent)}to{box-shadow:0 0 #0000}}.lb-delta{color:var(--good);font-weight:800;animation:1.8s ease-out forwards delta;position:absolute;top:50%;right:70px;transform:translateY(-50%)}.lb-delta.neg{color:var(--bad)}@keyframes delta{0%{opacity:0;transform:translateY(-30%)}15%{opacity:1}to{opacity:0;transform:translateY(-160%)}}.answer-clock{place-items:center;width:54px;height:54px;display:grid;position:relative}.answer-clock.big{width:92px;height:92px}.answer-clock svg{position:absolute;inset:0;transform:rotate(-90deg)}.answer-clock circle{fill:none;stroke-width:4px}.answer-clock .track{stroke:#ffffff26}.answer-clock .bar{stroke:var(--gold);stroke-dasharray:106.8;transition:stroke-dashoffset .2s linear}.answer-clock.urgent .bar{stroke:var(--bad)}.answer-clock b{font-family:var(--display);font-size:20px;font-weight:800}.answer-clock.big b{font-size:36px}.round-score{font-family:var(--display);align-items:center;gap:12px;font-size:28px;font-weight:800;display:flex}.round-score small{font-family:var(--ui);color:var(--muted);font-size:12px;font-weight:600}.huruf-q{font-family:"Plex Arabic", "Alexandria", var(--ui);text-align:right;direction:rtl;font-size:20px;line-height:1.6}.huruf-a{font-family:"Alexandria", "Plex Arabic", var(--ui);color:var(--gold);direction:rtl;font-weight:700}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.login-page{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);min-height:100dvh;display:grid}.login-stage{background:radial-gradient(700px 500px at 0% 0%, #a68bff38, transparent 60%), var(--hex-pattern), #120b1f;border-right:1px solid var(--line);align-content:space-between;gap:40px;padding:clamp(24px,5vw,64px);display:grid;position:relative;overflow:hidden}.login-stage .lp-brand{color:inherit}.login-stage h1{letter-spacing:-.008em;max-width:11ch;font-size:clamp(40px,6vw,84px);font-weight:800;font-stretch:82%;line-height:.96}.login-stage p{color:var(--muted);max-width:46ch;font-size:17px;line-height:1.6}.login-stripe{gap:6px;display:flex}.login-stripe i{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);width:26px;height:30px}.login-main{place-items:center;padding:clamp(24px,5vw,64px) 20px;display:grid}.login-card{gap:18px;width:min(100%,400px);display:grid}.login-card h2{font-size:30px;font-weight:800}.login-card .muted{line-height:1.6}.login-back{color:var(--muted);justify-self:start;font-size:14px;font-weight:600;text-decoration:none}.login-back:hover{color:var(--text)}.code-input{letter-spacing:.18em;text-align:center;text-transform:uppercase;font-family:var(--mono)!important;border-radius:14px!important;min-height:60px!important;font-size:26px!important}@media (width<=860px){.login-page{grid-template-rows:auto 1fr;grid-template-columns:1fr}.login-stage{border-right:0;border-bottom:1px solid var(--line);gap:18px}.login-stage h1{max-width:none;font-size:clamp(34px,10vw,52px)}.login-stage .login-stripe,.login-stage p.login-stage-extra{display:none}}.lp-brand{color:var(--text);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.lp-brand-name{font-family:var(--display);white-space:nowrap;margin-left:6px;font-size:18px;font-weight:800}