:root{color-scheme:dark;--feu: #ff8a3c;--glace: #7fb8ff;--legal: #37d67a}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#f5e9d8;background:radial-gradient(circle at 30% 20%,#2a1810,#0b0b14 60%);-webkit-tap-highlight-color:transparent}.app{display:flex;flex-direction:column;min-height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem 1rem;flex-wrap:wrap}.logo{font-weight:800;font-size:1.15rem;background:linear-gradient(90deg,var(--feu),var(--glace));-webkit-background-clip:text;background-clip:text;color:transparent}.phase{opacity:.7;font-size:.82rem}.zone-jeu{flex:1;display:grid;place-items:center;padding:.5rem}.cadran{position:relative;width:min(92vw,60vh,560px);aspect-ratio:1 / 1;background-size:cover;background-position:center;border-radius:18px;box-shadow:0 12px 40px #00000080}.quartier-cartes{position:absolute;transform:translate(-50%,-50%);display:flex;pointer-events:none}.quartier-zone{position:absolute;transform:translate(-50%,-50%);width:22%;aspect-ratio:1 / 1;border:none;border-radius:50%;background:transparent;cursor:pointer;transition:box-shadow .15s ease,background .15s ease}.quartier-zone--legal{background:radial-gradient(circle,rgba(55,214,122,.25),transparent 70%);box-shadow:0 0 0 3px var(--legal),0 0 22px #37d67a99}.carte{border:none;padding:0;background-color:transparent;background-repeat:no-repeat;border-radius:8px;box-shadow:0 3px 10px #00000073;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.carte--clic{cursor:pointer}.carte--sel{transform:translateY(-14px) scale(1.06);box-shadow:0 0 0 3px #fff,0 8px 20px #0009}.carte--off{filter:grayscale(.7) brightness(.6);cursor:not-allowed}.quartier-carte{display:inline-block}.main-joueur{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:.5rem;padding:.9rem 1rem calc(.9rem + env(safe-area-inset-bottom));min-height:120px;background:linear-gradient(to top,rgba(0,0,0,.35),transparent)}.toast{margin:.4rem auto 0;max-width:90%;padding:.5rem .9rem;border-radius:10px;background:#ff52522e;border:1px solid rgba(255,82,82,.5);color:#ffd9d9;font-size:.85rem;text-align:center}.carte:focus-visible,.quartier-zone:focus-visible{outline:none;box-shadow:0 0 0 3px #fff,0 0 18px #fff9}.vide{opacity:.7;align-self:center}@media (min-width: 900px){.phase{font-size:.95rem}}