@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;600;700&family=Space+Grotesk:wght@300;400;600;700&family=Courier+Prime:wght@400;700&display=swap";
:root{--linkedin-blue:#2d8cf0;--linkedin-blue-deep:#1a6dd1;--interpol-dark:#1a0005;--danger-red:#e63946;--danger-red-glow:#ff1744;--success-green:#06d6a0;--bg-dark:#06080d;--bg-surface:#0d1117;--bg-card:#161b22;--text-light:#f0f6fc;--text-gray:#8b949e;--text-muted:#484f58;--accent-gold:#f0b429;--accent-cyan:#58a6ff;--border-subtle:#f0f6fc0f;--glass-bg:#0d1117b3;--glass-border:#f0f6fc1a}*{box-sizing:border-box;max-width:100%;margin:0;padding:0}html,body{max-width:100%;overflow-x:hidden}@media (min-width:769px){html,body{height:100vh;overflow:hidden}body.profiles-page{height:auto!important;min-height:100vh!important;overflow-y:auto!important}html:has(body.profiles-page){height:auto!important;min-height:100vh!important;overflow-y:auto!important}:is(html:has(.game-container.active),body:has(.game-container.active),html:has(.results-screen.active),body:has(.results-screen.active),html:has(.mp-game-container),body:has(.mp-game-container)){height:auto;min-height:100vh;overflow-y:auto}}html.admin-page,body.admin-page{height:auto!important;min-height:100vh!important;overflow:hidden auto!important}body{background:var(--bg-dark);color:var(--text-light);width:100%;min-height:100vh;font-family:Inter,Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;position:relative}@media (max-width:768px){html,body{-webkit-overflow-scrolling:touch;width:100%;overflow-x:hidden}.hero,#gameContainer{min-height:100vh;padding-bottom:120px!important}.hero{padding-top:1rem}.choice-buttons{margin-bottom:1.5rem!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.profile-image,.choice-btn,.cta-button,.modal-content{will-change:auto;backface-visibility:hidden;transform:translateZ(0)}button,[role=button],.choice-btn,.cta-button,.modal-btn,.mode-card,.lang-btn,.sp-play-btn,.suggestions-btn,.streamer-btn,.modal-close-btn,.sug-close-btn,.back-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer}.container{max-width:100%;margin:0 auto;padding:0 1rem}.bg-effect{pointer-events:none;z-index:1;background:radial-gradient(at 15% 80%,#2d8cf00f 0%,#0000 50%),radial-gradient(at 85% 20%,#e639460f 0%,#0000 50%),radial-gradient(#f0b42905 0%,#0000 40%);width:100%;height:100%;position:fixed;top:0;left:0}.bg-effect:before{content:"";background-image:linear-gradient(#f0f6fc04 1px,#0000 1px),linear-gradient(90deg,#f0f6fc04 1px,#0000 1px);background-size:60px 60px;width:100%;height:100%;position:absolute;top:0;left:0}.hero{z-index:2;opacity:1;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:100vh;transition:opacity .3s;display:flex;position:relative}.hero.hidden{opacity:0;pointer-events:none}.hero-description{color:var(--text-gray);max-width:600px;margin:0 auto;font-size:1.05rem;line-height:1.7}.hero-content{text-align:center;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:820px;padding:0 2rem;display:flex}.new-mode-banner{z-index:9999;-webkit-backdrop-filter:blur(8px);cursor:pointer;color:var(--text-light);letter-spacing:.04em;background:linear-gradient(135deg,#2d8cf026,#e5091426);border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.65rem;padding:.55rem 1.25rem .55rem .6rem;font-family:JetBrains Mono,Courier Prime,monospace;font-size:.95rem;text-decoration:none;display:inline-flex;position:fixed;top:1rem;left:50%;overflow:hidden;transform:translate(-50%)}.new-mode-banner:before{display:none}.new-mode-banner:hover{border-color:#ffffff4d;box-shadow:0 4px 16px #2d8cf04d}.new-mode-badge{background:linear-gradient(135deg, var(--linkedin-blue), var(--danger-red));color:#fff;letter-spacing:.18em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:.25rem .7rem;font-size:.75rem;font-weight:900;animation:1.6s ease-in-out infinite badgePulse;display:inline-flex;box-shadow:0 0 12px #e509148c}.new-mode-text{font-weight:600}.new-mode-text strong{background:linear-gradient(135deg,#2d8cf0,#f34);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:900}.new-mode-arrow{font-size:1.1rem}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media (max-width:600px){.new-mode-banner{padding:.45rem 1rem .45rem .5rem;font-size:.82rem}.new-mode-badge{padding:.2rem .55rem;font-size:.65rem}}.glitch-text{text-align:center;text-transform:uppercase;letter-spacing:-.03em;background:linear-gradient(135deg, var(--text-light) 0%, var(--text-light) 40%, var(--linkedin-blue) 50%, var(--danger-red) 60%, var(--text-light) 70%, var(--text-light) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.8rem,7vw,5.5rem);font-weight:900;line-height:1;animation:8s linear infinite shimmerTitle;position:relative}.glitch-text .title-word{display:inline}.glitch-text .title-word:not(:last-child):after{content:" "}@keyframes shimmerTitle{0%{background-position:200%}to{background-position:-200%}}.subtitle{color:var(--text-muted);letter-spacing:.25em;text-transform:uppercase;margin:1rem 0;font-family:JetBrains Mono,Courier Prime,monospace;font-size:1.4rem;font-weight:600}.cta-button{background:var(--bg-card);color:var(--text-light);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:2px solid #2d8cf066;border-radius:999px;padding:1.2rem 2.8rem;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:700;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 0 16px #2d8cf026}.cta-button:hover{border-color:var(--accent-cyan);background:linear-gradient(135deg, var(--bg-card), #2d8cf026);transform:translateY(-2px);box-shadow:0 0 30px #58a6ff26,0 8px 25px #0000004d}.cta-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);width:50%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.cta-button:hover:before{left:150%}.game-container{z-index:2;min-height:100vh;padding:2rem;display:none;position:relative}.game-container.active{padding-top:5rem;animation:.5s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes imageFlash{0%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.01)}to{opacity:1;transform:scale(1)}}.photo-transition{will-change:opacity;animation:.3s ease-in-out imageFlash}.game-header{text-align:center;margin-bottom:2.5rem}.score-display{justify-content:center;align-items:center;gap:2rem;margin:1.5rem 0;font-size:1rem;display:flex}.score-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;flex-direction:column;align-items:center;gap:.4rem;min-width:100px;padding:.8rem 1.5rem;display:flex}.score-item span:first-child{text-transform:uppercase;letter-spacing:.1em;color:var(--text-gray);font-size:.75rem;font-weight:600}.score-value{background:linear-gradient(135deg, var(--accent-gold), #ffdd57);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:JetBrains Mono,monospace;font-size:1.8rem;font-weight:800}.spotify-player{z-index:9000;-webkit-backdrop-filter:blur(20px);background:#121212eb;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:.85rem;width:280px;padding:.7rem 1rem .7rem .7rem;transition:box-shadow .3s;display:flex;position:fixed;bottom:1.5rem;left:1.5rem;box-shadow:0 8px 32px #0009}.spotify-player.sp-playing{box-shadow:0 8px 32px #0009,0 0 0 1px #1db9544d}.sp-cover{object-fit:cover;border-radius:8px;flex-shrink:0;width:52px;height:52px;box-shadow:0 4px 12px #00000080}.sp-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.sp-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:700;overflow:hidden}.sp-artist{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.sp-credits{align-items:center;gap:.3rem;margin-top:.15rem;display:flex}.sp-credits a{color:#fff6;font-size:.65rem;text-decoration:none;transition:color .15s}.sp-credits a:hover{color:#1db954}.sp-sep{color:#ffffff40;font-size:.65rem}.sp-controls{flex-direction:column;flex-shrink:0;align-items:center;gap:.5rem;display:flex}.sp-play-btn{cursor:pointer;color:#000;background:#1db954;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .15s,background .15s;display:flex;box-shadow:0 2px 8px #1db95466}.sp-play-btn:hover{background:#1ed760;transform:scale(1.08)}.sp-volume{color:#fff6;align-items:center;gap:.3rem;display:flex}.sp-slider{appearance:none;cursor:pointer;background:#fff3;border-radius:2px;outline:none;width:60px;height:3px}.sp-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:10px;height:10px}.sp-slider:hover{background:#ffffff59}.quiz-zone{text-align:center;max-width:700px;margin:0 auto}.photo-container{box-shadow:0 0 0 1px var(--glass-border), 0 20px 50px #0009, 0 0 40px #2d8cf00d, 0 0 40px #e639460d;background:var(--bg-card);border-radius:16px;flex-shrink:0;margin:0 auto clamp(1.2rem,4vh,2.5rem);transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s;position:relative;overflow:hidden;width:min(280px,40vh)!important;height:min(280px,40vh)!important}.photo-container:hover{box-shadow:0 0 0 1px var(--glass-border), 0 25px 60px #000000b3, 0 0 50px #2d8cf014, 0 0 50px #e6394614;transform:scale(1.02)}.photo-container:after{content:"Linkterpol.fr";color:#f0f6fc59;text-shadow:1px 1px 2px #000c;pointer-events:none;z-index:10;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700;position:absolute;bottom:8px;right:8px}.profile-photo{object-fit:cover;object-position:center;filter:saturate(.9)contrast(1.05);will-change:transform;z-index:1;display:block;position:relative;transform:translateZ(0);width:100%!important;min-width:100%!important;max-width:100%!important;height:100%!important;min-height:100%!important;max-height:100%!important}.bw-photo{object-fit:cover;object-position:center;filter:grayscale()contrast(1.1);z-index:1;display:block;position:relative;transform:translateZ(0);width:100%!important;min-width:100%!important;max-width:100%!important;height:100%!important;min-height:100%!important;max-height:100%!important}.blur-photo{object-fit:cover;object-position:center;filter:saturate(.9)contrast(1.05)blur(6px);z-index:1;display:block;position:relative;transform:translateZ(0);width:100%!important;min-width:100%!important;max-width:100%!important;height:100%!important;min-height:100%!important;max-height:100%!important}.photo-overlay{pointer-events:none;z-index:2;background:linear-gradient(#0000 50%,#06080db3 100%);width:100%;height:100%;position:absolute;top:0;left:0}.question-text{color:var(--text-light);letter-spacing:-.01em;margin-bottom:2rem;font-size:1.6rem;font-weight:700}.choice-buttons{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.choices{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.choice-btn{cursor:pointer;letter-spacing:.02em;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:2px solid #0000;border-radius:12px;flex:1;min-width:200px;padding:1.3rem 2rem;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-network-logo{opacity:.4;pointer-events:none;width:20px;height:20px;transition:opacity .3s;display:block;position:absolute;bottom:.5rem;left:50%;transform:translate(-50%)}.choice-btn:hover .btn-network-logo,.choice-btn:focus .btn-network-logo{opacity:.85}.btn-linkedin{color:var(--linkedin-blue);background:#2d8cf014;border-color:#2d8cf040}.btn-linkedin:hover{background:var(--linkedin-blue);color:var(--text-light);border-color:var(--linkedin-blue);transform:translateY(-3px);box-shadow:0 8px 25px #2d8cf059}.btn-interpol{color:var(--danger-red);background:#e6394614;border-color:#e6394640}.btn-interpol:hover{background:var(--danger-red);color:var(--text-light);border-color:var(--danger-red);transform:translateY(-3px);box-shadow:0 8px 25px #e6394659}.btn-fbi{color:var(--danger-red);background:#e6394614;border-color:#e6394640}.btn-fbi:hover{background:var(--danger-red);color:var(--text-light);border-color:var(--danger-red);transform:translateY(-3px);box-shadow:0 8px 25px #e6394659}.feedback{z-index:100;pointer-events:none;opacity:0;text-align:center;background:var(--bg-surface);-webkit-backdrop-filter:blur(30px);border:1px solid var(--glass-border);border-radius:16px;max-width:80%;max-height:90vh;padding:2rem 2.5rem;font-size:2.5rem;font-weight:800;position:fixed;top:68%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 25px 80px #000000b3,0 0 0 1px #f0f6fc0d}.feedback-details{color:#fff;margin-top:1rem;font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:600;line-height:1.6}.feedback.show,.feedback.show-correct,.feedback.show-wrong{opacity:1;pointer-events:auto}.feedback.hide{opacity:0;transition:opacity .15s,transform .15s;transform:translate(-50%,-40%)scale(.95)}.feedback-appear{animation:.5s cubic-bezier(.34,1.56,.64,1) both feedbackAppear}@keyframes feedbackAppear{0%{opacity:0;transform:translate(-50%,-60%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.feedback-inline{text-align:center;background:var(--bg-surface);-webkit-backdrop-filter:blur(30px);border:1px solid var(--glass-border);border-radius:16px;margin-top:1rem;padding:1.5rem 2rem;font-size:1.6rem;font-weight:800;animation:.4s cubic-bezier(.34,1.56,.64,1) both feedbackInlineAppear;position:relative;box-shadow:0 25px 80px #000000b3,0 0 0 1px #f0f6fc0d}.feedback-inline.show-correct{border-color:#0f86}.feedback-inline.show-wrong{border-color:#f446}@keyframes feedbackInlineAppear{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.results-screen{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:none;position:relative}.results-screen.active{animation:.5s fadeIn;display:flex}@media (min-width:769px){body:has(.results-screen.active){min-height:100vh;height:auto!important;overflow-y:auto!important}.results-screen{justify-content:flex-start;padding-top:clamp(2rem,6vh,5rem)}.results-screen.active{overflow:visible!important}}.final-score{background:linear-gradient(135deg, var(--accent-gold), #ff8c00, var(--danger-red));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:1.5rem 0;font-family:JetBrains Mono,monospace;font-size:5rem;font-weight:900}.score-message{max-width:550px;color:var(--text-gray);text-align:center;margin:1.5rem auto;font-size:1.3rem;line-height:1.7}.share-buttons{justify-content:center;gap:1rem;margin:2.5rem 0;display:flex}.share-btn{background:var(--bg-card);color:var(--text-light);border:1px solid var(--glass-border);cursor:pointer;border-radius:12px;padding:1rem 2rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;transition:all .3s}.share-btn:hover{border-color:var(--accent-cyan);background:#f0f6fc14;transform:translateY(-2px)}.leaderboard-save{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin:1.5rem 0;display:flex}.top5-congrat{flex-direction:column;align-items:center;gap:.3rem;width:100%;margin-bottom:.5rem;display:flex}.top5-congrat-rank{color:gold;letter-spacing:.01em;font-size:1.1rem;font-weight:700}.top5-congrat-sub{color:#ffffff8c;font-size:.85rem}.leaderboard-name-input{color:var(--text-light);background:#ffffff0d;border:1px solid #ffffff26;border-radius:999px;outline:none;width:200px;padding:.7rem 1.2rem;font-family:Inter,sans-serif;font-size:.95rem;transition:border-color .2s}.leaderboard-name-input:focus{border-color:var(--linkedin-blue)}.leaderboard-name-input::placeholder{color:var(--text-gray)}.leaderboard{width:100%;max-width:480px;margin:1.5rem auto}.leaderboard-title{background:linear-gradient(135deg, var(--accent-gold), #ff8c00);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-family:Space Grotesk,sans-serif;font-size:1.3rem;font-weight:800}.leaderboard-list{flex-direction:column;gap:.5rem;display:flex}.leaderboard-row{background:#ffffff0a;border:1px solid #ffffff12;border-radius:12px;grid-template-columns:2.5rem 1fr auto auto;align-items:center;gap:.75rem;padding:.65rem 1rem;font-family:Inter,sans-serif;font-size:.95rem;transition:background .2s;display:grid}.leaderboard-row.leaderboard-first{background:#f0b4291a;border-color:#f0b42959}.leaderboard-rank{text-align:center;font-size:1.2rem}.leaderboard-name{color:var(--text-light);text-align:left;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.leaderboard-score{color:var(--linkedin-blue);font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:700}.leaderboard-time{color:var(--text-gray);font-family:JetBrains Mono,monospace;font-size:.85rem}.leaderboard-rank-badge{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;max-width:260px;margin:0 auto 1.2rem;padding:1rem 2rem;display:flex}.leaderboard-rank-badge.rank-first{background:#f0b4291f;border-color:#f0b42980;box-shadow:0 0 28px #f0b42933}.leaderboard-rank-badge.rank-podium{background:#2d8cf01a;border-color:#2d8cf059}.rank-number{background:linear-gradient(135deg, var(--accent-gold), #ff8c00);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:JetBrains Mono,monospace;font-size:2.8rem;font-weight:900;line-height:1}.rank-first .rank-number{background:linear-gradient(135deg, gold, #ff8c00, var(--accent-gold));-webkit-background-clip:text;background-clip:text}.rank-podium .rank-number{background:linear-gradient(135deg, var(--linkedin-blue), #7c3aed);-webkit-background-clip:text;background-clip:text}.rank-label{color:var(--text-gray);font-family:Inter,sans-serif;font-size:.95rem;font-weight:600}.profile-info{text-align:center;background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:14px;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:550px;margin:0 auto 2rem;padding:1.5rem 2rem;font-family:Inter,sans-serif;font-size:1rem;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 24px #0000004d}.profile-info:before{content:"";background:linear-gradient(45deg,#0000,#f0f6fc08,#0000);width:200%;height:200%;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.profile-info-item{border:1px solid var(--border-subtle);background:#f0f6fc08;border-radius:10px;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.profile-info-item:hover{border-color:var(--glass-border);background:#f0f6fc0f;transform:translateY(-2px)}.profile-info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:600}.profile-info-value{color:var(--text-light);overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;justify-content:center;align-items:center;gap:.5rem;max-width:100%;font-size:1rem;font-weight:600;line-height:1.3;display:flex}.profile-info-value.long-text{font-size:.85rem}.profile-info-value.very-long-text{font-size:.75rem;line-height:1.2}.profile-info-icon{font-size:1.2rem}.profile-link{color:var(--text-light);border:1px solid var(--glass-border);opacity:.8;background:#f0f6fc0f;border-radius:8px;margin-top:.5rem;padding:.5rem 1.1rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block}.profile-link:hover{opacity:1;background:#f0f6fc1f;transform:translateY(-2px)}.profile-link.linkedin{border-color:var(--linkedin-blue);color:var(--linkedin-blue)}.profile-link.linkedin:hover{background:var(--linkedin-blue);color:var(--text-light)}.profile-link.interpol{border-color:var(--danger-red);color:var(--danger-red)}.profile-link.interpol:hover{background:var(--danger-red);color:var(--text-light)}.floating-icons{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed}.floating-icon{opacity:.04;pointer-events:none;font-size:2rem;position:absolute}@keyframes float{0%{opacity:.04;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(-120vh)rotate(360deg)}}.site-logo{color:var(--text-light);text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(135deg, var(--text-light) 0%, var(--text-light) 40%, var(--linkedin-blue) 50%, var(--danger-red) 60%, var(--text-light) 70%, var(--text-light) 100%);-webkit-text-fill-color:transparent;cursor:pointer;pointer-events:auto;background-size:200%;-webkit-background-clip:text;background-clip:text;font-family:JetBrains Mono,monospace;font-size:1.8rem;font-weight:700;animation:8s linear infinite shimmerTitle;top:1rem;left:2rem;z-index:99999!important;position:fixed!important}.site-logo:hover{filter:brightness(1.2)}.hidden-during-modal{display:none!important}.lang-switcher{top:calc(env(safe-area-inset-top,0px) + 16px);z-index:99999;position:fixed;right:clamp(200px,16vw,220px)}.lang-btn{color:var(--text-light);cursor:pointer;-webkit-backdrop-filter:blur(10px);white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:.35rem;padding:8px 14px;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;transition:border-color .2s,background .2s;display:inline-flex}.lang-btn:hover{background:#ffffff1a;border-color:#ffffff59}.lang-code{opacity:.75;letter-spacing:.05em;font-size:.72rem}.lang-menu{-webkit-backdrop-filter:blur(20px);background:#121212f5;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;gap:2px;min-width:160px;padding:.4rem;animation:.15s fadeIn;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 40px #000000b3}.lang-option{color:#ffffffbf;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.6rem;width:100%;padding:.5rem .75rem;font-family:inherit;font-size:.85rem;text-decoration:none;transition:background .15s,color .15s;display:flex}.lang-option:hover{color:#fff;background:#ffffff14}.lang-option--active{color:#fff;background:#ffffff1a;font-weight:600}.lang-option--disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.suggestions-btn{right:clamp(8px,2vw,20px);top:calc(env(safe-area-inset-top,0px) + 16px);color:var(--accent-gold);cursor:pointer;z-index:99999;-webkit-backdrop-filter:blur(10px);letter-spacing:.04em;background:#f0b42914;border:1px solid #f0b42959;border-radius:999px;align-items:center;gap:.45rem;padding:9px 18px;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;transition:border-color .25s,box-shadow .25s,background .25s;display:inline-flex;position:fixed;box-shadow:0 0 #f0b42900}.suggestions-btn:hover{background:#f0b42924;border-color:#f0b429b3;box-shadow:0 0 16px #f0b42940}.streamer-btn{cursor:pointer;z-index:99999;color:#50a0ffe6;-webkit-backdrop-filter:blur(10px);background:#9900221a;border:1px solid #99002261;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.15rem;transition:border-color .25s,box-shadow .25s,background .25s,color .25s;display:flex;position:fixed;bottom:clamp(20px,5vw,32px);left:clamp(8px,2vw,20px)}.streamer-btn:hover{color:#fff;background:#99002238;border-color:#990022bf;box-shadow:0 0 16px #99002247}.streamer-callout{display:none}.social-credits-container{z-index:10000;pointer-events:none;flex-direction:row;gap:18px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.social-credits-container>*{pointer-events:auto}.social-credit-link{color:var(--text-muted);letter-spacing:.06em;padding:.25rem .5rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:color .2s}.social-credit-link:hover{color:var(--text-light)}.instagram-credits,.tiktok-credits,.x-credits{cursor:pointer;pointer-events:auto;justify-content:center;align-items:center;margin:0;display:flex;position:static}.instagram-credits a,.tiktok-credits a,.x-credits a{justify-content:center;align-items:center;text-decoration:none;display:flex}.instagram-credits svg{width:44px;height:44px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.instagram-credits:hover svg{transform:scale(1.15)}.tiktok-credits svg{width:44px;height:44px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.tiktok-credits:hover svg{transform:scale(1.15)}.x-credits svg{width:44px;height:44px;fill:var(--text-light);transition:transform .3s cubic-bezier(.4,0,.2,1)}.x-credits:hover svg{transform:scale(1.15)}.instagram-credits span,.tiktok-credits span,.x-credits span{display:none}.big-socials{flex-direction:row;justify-content:center;align-items:center;gap:2rem;margin-top:2.5rem;margin-bottom:2rem;display:flex}.big-social-link{color:var(--text-light);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:14px;align-items:center;padding:1rem 2rem;font-size:1.6rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 20px #0000004d}.big-social-link.instagram:hover{background:linear-gradient(135deg,#f09433,#dc2743);border-color:#0000;transform:translateY(-3px);box-shadow:0 8px 30px #dc27434d}.big-social-link.tiktok:hover{background:linear-gradient(135deg,#ff0050,#000);border-color:#0000;transform:translateY(-3px);box-shadow:0 8px 30px #ff00504d}.big-social-link.x:hover{background:linear-gradient(135deg, var(--accent-cyan), #000);border-color:#0000;transform:translateY(-3px);box-shadow:0 8px 30px #58a6ff4d}.timer-display{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--danger-red);letter-spacing:.08em;background:#0d1117d9;border:1px solid #e6394659;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;max-width:fit-content;margin:0 auto .75rem;padding:.35rem 1.1rem;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700;display:flex;box-shadow:0 0 16px #e6394626}.timer-display.active{display:block}.timer-display.timer-warning,.timer-display.warning{animation:1s infinite timerPulse}@keyframes timerPulse{0%,to{transform:scale(1);box-shadow:0 0 12px #e639464d}50%{transform:scale(1.04);box-shadow:0 0 20px #e6394680}}.photo-bw{filter:grayscale()!important}.photo-blur{filter:blur(5px)!important}.photo-hidden{opacity:0!important;pointer-events:none!important}.flash-countdown{background:var(--accent-gold);color:#000;z-index:15;border:1px solid #f0b429cc;border-radius:8px;padding:.6rem 1rem;font-family:JetBrains Mono,monospace;font-size:1.3rem;font-weight:700;animation:.5s ease-in-out infinite pulse-flash;position:absolute;top:10px;right:10px;box-shadow:0 4px 12px #f0b42966}@keyframes pulse-flash{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.flash-question-mark{color:#f0f6fc;text-align:center;z-index:100;pointer-events:auto;text-shadow:0 2px 8px #000c;background:#0d0d0d;border-radius:14px;justify-content:center;align-items:center;width:100%;height:100%;font-size:7rem;font-weight:900;display:flex;position:absolute;top:0;left:0}.game-modes-modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;background:#06080df2;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:none;position:fixed;top:0;left:0}.game-modes-modal.active{display:flex}.game-modes-content{-webkit-backdrop-filter:blur(24px);background:#0d1117eb;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;width:100%;max-width:800px;max-height:90svh;padding:2.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #0009,0 0 0 1px #ffffff0d}.modes-scrollable{scrollbar-width:none;-ms-overflow-style:none;flex:1;min-height:0;overflow-y:auto}.modes-scrollable::-webkit-scrollbar{display:none}.modal-close-btn{border:1px solid var(--glass-border);cursor:pointer;width:36px;height:36px;color:var(--text-gray);z-index:10;background:#f0f6fc0f;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;transition:all .15s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.modal-close-btn:hover{border-color:var(--danger-red);color:var(--danger-red);background:#e6394633;transform:rotate(90deg)}.game-modes-header{text-align:center;margin-bottom:2rem}.game-modes-header h2{letter-spacing:-.02em;-webkit-backdrop-filter:blur(8px);color:var(--text-light);-webkit-text-fill-color:var(--text-light);background:linear-gradient(135deg,#2d8cf02e,#e509142e);border:1px solid #ffffff24;border-radius:999px;margin-bottom:.5rem;padding:.3rem 1.1rem;font-family:Space Grotesk,Inter,sans-serif;font-size:2.2rem;font-weight:800;display:inline-block}.game-modes-header p{color:var(--text-gray);font-size:1rem}.modes-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem;margin-bottom:2rem;display:grid}.mode-card{cursor:pointer;text-align:center;background:#f0f6fc08;border:1px solid #ffffff12;border-radius:14px;padding:1.8rem 1.5rem;transition:border-color .2s,box-shadow .2s,background .2s;position:relative;overflow:hidden}.mode-card:hover{background:#f0f6fc0d;border-color:#ffffff26}#categoryModal .mode-card:first-of-type:hover{background:#e639460d;border-color:#e6394680;box-shadow:0 0 24px #e6394626}#categoryModal .mode-card:last-of-type:hover{background:#2d8cf00d;border-color:#2d8cf080;box-shadow:0 0 24px #2d8cf026}#gameModesModal .modes-grid .mode-card:first-child:hover{background:#58a6ff0d;border-color:#58a6ff80;box-shadow:0 0 20px #58a6ff26}#gameModesModal .modes-grid .mode-card:nth-child(2):hover{background:#8b949e0d;border-color:#8b949e80;box-shadow:0 0 20px #8b949e26}#gameModesModal .modes-grid .mode-card:nth-child(3):hover{background:#a371f70d;border-color:#a371f780;box-shadow:0 0 20px #a371f726}#gameModesModal .modes-grid .mode-card:nth-child(4):hover{background:#e639460d;border-color:#e6394680;box-shadow:0 0 20px #e6394626}#gameModesModal .modes-grid .mode-card:nth-child(5):hover{background:#f973160d;border-color:#f9731680;box-shadow:0 0 20px #f9731626}#gameModesModal .modes-grid .mode-card:nth-child(6):hover{background:#f0b4290d;border-color:#f0b42980;box-shadow:0 0 20px #f0b42926}.mode-card.selected{border-color:var(--accent-gold);background:#f0b4290f;box-shadow:0 0 20px #f0b42933,inset 0 0 20px #f0b42908}.mode-card.selected:after{content:"✓";background:var(--accent-gold);color:#000;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.1rem;font-weight:700;display:flex;position:absolute;top:10px;right:10px}.mode-icon{text-align:center;filter:drop-shadow(0 4px 12px #0006);margin-bottom:1rem;font-size:3.2rem;display:block}.mode-title{color:var(--text-light);text-align:center;margin-bottom:.4rem;font-size:1.3rem;font-weight:700}.mode-description{color:var(--text-gray);text-align:center;font-size:.9rem;line-height:1.5}.modes-footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1117d9;flex-shrink:0;justify-content:center;gap:1rem;margin-top:1rem;padding-top:1rem;padding-bottom:.5rem;display:flex}.modes-footer .cta-button{box-shadow:none;letter-spacing:.06em;background:#ffffff0d;border-color:#ffffff1f;border-radius:999px;padding:.7rem 2rem;font-size:.88rem;font-weight:600}.modes-footer .cta-button:hover{box-shadow:none;background:#ffffff14;border-color:#ffffff40;transform:none}.mode-action-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.06em;border:none;border-radius:10px;padding:.9rem 2rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;transition:all .15s;position:relative;overflow:hidden}.mode-cancel-btn{color:var(--text-gray);border:1px solid var(--glass-border);background:#f0f6fc0f}.mode-cancel-btn:hover{background:#f0f6fc1a;transform:translateY(-2px)}.mode-confirm-btn{background:linear-gradient(135deg, var(--linkedin-blue), var(--danger-red));color:var(--text-light);box-shadow:0 4px 12px #2d8cf04d}.mode-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #2d8cf080}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;background:#06080de0;justify-content:center;align-items:center;padding:1rem;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-content{-webkit-backdrop-filter:blur(24px);background:#0d1117eb;border:1px solid #ffffff14;border-radius:20px;width:90%;max-width:480px;max-height:calc(100svh - 2rem);padding:2.5rem;animation:.2s slideUp;position:relative;overflow-y:auto;box-shadow:0 24px 64px #0009,0 0 0 1px #ffffff0d}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.modal-header{text-align:center;margin-bottom:2rem}.modal-header h2{-webkit-backdrop-filter:blur(8px);color:var(--text-light);-webkit-text-fill-color:var(--text-light);background:linear-gradient(135deg,#2d8cf02e,#e509142e);border:1px solid #ffffff24;border-radius:999px;margin-bottom:.5rem;padding:.3rem 1.1rem;font-size:1.8rem;display:inline-block}.modal-header p{color:var(--text-gray);font-size:1rem}.modal-body{margin-bottom:2rem}.question-range-info{color:var(--text-gray);background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;justify-content:space-between;margin-bottom:1.5rem;padding:.8rem 1.2rem;font-size:.9rem;display:flex}.question-range-info strong{color:var(--accent-cyan);font-size:1rem}.input-wrapper{margin-bottom:1rem}.question-input{text-align:center;width:100%;color:var(--text-light);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1rem;padding:1rem;font-family:JetBrains Mono,monospace;font-size:1.4rem;font-weight:700;transition:border-color .15s,box-shadow .15s}.question-input:focus{border-color:#2d8cf080;outline:none;box-shadow:0 0 0 3px #2d8cf01f}.input-slider{padding:0 .5rem}.slider{background:linear-gradient(to right, var(--linkedin-blue), var(--danger-red));appearance:none;opacity:.7;border-radius:4px;outline:none;width:100%;height:6px;transition:opacity .1s}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(135deg, var(--linkedin-blue), var(--danger-red));cursor:pointer;border-radius:50%;width:22px;height:22px;transition:all .1s;box-shadow:0 0 8px #2d8cf066}.slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.error-message{color:var(--danger-red);text-align:center;background:#e6394626;border:1px solid #e6394666;border-radius:8px;padding:.75rem;font-size:.85rem;animation:.5s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.modal-footer{justify-content:center;gap:.8rem;display:flex}.modal-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.06em;border:none;border-radius:999px;padding:.85rem 1.8rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:box-shadow .2s,background .2s,border-color .2s}.cancel-btn{color:var(--text-gray);background:#ffffff0d;border:1px solid #ffffff1a}.cancel-btn:hover{background:#ffffff17;border-color:#fff3}.confirm-btn{-webkit-backdrop-filter:blur(8px);color:var(--text-light);background:linear-gradient(135deg,#2d8cf040,#e5091440);border:1px solid #ffffff2e;box-shadow:0 0 18px #2d8cf033}.confirm-btn:hover{filter:brightness(1.1);border-color:#ffffff59;box-shadow:0 4px 20px #2d8cf059,0 4px 20px #e5091433}@keyframes btnShimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.suggestions-modal{-webkit-backdrop-filter:blur(16px);z-index:10000;background:#04060ce0;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:none;position:fixed;top:0;left:0}.suggestions-modal.active{animation:.25s cubic-bezier(.34,1.56,.64,1) sugModalIn;display:flex}@keyframes sugModalIn{0%{opacity:0;transform:scale(.93)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.suggestions-modal-content{background:linear-gradient(160deg,#161a28fa 0%,#0e111cfc 100%);border:1px solid #f0b42938;border-radius:20px;width:100%;max-width:460px;max-height:90vh;padding:2rem 1.75rem 1.75rem;position:relative;overflow-y:auto;box-shadow:0 24px 64px #000000b3,0 0 0 1px #ffffff0a,inset 0 1px #ffffff0f}.sug-close-btn{color:#ffffff80;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;line-height:1;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}.sug-close-btn:hover{color:#f87171;background:#e6394633;border-color:#e6394666}.sug-header{text-align:center;margin-bottom:1.5rem}.sug-icon{margin-bottom:.5rem;font-size:2.2rem;line-height:1}.sug-title{background:linear-gradient(135deg,#f0b429 0%,#ffd97d 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.4rem;font-family:Inter,sans-serif;font-size:1.45rem;font-weight:700}.sug-subtitle{color:#c8cddc8c;margin:0;font-size:.88rem;line-height:1.5}.sug-form{flex-direction:column;gap:.85rem;display:flex}.sug-textarea-wrap{position:relative}.sug-textarea{resize:vertical;color:#e6ebfaeb;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;width:100%;min-height:130px;padding:12px 14px 30px;font-family:Inter,sans-serif;font-size:.93rem;line-height:1.55;transition:border-color .2s,background .2s,box-shadow .2s}.sug-textarea:focus{background:#ffffff0f;border-color:#f0b42980;outline:none;box-shadow:0 0 0 3px #f0b42914}.sug-textarea::placeholder{color:#b4b9c859}.sug-char-count{color:#b4b9c859;pointer-events:none;font-family:Inter,sans-serif;font-size:11px;transition:color .2s;position:absolute;bottom:8px;right:10px}.sug-char-count.warn{color:#f0b429}.sug-file-label{cursor:pointer;color:#c8cddc99;background:#ffffff0a;border:1.5px dashed #ffffff24;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:.88rem;font-weight:500;transition:all .2s;display:flex}.sug-file-label:hover{color:#f0d278e6;background:#f0b4290d;border-color:#f0b42973}.sug-file-icon{font-size:1.1rem}.sug-img-preview{border:1px solid #ffffff1a;border-radius:12px;position:relative;overflow:hidden}.sug-img-preview img{object-fit:cover;width:100%;max-height:200px;display:block}.sug-img-remove{color:#fff;cursor:pointer;background:#0009;border:1px solid #ffffff26;border-radius:8px;padding:4px 10px;font-size:14px;line-height:1.4;transition:background .2s;position:absolute;top:8px;right:8px}.sug-img-remove:hover{background:#e63946b3}.sug-loading{color:#f0b429cc;justify-content:center;align-items:center;gap:8px;padding:6px 0;font-size:.88rem;display:flex}.sug-spinner{border:2px solid #f0b42933;border-top-color:#f0b429e6;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite sugSpin;display:inline-block}@keyframes sugSpin{to{transform:rotate(360deg)}}.sug-success{color:#86efac;background:#22c55e1f;border:1px solid #22c55e40;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.9rem;font-weight:600;animation:.3s sugModalIn;display:flex}.sug-submit-btn{color:#1a1200;cursor:pointer;letter-spacing:.02em;background:linear-gradient(135deg,#f0b429 0%,#e8a020 100%);border:none;border-radius:12px;width:100%;padding:13px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:700;transition:all .2s;box-shadow:0 4px 16px #f0b42940}.sug-submit-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px #f0b42959}.sug-submit-btn:active:not(:disabled){transform:translateY(0)}.sug-submit-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.suggestions-modal h3{color:var(--accent-gold);text-align:center;margin-bottom:1rem;font-family:Inter,sans-serif;font-size:1.6rem}.suggestions-modal p{color:var(--text-gray);text-align:center;margin-bottom:1.5rem}.suggestions-loading{text-align:center;color:var(--accent-gold);margin-top:1rem;display:none}.suggestions-success{background:var(--success-green);color:var(--bg-dark);text-align:center;border-radius:10px;margin-top:1rem;padding:1rem;font-weight:600;display:none}.suggestions-success.show{display:block}@media (min-width:769px) and (max-height:820px){.game-container.active{padding-top:clamp(3rem,9vh,5rem);padding-bottom:1.5rem}.game-header{margin-bottom:clamp(.8rem,2.4vh,2.5rem)}.score-display{margin-bottom:clamp(.6rem,2vh,1.5rem)}.photo-container{margin:0 auto clamp(.8rem,2.6vh,2.5rem)!important}.feedback{max-height:84vh;top:50%}.results-screen{padding-bottom:1.5rem;padding-top:clamp(1.5rem,4vh,5rem)!important}.final-score{margin:clamp(.6rem,2vh,1.5rem) 0;font-size:clamp(3rem,8vh,5rem)}.share-buttons{margin:clamp(1rem,3vh,2.5rem) 0}}@media (min-width:769px) and (max-height:680px){.game-container.active{padding-top:2.5rem}.question-text{margin-bottom:.75rem}.final-score{font-size:clamp(2.4rem,7vh,3.4rem)}.score-message{margin:.6rem auto}}.mobile-header-bar{display:none}@media (max-width:768px){html,body{-webkit-overflow-scrolling:touch;width:100%;overflow-x:hidden}.mobile-header-bar{z-index:99997;pointer-events:none;background:#06080df5;border-bottom:1px solid #ffffff12;height:52px;display:block;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 14px #0006}.site-logo{-webkit-text-fill-color:#f0f6fc!important;color:#f0f6fc!important;width:auto!important;height:52px!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;z-index:99999!important;background-color:#0000!important;background-image:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;border-radius:0!important;align-items:center!important;padding:0 .9rem!important;font-size:1.3rem!important;animation:none!important;display:flex!important;top:0!important;left:0!important;right:auto!important}.lang-switcher{z-index:100000;background:0 0;border:none;align-items:center;height:52px;padding:0 .4rem;display:flex;position:fixed;top:0;left:auto;right:clamp(120px,32vw,160px);transform:none}.lang-btn{padding:6px 12px;font-size:.8rem}.lang-menu{top:52px;left:auto;right:0;transform:none}.hide-on-mobile{display:none!important}.suggestions-btn{position:fixed;z-index:100000!important;background:0 0!important;border:none!important;border-left:1px solid #ffffff12!important;border-radius:0!important;align-items:center!important;height:52px!important;padding:0 .9rem!important;font-size:.78rem!important;display:flex!important;top:0!important;right:0!important}.new-mode-banner{white-space:nowrap;width:max-content;max-width:calc(100vw - 1.5rem);padding:.38rem .8rem .38rem .42rem;font-size:.76rem;left:50%;transform:translate(-50%);top:60px!important}.new-mode-badge{padding:.17rem .48rem;font-size:.62rem}.hero{min-height:100vh;padding:80px 1rem 120px}.hero-content{gap:.7rem;padding:0 .5rem}.glitch-text{white-space:normal;letter-spacing:-.02em;font-size:18vw;line-height:1.05}.glitch-text .title-word{display:block}.glitch-text .title-punct{display:none}.subtitle{letter-spacing:.1em;font-size:.95rem}.hero-description{font-size:.92rem}.cta-button{padding:1rem 2rem;font-size:1rem}.hero-cta-group{flex-direction:column;gap:.75rem;width:100%;max-width:320px}.streamer-btn{bottom:52px;left:.85rem}.streamer-callout{z-index:99998;color:#fff;letter-spacing:.03em;-webkit-backdrop-filter:blur(10px);cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#2d8cf040,#e5091440);border-top:1px solid #ffffff1f;justify-content:center;align-items:center;gap:.6rem;padding:10px 1rem;font-size:.82rem;font-weight:600;animation:.35s both fadeInUp;display:flex;position:fixed;bottom:0;left:0;right:0}.streamer-callout:before{content:none}.streamer-tip-desktop,.streamer-btn{display:none!important}.spotify-player{width:210px;padding:.5rem .65rem;bottom:.65rem;left:.65rem}.sp-cover{width:36px;height:36px}.sp-title{font-size:.7rem}.sp-artist{font-size:.63rem}.sp-credits{display:none}.sp-play-btn{width:26px;height:26px}.sp-slider{width:48px}.game-container.active{min-height:100vh;padding:140px .85rem 90px}.mp-game-container.active{min-height:0!important;padding-top:40px!important}.score-display{flex-wrap:nowrap;justify-content:center;gap:.45rem;margin:.4rem 0 .65rem;font-size:.82rem}.score-item{flex:1;min-width:64px;padding:.4rem .6rem}.score-value{font-size:1.15rem}.quiz-zone{text-align:center;width:100%;max-width:100%;margin:0 auto;padding:0}.question-text{white-space:nowrap;margin-bottom:1rem;font-size:1.1rem}.photo-container{margin:0 auto clamp(.6rem,2.2vh,1.1rem);width:min(220px,32vh,62vw)!important;height:min(220px,32vh,62vw)!important}.choices{flex-direction:column;align-items:center;gap:.7rem}.choice-btn{width:100%;max-width:360px;min-width:unset;touch-action:manipulation;min-height:52px;padding:.9rem 1.4rem;font-size:1rem}.profile-info{flex-wrap:wrap;justify-content:center;gap:.6rem;max-width:100%;padding:.85rem;display:flex}.profile-info-item{flex:44%;min-width:120px}.profile-info-value{word-wrap:break-word;overflow-wrap:break-word;font-size:.85rem}.timer-display{padding:.28rem .85rem;font-size:.84rem}.flash-countdown{padding:.45rem .7rem;font-size:1rem}.flash-question-mark{font-size:4.5rem}.feedback{width:94%;max-width:94%;max-height:68vh;padding:1.2rem 1.4rem;font-size:1.55rem;top:66%;overflow-y:auto}.feedback-details{font-size:.95rem}body:has(.results-screen.active){height:auto!important;overflow:auto!important}.results-screen.active{padding-top:60px;overflow:visible!important}.results-content{padding:0 1rem 2rem}.final-score{margin:.75rem 0;font-size:3.2rem}.score-message{padding:0 .5rem;font-size:.97rem}.share-buttons{flex-direction:column;align-items:center;gap:.75rem;padding:0 1rem}.share-btn{width:100%;max-width:300px}.leaderboard{max-width:100%}.leaderboard-save{flex-direction:column;align-items:stretch;gap:.55rem;padding:0 .5rem}.leaderboard-name-input,.leaderboard-save .modal-btn{width:100%}.leaderboard-row{gap:.45rem;padding:.5rem .65rem;font-size:.86rem}.leaderboard-rank-badge{max-width:100%;padding:.65rem 1.2rem}.rank-number{font-size:2rem}.game-modes-modal{align-items:center;padding:52px .4rem}.game-modes-content{text-align:center;border-radius:14px;width:100%;max-height:calc(100vh - 104px);padding:.75rem .7rem .6rem}.game-modes-header{text-align:center;margin-bottom:.5rem}.game-modes-header h2{text-align:center;padding-right:0;font-size:1.05rem}.game-modes-header p{text-align:center;font-size:.75rem}.modes-grid{grid-template-columns:1fr 1fr;gap:.3rem;margin-bottom:.4rem}#categoryModal .modes-grid{grid-template-columns:1fr;gap:.6rem}#categoryModal .mode-card{padding:1rem 1.1rem}#categoryModal .mode-icon{margin-bottom:.4rem;font-size:2rem}#categoryModal .mode-title{font-size:1.1rem}#categoryModal .mode-description{font-size:.82rem}.mode-card{text-align:center;align-items:center;padding:.75rem .8rem}.mode-icon{margin-bottom:.25rem;font-size:1.6rem}.mode-title{text-align:center;font-size:.95rem}.mode-description{text-align:center;font-size:.76rem}.modal-close-btn{width:28px;height:28px;font-size:.9rem;top:.3rem;right:.3rem}.modes-footer{flex-direction:column;align-items:center;gap:.5rem;padding-top:.5rem}.mode-action-btn{width:100%;padding:.78rem 1.2rem;font-size:.88rem}.modal-overlay{align-items:center;padding-top:52px;padding-bottom:52px}.modal-content{border-radius:14px;width:calc(100% - .8rem);margin:0 .4rem;padding:1.2rem .9rem}.modal-header{margin-bottom:1.1rem}.modal-header h2{font-size:1.4rem}.modal-header p{font-size:.9rem}.modal-body{margin-bottom:1.1rem}.modal-footer{flex-direction:column;gap:.5rem}.modal-btn{width:100%;min-height:48px;padding:.85rem;font-size:.9rem}.question-input{padding:.7rem 1rem;font-size:1.2rem}.suggestions-modal{align-items:center;padding:52px .4rem}.suggestions-modal-content{text-align:center;border-radius:14px;width:100%;max-height:calc(100vh - 104px);padding:1.2rem .95rem 1rem}.suggestions-buttons{flex-direction:column}.sug-close-btn{top:4px;right:6px}.sug-header{margin-bottom:.8rem}.social-credits-container{display:none!important}.social-credits-container.show-mobile{gap:10px!important;display:flex!important;bottom:54px!important;left:50%!important;transform:translate(-50%)!important}.big-socials{flex-direction:column;gap:.75rem}.big-social-link{justify-content:center;width:260px;padding:.6rem 1rem;font-size:1rem}}@media (max-width:480px){.site-logo{padding:0 .65rem!important;font-size:1.1rem!important}.lang-btn{padding:5px 9px;font-size:.75rem}.suggestions-btn{padding:0 .65rem!important;font-size:.72rem!important}.new-mode-banner{font-size:.7rem;top:60px!important}.glitch-text{white-space:normal;letter-spacing:-.02em;font-size:17vw!important}.hero-description{font-size:.85rem}.cta-button{padding:.85rem 1.5rem;font-size:.95rem}.photo-container{width:min(185px,30vh,60vw)!important;height:min(185px,30vh,60vw)!important}.choice-btn{min-height:48px;padding:.75rem 1rem;font-size:.92rem}.score-item{min-width:54px;padding:.3rem .45rem}.score-value{font-size:1rem}.question-text{white-space:nowrap;font-size:.98rem}.final-score{font-size:2.5rem}.feedback{padding:1rem 1.1rem;font-size:1.3rem}.spotify-player{display:none!important}.modal-content{padding:1rem .8rem}.modal-header h2{font-size:1.25rem}.game-modes-content{padding:.9rem .7rem}.mode-card{padding:.7rem .85rem}.suggestions-modal-content{padding:1rem .8rem .85rem}.leaderboard-row{padding:.4rem .5rem;font-size:.8rem}.rank-number{font-size:1.6rem}}@media (min-width:375px) and (max-width:430px){.glitch-text{padding:0 .5rem!important;font-size:2rem!important;line-height:1.1!important}.photo-container{width:min(205px,30vh,60vw)!important;height:min(205px,30vh,60vw)!important}.choice-btn{font-size:.97rem!important}}@media (max-height:600px) and (orientation:landscape){.mobile-header-bar{height:44px}.site-logo{height:44px!important}.lang-switcher{height:44px!important;top:0!important;left:auto!important;right:clamp(110px,28vw,150px)!important;transform:none!important}.suggestions-btn{height:44px!important}.hero{min-height:auto;padding:60px 1rem 1.5rem}.glitch-text{font-size:1.7rem}.photo-container{width:min(130px,50vh)!important;height:min(130px,50vh)!important}.spotify-player{display:none}.game-container.active{padding-top:52px;padding-bottom:60px}.new-mode-banner{top:100px!important}}@media (orientation:portrait) and (max-height:740px){.game-container.active{padding-top:124px;padding-bottom:76px}.mp-game-container.active{padding-top:36px!important}.photo-container{margin:0 auto clamp(.45rem,1.8vh,.9rem)!important}.question-text{margin-bottom:clamp(.4rem,1.6vh,.85rem)!important}.choices{gap:clamp(.4rem,1.4vh,.65rem)!important}.choice-btn{min-height:clamp(42px,6.4vh,52px)!important;padding:clamp(.55rem,1.6vh,.9rem) 1.2rem!important}.score-display{margin:.3rem 0 .5rem!important}.profile-info{gap:.45rem!important;padding:.6rem!important}}@media (orientation:portrait) and (max-height:560px){.photo-container{width:min(150px,26vh,50vw)!important;height:min(150px,26vh,50vw)!important}.question-text{font-size:.95rem!important}.feedback{max-height:86vh!important;top:50%!important}}@media (min-width:769px) and (max-width:1100px) and (orientation:portrait){.photo-container{width:min(340px,32vh)!important;height:min(340px,32vh)!important}.question-text{font-size:clamp(1.3rem,3.4vw,1.9rem)}}@media (min-width:2200px){.photo-container{width:min(360px,32vh)!important;height:min(360px,32vh)!important}.quiz-zone{max-width:900px}}@media (max-width:600px){body,html{max-width:100vw!important;overflow-x:hidden!important}.question-text,.profile-info-value,.feedback,h1,h2,h3{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.new-mode-banner{white-space:normal;text-align:center;max-width:calc(100vw - 1.5rem)}.new-mode-badge{padding:.19rem .52rem;font-size:.63rem}}@media (max-width:320px){.site-logo{padding:0 .55rem!important;font-size:.78rem!important}.suggestions-btn{padding:0 .5rem!important;font-size:.65rem!important}.glitch-text{font-size:1.5rem!important}.photo-container{width:min(155px,26vh,56vw)!important;height:min(155px,26vh,56vw)!important}.social-credits-container{gap:6px!important;bottom:6px!important}.spotify-player{display:none}.choice-btn{font-size:.88rem!important}}[dir=rtl] .site-logo{left:auto;right:1rem}[dir=rtl] .suggestions-btn{left:clamp(8px,2vw,20px);right:auto}[dir=rtl] .spotify-player{left:auto;right:1.5rem}[dir=rtl] .social-credits-container{left:auto!important;right:1rem!important;transform:none!important}[dir=rtl] .new-mode-banner,[dir=rtl] .hero-content{direction:rtl}[dir=rtl] .glitch-text,[dir=rtl] .subtitle,[dir=rtl] .hero-description{text-align:center}[dir=rtl] .score-display,[dir=rtl] .choices,[dir=rtl] .profile-info,[dir=rtl] .feedback,[dir=rtl] .leaderboard-save,[dir=rtl] .leaderboard-list,[dir=rtl] .modal-content,[dir=rtl] .game-modes-content,[dir=rtl] .modes-grid,[dir=rtl] .modal-footer{direction:rtl}[dir=rtl] .lang-switcher{left:clamp(200px,16vw,220px);right:auto}@media (max-width:768px){[dir=rtl] .site-logo{justify-content:flex-end!important}[dir=rtl] .suggestions-btn{border-left:none!important;border-right:1px solid #ffffff12!important;left:0!important;right:auto!important}[dir=rtl] .lang-switcher{left:clamp(120px,32vw,160px);right:auto;transform:none}[dir=rtl] .spotify-player{left:auto;right:.65rem}[dir=rtl] .streamer-btn{left:auto;right:.85rem}}