:root{--bg:#050816;--panel-bg:#111827;--accent:#38bdf8;--accent-soft:#38bdf81a;--text:#e5e7eb;--muted:#9ca3af;--danger:#f97373;--success:#4ade80;--pass:#facc15;--border-radius:12px;--shadow-soft:0 18px 40px #0009}*,:after,:before{box-sizing:border-box}body{background:radial-gradient(circle at top,#1f2937 0,#020617 50%,#000 100%);color:#e5e7eb;color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;margin:0}.app-root{display:flex;flex-direction:column;min-height:100vh}.app-root.home-root{align-items:center;justify-content:flex-start;padding:40px 16px}.app-header{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.app-header h1{font-size:28px;margin:0}h1{text-transform:none}.tagline{color:#9ca3af;color:var(--muted);margin:0}.leaderboard{background:#0000000a;border-radius:16px;margin-top:8px;padding:16px 20px}.leaderboard-title{font-size:20px;font-weight:700;margin:0 0 8px}.leaderboard-subtitle{color:#555;font-size:14px;margin:0}.leaderboard-list{list-style:none;margin:8px 0 0;padding:0}.leaderboard-item{align-items:center;display:flex;font-size:16px;gap:8px;padding:2px 0}.leader-rank{color:#888;font-weight:600;text-align:right;width:24px}.leader-name{flex:1 1}.back-button{align-self:flex-start;background:none;border:none;color:#38bdf8;color:var(--accent);cursor:pointer;font-size:14px;margin-top:8px;padding:4px 0}.home-root{background:#fff;color:#000;min-height:100vh}.home-header{align-items:center;color:#fff;display:flex;flex-direction:column;padding:0;width:100%}.home-title{color:#ccdfed;font-family:Press Start\ 2P,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(24px,4vw,40px);font-weight:700;line-height:1.2;margin:0 0 16px;text-shadow:0 2px 0 #7e3ff2,0 4px 0 #7e3ff2,0 6px 0 #7e3ff2,0 0 0 #0009;text-transform:uppercase}.home-subtitle,.home-title{letter-spacing:.04em;text-align:center}.home-subtitle{color:#6d6c72;font-size:12px;margin:0 0 12px;max-width:260px}.home-logo{height:auto;width:min(70vw,680px)}.home-play-button{background:#7e3ff2;border:2px solid #fff;border-radius:999px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;margin-top:0;max-width:360px;min-width:220px;padding:12px 32px;transition:background-color .1s ease,color .1s ease,border-color .1s ease;width:33%}.home-play-button:hover{background:#7e3ff2;border-color:#7e3ff2;color:#fff}.home-cta{align-items:center;display:flex;flex-direction:column;gap:16px;margin-top:40px}.home-main.home-main-single{margin:0 auto;max-width:720px;padding:40px 16px 64px}.leaderboard-home{background:#fff;border:1px solid #ddd;border-radius:16px;box-shadow:0 12px 24px #0000000a;padding:20px 24px}.leaderboard-home h2{font-size:18px;margin-bottom:8px;margin-top:0}.leaderboard-home p{color:#555;margin:0}.leader-status-tally{animation:tally-pulse 1s ease-in-out infinite;color:#6d6c72;font-size:16px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}@keyframes tally-pulse{0%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}to{opacity:.4;transform:scale(1)}}.mode-root-white{background:#fff;color:#000;min-height:100vh}.mode-header-white{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:center;padding:16px 16px 30px}.back-button-simple{background:#0000;border:none;cursor:pointer;font-size:24px;left:16px;line-height:1;padding:4px 8px;position:absolute}.mode-header-text{text-align:center}.mode-title{font-size:20px;font-weight:600;margin:0}.start-main{margin:0 auto;max-width:1100px;padding:32px 16px 48px}.mode-grid{display:flex;flex-wrap:wrap;gap:16px}.mode-card h2{font-size:18px;margin:0 0 6px}.mode-card{background:#fff;border:1px solid #7e3ff2;border-radius:16px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;min-width:260px;padding:20px 18px 18px;transition:box-shadow .1s ease,transform .1s ease}.mode-card:hover{box-shadow:0 12px 45px #3b90c7;transform:translateY(-1px)}.mode-card-disabled{opacity:.5}.mode-go-button{align-self:flex-start;background:#7e3ff2;border:1px solid #7e3ff2;border-radius:999px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:9px 22px;transition:transform .1s ease,background-color .1s ease,border-color .1s ease}.mode-card:hover .mode-go-button:enabled,.mode-go-button:hover:enabled{background:#6b21f3;border-color:#6b21f3;color:#fff}.mode-go-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.mode-grid{flex-direction:column}}.countdown-header{align-items:center;display:flex;flex-direction:column;margin-bottom:26px;margin-top:16px}.timer{text-align:center}.timer-label{color:#555;display:block;font-size:11px;font-weight:600;letter-spacing:.18em;margin-bottom:10px}.timer-digits{gap:6px}.timer-block,.timer-digits{align-items:center;display:inline-flex}.timer-block{background:#000;border-radius:6px;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Mono,monospace;height:64px;justify-content:center;width:44px}.timer-block,.timer-separator{font-size:32px;font-weight:700}.timer-separator{color:#000;padding:0 2px}.score-pill{background:#f7f7f7;border:1px solid #f7f7f7;border-radius:999px;color:#177e89;font-size:16px;font-weight:600;margin-top:24px;padding:6px 18px}.center-panel{padding:40px 0}.canvas,.center-panel{display:flex;justify-content:center}.canvas{align-items:center;aspect-ratio:4/3;border:1px solid #000;border-radius:12px;margin-left:auto;margin-right:auto;margin-top:26px;max-height:480px;max-width:960px;overflow:hidden;padding:4%;position:relative;width:100%}.canvas-precount{background:#f7f7f7;box-shadow:none}.canvas-with-shadow{background:#fff}.canvas-gameover{background:#f7f7f7}.country-image{display:block;height:100%;margin:0 auto;max-width:100%;object-fit:contain;position:relative;width:auto;z-index:2}.precount-number{align-items:center;color:#fff;display:flex;font-size:80px;font-weight:800;inset:0;justify-content:center;position:absolute;z-index:3}.country-placeholder{color:#000;font-size:28px;font-weight:600}.search-panel{margin-left:auto;margin-right:auto;margin-top:30px;max-width:960px;width:100%}.search-input{background:#dbeafe;border:1px solid #fff;border-radius:999px;color:#7e3ff2;font-size:15px;outline:none;padding:11px 14px;width:100%}.search-input::placeholder{color:#3b90c7}.search-input:focus{border-color:#38bdf8;border-color:var(--accent);box-shadow:0 0 0 1px #38bdf8b3}.options-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:10px 0 0;padding:0}.option-button{background:#fff;border:1px solid #7e3ff2;border-radius:999px;color:#7e3ff2;cursor:pointer;font-size:14px;padding:7px 16px;transition:transform .08s ease,box-shadow .08s ease,background-color .08s ease,border-color .08s ease}.option-button:hover{background:#7e3ff2;border-color:#7e3ff2;color:#fff;transform:translateY(-1px)}.option-disabled{box-shadow:none;cursor:not-allowed;opacity:.4}.mode-header-text{display:flex;flex-direction:column;gap:2px}.mode-subtitle{color:#555;font-size:13px;font-weight:400;margin:0}.result-banner{animation:pop-in .18s ease-out;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.08em;margin-left:auto;margin-right:auto;margin-top:18px;max-width:960px;padding:10px 16px;text-align:center;text-transform:uppercase;width:100%}.result-correct{background:#dcfce7;box-shadow:none;color:#15803d}.result-wrong{background:#fee2e2;box-shadow:none;color:#b91c1c}.result-pass{background:#f7f7f7;box-shadow:none;color:#177e89}.game-over-in-canvas{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:24px 24px 28px;text-align:center;width:100%}.game-over-in-canvas h2{font-size:22px;margin:0 0 8px}.game-over-score{font-size:16px;margin:0 0 16px}.leader-status{color:#177e89;font-size:22px;font-weight:700;margin:0 0 20px}.leader-name-input{border:1px solid #000;border-radius:999px;font-size:14px;margin-bottom:24px;max-width:260px;padding:8px 14px;text-align:center;width:100%}.game-over-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:8px}.pill-button{border:1px solid #0000;border-radius:999px;cursor:pointer;font-size:14px;font-weight:600;padding:9px 20px;transition:background-color .08s ease,color .08s ease,border-color .08s ease}.primary-pill{background:#7e3ff2;border-color:#fff;color:#fff}.primary-pill:hover:not(:disabled){background:#7e3ff2;border-color:#7e3ff2;color:#fff}.secondary-pill{background:#fff;border-color:#7e3ff2;color:#7e3ff2}.secondary-pill:hover:not(:disabled){background:#fff;border-color:#fff;color:#7e3ff2}.pill-button:disabled{border-color:#ccc;cursor:not-allowed;opacity:.5}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.game-over-panel{display:flex;flex-direction:column;gap:12px;margin-top:32px;text-align:center}.game-over-panel h2{font-size:22px;margin:0}.game-over-panel p{color:#9ca3af;color:var(--muted);margin:0 0 8px}.game-over-emoji{font-size:72px;line-height:1;margin-bottom:8px}@media (max-width:900px){.home-main{grid-template-columns:minmax(0,1fr)}}
/*# sourceMappingURL=main.a6986404.css.map*/