:root{--bg: #111417;--bg-carte: #1a1f24;--texte: #e8eaed;--doux: #8a929b;--accent: #6186ea;--trait: #2a3138;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--texte);font-family:-apple-system,system-ui,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}.plein{height:100%}.centre{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem}.doux{color:var(--doux)}.erreur{color:#ff6b6b;font-size:.9rem}.connexion{display:flex;flex-direction:column;gap:.8rem;width:min(340px,86vw)}.connexion h1{text-align:center;font-weight:600;margin-bottom:.4rem}.connexion input,.connexion button{padding:.8rem 1rem;border-radius:12px;border:1px solid var(--trait);background:var(--bg-carte);color:var(--texte);font-size:1rem}.connexion button{background:var(--accent);border:none;font-weight:600}.connexion button:disabled{opacity:.5}.app{display:flex;flex-direction:column;height:100%}.barre{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;padding-top:max(.7rem,env(safe-area-inset-top));border-bottom:1px solid var(--trait);flex:0 0 auto}.barre .titre{font-weight:600;font-size:.95rem}.barre .serie{font-variant-numeric:tabular-nums}.barre .menu{display:flex;gap:.8rem}.lien{background:none;border:none;color:var(--doux);font-size:.85rem;cursor:pointer}.rail{flex:1 1 auto;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior:contain;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.colonne{flex:0 0 100%;width:100%;scroll-snap-align:start;height:100%;padding:1rem}.carte{position:relative;height:100%;display:flex;flex-direction:column;background:var(--bg-carte);border-radius:22px;overflow:hidden;box-shadow:0 12px 34px #00000073;animation:entree .28s ease}@keyframes entree{0%{transform:scale(.97);opacity:.5}to{transform:none;opacity:1}}.photo{position:relative;flex:0 0 46%;background-size:cover;background-position:center}.photo-ombre{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--bg-carte) 2%,rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 75%)}.badge-theme{position:absolute;left:1rem;bottom:.7rem;z-index:1;font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6)}.marqueur-angle{color:#ffd166;font-size:1rem}.contenu{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:.2rem 1.3rem 1rem}.texte{font-size:1.3rem;line-height:1.5;margin:.2rem 0 1rem}.angle{color:var(--doux);font-style:italic;border-left:2px solid var(--accent);padding-left:.7rem}.attribution{display:inline-block;color:var(--doux);font-size:.78rem;text-decoration:none;margin-top:.4rem}.actions-tinder{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:1.4rem;padding:.8rem 0 1.1rem}.rond{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#23292f;border:1px solid var(--trait);color:var(--texte);font-size:1.3rem;cursor:pointer;text-decoration:none;box-shadow:0 4px 12px #00000059;transition:transform .12s}.rond:active{transform:scale(.9)}.rond.lu{width:68px;height:68px;font-size:1.9rem;font-weight:700;background:linear-gradient(160deg,#16a34a,#22c55e);border:none;color:#fff}.rond.signaler{color:#ff9b9b;font-size:1.1rem}.rond.src{color:var(--accent)}.indice-geste{position:absolute;bottom:.2rem;left:0;right:0;text-align:center;font-size:.7rem;color:var(--doux)}.carte.faite{align-items:center;justify-content:center;gap:1rem;background:#16181b;border:1px dashed var(--trait);box-shadow:none}.tampon-lu{font-size:2.4rem;font-weight:800;letter-spacing:.1em;color:#22c55e;border:4px solid #22c55e;border-radius:14px;padding:.3rem 1.4rem;transform:rotate(-15deg);opacity:.85}.theme-faite{color:var(--doux);font-size:.9rem}.points{display:flex;gap:.4rem;justify-content:center;padding:.8rem;padding-bottom:max(.8rem,env(safe-area-inset-bottom));flex:0 0 auto}.point{width:7px;height:7px;border-radius:50%;background:var(--trait)}.point.actuel{background:var(--accent);transform:scale(1.3)}.point.evacue{background:var(--doux);opacity:.4}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(3rem + env(safe-area-inset-bottom));background:#23292f;border:1px solid var(--trait);border-radius:12px;padding:.6rem 1rem;display:flex;gap:1rem;align-items:center;font-size:.9rem}.toast button{background:none;border:none;color:var(--accent);font-weight:600;cursor:pointer}.ecran-fin h1{font-size:2.2rem;font-weight:600}.ecran-fin .serie{font-size:1.2rem}.admin{padding:0 1rem 3rem;max-width:720px;margin:0 auto}.admin h2{font-size:1rem;margin-top:1.6rem}.admin table{width:100%;border-collapse:collapse;font-size:.85rem}.admin th,.admin td{text-align:left;padding:.4rem .5rem;border-bottom:1px solid var(--trait)}.admin tr.vide{color:#ff6b6b}.liste{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem}.liste li{display:flex;justify-content:space-between;gap:1rem;align-items:center;font-size:.85rem;border-bottom:1px solid var(--trait);padding-bottom:.5rem}.liste button{background:#3a2020;border:1px solid #5a2a2a;color:#ff9b9b;border-radius:8px;padding:.3rem .6rem;cursor:pointer}@media(min-width:640px){.app,.plein{max-width:460px;margin:0 auto;border-left:1px solid var(--trait);border-right:1px solid var(--trait)}}@media(max-width:360px){.texte{font-size:1.15rem}.badge-theme{font-size:1.25rem}.rond{width:46px;height:46px}.rond.lu{width:60px;height:60px}}