:root{--color-bg-primary: #0B0F14;--color-bg-secondary: #0A0D12;--color-surface-1: #141A22;--color-surface-2: #131824;--color-border-subtle: #1F2937;--color-primary: #5B8CFF;--color-secondary: #22FFD7;--color-accent-purple: #7C3AED;--color-accent-pink: #FF4D6D;--color-text-primary: #E8ECF1;--color-text-secondary: #9AA4B2;--color-text-muted: #6B7280;--color-text-inverted: #0B0F14;--color-success: #22FFD7;--color-warning: #FACC15;--color-error: #FF4D6D;--color-info: #5B8CFF;--color-primary-hover: #7AA2FF;--color-primary-active: #3F6FFF;--color-surface-hover: #1B2330;--color-border-focus: #5B8CFF;--gradient-neon-core: linear-gradient(120deg, #5B8CFF, #7C3AED, #22FFD7, #FF4D6D);--gradient-neon-soft: linear-gradient(135deg, rgba(91, 140, 255, .35), rgba(124, 58, 237, .35), rgba(34, 255, 215, .35));--gradient-progress-bar: linear-gradient(90deg, #22FFD7, #5B8CFF, #7C3AED);--gradient-title: linear-gradient(90deg, #D4AF37 0%, #E6C76A 70%, #FFFFFF 100%);--glow-primary: 0 0 24px rgba(91, 140, 255, .55);--glow-secondary: 0 0 24px rgba(34, 255, 215, .55);--glow-error: 0 0 20px rgba(255, 77, 109, .6);--color-bg-deep: var(--color-bg-primary);--color-bg-card: rgba(255, 255, 255, .03);--color-bg-card-hover: var(--color-surface-hover);--color-accent: var(--color-accent-purple);--color-orange: var(--color-warning);--color-gold: var(--color-warning);--color-surface-dark: var(--color-surface-1);--text-main: var(--color-text-primary);--text-muted: var(--color-text-secondary);--font-main: "Poppins", sans-serif;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--shadow-glow: var(--glow-primary);--home-header-title-size: clamp(2.5rem, 13vw, 5rem);--home-header-subtitle-size: .9rem;--home-header-gap: 4vh}:root[data-theme=journey]{--journey-bg-primary: #0E0E11;--journey-bg-secondary: #121218;--journey-surface-1: #1A1A21;--journey-surface-2: #20202A;--journey-border-subtle: #2A2A35;--journey-gold-primary: #D4AF37;--journey-gold-soft: #E6C76A;--journey-emerald: #6EE7B7;--journey-amethyst: #7C7CFF;--journey-text-primary: #F5F5F7;--journey-text-secondary: #A1A1B3;--journey-text-muted: #6F6F85;--journey-text-inverted: #0E0E11;--journey-success: #6EE7B7;--journey-warning: #E6C76A;--journey-error: #FF6B6B;--journey-info: #7C7CFF;--journey-gold-hover: #EACD6C;--journey-gold-active: #C9A72E;--journey-surface-hover: #262633;--journey-border-focus: #D4AF37;--journey-gradient-gold: linear-gradient(135deg, #D4AF37, #E6C76A, #B8962E);--journey-gradient-royal: linear-gradient(135deg, #1A1A21, #20202A, #2A2A35);--journey-gradient-progress: linear-gradient(90deg, #6EE7B7, #D4AF37, #7C7CFF);--journey-glow-gold: 0 0 28px rgba(212, 175, 55, .55);--journey-glow-emerald: 0 0 24px rgba(110, 231, 183, .45);--journey-glow-amethyst: 0 0 24px rgba(124, 124, 255, .45);--color-bg-primary: var(--journey-bg-primary);--color-bg-secondary: var(--journey-bg-secondary);--color-surface-1: var(--journey-surface-1);--color-surface-2: var(--journey-surface-2);--color-border-subtle: var(--journey-border-subtle);--color-primary: var(--journey-gold-primary);--color-secondary: var(--journey-emerald);--color-accent-purple: var(--journey-amethyst);--color-accent-pink: var(--journey-error);--color-text-primary: var(--journey-text-primary);--color-text-secondary: var(--journey-text-secondary);--color-text-muted: var(--journey-text-muted);--gradient-neon-core: var(--journey-gradient-gold);--gradient-progress-bar: var(--journey-gradient-progress);--gradient-title: linear-gradient(90deg, #D4AF37 0%, #E6C76A 70%, #FFFFFF 100%);--glow-primary: var(--journey-glow-gold)}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow:hidden;max-width:100vw;height:100vh;height:100dvh;overscroll-behavior:none}@media (min-width: 1024px){:root{--home-header-title-size: 8.5rem;--home-header-subtitle-size: 1.6rem;--home-header-gap: 8vh}.start-title em{padding:0 20px!important}.main-menu-buttons,.btn-outline-dark,.btn-gradient-journey,.btn-gradient-primary{max-width:420px!important}.desktop-nav-buttons{display:flex!important}}.desktop-nav-buttons{display:none!important}.setup-actions{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;margin-top:1rem}.setup-header-container{display:flex;flex-direction:column;align-items:center;padding-top:.8rem;margin-bottom:.5rem;gap:.8rem;position:relative;text-align:center;z-index:4500}.journey-title,.setup-title{font-size:2.8rem!important;margin:0!important;line-height:1.1!important}.selection-subtitle,.setup-subtitle{font-size:.75rem!important;margin-top:-.3rem!important;margin-bottom:.2rem!important}.selection-back-btn,.setup-back-btn{font-size:.7rem!important;padding:6px 20px!important;margin-top:-1rem!important;z-index:6000!important}.setup-icon{width:32px!important;height:32px!important}.desktop-weiter-text{display:none}.mobile-check-icon{display:block}@media (min-width: 768px){.desktop-nav-buttons{display:flex!important}.journey-title{font-size:3.5rem!important}}@media (min-width: 1024px){.setup-container{padding-top:2rem!important;justify-content:flex-start!important}.setup-actions{margin-top:4rem!important;gap:1.5rem!important}.setup-header-container{padding-top:.5rem!important;margin-bottom:2rem!important;gap:1.5rem!important;justify-content:flex-start!important}.dj-card-stack-container{justify-content:flex-start!important;padding-top:2rem!important}.game-main-container{max-width:100%!important;padding-top:0!important}.desktop-game-grid{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:2rem;width:95%;max-width:1600px;height:50vh;margin:28vh auto 0}.question-card-container,.answer-card-container{margin:0!important;height:100%!important;max-height:none!important;transform:none!important;align-self:stretch!important}.desktop-card-wrapper{display:flex!important;flex-direction:column!important;align-items:stretch!important;height:100%!important;margin:0!important;padding:0!important}.journey-title,.setup-title{font-size:6rem!important;letter-spacing:5px!important}.feedback-status-title{font-size:6rem!important;margin-bottom:.5rem!important}.feedback-content-container{max-width:900px!important;gap:3rem!important}.feedback-song-title{font-size:4.5rem!important;margin-bottom:1rem!important}.feedback-artist-name{font-size:2.8rem!important}.feedback-correct-answer{font-size:4rem!important}.feedback-player-wrapper{max-width:400px!important;transform:none!important;margin-top:3rem!important}.feedback-next-button{width:240px!important;height:72px!important;bottom:5rem!important}.feedback-next-button span{font-size:1.2rem!important}.feedback-timeline-wrapper{margin-top:-2rem!important;align-items:center!important}.feedback-timeline-item{max-width:800px!important;justify-content:center!important;gap:3rem!important}.feedback-timeline-player-wrapper{width:500px!important}.feedback-timeline-year{font-size:3rem!important;text-align:left!important}.timeline-sorting{margin-top:2rem!important;align-items:center!important}.timeline-sorting>div{max-width:480px!important}.game-hud-container{padding:3rem 4rem!important}.game-hud-progress-wrapper{transform:scale(1.4)}.game-hud-follower-wrapper{transform:scale(1.4);margin-top:2rem!important}.game-hud-mute-btn{top:3rem!important;left:4rem!important;transform:scale(1.4);transform-origin:top left}.game-over-intro-title{font-size:8rem!important;letter-spacing:-2px!important;margin-bottom:2rem!important;text-shadow:0 0 50px rgba(255,255,255,.3),0 0 20px rgba(212,175,55,.3)!important}.game-over-result-title{font-size:6rem!important;letter-spacing:-2px!important;margin-bottom:1.5rem!important;text-shadow:0 0 40px rgba(255,255,255,.2)!important;animation:headerPulse 3s infinite ease-in-out!important}@keyframes headerPulse{0%,to{filter:brightness(1) drop-shadow(0 0 20px rgba(212,175,55,.2))}50%{filter:brightness(1.2) drop-shadow(0 0 40px rgba(212,175,55,.4))}}.game-over-header p{font-size:2.2rem!important;margin-bottom:1rem!important;font-weight:800!important}.game-over-leaderboard-title{font-size:2rem!important;margin-bottom:1rem!important;letter-spacing:4px!important;opacity:.9!important}.game-over-home-btn{padding:10px 20px!important;font-size:.9rem!important;margin-bottom:1rem!important;border:2px solid rgba(255,255,255,.2)!important}.game-over-home-btn svg{width:20px!important;height:20px!important}.game-over-results-container{max-width:1000px!important;gap:1.5rem!important;margin-top:1rem!important}.game-over-actions-container{gap:1rem!important;margin-top:1rem!important}.game-over-actions-container button{padding:1.5rem 2.5rem!important;font-size:1.2rem!important}.game-hud-exit-btn{width:56px!important;height:56px!important}.game-hud-exit-btn svg{width:24px!important;height:24px!important}.game-hud-container>div:last-child{top:3rem!important;right:4rem!important}.setup-icon{width:64px!important;height:64px!important}.selection-subtitle{font-size:1.8rem!important;letter-spacing:5px!important}.setup-subtitle{font-size:1.2rem!important;letter-spacing:5px!important}.selection-mute-wrapper{transform:scale(1.4)!important;margin-left:1rem!important}.selection-back-btn,.setup-back-btn{font-size:1.15rem!important;padding:12px 28px!important;border-radius:12px!important}.start-btn-desktop{width:auto!important;min-width:0!important;height:auto!important;padding:12px 28px!important;font-size:1.15rem!important;border-radius:12px!important;background:#d4af371f!important;box-shadow:0 4px 15px #0000004d!important}.mobile-check-icon{display:none!important}.desktop-weiter-text{display:block!important;font-size:1.15rem!important;font-weight:900;letter-spacing:2px}}@media (min-width: 768px){.desktop-nav-buttons{display:flex!important}}body{font-family:var(--font-main);background:var(--color-bg-deep);color:var(--text-main);min-height:100vh;min-height:100dvh;display:flex;justify-content:center;align-items:center;overscroll-behavior:none}#root{width:100%;max-width:1200px;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;text-align:center}button{cursor:pointer;border:none;font-family:inherit;transition:all .3s ease}.glass-panel{background:transparent;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);padding:2rem}@media (max-width: 600px){.glass-panel{padding:1.5rem;border-radius:var(--radius-sm)}}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;padding:1rem 2.5rem;font-weight:700;font-size:1.2rem;border-radius:50px;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #f056}@media (max-width: 480px){.btn-primary{padding:.8rem 1.8rem;font-size:1rem;width:90%}}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f059;filter:brightness(1.1)}.btn-primary:active{transform:translateY(1px)}.lobby-code-box{background:var(--color-surface-dark);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:2rem 1rem;margin:2rem 0;text-align:center}.player-row{background:var(--color-surface-dark);border-radius:var(--radius-sm);padding:1rem 1.5rem;margin-bottom:.8rem;display:flex;align-items:center;justify-content:space-between;text-align:left}.btn-gradient-orange{background:linear-gradient(90deg,#fa0,#f05);color:#fff;padding:1rem 1.5rem;width:100%;max-width:320px;border-radius:50px;font-weight:800;font-size:.95rem;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #ff64004d;display:flex;align-items:center;justify-content:center}.btn-gradient-orange:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 6px 20px #ff640080}.btn-gradient-journey{background:linear-gradient(90deg,#d4af37,#e6c76a 70%,#fff);color:#000;padding:1rem 1.5rem;width:100%;max-width:290px;border-radius:50px;font-weight:800;font-size:.95rem;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #d4af3766;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-gradient-journey:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 6px 20px #d4af3799}.text-gradient-gold-pink{background:linear-gradient(90deg,#fc0,#f60 45%,#f0c);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.title-gradient{background:var(--gradient-title);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:950;font-size:2.5rem;letter-spacing:-2px;line-height:1.1;text-transform:uppercase;display:block;margin-bottom:.2rem;margin-top:0}.start-title{display:inline-block!important;margin-bottom:1rem}.start-title em{background:linear-gradient(90deg,#d4af37,#e6c76a 70%,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-style:normal!important;transform:skew(-10deg);display:inline-block;padding:0 10px}.dynamic-text-clamp{display:block;width:100%;line-height:1.2;word-wrap:break-word}.dynamic-question{color:var(--text-muted);margin-bottom:2rem;font-size:clamp(1rem,3.5vw,1.3rem);font-weight:500;line-height:1.4;max-width:800px;margin-left:auto;margin-right:auto}.responsive-title-wrapper{container-type:inline-size;width:100%;overflow:hidden;text-align:center;padding:4rem 2rem}@media (max-width: 480px){.responsive-title-wrapper{padding:2rem 1rem}}.dynamic-title{font-size:clamp(.8rem,5cqi,4rem);line-height:1;text-align:center;white-space:normal;display:block;width:100%;overflow:visible}.title-short{font-size:clamp(1.8rem,20vw,5.8rem)}.title-medium{font-size:clamp(1.5rem,13vw,4.8rem);letter-spacing:-1.5px}.title-long{font-size:clamp(1.2rem,9vw,3.8rem);letter-spacing:-1.5px}.title-xl{font-size:clamp(1.1rem,6vw,2.8rem);letter-spacing:-1px}.dynamic-subtitle{font-size:clamp(1.2rem,4vw,2.5rem)}.dynamic-answer{font-size:clamp(1.2rem,3.5vw,1.8rem);color:#fff!important}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.hero-subtitle{color:var(--text-muted);letter-spacing:6px;margin-bottom:6rem;font-size:1.4rem;text-transform:uppercase;font-weight:500}.hud-bar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;width:100%;position:fixed;top:0;left:0;background:var(--color-bg-deep);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid rgba(255,255,255,.15)}@media (max-width: 480px){.hud-bar{padding:1rem}.score-hero{font-size:2rem}}.score-hero{font-size:3rem;font-weight:900;margin:0;line-height:1;background:var(--gradient-title);-webkit-background-clip:text;background-clip:text;color:transparent}.round-indicator{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.4rem 1.2rem;border-radius:50px;font-weight:700;font-size:.8rem;letter-spacing:1px;text-transform:uppercase}.game-over-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--color-bg-deep);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn .8s ease-out forwards}.game-over-text{font-size:8rem;font-weight:900;text-transform:uppercase;letter-spacing:4px;background:linear-gradient(90deg,#ff4d4d,#f97316);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:2rem;animation:gameOverPop 1.2s cubic-bezier(.17,.89,.32,1.49) forwards;filter:drop-shadow(0 0 30px rgba(255,77,77,.4))}@keyframes gameOverPop{0%{transform:scale(.5);opacity:0;filter:blur(10px)}to{transform:scale(1);opacity:1;filter:blur(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.game-over-stats{opacity:0;animation:fadeIn 1s ease-out 1.5s forwards;text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}@media (max-width: 768px){.game-over-text{font-size:4rem}}@media (max-width: 480px){.game-over-text{font-size:2.5rem;letter-spacing:2px}.game-over-stats h2{font-size:1.5rem!important}}.btn-gradient-primary{background:linear-gradient(90deg,gold,#f36);color:#fff;padding:1rem 1.5rem;width:100%;max-width:320px;border-radius:50px;font-weight:800;font-size:.95rem;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #ff326466;display:flex;align-items:center;justify-content:center}.btn-gradient-primary:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 6px 20px #ff326499}.btn-outline-dark{background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:1rem 1.5rem;width:100%;max-width:290px;border-radius:50px;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:1.5px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #1f268726}.btn-outline-dark:hover{background:#ffffff26;border-color:#fff6;transform:translateY(-2px);box-shadow:0 8px 32px #1f26874d}@media (max-width: 480px){.btn-outline-dark,.btn-gradient-journey,.btn-gradient-primary,.btn-gradient-orange,.main-menu-buttons{width:90%!important;max-width:100%!important;font-size:.85rem;padding:.9rem 1rem;letter-spacing:1px}.main-menu-buttons{gap:.8rem!important}}@media (max-width: 380px){.btn-outline-dark,.btn-gradient-journey,.btn-gradient-primary,.btn-gradient-orange,.main-menu-buttons{font-size:.75rem;padding:.7rem .6rem;letter-spacing:.5px}.start-title{font-size:clamp(2rem,12vw,3rem)!important}.hero-subtitle{font-size:.7rem;letter-spacing:2px}.game-over-text{font-size:2rem}.rank-badge{width:32px;height:32px;min-width:32px;font-size:1rem;border-radius:8px}.highscore-card{padding:.6rem .4rem}.highscore-name{font-size:.7rem!important}}@media (max-width: 480px){.btn-outline-dark,.btn-gradient-journey,.btn-gradient-primary,.btn-gradient-orange{width:90%;max-width:100%;font-size:.85rem;padding:.9rem 1rem;letter-spacing:1px}}.input-dark-centered{background:var(--color-surface-dark);border:1px solid rgba(255,255,255,.1);color:#fff;padding:1rem;width:100%;border-radius:var(--radius-sm);font-size:1.1rem;text-align:center;transition:all .3s ease}.input-dark-centered:focus{outline:none;border-color:var(--color-orange);background:#00000080}.btn-back-standalone{background:transparent;color:var(--text-muted);border:none;font-size:1rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;margin-bottom:2rem;transition:color .3s}.btn-back-standalone:hover{color:#fff}.btn-back-standalone svg{width:20px;height:20px}.bg-gradient-highscore{background:linear-gradient(160deg,#facc15,#f97316 40%,#db2777);position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;overflow-y:auto;padding:1rem;color:#fff;display:flex;flex-direction:column;align-items:center}.highscore-container{width:100%;max-width:500px;display:flex;flex-direction:column}.highscore-nav{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 0;margin-bottom:1rem}.highscore-card{background:#00000059;border-radius:18px;padding:1.2rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;width:100%;max-width:600px;margin-left:auto;margin-right:auto;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #00000026}@media (max-width: 480px){.highscore-card{padding:.8rem .6rem;margin-bottom:.6rem;width:95%;max-width:95%}.highscore-container{width:100%;padding-left:.5rem;padding-right:.5rem}}.rank-badge{width:50px;height:50px;min-width:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.5rem;color:#fff;margin-right:1.2rem;box-shadow:0 4px 10px #0003}@media (max-width: 480px){.rank-badge{width:40px;height:40px;min-width:40px;font-size:1.2rem;margin-right:.8rem;border-radius:10px}}.rank-1{background:#facc15}.rank-2{background:#f97316}.rank-3{background:#db2777}.rank-other{background:#94a3b8}.trophy-container{display:flex;flex-direction:column;align-items:center;margin:1rem 0 3rem}.highscore-title{font-size:2.8rem;font-weight:900;text-transform:uppercase;letter-spacing:1px;margin-top:1rem;color:#fff;position:relative}.highscore-title:after{content:"";display:block;width:80px;height:4px;background:#facc15;margin:8px auto 0;border-radius:2px}.highscore-name{font-weight:800;font-size:1.2rem;display:block}.highscore-date{font-size:.85rem;color:#fff9}.highscore-score-val{font-weight:900;font-size:1.8rem;line-height:1}.highscore-score-label{font-size:.75rem;text-transform:uppercase;font-weight:700;opacity:.8}@media (max-width: 768px){body{font-size:14px}#root{padding:1rem;width:100%}.btn-primary,.btn-gradient-primary,.btn-gradient-orange{width:100%;padding:.8rem 1.5rem;font-size:.9rem;max-width:320px;margin-left:auto;margin-right:auto}h1{font-size:2rem!important}h1.start-title.title-gradient{font-size:20vw!important;letter-spacing:-1px;line-height:.9}.hero-subtitle{letter-spacing:2px!important;font-size:1rem!important;margin-bottom:4rem!important;white-space:nowrap}.mobile-stack{flex-direction:column!important}.options-grid{grid-template-columns:1fr!important;gap:1rem!important}.dynamic-title{font-size:clamp(2rem,10vw,3rem)!important}}.round-splash-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:var(--color-bg-deep);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn .4s ease-out forwards}.round-splash-subtitle{font-size:1.5rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:5px;margin-bottom:.5rem;animation:slideInDown .8s ease-out forwards}.round-splash-title{font-size:clamp(2.5rem,11vw,10rem)!important;font-weight:900;text-transform:uppercase;letter-spacing:2px;background:var(--gradient-title);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0 1rem;white-space:nowrap;animation:splashPop 1s cubic-bezier(.17,.89,.32,1.49) forwards;filter:drop-shadow(0 0 40px rgba(212,175,55,.3))}.round-splash-dots{display:flex;gap:1rem;margin-top:2rem;opacity:0;animation:fadeIn .5s ease-out .6s forwards}.round-dot{width:12px;height:12px;border-radius:50%;background:#d4af37;animation:dotBlink 1.4s infinite both}.round-dot:nth-child(2){background:#e6c76a;animation-delay:.2s}.round-dot:nth-child(3){background:#fff;animation-delay:.4s}@keyframes splashPop{0%{transform:scale(.3);opacity:0;filter:blur(20px)}to{transform:scale(1);opacity:1;filter:blur(0)}}@keyframes slideInDown{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes dotBlink{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.journey-barometer-container{width:100%;max-width:400px;height:14px;background:#0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.15);margin:0 auto}.journey-barometer-fill{height:100%;background:#fc0;transition:width .8s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.journey-barometer-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 2s infinite linear}@media (max-width: 768px){.journey-barometer-container{height:24px;max-width:95%;border:1px solid rgba(255,255,255,.3)}.hud-bar{padding:2rem 1rem}.glass-panel.responsive-title-wrapper{padding-left:1rem!important;padding-right:1rem!important}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.rank-badge{width:28px;height:28px;background:var(--color-secondary);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.9rem;box-shadow:0 0 10px #00e1ff66}@keyframes move-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.moving-gradient{background:linear-gradient(90deg,#d4af37,#e6c76a,#fff,#e6c76a,#d4af37);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:move-gradient 4s linear infinite}.unranked-item{opacity:.7;transition:all .3s ease}.unranked-item:hover{opacity:1;background:#ffffff0d}.ranked-item{background:#00e5ff1a!important;border:1px solid rgba(0,229,255,.3)!important;transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}@keyframes pulseHint{0%{transform:translateY(-50%) scale(1);opacity:.4}50%{transform:translateY(-50%) scale(1.1);opacity:.9}to{transform:translateY(-50%) scale(1);opacity:.4}}@keyframes pulseHintVertical{0%{transform:translate(-50%) scale(1);opacity:.4}50%{transform:translate(-50%) scale(1.1);opacity:.9}to{transform:translate(-50%) scale(1);opacity:.4}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.answer-option-content{background:#00000080;transition:background .3s ease}@media (hover: hover){.answer-option-content:hover{background:#ffffff0d}}@keyframes pulseTap{0%{transform:scale(.95);box-shadow:0 0 #ffffffb3}70%{transform:scale(1);box-shadow:0 0 0 20px #fff0}to{transform:scale(.95);box-shadow:0 0 #fff0}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}