@font-face{font-family:"Baloo 2";font-style:normal;font-weight:600 800;font-display:swap;src:url(/fonts/baloo-2-latin.woff2)format("woff2")}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:400 800;font-stretch:100%;font-display:swap;src:url(/fonts/nunito-sans-latin.woff2)format("woff2")}:root{--color-purple-start:#5a49db;--color-purple-mid:#7f66ee;--color-purple-end:#b493f6;--bg-app-gradient:linear-gradient(165deg, #5a49db 0%, #7f66ee 55%, #b493f6 100%);--bg-featured-gradient:linear-gradient(135deg, #ffc83a, #f59a23);--bg-badge-gradient:radial-gradient(circle at 35% 30%, #ffe98a, #f5a623);--color-card-classic:#7060e3;--color-card-culture:#8a55e8;--color-card-eastafrica:#4f6be0;--color-primary-yellow:#ffc83a;--color-primary-shadow:#c98f0a;--color-featured-orange:#f59a23;--color-correct-teal:#14b8a6;--color-stat-correct:#9cf5ea;--color-stat-passed:#ffb36b;--color-night:#2a1b6b;--color-nav-bar:#3e2fa8;--color-white:#fff;--surface-panel:#ffffff29;--surface-segment:#ffffff2e;--surface-icon-btn:#fff3;--surface-hud-pill:#1e0f5a8c;--border-card-default:#ffffff38;--font-display:"Baloo 2", system-ui, -apple-system, sans-serif;--font-body:"Nunito Sans", system-ui, -apple-system, sans-serif;--radius-card:24px;--radius-panel:24px;--radius-tilt-btn:20px;--radius-nav-item:18px;--radius-nav-bar:28px;--radius-pill:999px;--shadow-card:0 5px 0 #1e0f5a59;--shadow-primary-btn:0 4px 0 #c98f0a;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;font-family:var(--font-body);color:var(--color-white);background:var(--color-purple-start);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-size:16px}#root{flex-direction:column;min-height:100svh;display:flex}button{font:inherit;color:var(--color-white);cursor:pointer;background:0 0;border:0;padding:0;font-weight:800;transition:transform .1s,filter .15s}button:active:not(:disabled){transform:translateY(2px)}button:focus-visible{outline:3px solid var(--color-primary-yellow);outline-offset:2px}.d{font-family:var(--font-display);margin:0;font-weight:800}.text-hero-title{font-family:var(--font-display);margin:0;font-size:40px;font-weight:800;line-height:42px}.text-page-title{font-family:var(--font-display);margin:0;font-size:36px;font-weight:800;line-height:38px}.text-section-title{font-family:var(--font-display);margin:0;font-size:24px;font-weight:800;line-height:28px}.text-game-prompt{font-family:var(--font-display);text-align:center;margin:0;font-size:clamp(56px,9vw,88px);font-weight:800;line-height:1.03}.c{border-radius:var(--radius-card);width:100%;height:152px;box-shadow:var(--shadow-card);border:2px solid var(--border-card-default);flex-direction:column;justify-content:space-between;align-items:center;padding:12px 8px;display:flex}.c.c-compact{height:132px}.c.c-selected{border:3px solid var(--color-primary-yellow)}.c1{background:var(--color-card-classic)}.c2{background:var(--color-card-culture)}.c3{background:var(--color-card-eastafrica)}.c4{background:var(--color-card-classic)}.n{text-align:center;justify-content:center;align-items:center;min-height:34px;font-size:15px;font-weight:800;line-height:17px;display:flex}.c-compact .n{min-height:0}.y{background:var(--color-primary-yellow);color:var(--color-night);border-radius:var(--radius-pill);min-height:56px;box-shadow:var(--shadow-primary-btn);justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:18px;font-weight:800;display:inline-flex}.btn-secondary{border-radius:var(--radius-pill);border:2px solid var(--color-white);min-height:56px;color:var(--color-white);background:0 0;justify-content:center;align-items:center;padding:0 24px;font-size:18px;font-weight:800;display:inline-flex}.ic{background:var(--surface-icon-btn);width:44px;height:44px;color:var(--color-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.featured-card{text-align:left;background:var(--bg-featured-gradient);width:100%;color:var(--color-night);border-radius:var(--radius-card);box-shadow:var(--shadow-card);justify-content:space-between;align-items:center;padding:16px 16px 16px 20px;display:flex}.pl{background:var(--surface-panel);border-radius:var(--radius-panel);padding:14px}.sg{gap:8px;margin-top:8px;display:flex}.sg button{border-radius:var(--radius-pill);background:var(--surface-segment);min-height:44px;color:var(--color-white);flex:1;font-size:16px;font-weight:800}.sg button.a{background:var(--color-primary-yellow);color:var(--color-night)}.category-chip{background:var(--color-primary-yellow);color:var(--color-night);border-radius:var(--radius-pill);align-items:center;gap:4px;padding:4px 12px 4px 4px;font-size:14px;font-weight:800;line-height:1.2;display:inline-flex}.category-chip__remove{width:20px;height:20px;color:var(--color-night);cursor:pointer;background:#2a1b6b29;border:0;border-radius:50%;justify-content:center;align-items:center;margin-left:2px;padding:0;font-size:14px;font-weight:900;line-height:1;transition:transform .1s,background .15s;display:inline-flex}.category-chip__remove:hover,.category-chip__remove:active{background:#2a1b6b4d;transform:scale(1.1)}.team-input-row{align-items:center;gap:10px;display:flex}.team-badge{color:var(--color-night);background:var(--color-primary-yellow);border-radius:var(--radius-pill);white-space:nowrap;flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:800;line-height:1}.team-input{color:#fff;min-width:0;font-family:var(--font-body);box-sizing:border-box;background:#ffffff29;border:2px solid #ffffff38;border-radius:14px;outline:none;flex:1;padding:10px 14px;font-size:15px;font-weight:800;transition:border-color .15s,background-color .15s}.team-input:focus{border-color:var(--color-primary-yellow);background:#ffffff38}.create-textarea{resize:vertical;width:100%;min-height:220px;font-weight:700;line-height:1.45;display:block}.team-input::placeholder{color:#ffffff8c}.team-input--error{background:#ff9a9a26;border-color:#ff9a9a}.categories-floating-bar{z-index:35;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed;bottom:96px;left:0;right:0}.categories-floating-bar>*{pointer-events:auto;width:100%;max-width:390px;box-shadow:0 8px 24px #1e0f5a73}@media (width>=600px) and (width<=1023px){.categories-floating-bar>*{max-width:720px}}@media (width>=1024px){.categories-floating-bar{width:100%;position:absolute;bottom:96px}.categories-floating-bar>*{max-width:408px}}.hud-pill{background:var(--surface-hud-pill);border-radius:var(--radius-pill);justify-content:center;align-items:center;padding:4px 18px;display:inline-flex}.tilt-btn{color:var(--color-night);border-radius:var(--radius-tilt-btn);min-height:64px;box-shadow:var(--shadow-card);flex-direction:column;justify-content:center;align-items:center;padding:8px 24px;font-size:20px;font-weight:800;line-height:1.15;display:inline-flex}.tilt-btn--pass{background:var(--color-featured-orange)}.tilt-btn--correct{background:var(--color-correct-teal)}.tilt-btn__sub{margin-top:2px;font-size:12px;font-weight:700}.bottom-nav{background:var(--color-nav-bar);border-radius:var(--radius-nav-bar) var(--radius-nav-bar) 0 0;height:84px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));z-index:40;gap:6px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{border-radius:var(--radius-nav-item);color:var(--color-white);background:0 0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:12px;font-weight:800;display:flex}.bottom-nav__item--active{background:var(--color-primary-yellow);color:var(--color-night)}.g,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.app-shell-outer{background:radial-gradient(circle at 50% 0,#4838b8 0%,#2a1b6b 100%);flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:100svh;display:flex}.app-shell-portrait{background:var(--bg-app-gradient);flex-direction:column;width:100%;min-height:100svh;display:flex;position:relative;overflow-x:hidden}.app-shell-portrait__content{flex:1;padding:52px 16px 24px}.app-shell-portrait__content--with-nav{padding-bottom:110px}.app-shell-landscape{background:var(--bg-app-gradient);justify-content:center;align-items:center;width:100%;min-height:100svh;padding:20px 28px;display:flex;position:relative;overflow:hidden}@media (width>=600px) and (width<=1023px){.g--categories{grid-template-columns:repeat(3,minmax(0,1fr))}.app-shell-portrait{max-width:720px;margin:0 auto;box-shadow:0 20px 60px #00000059}.bottom-nav{max-width:720px;margin:0 auto}}@media (width>=1024px){.app-shell-outer{justify-content:center;padding:24px 16px}.app-shell-portrait{border-radius:36px;width:440px;max-width:440px;height:844px;min-height:844px;overflow:hidden;box-shadow:0 24px 64px #0f08328c,0 0 0 6px #ffffff1f}.app-shell-portrait__content{scrollbar-width:thin;scrollbar-color:#ffffff4d transparent;height:100%;overflow-y:auto}.bottom-nav{width:100%;position:absolute}.app-shell-landscape{border-radius:32px;width:844px;max-width:95vw;height:390px;min-height:390px;box-shadow:0 24px 64px #0f08328c,0 0 0 6px #ffffff1f}}:root{--feedback-correct:radial-gradient(circle at 35% 30%, #3ccf6e 0%, #1e9e4a 70%);--feedback-pass:radial-gradient(circle at 35% 30%, #f2545f 0%, #d62839 70%);--color-correct-green:#1e9e4a;--color-pass-red:#d62839}@media (width<=1023px){.app-shell-portrait{isolation:isolate;background:0 0}.app-shell-portrait:before{content:"";width:100%;max-width:inherit;background:var(--bg-app-gradient);z-index:-1;pointer-events:none;position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%)}}.pl{border:2px solid var(--border-card-default);box-shadow:var(--shadow-card);background:#3e2fa852}.back-link{color:var(--color-primary-yellow);align-self:flex-start;align-items:center;gap:6px;padding:4px 0;font-size:15px;font-weight:800;display:inline-flex}.inline-warning{color:var(--color-primary-yellow);margin:0;font-size:14px;font-weight:800}.play-mode__summary{opacity:.92;margin:6px 0 0;font-size:14px;font-weight:700;line-height:1.35}.mode-card{text-align:left;border-radius:var(--radius-card);width:100%;min-height:132px;box-shadow:var(--shadow-card);justify-content:space-between;align-items:center;gap:12px;padding:18px 16px 18px 20px;display:flex}.mode-card:disabled{opacity:.55;cursor:not-allowed}.mode-card--quick{background:var(--bg-featured-gradient);color:var(--color-night)}.mode-card--teams{background:var(--color-card-culture);border:2px solid var(--border-card-default);color:var(--color-white)}.mode-card__title{font-size:30px;line-height:32px;display:block}.mode-card__text{margin-top:6px;font-size:15px;font-weight:700;line-height:1.35;display:block}.team-remove{background:var(--surface-icon-btn);width:36px;height:36px;color:var(--color-white);border-radius:50%;flex-shrink:0;font-size:20px;line-height:1}.team-add{border-radius:var(--radius-pill);width:100%;min-height:44px;color:var(--color-white);border:2px dashed #ffffff8c;margin-top:12px;font-size:15px}.rotate-prompt{z-index:100;background:var(--bg-app-gradient);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:32px;display:flex;position:fixed;inset:0}.rotate-prompt__phone{animation:2.2s ease-in-out infinite rotate-device}@keyframes rotate-device{0%,20%{transform:rotate(0)}55%,to{transform:rotate(-90deg)}}.countdown-stage{justify-content:center;align-items:center;width:100%;max-width:844px;padding:12px 16px;display:flex}.countdown-circle{background:var(--bg-badge-gradient);width:min(270px,72vh);height:min(270px,72vh);color:var(--color-night);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;animation:.9s ease-out infinite countdown-pulse;display:flex;box-shadow:0 0 0 16px #ffffff2e}.calibration-stage{flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;display:flex}.calibration-ring{border:6px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;animation:1.2s ease-in-out infinite calibration-breathe;display:flex}.calibration-ring__dot{background:var(--bg-badge-gradient);border-radius:50%;width:54px;height:54px;box-shadow:0 0 0 10px #ffc83a40}.calibration-stage__title{font-size:44px;line-height:46px}@keyframes calibration-breathe{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.ready-stage{grid-template-columns:minmax(220px,.9fr) minmax(300px,1.1fr);align-items:center;gap:20px;width:100%;max-width:844px;padding:8px 12px;display:grid}.ready-stage__art{justify-content:center;display:flex}.ready-stage__content{flex-direction:column;gap:8px;display:flex}.ready-stage__turn{color:var(--color-primary-yellow);margin:0;font-size:14px;font-weight:800}.ready-stage__title{font-size:36px;line-height:38px}.ready-stage__lead{margin:0;font-size:16px;font-weight:700;line-height:1.35}.ready-stage__controls{gap:8px;display:flex}.control-chip{border-radius:var(--radius-tilt-btn);border:2px solid var(--border-card-default);background:var(--surface-panel);flex:1;align-items:center;gap:10px;padding:7px 12px 7px 7px;font-size:15px;font-weight:700;line-height:1.2;display:flex}.control-chip svg{box-sizing:content-box;border-radius:50%;padding:4px}.control-chip b{font-family:var(--font-display);font-size:18px;font-weight:700;line-height:1.1;display:block}.control-chip--correct{background:linear-gradient(135deg,#3ccf6e3d,#ffffff1a);border-color:#3ccf6e80}.control-chip--correct svg{background:var(--color-correct-green)}.control-chip--pass{background:linear-gradient(135deg,#f2545f3d,#ffffff1a);border-color:#f2545f80}.control-chip--pass svg{background:var(--color-pass-red)}.ready-stage__hint{opacity:.9;margin:0;font-size:13px;font-weight:700}@media (width<=600px) and (orientation:portrait){.ready-stage{grid-template-columns:1fr}}.debug-panel{z-index:200;color:#fff;pointer-events:none;background:#0009;border-radius:8px;padding:4px 8px;font:600 11px/1.3 ui-monospace,monospace;position:fixed;bottom:6px;left:8px;right:8px}.gameplay-stage{justify-content:center;align-items:center;width:100%;max-width:844px;height:100%;min-height:350px;display:flex;position:relative;overflow:hidden}.gameplay-stage__prompt{text-align:center;flex-direction:column;align-items:center;gap:8px;max-width:100%;padding:56px 32px;display:flex}.gameplay-stage__category{color:var(--color-primary-yellow);font-size:15px;font-weight:800}.gameplay-stage__hint{opacity:.9;font-size:18px;font-weight:800}.manual-answer{border-radius:var(--radius-pill);min-height:44px;color:var(--color-white);background:var(--surface-hud-pill);border:2px solid #ffffff40;padding:0 18px;font-size:15px;position:absolute;bottom:14px}.manual-answer--pass{border-color:#f2545fcc;left:20px}.manual-answer--correct{border-color:#3ccf6ecc;right:20px}.answer-feedback{z-index:90;color:var(--color-white);flex-direction:column;justify-content:center;align-items:center;gap:6px;animation:.12s ease-out feedback-in;display:flex;position:fixed;inset:0}.answer-feedback--correct{background:var(--feedback-correct)}.answer-feedback--pass{background:var(--feedback-pass)}.answer-feedback__word{text-transform:uppercase;text-shadow:0 4px 16px #0000002e;font-size:96px;line-height:1}@keyframes feedback-in{0%{opacity:.6;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@media (height<=360px){.answer-feedback__word{font-size:76px}}@keyframes countdown-pulse{0%{transform:scale(1)}30%{transform:scale(1.04)}to{transform:scale(1)}}.gameplay-stage{min-height:min(350px,100svh - 40px)}@media (height<=400px){.app-shell-landscape{padding-top:max(8px, env(safe-area-inset-top,0px));padding-bottom:max(8px, env(safe-area-inset-bottom,0px))}.gameplay-stage{min-height:calc(100svh - 16px)}.gameplay-stage__prompt{padding:40px 24px}}.ready-stage__art svg{max-width:100%;height:auto}@media (width<=700px) and (orientation:landscape){.ready-stage{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:12px}.ready-stage__title{font-size:30px;line-height:32px}.ready-stage__controls{flex-wrap:wrap}.control-chip{flex:140px;min-width:0}}.app-shell-landscape{padding-left:max(28px, env(safe-area-inset-left,0px));padding-right:max(28px, env(safe-area-inset-right,0px))}.app-shell-portrait__content{padding-top:max(52px, calc(env(safe-area-inset-top,0px) + 16px));padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px))}.bottom-nav{height:calc(84px + env(safe-area-inset-bottom,0px));padding-left:max(12px, env(safe-area-inset-left,0px));padding-right:max(12px, env(safe-area-inset-right,0px))}.tap-target,.back-link,.category-chip__remove{position:relative}.tap-target:before,.back-link:before,.category-chip__remove:before{content:"";position:absolute;inset:-14px -8px}.category-chip__remove:before{inset:-12px}@media (width>=1024px){.app-shell-portrait{height:min(844px,100svh - 48px);min-height:min(844px,100svh - 48px)}}@media (prefers-reduced-motion:reduce){.rotate-prompt__phone,.calibration-ring,.countdown-circle,.answer-feedback{animation:none}}.how-to-play{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.how-to-play__step{align-items:flex-start;gap:14px;display:flex}.how-to-play__number{background:var(--color-primary-yellow);width:40px;height:40px;color:var(--color-night);box-shadow:var(--shadow-primary-btn);border-radius:50%;flex-shrink:0;place-items:center;font-size:24px;line-height:1;display:grid}.how-to-play__title{font-family:var(--font-display);font-size:21px;font-weight:700;line-height:1.2;display:block}.how-to-play__text{margin:4px 0 0;font-size:15px;font-weight:700;line-height:1.4}.how-to-play__tilts{flex-wrap:wrap;gap:8px 14px;margin-top:10px;font-size:14px;font-weight:800;display:flex}.how-to-play__tilts span{align-items:center;gap:6px;display:inline-flex}.how-to-play__tilts svg{box-sizing:content-box;border-radius:50%;padding:3px}.how-to-play__tilts span:first-child svg{background:var(--color-correct-green)}.how-to-play__tilts span:last-child svg{background:var(--color-pass-red)}