:root{--bg: #0b1020;--panel: #131a2a;--text: #e6e8ef;--muted: #a8b0c2;--accent: #3b82f6;--accent-2: #22c55e}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:#000}html{color-scheme:dark}.container{max-width:960px;margin:0 auto;padding:1rem}.panel{background:var(--panel);border-radius:12px;padding:1rem;box-shadow:0 10px 30px #00000059}.row{display:flex;gap:1rem;flex-wrap:wrap}.col{flex:1 1 300px}.title{font-size:1.8rem;margin:0 0 .5rem;letter-spacing:.5px}.muted{color:var(--muted)}.section-title{font-weight:600;margin:.75rem 0 .5rem}input[type=text]{width:100%;padding:.75rem .9rem;border:1px solid #2a334a;background:#0f1627;color:var(--text);border-radius:10px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:10px;padding:.6rem .9rem;color:#fff;font-weight:600;background:var(--accent);cursor:pointer}button.secondary{background:#334155}button.success{background:var(--accent-2)}button:disabled{opacity:.6;cursor:default}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.media-item{overflow:hidden;border-radius:10px;border:1px solid #2a334a;background:#0f1627}.media-item img,.media-item video{width:100%;height:160px;object-fit:cover;display:block}.score{font-variant-numeric:tabular-nums}.timer{font-variant-numeric:tabular-nums;color:var(--muted)}.facts{list-style:disc;padding-left:1.25rem}.fact{margin:.25rem 0}.stage{position:relative;width:100%;height:100vh;overflow:hidden;background:#000;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.slide{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#000}.slide img,.slide video{width:100%;height:100%;object-fit:contain;background:#000;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.carousel-track>*{flex:0 0 100%}.overlay-top{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:10}.score-badge{background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.14);padding:6px 10px;border-radius:999px;font-weight:700}.final-score-pop{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);background:#000000b3;padding:16px 22px;border-radius:16px;font-size:24px;font-weight:800;border:1px solid rgba(255,255,255,.18);animation:popfade 1.6s ease both}@keyframes popfade{0%{opacity:0;transform:translate(-50%,-60%) scale(.9)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.02)}60%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-40%) scale(.98)}}.answers-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:12;display:flex;flex-direction:column;gap:8px;width:min(92vw,520px)}.answer-pill{background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.14);padding:8px 12px;border-radius:14px;text-align:center;font-weight:700}.progress-track{position:absolute;left:0;right:0;top:-6px;height:4px;background:#ffffff2e;border-radius:9999px;overflow:hidden}.progress-fill{height:100%;transition:width .2s linear;transform-origin:center}.progress-fill.green{background:#22c55e}.progress-fill.amber{background:#f59e0b}.progress-fill.red{background:#ef4444;animation:pulseBar 1s ease-in-out infinite}@keyframes pulseBar{0%{transform:scaleY(1)}50%{transform:scaleY(1.35)}to{transform:scaleY(1)}}.welcome-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#0000008c,#0000008c),url(/welcome.jpeg) center/cover no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:24px;color:var(--text);z-index:50}.welcome-card{width:min(92vw,560px);background:#0000008c;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:18px 16px;text-align:center;margin-top:60vh}.train-marquee{position:relative;height:28px;overflow:hidden;margin-top:10px}.train-marquee .track{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0,rgba(255,255,255,.12) 12px,transparent 12px,transparent 24px);opacity:.4}.train-marquee .train{position:absolute;left:8px;right:8px;top:2px;display:flex;justify-content:space-between;align-items:center;font-size:20px;animation:trainBounce 2.4s ease-in-out infinite alternate;text-shadow:0 0 6px rgba(255,255,255,.5)}.train-marquee .train span{display:inline-block}@keyframes trainBounce{0%{transform:translate(-6%)}to{transform:translate(6%)}}.welcome-title{font-size:26px;font-weight:800;margin:4px 0 8px}.welcome-sub{color:var(--muted);font-size:14px}.welcome-actions{margin-top:14px;display:flex;gap:10px;justify-content:center}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;display:inline-block;animation:spin 1s linear infinite;vertical-align:-2px;margin-right:6px}@keyframes spin{to{transform:rotate(360deg)}}.advance-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000040;z-index:20}.advance-circle{width:72px;height:72px}.advance-circle circle.bg{stroke:#ffffff4d}.advance-circle circle.fg{stroke:#fff;transform:rotate(-90deg);transform-origin:50% 50%;animation:dashfill 1s linear forwards}@keyframes dashfill{0%{stroke-dashoffset:176}to{stroke-dashoffset:0}}