: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-patrons: #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}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}#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-rap-vs-geo);color:#fff}.btn-outline{background:var(--bg-card);border:2px solid var(--text-muted);color:var(--text-secondary)}.btn-attribution{background:#6a1b9a}.btn-achievements{background:var(--color-stars);color:#212121}.btn-guess{flex:1;padding:14px 12px;border-radius:12px;font-weight:700;font-size:.95rem;color:#fff;min-height:48px}.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:.85rem;font-weight:700;color:var(--text-muted)}.stars{display:flex;gap:3px}.star{width:12px;height:12px;border-radius:50%}.star-filled{background:var(--color-stars)}.star-empty{background:#ffffff26}.star-decayed{background:#ffffff26;box-shadow:inset 0 0 0 3px #ffd54f59}.star-decay{animation:starDecay .5s ease forwards}@keyframes starDecay{0%{background:var(--color-stars);transform:scale(1)}50%{background:#e57373;transform:scale(1.4)}to{background:#ffffff26;transform:scale(1)}}.screen{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}.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:2px 10px;border-radius:999px;font-size:.7rem;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}.citation-toggle-wrap{display:grid;align-items:center}.citation-toggle-wrap.citation-tappable{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.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-up{top:auto;bottom:16px;left:50%;transform:translate(-50%)}.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{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)}.attribution-choice{position:relative;padding:12px 8px;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 + 28px);display:flex;align-items:center;justify-content:center;overflow:visible}.choice-hint{position:absolute;bottom:-8px;left:50%;transform:translate(-50%) scale(0);transition:transform .3s ease;white-space:nowrap;z-index:1;font-size:.75rem;padding:3px 12px;border:1px solid rgba(255,255,255,.3)}.choice-hint.hint-visible{transform:translate(-50%) scale(1)}.attribution-choice:active{transform:scale(.97)}.choice-correct{border-color:var(--color-correct, #43A047);background:#43a04733;pointer-events:none}.choice-wrong{border-color:var(--color-incorrect, #E53935);background:#e5393533;pointer-events:none}.choice-dimmed{opacity:.35;pointer-events:none}.swipe-up-hint{animation:swipeUpHint .8s ease}@keyframes swipeUpHint{0%{transform:translateY(0)}30%{transform:translateY(-30px)}60%{transform:translateY(5px)}80%{transform:translateY(-10px)}to{transform:translateY(0)}}