:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--c-bg-deep: #0a1a3a;--c-bg-mid: #122a52;--c-frame: #ffffff;--c-accent: #7ad9ff;--c-accent-strong: #00d2ff;--c-accent-dark: #0a4d6e;--c-text: #ffffff;--c-text-soft: #a8c4dc;--c-correct: #2eff8b;--c-wrong: #ff4477}.cid5050-bg{background-color:var(--c-bg-deep);background-image:radial-gradient(circle,rgba(122,217,255,.08) 1px,transparent 1.5px);background-size:22px 22px}.cid5050-frame{background-color:var(--c-bg-mid);border:3px solid var(--c-frame);border-radius:14px;box-shadow:0 0 0 1px #7ad9ff40,0 8px 24px #0006;overflow:hidden;position:relative}.cid5050-pill{background:linear-gradient(180deg,#163461,#0d2148);border:2px solid var(--c-accent);border-radius:999px;color:var(--c-text);font-weight:700;padding:14px 22px;text-align:center}.cid5050-option{display:flex;align-items:center;gap:14px;background:linear-gradient(180deg,#163461,#0d2148);border:2px solid var(--c-accent);border-radius:999px;color:var(--c-text);padding:12px 22px 12px 12px;font-size:17px;font-weight:600;cursor:pointer;transition:all .18s ease}.cid5050-option:hover:not(:disabled){background:linear-gradient(180deg,#1c4179,#102a5b);box-shadow:0 0 18px #7ad9ff73}.cid5050-option:disabled{opacity:.55;cursor:not-allowed}.cid5050-option-letter{flex:0 0 38px;height:38px;border-radius:50%;background:var(--c-accent);color:#06223b;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;box-shadow:0 0 0 2px #fff inset}.cid5050-logo-img{display:block;border-radius:50%;object-fit:cover;border:3px solid var(--c-accent);box-shadow:0 0 24px #7ad9ff66,0 0 0 4px #ffffff26;background:radial-gradient(circle at 50% 40%,#1a3a6c,#0a1a3a 70%)}.cid5050-ab-badge{display:flex;align-items:center;justify-content:center;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#1a3a6c,#06203f 70%);border:3px solid var(--c-accent);box-shadow:0 0 28px #7ad9ff73;color:var(--c-accent);font-weight:900;font-family:Impact,Arial Black,sans-serif;font-size:36px;letter-spacing:4px}.cid5050-score-badge{background:linear-gradient(180deg,#163461,#0d2148);border:2px solid var(--c-accent);border-radius:14px;padding:10px 22px;color:var(--c-accent);font-weight:900;font-size:24px;letter-spacing:1px;text-align:center;font-family:Impact,Arial Black,sans-serif;min-width:90px}.cid5050-heart{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:6px;color:var(--c-accent);font-weight:900;font-size:26px;font-family:Impact,Arial Black,sans-serif;text-shadow:0 2px 6px rgba(0,0,0,.7);z-index:10}.cid5050-heart svg{width:28px;height:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.cid5050-name-tag{position:absolute;left:12px;bottom:12px;background:#0a1a3ad9;border:1.5px solid var(--c-accent);border-radius:6px;padding:4px 10px;color:var(--c-accent);font-size:13px;font-weight:700;z-index:10}.cid5050-progress-dots{display:flex;gap:10px;justify-content:center}.cid5050-progress-dots .dot{width:12px;height:12px;border-radius:50%;background:#7ad9ff40;border:1.5px solid var(--c-accent);transition:all .2s}.cid5050-progress-dots .dot.current{background:var(--c-accent);box-shadow:0 0 10px var(--c-accent)}.cid5050-progress-dots .dot.correct{background:var(--c-correct);border-color:var(--c-correct)}.cid5050-progress-dots .dot.wrong{background:var(--c-wrong);border-color:var(--c-wrong)}.cid5050-cat-button{background:linear-gradient(180deg,#163461,#0d2148);border:2px solid var(--c-accent);color:var(--c-text);border-radius:999px;padding:12px 18px;font-weight:700;font-size:15px;cursor:pointer;transition:all .18s ease;text-transform:uppercase;letter-spacing:.5px}.cid5050-cat-button:hover:not(:disabled){background:linear-gradient(180deg,#1c4179,#102a5b);box-shadow:0 0 14px #7ad9ff80}.cid5050-cat-button:disabled{cursor:not-allowed}.cid5050-cat-button.used{opacity:.4;text-decoration:line-through;cursor:not-allowed}.cid5050-cat-button.spotlight{background:linear-gradient(180deg,#fa0,#f80);color:#06223b;border-color:#ff0;box-shadow:0 0 18px 4px #ffc800b3}.cid5050-cat-button.locked{background:linear-gradient(180deg,gold,#fa0);color:#06223b;border-color:#fff;box-shadow:0 0 30px 8px #ffd700e6;transform:scale(1.06)}.cid5050-reveal{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;padding:40px 60px;color:#fff;background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1.5px);background-size:28px 28px;transition:background-color .35s ease;animation:cid5050-reveal-in .35s ease-out}.cid5050-reveal.suspense{background-color:#3f1e6b}.cid5050-reveal.correct{background-color:#1a7a2a}.cid5050-reveal.wrong{background-color:#7a1a38}@keyframes cid5050-reveal-in{0%{opacity:0}to{opacity:1}}.cid5050-reveal-player{flex:0 0 360px;display:flex;flex-direction:column;gap:14px}.cid5050-reveal-player-card{position:relative;background-color:#321053;border:4px solid #ffffff;border-radius:18px;box-shadow:0 12px 32px #0000008c;overflow:hidden;aspect-ratio:1}.cid5050-reveal-player-card video{width:100%;height:100%;object-fit:cover}.cid5050-reveal-hashtag{font-family:Impact,Arial Black,sans-serif;font-size:22px;letter-spacing:2px;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.6)}.cid5050-reveal-hashtag .heart{color:#7ad9ff;font-size:28px;margin-left:10px}.cid5050-reveal-text{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-left:60px;font-family:Impact,Arial Black,sans-serif;font-size:140px;line-height:.95;letter-spacing:2px;text-shadow:0 6px 22px rgba(0,0,0,.55)}.cid5050-reveal-text .line-1{color:#fff}.cid5050-reveal-text .line-2{margin-top:14px;animation:cid5050-reveal-pop .5s cubic-bezier(.2,.9,.3,1.3)}.cid5050-reveal.correct .line-2{color:#8bff78;text-shadow:0 0 30px rgba(139,255,120,.6),0 6px 22px rgba(0,0,0,.55)}.cid5050-reveal.wrong .line-2{color:#ff6b8a;text-shadow:0 0 30px rgba(255,107,138,.6),0 6px 22px rgba(0,0,0,.55)}@keyframes cid5050-reveal-pop{0%{opacity:0;transform:scale(.6) translateY(20px)}60%{opacity:1;transform:scale(1.12) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:900px){.cid5050-reveal{flex-direction:column;padding:20px;gap:20px}.cid5050-reveal-player{flex:0 0 auto;width:60%}.cid5050-reveal-text{padding-left:0;font-size:72px;align-items:center;text-align:center}}@keyframes pulse{0%{transform:scale(1.05)}50%{transform:scale(1.1)}to{transform:scale(1.05)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.main-grid{grid-template-columns:1fr!important}.sidebar{position:fixed!important;right:0!important;top:0!important;height:100vh!important;width:200px!important;transform:translate(100%)!important;transition:transform .3s ease!important;z-index:1000!important}.sidebar.visible{transform:translate(0)!important}}