:root{--bg: #0A0A0A;--surface: #1C1C1E;--fg: #F5F0EB;--muted: #6e6e73;--border: #2a2a2e;--neon-red: #FF1A2D;--neon-green: #39FF14;--violet: #5F0A87;--font-display: "Syne", sans-serif;--font-body: "Space Grotesk", sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;width:100%;overflow-x:hidden}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}.start-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:2rem;text-align:center;position:relative}.start-logo{width:clamp(60px,12vw,90px);height:auto;margin-bottom:1.5rem;filter:drop-shadow(0 0 20px rgba(255,26,45,.3)) drop-shadow(0 0 20px rgba(57,255,20,.3))}.start-title{font-family:var(--font-display);font-weight:800;font-size:clamp(2.5rem,11vw,6rem);line-height:.95;letter-spacing:-.02em;text-transform:uppercase;position:relative;z-index:2}.start-title .word-mort{color:var(--neon-red);text-shadow:0 0 30px rgba(255,26,45,.4),0 0 60px rgba(255,26,45,.2);animation:flicker-red 4s infinite}.start-title .word-vivant{color:var(--neon-green);text-shadow:0 0 30px rgba(57,255,20,.4),0 0 60px rgba(57,255,20,.2);animation:flicker-green 4s infinite .5s}.start-title .word-ou,.start-title .word-pas{color:var(--fg);opacity:.85}.start-divider{width:60%;max-width:200px;height:2px;background:linear-gradient(90deg,transparent,var(--violet),transparent);margin:1.5rem 0;animation:pulse-line 2s ease-in-out infinite}.start-subtitle{font-family:var(--font-body);font-size:clamp(.95rem,3.5vw,1.15rem);color:var(--muted);max-width:420px;line-height:1.6;margin-bottom:2.5rem}.start-btn{font-family:var(--font-display);font-weight:700;font-size:1.1rem;letter-spacing:.05em;text-transform:uppercase;color:var(--fg);background:linear-gradient(135deg,#ff1a2d26,#39ff1426);border:1px solid var(--border);border-radius:4px;padding:1.1rem 2.5rem;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;z-index:2}.start-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--neon-red),var(--neon-green));opacity:0;transition:opacity .3s ease;z-index:-1}.start-btn:hover{border-color:var(--fg);transform:scale(1.05);box-shadow:0 0 40px #ff1a2d4d,0 0 40px #39ff144d}.start-btn:active{transform:scale(.98)}.start-btn:hover:before{opacity:.2}.quiz-screen{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;position:relative}.progress-section{padding:1rem 1.5rem .5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.progress-label{font-family:var(--font-body);font-size:.8rem;color:var(--muted);white-space:nowrap;font-weight:500}.score-label{font-family:var(--font-display);font-size:.85rem;font-weight:700;color:var(--fg)}.score-label .score-num{color:var(--neon-green)}.progress-bar{flex:1;display:flex;gap:3px;height:8px;max-width:300px}.progress-seg{flex:1;background:var(--border);border-radius:1px;transition:background .3s ease}.progress-seg.correct{background:var(--neon-green);box-shadow:0 0 6px #39ff1480}.progress-seg.wrong{background:var(--neon-red);box-shadow:0 0 6px #ff1a2d80}.progress-seg.current{background:var(--violet);box-shadow:0 0 8px #5f0a8799;animation:pulse-current 1s ease-in-out infinite}.question-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;text-align:center;position:relative}.celeb-name{font-family:var(--font-display);font-weight:800;font-size:clamp(2.2rem,8vw,5rem);line-height:1.05;letter-spacing:-.02em;text-transform:uppercase;transition:transform .15s ease,opacity .3s ease;max-width:800px}.celeb-name.revealed-dead{color:var(--neon-red);text-shadow:0 0 40px rgba(255,26,45,.3)}.celeb-name.revealed-alive{color:var(--neon-green);text-shadow:0 0 40px rgba(57,255,20,.3)}.celeb-desc{font-family:var(--font-body);font-size:clamp(.9rem,3vw,1.05rem);color:var(--muted);margin-top:1rem;max-width:500px;line-height:1.5;transition:opacity .3s ease}.reveal-section{margin-top:2rem;opacity:0;transform:translateY(10px);transition:opacity .4s ease .2s,transform .4s ease .2s;max-width:500px;width:100%}.reveal-section.show{opacity:1;transform:translateY(0)}.reveal-verdict{font-family:var(--font-display);font-weight:700;font-size:1.3rem;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.5rem}.reveal-verdict.correct-answer{color:var(--neon-green)}.reveal-verdict.wrong-answer{color:var(--neon-red)}.reveal-fact{font-family:var(--font-body);font-size:.95rem;color:var(--fg);opacity:.8;line-height:1.5}.answer-section{padding:1.5rem 1.5rem 3rem;display:flex;gap:1rem;justify-content:center}.answer-btn{flex:1;max-width:200px;font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:.03em;text-transform:uppercase;padding:1.2rem 1rem;border-radius:4px;cursor:pointer;border:2px solid;transition:all .2s ease;position:relative;overflow:hidden}.answer-btn:disabled{cursor:default}.btn-dead{color:var(--neon-red);border-color:#ff1a2d66;background:#ff1a2d0d}.btn-dead:not(:disabled):hover{background:#ff1a2d26;border-color:var(--neon-red);box-shadow:0 0 25px #ff1a2d4d;transform:translateY(-2px)}.btn-dead:not(:disabled):active{transform:translateY(0) scale(.97)}.btn-dead.selected{background:#ff1a2d33;border-color:var(--neon-red);box-shadow:0 0 30px #ff1a2d66}.btn-alive{color:var(--neon-green);border-color:#39ff1466;background:#39ff140d}.btn-alive:not(:disabled):hover{background:#39ff1426;border-color:var(--neon-green);box-shadow:0 0 25px #39ff144d;transform:translateY(-2px)}.btn-alive:not(:disabled):active{transform:translateY(0) scale(.97)}.btn-alive.selected{background:#39ff1433;border-color:var(--neon-green);box-shadow:0 0 30px #39ff1466}.next-btn{font-family:var(--font-display);font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:.9rem 2.5rem;cursor:pointer;margin-top:1.5rem;transition:all .2s ease}.next-btn:hover{border-color:var(--fg);background:#2a2a2e;transform:translateY(-2px)}.next-btn:active{transform:scale(.97)}.flash-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:0}.flash-overlay.flash-red{background:var(--neon-red);animation:flash .4s ease-out}.flash-overlay.flash-green{background:var(--neon-green);animation:flash .4s ease-out}.end-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:2rem;text-align:center}.end-emoji{font-size:clamp(4rem,15vw,7rem);margin-bottom:1rem;animation:bounce-in .6s ease-out}.end-title{font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,8vw,3.5rem);text-transform:uppercase;letter-spacing:-.02em;margin-bottom:.5rem}.end-score{font-family:var(--font-display);font-weight:700;font-size:clamp(3rem,12vw,5rem);margin:1rem 0}.end-score .num{color:var(--neon-green)}.end-score .sep,.end-score .total{color:var(--muted)}.end-message{font-family:var(--font-body);font-size:1.1rem;color:var(--muted);max-width:400px;line-height:1.6;margin-bottom:2.5rem}.replay-btn{font-family:var(--font-display);font-weight:700;font-size:1.1rem;letter-spacing:.05em;text-transform:uppercase;color:var(--fg);background:linear-gradient(135deg,#ff1a2d26,#39ff1426);border:1px solid var(--border);border-radius:4px;padding:1.1rem 3rem;cursor:pointer;transition:all .3s ease}.replay-btn:hover{border-color:var(--fg);transform:scale(1.05);box-shadow:0 0 40px #ff1a2d4d,0 0 40px #39ff144d}.replay-btn:active{transform:scale(.98)}@keyframes flicker-red{0%,to{opacity:1}92%{opacity:1}93%{opacity:.4}94%{opacity:1}96%{opacity:.6}97%{opacity:1}}@keyframes flicker-green{0%,to{opacity:1}90%{opacity:1}91%{opacity:.5}92%{opacity:1}95%{opacity:.7}96%{opacity:1}}@keyframes pulse-line{0%,to{opacity:.3;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.1)}}@keyframes pulse-current{0%,to{opacity:1}50%{opacity:.5}}@keyframes flash{0%{opacity:0}10%{opacity:.85}to{opacity:0}}@keyframes bounce-in{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}@keyframes name-pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.celeb-name.pulsing{animation:name-pulse .4s ease-out}.particle{position:fixed;pointer-events:none;z-index:9998;font-size:1.2rem;animation:particle-burst .8s ease-out forwards}@keyframes particle-burst{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:var(--particle-end) scale(.3)}}@media(min-width:600px){.answer-section{padding-bottom:4rem}.answer-btn{max-width:220px;font-size:1.15rem;padding:1.3rem 2rem}}@media(max-width:380px){.answer-btn{font-size:.9rem;padding:1rem .5rem}.progress-label{font-size:.72rem}}