:root{--surface-0:#FFF6E9;--surface-1:#FFFDF8;--surface-2:#F6E7CE;--surface-3:#EBD5B3;--surface-ink:#123B36;--ink-hi:#123B36;--ink-mid:#4A6B63;--ink-low:#8AA39C;--ink-on-dark:#FFF6E9;--accent:#F5A524;--accent-hi:#FFC24D;--accent-deep:#C77C10;--brand:#C1362F;--brand-hi:#E05248;--brand-deep:#8E241F;--deep:#155E56;--deep-hi:#1D7C71;--deep-deeper:#0C3B36;--correct:#2E9E63;--wrong:#D94436;--warn:#F5A524;--team-1:#D94436;--team-2:#1D7C71;--team-3:#F5A524;--team-4:#7A4FBF;--team-5:#2E86C1;--team-6:#E0699B;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--space-32:8rem;--radius-sm:10px;--radius-md:18px;--radius-lg:28px;--radius-xl:36px;--radius-pill:999px;--font-display:"Baloo Bhaijaan 2","Rubik",system-ui,sans-serif;--font-body:"IBM Plex Sans Arabic",system-ui,sans-serif;--font-numeric:"Baloo Bhaijaan 2","Rubik",ui-monospace,monospace;--text-display-xl-size:clamp(3rem,9vw,7rem);--text-display-xl-weight:800;--text-display-xl-height:1.05;--text-display-l-size:clamp(1.75rem,4.5vw,3.25rem);--text-display-l-weight:800;--text-display-l-height:1.2;--text-title-size:1.5rem;--text-title-weight:700;--text-title-height:1.3;--text-body-size:1rem;--text-body-weight:400;--text-body-height:1.8;--text-small-size:0.9375rem;--text-small-weight:500;--text-small-height:1.6;--text-label-size:0.8125rem;--text-label-weight:700;--text-label-height:1.4;--elev-flat:0 2px 0 rgba(18,59,54,0.14);--elev-raised:0 4px 0 rgba(18,59,54,0.18);--elev-lifted:0 6px 0 rgba(18,59,54,0.20);--elev-pressed:0 1px 0 rgba(18,59,54,0.22);--elev-glow:0 0 0 4px rgba(245,165,36,0.28);--elev-glow-correct:0 0 0 4px rgba(46,158,99,0.28);--motion-category-reveal-duration:400ms;--motion-category-reveal-easing:cubic-bezier(.2,.8,.2,1);--motion-question-enter-duration:300ms;--motion-question-enter-easing:cubic-bezier(.2,.8,.2,1);--motion-score-count-duration:600ms;--motion-score-count-easing:cubic-bezier(.2,.8,.2,1);--motion-correct-duration:500ms;--motion-correct-easing:cubic-bezier(.34,1.56,.64,1);--motion-wrong-duration:300ms;--motion-wrong-easing:ease-out;--motion-turn-change-duration:350ms;--motion-turn-change-easing:cubic-bezier(.2,.8,.2,1);--motion-winner-reveal-duration:1200ms;--motion-winner-reveal-easing:cubic-bezier(.34,1.56,.64,1);--motion-press-duration:90ms;--motion-press-easing:ease-out;--on-accent:#123B36;--on-accent-hi:#123B36;--on-accent-deep:#123B36;--on-brand:#FFF6E9;--on-brand-hi:#FFF6E9;--on-deep:#FFF6E9;--on-deep-hi:#FFF6E9;--on-correct:#123B36;--on-wrong:#FFF6E9;--on-team-1:#FFF6E9;--on-team-2:#FFF6E9;--on-team-3:#123B36;--on-team-4:#FFF6E9;--on-team-5:#FFF6E9;--on-team-6:#123B36;--max-content:72rem;--max-prose:38rem;--min-touch:44px}@media (prefers-reduced-motion:reduce){:root{--motion-category-reveal-duration:1ms;--motion-question-enter-duration:1ms;--motion-score-count-duration:1ms;--motion-correct-duration:1ms;--motion-wrong-duration:1ms;--motion-turn-change-duration:1ms;--motion-winner-reveal-duration:1ms;--motion-press-duration:1ms}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--surface-0);color:var(--ink-hi);font-family:var(--font-body);font-size:var(--text-body-size);line-height:var(--text-body-height);-webkit-font-smoothing:antialiased}.sadu{background-image:linear-gradient(135deg,var(--surface-2) 25%,transparent 25%),linear-gradient(225deg,var(--surface-2) 25%,transparent 25%),linear-gradient(45deg,var(--surface-2) 25%,transparent 25%),linear-gradient(315deg,var(--surface-2) 25%,transparent 25%);background-position:10px 0,10px 0,0 0,0 0;background-size:20px 20px;background-repeat:repeat}.sadu-band{block-size:14px;background-image:repeating-linear-gradient(90deg,var(--brand) 0 14px,var(--accent) 14px 28px,var(--deep) 28px 42px,var(--surface-2) 42px 56px);-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 8px,transparent 8px 10px);mask-image:repeating-linear-gradient(90deg,#000 0 8px,transparent 8px 10px);border-radius:var(--radius-pill)}:where(.num,[data-num]){font-family:var(--font-numeric);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"tnum"}h1,h2,h3{font-family:var(--font-display);margin:0;line-height:1.15}p{margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;min-block-size:var(--min-touch);min-inline-size:var(--min-touch);font-family:var(--font-display)}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:3px solid var(--brand);outline-offset:3px;border-radius:var(--radius-sm)}a{color:var(--brand);text-decoration-thickness:2px;text-underline-offset:4px}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.stage{inline-size:100%;max-inline-size:var(--max-content);margin-inline:auto;padding-inline:var(--space-4)}.label{font-family:var(--font-display);font-size:var(--text-label-size);font-weight:var(--text-label-weight);letter-spacing:.04em;color:var(--ink-mid)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);font-weight:700;font-size:1.0625rem;box-shadow:var(--elev-raised);text-decoration:none;transition:transform var(--motion-press-duration) var(--motion-press-easing),box-shadow var(--motion-press-duration) var(--motion-press-easing),background-color .16s ease}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:var(--elev-pressed)}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hi)}.btn-brand{background:var(--brand);color:var(--on-brand)}.btn-brand:hover:not(:disabled){background:var(--brand-hi)}.btn-deep{background:var(--deep);color:var(--on-deep)}.btn-deep:hover:not(:disabled){background:var(--deep-hi)}.btn-ghost{background:var(--surface-1);color:var(--ink-hi);border:2px solid var(--surface-3)}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.card{box-shadow:var(--elev-flat)}.card,.field{background:var(--surface-1);border:2px solid var(--surface-3);border-radius:var(--radius-md)}.field{inline-size:100%;padding:var(--space-3) var(--space-4);color:var(--ink-hi);font-family:var(--font-body)}.field::placeholder{color:var(--ink-low)}.field:focus{border-color:var(--accent);outline:none}@keyframes dorak-speaking{0%,to{box-shadow:0 0 0 0 rgba(46,158,99,.55)}50%{box-shadow:0 0 0 6px rgba(46,158,99,0)}}@media (prefers-reduced-motion:reduce){@keyframes dorak-speaking{0%,to{box-shadow:0 0 0 3px rgba(46,158,99,.55)}}}.voice-mic-speaking{animation:dorak-voice-ring 1.1s ease-out infinite}@keyframes dorak-voice-ring{0%{box-shadow:0 0 0 0 rgba(46,158,99,.55),var(--elev-raised)}to{box-shadow:0 0 0 14px rgba(46,158,99,0),var(--elev-raised)}}@media (prefers-reduced-motion:reduce){.voice-mic-speaking{animation:none;box-shadow:0 0 0 4px rgba(46,158,99,.55),var(--elev-raised)}}