:root{--bg: #212121;--bg-card: #000000;--bg-card-back: #FAFAFA;--text-primary: #FFFFFF;--text-secondary: #E0E0E0;--text-muted: #9E9E9E;--text-dark: #212121;--text-dark-secondary: #616161;--color-correct: #2E7D32;--color-incorrect: #C62828;--color-stars: #FFD54F;--color-default: #37474F;--color-rap-vs-geo: #1565C0;--color-rap-vs-philo: #6A1B9A;--color-rap-vs-guerre: #37474F;--color-rap-vs-entrepreneurs: #E65100;--color-foot-vs-philo: #2E7D32;--color-dictateur-vs-coachs: #C62828;--color-rap-vs-proverbes: #6D4C41;--color-rap-vs-sacred: #00695C;--card-max-width: 340px;--card-radius: 12px;--card-ratio: 89 / 63;--gap-sm: 8px;--gap-md: 16px;--gap-lg: 24px;--gap-xl: 32px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;touch-action:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#app{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;overflow:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;font-size:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 32px;border-radius:999px;font-weight:700;font-size:1rem;transition:opacity .2s,transform .1s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-accent, var(--color-stars));color:#212121}.btn-outline{background:var(--bg-card);border:2px solid var(--text-muted);color:var(--text-secondary)}.btn-guess{flex:1;padding:14px 12px;border-radius:12px;font-weight:700;font-size:.95rem;color:#fff;min-height:48px;background:var(--bg-card);border:2px solid rgba(255,255,255,.15);transition:border-color .2s,background .2s;text-align:center;display:flex;align-items:center;justify-content:center}.btn-guess.choice-selected{border-color:#fff9;background:#ffffff1f;pointer-events:none}.progress-bar{width:100%;height:3px;background:#ffffff1a;position:fixed;top:0;left:0;z-index:100}.progress-bar-fill{height:100%;background:var(--color-stars);transition:width .3s ease}.score-badge{display:inline-block;font-size:1.1rem;font-weight:700;color:var(--text-secondary);white-space:nowrap}.score-bonus{font-size:.85rem;font-weight:800;color:var(--color-stars);margin-right:10px}.btn-points-floater{position:absolute;top:1px;right:4px;font-size:1.1rem;font-weight:900;color:var(--color-stars);text-shadow:0 0 8px rgba(255,213,79,.6);pointer-events:none}.btn-points-pulse{animation:btnPointsPulse .4s ease}@keyframes btnPointsPulse{0%{transform:scale(1.6);opacity:.5}50%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:1}}.stars{display:flex;gap:3px}.star{width:12px;height:12px;border-radius:50%}.star{position:relative}.star-filled{background:var(--color-stars)}.star-empty,.star-decayed{background:#ffffff26}.star-countdown{background:transparent}.star-countdown:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--color-stars) var(--countdown, 100%),transparent 0);animation:pieCountdown 10s linear forwards}@keyframes pieCountdown{0%{--countdown: 100%}to{--countdown: 0%}}@property --countdown{syntax: "<percentage>"; inherits: false; initial-value: 100%;}.star-decay{animation:starDecay .5s ease forwards}@keyframes starDecay{0%{background:var(--color-stars);transform:scale(1)}40%{transform:scale(1.6)}to{background:#ffffff26;transform:scale(1)}}.screen{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card-container{width:100%;height:100%;max-width:var(--card-max-width)}.card-front,.card-back{width:100%;height:100%;border-radius:var(--card-radius);overflow:hidden;display:flex;flex-direction:column}.card-front{position:relative;background:var(--bg-card);padding:var(--gap-md)}.card-front:before{content:"?";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20rem;font-weight:900;color:#ffffff0f;transform:rotate(15deg);pointer-events:none;z-index:0;overflow:hidden}.card-front-header{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.decay-text{position:absolute;font-size:.85rem;font-weight:800;color:var(--color-stars);pointer-events:none;z-index:10;animation:decayFloat 1.2s linear forwards}@keyframes decayFloat{0%{transform:translateY(0);opacity:1}70%{opacity:.8}to{transform:translateY(-30px);opacity:0}}.card-question-num{font-size:.8rem;color:var(--text-muted);font-weight:600}.card-front-body{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--gap-md) var(--gap-sm);overflow-y:auto;min-height:0;position:relative;z-index:1}.card-citation{font-size:1.6rem;line-height:1.5;text-align:center;color:var(--text-primary);font-style:italic;white-space:pre-line}.card-back-header{display:flex;justify-content:space-between;align-items:center;padding:var(--gap-md);padding-bottom:var(--gap-lg)}.card-back-inner{width:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 var(--gap-lg) var(--gap-lg);gap:var(--gap-sm);overflow-y:auto;min-height:0}.card-back-author{font-size:1.4rem;font-weight:800;color:#fff;text-align:center;margin-top:var(--gap-md)}.card-back-identities{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:6px}.identity-pill{padding:4px 12px;border-radius:999px;font-size:.95rem;font-weight:700;color:#fff;border:1px solid rgba(255,255,255,.3)}.card-back-citation{font-size:1.35rem;font-weight:700;line-height:1.5;color:#fff;text-align:center;font-style:italic;white-space:pre-line}.no-italic{font-style:normal}.citation-toggle-wrap{display:grid;align-items:center}.citation-toggle-wrap.citation-tappable{cursor:pointer}.citation-layer{grid-area:1 / 1}.citation-layer:not(.citation-active){opacity:0;pointer-events:none;transition:opacity .5s ease}.citation-layer.citation-active{opacity:1;transition:opacity .8s ease .35s}.card-back-source{font-size:1rem;color:#ffffffb3;text-align:center;font-style:italic}.card-back-verification{font-size:.85rem;color:#ffffff80;text-align:center}.card-back-trap{font-size:1.15rem;font-style:italic;color:var(--color-stars);text-align:center;margin-top:var(--gap-sm)}.card-container.feedback-correct .card-front{box-shadow:0 0 0 4px var(--color-correct)}.card-container.feedback-incorrect .card-front{box-shadow:0 0 0 4px var(--color-incorrect);animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.card-citation.text-sm{font-size:1.35rem}.card-citation.text-xs{font-size:1.15rem}.swipe-label{position:absolute;top:16px;z-index:10;padding:6px 14px;border-radius:8px;font-size:1rem;font-weight:800;text-transform:uppercase;border:3px solid white;color:#fff;opacity:0;pointer-events:none;transition:opacity .1s}.swipe-label-left{right:16px;transform:rotate(15deg)}.swipe-label-right{left:16px;transform:rotate(-15deg)}.swipe-hint{animation:swipeHint .8s ease .5s}@keyframes swipeHint{0%{transform:translate(0) rotate(0)}25%{transform:translate(30px) rotate(2deg)}50%{transform:translate(-30px) rotate(-2deg)}75%{transform:translate(15px) rotate(1deg)}to{transform:translate(0) rotate(0)}}.attribution-choices{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:20px var(--gap-sm);width:100%;max-width:var(--card-max-width);margin-top:var(--gap-sm);margin-bottom:var(--gap-md)}.attribution-choice{position:relative;padding:10px 8px 6px;border-radius:var(--card-radius);background:var(--bg-card);border:2px solid var(--border-color, rgba(255,255,255,.15));font-size:1.15rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:transform .1s,border-color .2s,background .2s;text-align:center;line-height:1.3;min-height:calc(2.6em + 32px);display:flex;align-items:center;justify-content:center;overflow:visible}.choice-hint{position:absolute;bottom:-12px;left:50%;transform:translate(-50%) scale(0);transition:transform .3s ease;white-space:nowrap;z-index:1;border:1px solid rgba(255,255,255,.3);padding:3px 8px 1px;font-size:.7rem}.choice-hint.hint-visible{transform:translate(-50%) scale(1)}.choice-hint.identity-pill{opacity:1}.attribution-choice:active{transform:scale(.97)}.choice-selected{border-color:#fff9;background:#ffffff1f;pointer-events:none}@keyframes selectedPulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.choice-correct{border-color:var(--color-correct, #43A047);background:#43a04733;pointer-events:none}.choice-correct.choice-won{animation:correctPulse .6s ease-in-out infinite}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.choice-wrong{border-color:var(--color-incorrect, #E53935);background:#e5393533;pointer-events:none;animation:wrongCrush 2s ease-in-out infinite}@keyframes wrongCrush{0%,to{transform:scale(1)}50%{transform:scale(.93)}}.choice-dimmed{opacity:.35;pointer-events:none}.sparkle{position:fixed;border-radius:50%;background:var(--color-stars);pointer-events:none;z-index:300;animation:sparkleOut 1.2s ease-out forwards;box-shadow:0 0 6px var(--color-stars),0 0 12px #ffd54f80}@keyframes sparkleOut{0%{transform:translate(0) scale(1.3);opacity:1}40%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}.spark-wrong{position:fixed;border-radius:50%;background:var(--color-incorrect, #E53935);pointer-events:none;z-index:300;animation:sparkWrongOut 1.6s ease-out forwards;box-shadow:0 0 6px var(--color-incorrect, #E53935),0 0 12px #e5393566}@keyframes sparkWrongOut{0%{transform:translate(0) scale(1.2);opacity:1;background:var(--color-incorrect, #E53935);box-shadow:0 0 6px var(--color-incorrect, #E53935),0 0 12px #e5393566}79%{transform:translate(var(--dx),var(--dy)) scale(.8);opacity:.9;background:var(--color-incorrect, #E53935);box-shadow:0 0 4px #e539354d}80%{background:#9e9e9e;box-shadow:none}to{transform:translate(var(--dx),calc(var(--dy) + 60px)) scale(0);opacity:0;background:#616161;box-shadow:none}}.flying-point{position:fixed;width:14px;height:14px;border-radius:50%;background:var(--color-stars);pointer-events:none;z-index:300;opacity:0;box-shadow:0 0 6px var(--color-stars),0 0 12px #ffd54f66;animation:flyToScore .6s cubic-bezier(.2,.8,.3,1) forwards}@keyframes flyToScore{0%{transform:translate(0) scale(1.2);opacity:1}80%{opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(.3);opacity:0}}