:root{--bg-primary:#1f1b12;--bg-secondary:#2a2419;--accent-primary:#9c8043;--accent-vif:#9b3c1f;--accent-doux:#7e9c5b;--text-primary:#c9bb96;--text-muted:#776235;--border-subtle:#9c804340}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif}.app{max-width:800px;min-height:100vh;margin:0 auto;padding:1.5rem 2rem;position:relative}.app:before{content:"";z-index:-2;background:var(--bg-image) center / cover no-repeat;position:fixed;inset:0}.app:after{content:"";z-index:-1;background:var(--bg-primary);opacity:.5;position:fixed;inset:0}.header{text-align:center;margin-bottom:4rem}h1{color:var(--accent-primary);letter-spacing:.05em;text-shadow:0 2px 14px #000000bf;margin-bottom:.5rem;font-size:4rem;font-weight:400}.subtitle{color:var(--text-muted);text-shadow:0 2px 10px #000000b3;font-size:1.6rem;font-style:italic}.menu{flex-direction:column;gap:.5rem;max-width:420px;margin:0 auto;display:flex}.menu-btn{color:var(--text-primary);letter-spacing:.06em;cursor:pointer;background:#0f0d099e;border:1px solid #5e4c268c;border-radius:5px;padding:2rem 2.5rem;font-family:inherit;font-size:1.65rem;transition:all .25s;box-shadow:inset 0 1px #c9bb960f}.menu-btn:hover{color:var(--accent-doux);border-color:var(--accent-doux);background:#0f0d09c7;box-shadow:inset 0 1px #c9bb961a,0 0 18px #7e9c5b33}.question-zone{text-align:center;flex-direction:column;margin-bottom:2rem;display:flex}.image-wrapper{justify-content:center;align-items:center;height:50vh;margin:0 auto;display:flex}.tableau-image{object-fit:contain;border:1px solid var(--border-subtle);border-radius:3px;max-width:100%;max-height:100%;animation:.4s fadeIn;box-shadow:0 4px 20px #0006}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.info-tableau{color:var(--text-primary);margin-top:1.5rem;font-size:1.2rem;font-style:italic}.info-peintre{color:var(--accent-primary);margin-top:.5rem;font-size:1.1rem}.actions{flex-direction:row;justify-content:center;gap:1rem;margin:1.5rem auto 0;display:flex}.actions .menu-btn{min-width:180px}.consigne{text-align:center;color:var(--accent-primary);margin-bottom:.8rem;font-size:1.1rem;font-style:italic}.propositions{grid-template-columns:1fr 1fr;gap:.75rem;max-width:600px;min-height:130px;margin:1.5rem auto 0;display:grid}.proposition-btn{border:1px solid var(--border-subtle);color:var(--text-primary);letter-spacing:.03em;cursor:pointer;text-align:center;background:0 0;border-radius:3px;padding:1rem 1.5rem;font-family:inherit;font-size:1rem;transition:all .2s}.proposition-btn:hover:not(:disabled){border-color:var(--accent-vif);color:var(--accent-vif);background:#9b3c1f14}.proposition-btn.correct{border-color:var(--accent-doux);color:var(--accent-doux);cursor:default;background:#7e9c5b26}.proposition-btn.incorrect{border-color:var(--accent-vif);color:var(--accent-vif);cursor:default;background:#9b3c1f26}.proposition-btn.neutre{opacity:.4;cursor:default}.btn-suivant:hover{border-color:var(--accent-doux)!important;color:var(--accent-doux)!important;background:#7e9c5b26!important}.info-revelee{text-align:center;margin-top:.8rem;padding:.5rem}.score-bar{justify-content:flex-end;margin-bottom:1.5rem;padding:.5rem 0;display:flex}.score{color:var(--accent-primary);letter-spacing:.1em;font-variant-numeric:tabular-nums;font-size:1.1rem}.grille-images{grid-template-columns:1fr 1fr;gap:.8rem;max-width:1100px;margin:0 auto;display:grid}.image-proposition{border:2px solid var(--border-subtle);cursor:pointer;background:var(--bg-secondary);aspect-ratio:1;border-radius:3px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.image-proposition img{object-fit:contain;width:100%;height:100%}.image-proposition:hover{border-color:var(--accent-primary);transform:scale(1.02)}.image-proposition.correct{border-color:var(--accent-doux);border-width:3px;box-shadow:0 0 20px #7e9c5b66}.image-proposition.incorrect{border-color:var(--accent-vif);border-width:3px}.image-proposition.neutre{opacity:.4;cursor:default}.image-info-overlay{opacity:0;text-align:center;pointer-events:none;background:linear-gradient(#1f1b1200 0%,#1f1b12d9 30%,#1f1b12f2 100%);padding:1.5rem .8rem .7rem;transition:opacity .25s;position:absolute;bottom:0;left:0;right:0}.image-proposition:hover .image-info-overlay{opacity:1}.overlay-peintre{color:var(--accent-primary);letter-spacing:.05em;margin-bottom:.2rem;font-size:.95rem}.overlay-titre{color:var(--text-primary);font-size:.85rem;font-style:italic}.grille-chronologie{flex-direction:row;justify-content:center;align-items:flex-end;gap:2rem;width:100vw;padding:0 2rem;display:flex;position:relative;left:50%;overflow-x:auto;transform:translate(-50%)}.grille-chronologie .image-proposition{aspect-ratio:auto;cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;align-items:center;display:flex;position:relative}.grille-chronologie .image-proposition img{border:1px solid var(--border-subtle);border-radius:3px;width:auto;height:55vh;transition:all .2s;display:block}.grille-chronologie .image-proposition:hover img{border-color:var(--accent-primary);transform:scale(1.02)}.grille-chronologie .image-proposition.correct img{border-color:var(--accent-doux);border-width:3px;box-shadow:0 0 20px #7e9c5b66}.grille-chronologie .image-proposition.incorrect img{border-color:var(--accent-vif);border-width:3px}.grille-chronologie .image-proposition.neutre{opacity:.4}.chrono-info{text-align:center;background:0 0;width:100%;padding:.8rem 0 0;position:static}.chrono-peintre{color:var(--accent-primary);letter-spacing:.05em;margin-bottom:.3rem;font-size:1rem}.chrono-annee{color:var(--text-primary);font-size:.95rem;font-style:italic}.filtre-grille{gap:.5rem;width:100%;margin:1.5rem 0;display:grid}.filtre-tag{border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);letter-spacing:.03em;cursor:pointer;text-align:center;background:0 0;border-radius:3px;padding:.6rem 1rem;font-family:inherit;font-size:.9rem;transition:all .2s}.filtre-tag:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#9c80431a}.filtre-tag.actif{border-color:var(--accent-primary);color:var(--accent-primary);background:#9c804333}.pool-count{color:var(--text-muted);margin:.5rem 0 1rem;font-size:.95rem;font-style:italic}.filtre-epoque{flex-direction:column;gap:1rem;max-width:300px;margin:1.5rem 0;display:flex}.filtre-epoque label{color:var(--text-muted);flex-direction:column;gap:.4rem;font-size:.95rem;display:flex}.filtre-epoque input{background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:3px;padding:.6rem 1rem;font-family:inherit;font-size:1rem}@media (width<=480px){.app{padding:1rem 1.2rem}h1{font-size:2.4rem}.subtitle{font-size:1.15rem}.header{margin-bottom:2.5rem}.menu-btn{padding:1.2rem 1.5rem;font-size:1.2rem}.propositions,.grille-images{grid-template-columns:1fr}.actions{flex-direction:column;align-items:stretch}.actions .menu-btn{width:100%;min-width:0}.grille-chronologie{gap:1rem;padding:0 1rem}.grille-chronologie .image-proposition img{height:38vh}}.erreur-ecran{text-align:center;width:100%;max-width:720px;margin:0 auto}.erreur-detail{text-align:left;border:1px solid var(--accent-vif);color:var(--text-primary);white-space:pre-wrap;word-break:break-word;background:#0f0d09b3;border-radius:5px;max-height:50vh;margin-top:1.5rem;padding:1rem;font-size:.85rem;line-height:1.5;overflow-x:auto}.tracker-onglet{border:1px solid var(--border-subtle);color:var(--text-primary);letter-spacing:.04em;cursor:pointer;background:#0f0d099e;border-radius:5px;padding:.7rem 1.4rem;font-family:inherit;font-size:1.05rem;transition:all .2s}.tracker-onglet:hover{border-color:var(--accent-doux);color:var(--accent-doux)}.tracker-onglet.actif{border-color:var(--accent-doux);color:var(--accent-doux);background:#7e9c5b1f}.tracker-table{border-collapse:collapse;width:100%;margin-top:.5rem}.tracker-table th,.tracker-table td{text-align:left;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);padding:.55rem .8rem}.tracker-table th{color:var(--accent-primary);letter-spacing:.03em;font-size:.95rem;font-weight:400}.tracker-table td:nth-child(2),.tracker-table td:nth-child(3),.tracker-table th:nth-child(2),.tracker-table th:nth-child(3){text-align:right;white-space:nowrap}.tracker-categories{flex-direction:column;gap:.4rem;margin-top:.8rem;display:flex}.tranche-tete{border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);letter-spacing:.03em;cursor:pointer;background:#0f0d0980;border-radius:5px;align-items:center;gap:.8rem;padding:.85rem 1rem;font-family:inherit;font-size:1.15rem;transition:all .2s;display:flex}.tranche-tete:hover:not(:disabled){border-color:var(--accent-doux);color:var(--accent-doux)}.tranche-tete:disabled{opacity:.4;cursor:default}.tranche-chevron{width:1rem;color:var(--accent-primary)}.tranche-label{text-align:left;flex:1}.tranche-compte{color:var(--text-muted);text-align:right;min-width:1.5rem;font-size:.95rem}.tranche .tracker-table{margin:.2rem 0 .6rem;padding:0 1rem}