:root{
  --g-ui-scale:1;
  --space-0:#080B1C;--space-1:#0B1026;--panel:#131A38;--panel-2:#1B2450;--line:#2A356B;
  --ink:#EAF0FF;--ink-dim:#93A0CE;--glow:#4FD1C5;--glow-2:#A78BFA;
  --r-fertile:#6BBF59;--r-minerais:#B0885A;--r-eau:#4AA3E0;--r-energie:#E8C14A;
  --r-rare:#B57EDC;--r-indus:#E08A3C;--r-urbain:#4FD1C5;--r-areta:#F0D06A;
  --m-vous:#4FD1C5;--m-allie:#6BBF59;--m-ennemi:#E8615A;--m-ia:#E08A3C;--m-inhabite:#586394;--m-inconnu:#33406f;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
html{font-size:calc(16px * var(--g-ui-scale))}
body{background:var(--space-1);color:var(--ink);
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow:hidden;-webkit-tap-highlight-color:transparent}
.hidden{display:none!important}
.brand{font-weight:800;letter-spacing:.24em;color:var(--glow);text-transform:uppercase}
.brand span{color:var(--glow-2)}
.brand.small{font-size:.8rem;letter-spacing:.2em}
.eyebrow{font:700 .64rem/1 ui-monospace,monospace;letter-spacing:.32em;text-transform:uppercase;color:var(--glow)}
.cta{border:1px solid var(--glow);color:#08122b;background:var(--glow);
  font:800 .85rem/1 ui-sans-serif,system-ui;padding:.7rem 1rem;border-radius:.6rem;cursor:pointer;transition:.15s;width:100%}
.cta:hover{filter:brightness(1.08)} .cta:active{transform:translateY(1px)}
.focusable:focus-visible{outline:2px solid var(--glow-2);outline-offset:2px}

.g-ui-zoom{position:fixed;z-index:260;right:.72rem;bottom:5.65rem;display:flex;align-items:center;gap:.28rem;padding:.34rem .4rem;border-radius:.9rem;background:linear-gradient(180deg,rgba(4,36,41,.96),rgba(3,23,29,.94));border:1px solid rgba(104,226,211,.18);box-shadow:0 12px 28px rgba(0,0,0,.35);backdrop-filter:blur(8px)}
.g-ui-zoom button,.g-ui-zoom span{min-width:2.1rem;height:2.1rem;border-radius:.55rem;display:grid;place-items:center}
.g-ui-zoom button{border:1px solid rgba(97,215,200,.21);background:rgba(5,48,51,.78);color:#eafff8;font:800 .75rem/1 ui-sans-serif,system-ui;cursor:pointer}
.g-ui-zoom span{padding:0 .45rem;min-width:2.7rem;background:rgba(4,36,41,.9);color:#8ee4d4;font:800 .52rem/1 ui-monospace,monospace}
.g-ui-zoom button:active{transform:translateY(1px)}
@media (min-width:901px){.g-ui-zoom{top:5.1rem;bottom:auto;right:1rem}}
body.era3-premium .g-ui-zoom,body.era4-premium .g-ui-zoom,body.era5-premium .g-ui-zoom{bottom:6.05rem}
@media (max-width:480px){.g-ui-zoom{right:.55rem;bottom:5.85rem;padding:.26rem .3rem}.g-ui-zoom button,.g-ui-zoom span{min-width:1.9rem;height:1.9rem}.g-ui-zoom span{min-width:2.5rem;font-size:.46rem}}

/* ---------- AUTH ---------- */
body.auth{display:grid;place-items:center;background:radial-gradient(1200px 800px at 50% -10%,#141d44,#080B1C 60%)}
.starfield{position:fixed;inset:0;background-image:radial-gradient(1px 1px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 70% 60%,#cfe,transparent),radial-gradient(1px 1px at 40% 80%,#9af,transparent),radial-gradient(1px 1px at 85% 20%,#fff,transparent);opacity:.5}
.authcard{position:relative;z-index:2;width:min(92vw,380px);background:rgba(19,26,56,.9);backdrop-filter:blur(10px);
  border:1px solid var(--line);border-radius:1rem;padding:1.4rem}
.authcard .brand{font-size:1.7rem;text-align:center}
.authcard .tag{text-align:center;color:var(--ink-dim);font:500 .82rem/1 ui-monospace,monospace;margin:.3rem 0 1rem}
.tabs{display:flex;gap:.4rem;margin-bottom:1rem}
.tab{flex:1;background:var(--panel);border:1px solid var(--line);color:var(--ink-dim);
  padding:.55rem;border-radius:.5rem;cursor:pointer;font:700 .8rem/1 ui-sans-serif,system-ui}
.tab.active{color:var(--ink);border-color:var(--glow);background:var(--panel-2)}
.form{display:grid;gap:.7rem}
.form label{display:grid;gap:.3rem;font:600 .74rem/1 ui-sans-serif,system-ui;color:var(--ink-dim)}
.form input{background:var(--space-0);border:1px solid var(--line);color:var(--ink);
  padding:.6rem .7rem;border-radius:.5rem;font-size:.95rem}
.form input:focus{outline:none;border-color:var(--glow)}
.err{color:var(--m-ennemi);font:600 .78rem/1.3 ui-sans-serif,system-ui;min-height:1rem;margin:.7rem 0 0;text-align:center}

/* ---------- TOPBAR ---------- */
.topbar{position:fixed;top:0;left:0;right:0;height:3.2rem;display:flex;align-items:center;gap:.8rem;
  padding:0 .8rem;background:rgba(8,11,28,.92);border-bottom:1px solid var(--line);z-index:8}
.tabsnav{display:flex;gap:.35rem}
.navtab{background:var(--panel);border:1px solid var(--line);color:var(--ink-dim);
  padding:.45rem .6rem;border-radius:.5rem;cursor:pointer;font:700 .78rem/1 ui-sans-serif,system-ui;white-space:nowrap}
.navtab.active{color:var(--ink);border-color:var(--glow);background:var(--panel-2)}
.res{display:flex;gap:.5rem;flex:1;flex-wrap:wrap;align-items:center;font:700 .78rem/1 ui-monospace,monospace}
.res .r{display:flex;align-items:center;gap:.3rem;white-space:nowrap;color:var(--ink)}
.res .r small{color:var(--ink-dim)}
.logout{background:transparent;border:1px solid var(--line);color:var(--ink-dim);
  padding:.45rem .6rem;border-radius:.5rem;cursor:pointer;font:700 .74rem/1 ui-sans-serif,system-ui}

/* ---------- VIEWS ---------- */
.view{position:fixed;inset:3.2rem 0 0 0}

/* CELL VIEW — cadre compact + coins dépliables */
#view-cell{display:block;overflow:auto}
.cellframe{position:relative;margin:.7rem;padding:2.9rem .8rem 1.1rem;border:1px solid var(--line);
  border-radius:1rem;background:#0a1622;display:flex;flex-direction:column;align-items:center;gap:.6rem;min-height:280px;overflow:hidden}
.corner{position:absolute;top:.55rem;z-index:6}
.corner.left{left:.6rem}
.corner.right{right:.6rem}
.chip-toggle{display:flex;align-items:center;gap:.35rem;background:var(--space-0);border:1px solid var(--line);
  color:var(--ink);border-radius:.55rem;padding:.4rem .55rem;font:700 .78rem/1 ui-sans-serif,system-ui;cursor:pointer;white-space:nowrap}
.chip-toggle b{color:var(--ink-dim);font:700 .74rem/1 ui-monospace,monospace}
.chip-toggle.open{border-color:var(--glow)}
.chip-toggle.open .cav{transform:rotate(180deg);display:inline-block}
.cdrop{position:absolute;top:2.5rem;width:min(72vw,260px);max-height:44vh;overflow:auto;
  background:var(--panel-2);border:1px solid var(--glow);border-radius:.7rem;padding:.6rem;z-index:7;
  box-shadow:0 10px 30px rgba(0,0,0,.5)}
.corner.left .cdrop{left:0}
.corner.right .cdrop{right:0}
.cellframe #cellcanvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;border-radius:1rem}
.cellframe .bigbtn{position:relative;z-index:4;margin-top:auto;min-width:min(60vw,220px);padding:.55rem .9rem;font-size:.8rem;
  box-shadow:0 6px 20px rgba(0,0,0,.45)}
.cellframe .eventlog{position:relative;z-index:4;text-shadow:0 1px 4px rgba(0,0,0,.7)}
.cellframe .corner{z-index:6}
.progress.mini{height:1rem;margin-bottom:.5rem}
#view-cell.era2 .corner{display:none}
#view-cell.era2 .cellframe{padding-top:1rem}
.bigbtn{border:1px solid var(--glow);background:var(--glow);color:#08122b;font:800 .9rem/1 ui-sans-serif,system-ui;
  padding:.8rem 1.2rem;border-radius:.7rem;cursor:pointer;min-width:min(80vw,340px)}
.bigbtn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.bigbtn:active{transform:translateY(1px)}
.eventlog{font:600 .78rem/1.4 ui-monospace,monospace;color:var(--glow-2);min-height:1.2rem;text-align:center}
.panel{background:var(--panel);border-left:1px solid var(--line);padding:1rem;overflow:auto}
.panel h2{margin:.3rem 0 .8rem;font-size:1.2rem}
.panel h3{margin:1.1rem 0 .5rem;font-size:.95rem;color:var(--ink-dim)}
.progress{position:relative;height:1.4rem;background:var(--space-0);border:1px solid var(--line);border-radius:.5rem;overflow:hidden;margin-bottom:.9rem}
.progress .bar{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--glow),var(--glow-2));transition:width .3s}
.progress span{position:absolute;inset:0;display:grid;place-items:center;font:700 .72rem/1 ui-monospace,monospace;color:#08122b}
.stats{display:grid;gap:.4rem}
.stat{display:flex;justify-content:space-between;font:600 .82rem/1.2 ui-sans-serif,system-ui}
.stat .v{font:700 .82rem/1.2 ui-monospace,monospace}
.organelles{display:grid;gap:.5rem}
.org{display:grid;gap:.2rem;background:var(--space-0);border:1px solid var(--line);border-radius:.55rem;padding:.55rem .65rem}
.org .top{display:flex;justify-content:space-between;align-items:center}
.org .n{font:700 .82rem/1 ui-sans-serif,system-ui}
.org .d{font:500 .72rem/1.3 ui-sans-serif,system-ui;color:var(--ink-dim)}
.org button{border:1px solid var(--glow);background:transparent;color:var(--glow);border-radius:.4rem;
  padding:.3rem .55rem;font:700 .72rem/1 ui-monospace,monospace;cursor:pointer;white-space:nowrap}
.org.owned{opacity:.6} .org.owned button{border-color:var(--line);color:var(--ink-dim);background:transparent}
.org button:disabled{opacity:.5;cursor:not-allowed}
.readybox{margin-top:1rem;background:rgba(79,209,197,.12);border:1px solid var(--glow);border-radius:.6rem;
  padding:.7rem;font:600 .8rem/1.4 ui-sans-serif,system-ui;color:var(--glow)}

/* MAP VIEW */
#view-map{background:var(--space-1)}
#stage3d,#stage2d{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}
.hud{position:absolute;z-index:5}
.crumbs{top:.7rem;left:.8rem;display:flex;gap:.35rem;align-items:center}
.crumb{font:600 .74rem/1 ui-monospace,monospace;color:var(--ink-dim);background:var(--panel);
  border:1px solid var(--line);padding:.4rem .55rem;border-radius:.5rem;cursor:pointer}
.crumb.active{color:var(--ink);border-color:var(--glow);background:var(--panel-2)}
.chev{color:var(--line)}
.viewhead{top:3rem;left:.8rem}
.vtitle{font-size:1.3rem;font-weight:800;margin:.3rem 0 0;text-shadow:0 2px 20px rgba(79,209,197,.25)}
.vsub{font:500 .76rem/1.3 ui-monospace,monospace;color:var(--ink-dim);margin-top:.25rem;max-width:24ch}
.legend{left:.8rem;bottom:.8rem;background:rgba(19,26,56,.82);backdrop-filter:blur(8px);border:1px solid var(--line);
  border-radius:.7rem;padding:.55rem .65rem;max-width:min(70vw,300px)}
.legend h4{margin:0 0 .4rem;font:700 .58rem/1 ui-monospace,monospace;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-dim)}
.legrow{display:flex;flex-wrap:wrap;gap:.3rem .7rem}
.leg{display:flex;align-items:center;gap:.35rem;font:600 .7rem/1 ui-sans-serif,system-ui}
.dot{width:.7rem;height:.7rem;border-radius:50%;flex:none;box-shadow:0 0 8px currentColor}
.sq{width:.72rem;height:.72rem;border-radius:.18rem;flex:none}
.inspect{top:3rem;right:.8rem;width:min(82vw,270px);background:rgba(19,26,56,.88);backdrop-filter:blur(10px);
  border:1px solid var(--line);border-radius:.8rem;overflow:hidden}
.inspect.empty{opacity:.6}
.ihead{padding:.65rem .75rem;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(167,139,250,.1),transparent)}
.ieyebrow{font:700 .56rem/1 ui-monospace,monospace;letter-spacing:.26em;text-transform:uppercase;color:var(--glow-2)}
.iname{font-size:1rem;font-weight:800;margin-top:.25rem}
.ibody{padding:.65rem .75rem;display:grid;gap:.45rem}
.kv{display:flex;justify-content:space-between;gap:.7rem;align-items:baseline}
.kv .k{font:600 .7rem/1.2 ui-sans-serif,system-ui;color:var(--ink-dim)}
.kv .v{font:700 .76rem/1.2 ui-monospace,monospace;text-align:right}
.tag{display:inline-block;font:700 .6rem/1 ui-monospace,monospace;padding:.26rem .48rem;border-radius:.4rem;text-transform:uppercase}
.hint{font:500 .7rem/1.4 ui-sans-serif,system-ui;color:var(--ink-dim)}
.controls{right:.8rem;bottom:.8rem;display:flex;flex-direction:column;gap:.4rem;align-items:flex-end}
.modeswap{background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:.5rem;
  padding:.45rem .6rem;font:700 .72rem/1 ui-monospace,monospace;cursor:pointer}
.zoombtns{display:flex;gap:.35rem;background:rgba(19,26,56,.82);border:1px solid var(--line);border-radius:.6rem;padding:.3rem}
.zbtn{width:2rem;height:2rem;border:0;background:var(--panel-2);color:var(--ink);border-radius:.4rem;font-size:1.1rem;cursor:pointer}
.render-note{font:600 .6rem/1 ui-monospace,monospace;color:var(--ink-dim);background:rgba(19,26,56,.7);
  border:1px solid var(--line);border-radius:.5rem;padding:.4rem .5rem}
#tip{position:absolute;z-index:6;transform:translate(-50%,-140%);pointer-events:none;opacity:0;transition:opacity .12s;
  font:700 .72rem/1 ui-monospace,monospace;background:rgba(19,26,56,.92);border:1px solid var(--line);padding:.3rem .5rem;border-radius:.4rem}

@media (max-width:640px){
  .panel{border-left:0;border-top:1px solid var(--line)}
  .inspect{top:auto;bottom:.8rem;left:.8rem;right:.8rem;width:auto;max-height:42vh;overflow:auto}
  .legend{bottom:auto;top:3rem;right:.8rem;left:auto;max-width:44vw}
  .controls{bottom:calc(42vh + 1rem)}
}

/* ---- Panneaux ère 1 (chimie / ADN) & ère 2 ---- */
.objlist{display:grid;gap:.25rem;margin:.4rem 0 .2rem}
.obj{font:600 .76rem/1.3 ui-sans-serif,system-ui;color:var(--ink-dim);display:flex;gap:.4rem;align-items:baseline}
.obj.done{color:var(--glow)}
.obj span{font-weight:800}
.invgrid{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}
.chip{background:var(--space-0);border:1px solid var(--line);border-radius:.4rem;padding:.28rem .5rem;font:600 .74rem/1 ui-monospace,monospace}
.chip b{color:var(--glow)}
.row2{margin:.3rem 0 .2rem}
.mini{width:100%;border:1px solid var(--line);background:var(--space-0);color:var(--ink);border-radius:.5rem;padding:.5rem;font:700 .76rem/1 ui-sans-serif,system-ui;cursor:pointer}
.mini:disabled{opacity:.4;cursor:not-allowed}
.recipes{display:grid;gap:.45rem}
.recipe{background:var(--space-0);border:1px solid var(--line);border-radius:.55rem;padding:.55rem .65rem;display:grid;gap:.3rem}
.recipe.locked{opacity:.7;border-style:dashed}
.recipe .rn{font:700 .82rem/1 ui-sans-serif,system-ui}
.recipe .d{font:500 .72rem/1.3 ui-monospace,monospace;color:var(--ink-dim)}
.recipe button{justify-self:start;border:1px solid var(--glow);background:transparent;color:var(--glow);border-radius:.4rem;padding:.3rem .55rem;font:700 .72rem/1 ui-monospace,monospace;cursor:pointer}
.recipe button:disabled{border-color:var(--line);color:var(--ink-dim);cursor:not-allowed}
.steppers{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-top:.4rem}
.stepper{display:flex;align-items:center;gap:.4rem;background:var(--space-0);border:1px solid var(--line);border-radius:.5rem;padding:.35rem .5rem;font:600 .74rem/1 ui-sans-serif,system-ui}
.stepper span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stepper button{width:1.5rem;height:1.5rem;border:0;background:var(--panel-2);color:var(--ink);border-radius:.35rem;cursor:pointer;font-size:1rem;line-height:1}
.stepper b{min-width:1.2rem;text-align:center;font:700 .8rem/1 ui-monospace,monospace;color:var(--glow)}
.readybox{margin-top:1rem;background:rgba(79,209,197,.12);border:1px solid var(--glow);border-radius:.6rem;padding:.7rem;font:600 .8rem/1.4 ui-sans-serif,system-ui;color:var(--glow)}

/* ---- bouton fiche planète ---- */
.ibtn{width:2rem;height:2rem;border:1px solid var(--line);background:var(--panel);color:var(--glow);
  border-radius:50%;cursor:pointer;font:800 .9rem/1 ui-sans-serif,system-ui;flex:none}
.ibtn:hover{border-color:var(--glow)}

/* ---- modale fiche planète ---- */
.modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:rgba(6,9,20,.7);backdrop-filter:blur(4px)}
.modalcard{position:relative;width:min(92vw,420px);max-height:86vh;overflow:auto;background:var(--panel);
  border:1px solid var(--line);border-radius:1rem;padding:1.2rem}
.modalcard h2{margin:.3rem 0 .8rem}
.modalx{position:absolute;top:.7rem;right:.7rem;width:1.9rem;height:1.9rem;border:1px solid var(--line);
  background:var(--space-0);color:var(--ink);border-radius:.4rem;cursor:pointer}

/* ---- écran de création de planète ---- */
.overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;overflow:auto;padding:1rem;
  background:radial-gradient(1000px 700px at 50% -10%,#141d44,#080B1C 60%)}
.creacard{width:min(94vw,460px);background:rgba(19,26,56,.92);border:1px solid var(--line);border-radius:1rem;padding:1.4rem}
.creacard h2{margin:.3rem 0 .5rem;font-size:1.3rem}
.budget{margin:.8rem 0}
.budget span{font:700 .78rem/1.4 ui-monospace,monospace;color:var(--ink-dim)}
.bbar{height:.7rem;background:var(--space-0);border:1px solid var(--line);border-radius:.4rem;overflow:hidden;margin-top:.3rem}
.bbar>div{height:100%;width:0;background:linear-gradient(90deg,var(--glow),var(--glow-2));transition:width .15s}
.cclass{font:600 .82rem/1.4 ui-sans-serif,system-ui;color:var(--ink);margin-bottom:.6rem}
.cclass b{color:var(--glow)}
.cslider{display:grid;grid-template-columns:1fr 1.6fr auto;align-items:center;gap:.6rem;margin:.5rem 0;font:600 .8rem/1 ui-sans-serif,system-ui}
.cslider .cl{color:var(--ink-dim)}
.cslider input[type=range]{width:100%;accent-color:var(--glow)}
.cslider b{font:700 .8rem/1 ui-monospace,monospace;min-width:3.2rem;text-align:right}
.creacard .cta:disabled{opacity:.5;cursor:not-allowed}

/* ---- création : navigation bloquée ---- */
body.creating .topbar{display:none}
body.creating .view{inset:0}
.dots{display:flex;gap:.35rem;justify-content:center;margin-bottom:1rem}
.dots .dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--line)}
.dots .dot.past{background:var(--glow-2)}
.dots .dot.on{background:var(--glow);box-shadow:0 0 8px var(--glow)}
.field{display:grid;gap:.4rem;font:600 .78rem/1 ui-sans-serif,system-ui;color:var(--ink-dim);margin:.6rem 0}
.field input{background:var(--space-0);border:1px solid var(--line);color:var(--ink);padding:.7rem;border-radius:.5rem;font-size:1.05rem}
.field input:focus{outline:none;border-color:var(--glow)}
.creacard h2.hl{color:var(--glow)}
.cslider.big{grid-template-columns:1fr auto;margin:1rem 0}
.cslider.big input[type=range]{width:100%;height:1.6rem;accent-color:var(--glow)}
.cslider.big b{font-size:1.1rem;min-width:4rem}
.crea-nav{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-top:1.2rem}
.crea-nav .cta{width:auto;flex:1}
.crea-nav .mini{width:auto}

/* ---- coach marks (mini-tuto ère 1) ---- */
.coach-highlight{outline:3px solid var(--glow)!important;outline-offset:3px;border-radius:.6rem;
  box-shadow:0 0 0 9999px rgba(6,9,20,.55);position:relative;z-index:40}
.coachbox{position:fixed;left:50%;bottom:1.2rem;transform:translateX(-50%);z-index:41;width:min(92vw,420px);
  background:var(--panel-2);border:1px solid var(--glow);border-radius:.8rem;padding:.9rem 1rem;
  display:grid;gap:.6rem;box-shadow:0 8px 40px rgba(0,0,0,.5)}
.coachbox .ct{font:600 .84rem/1.4 ui-sans-serif,system-ui;color:var(--ink)}
.coachbox .mini{width:auto;justify-self:end;border-color:var(--glow);color:var(--glow)}

/* ---- panneau admin ---- */
.adminbtns{display:grid;gap:.55rem;margin:.8rem 0}
.adminbtns .cta{width:100%}
.cta.danger{background:var(--m-ennemi);border-color:var(--m-ennemi);color:#fff}
.cta.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
#adminMsg{min-height:1.2rem}

/* ===== Point 8 : 5 niveaux, atelier ===== */

/* boutons dépliables (inventaire / missions) */
.collapse{width:100%;display:flex;justify-content:space-between;align-items:center;gap:.5rem;
  background:var(--space-0);border:1px solid var(--line);color:var(--ink);border-radius:.6rem;
  padding:.6rem .75rem;margin:.4rem 0 .2rem;font:700 .85rem/1 ui-sans-serif,system-ui;cursor:pointer}
.collapse b{color:var(--ink-dim);font:700 .78rem/1 ui-monospace,monospace}
.collapse.open{border-color:var(--glow)}
.collapsebody{padding:.3rem 0 .5rem}

/* pastilles de niveau */
.pips{display:inline-flex;gap:2px;margin-left:.35rem;vertical-align:middle}
.pip{width:.42rem;height:.42rem;border-radius:50%;background:var(--line)}
.pip.on{background:var(--glow)}
/* étiquette d'affinité planétaire */
.ftag{display:inline-block;border:1px solid;border-radius:.35rem;padding:.05rem .4rem;font:700 .68rem/1.3 ui-monospace,monospace}
.org .top .n{display:flex;align-items:center;flex-wrap:wrap;gap:.15rem}
.panel h3 small{color:var(--ink-dim);font-weight:600}

/* bouton atelier */
.atelier-btn{width:100%;margin:.6rem 0 .2rem}

/* page atelier */
.ateliercard{width:min(96vw,560px);background:rgba(19,26,56,.96);border:1px solid var(--line);border-radius:1rem;padding:1.2rem;margin:auto}
.atelier-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.4rem}
.toggles{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}
.toggle{background:var(--space-0);border:1px solid var(--line);color:var(--ink);border-radius:.5rem;
  padding:.4rem .6rem;font:600 .78rem/1 ui-sans-serif,system-ui;cursor:pointer}
.toggle b{color:var(--ink-dim);margin-left:.2rem}
.toggle.on{border-color:var(--glow);background:rgba(79,209,197,.15);color:var(--glow)}
.toggle.on b{color:var(--glow)}

/* feedback visible (toast) + états de niveau */
#toast{position:fixed;top:3.6rem;left:50%;transform:translateX(-50%) translateY(-8px);z-index:60;
  background:var(--panel-2);border:1px solid var(--glow);color:var(--ink);border-radius:.6rem;
  padding:.6rem .9rem;font:700 .8rem/1.3 ui-sans-serif,system-ui;max-width:90vw;text-align:center;
  opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 8px 30px rgba(0,0,0,.5)}
#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.need{font:700 .72rem/1.2 ui-monospace,monospace;color:#E8615A}
.buildbanner{background:rgba(232,193,74,.12);border:1px solid #E8C14A66;color:#E8C14A;
  border-radius:.6rem;padding:.5rem .7rem;font:600 .78rem/1.3 ui-sans-serif,system-ui;margin:.4rem 0}
.recipe button.muted{border-color:var(--line);color:var(--ink-dim);opacity:.75}

/* prérequis colorés du niveau suivant (vert = ok, rouge = manquant) */
.reqrow{font:600 .72rem/1.5 ui-sans-serif,system-ui;color:var(--ink-dim);display:flex;flex-wrap:wrap;gap:.3rem;align-items:center;margin-top:.15rem}
.req{display:inline-block;border:1px solid;border-radius:.35rem;padding:.05rem .4rem;font:700 .7rem/1.3 ui-monospace,monospace}
.req.ok{color:#6BBF59;border-color:#6BBF5966;background:rgba(107,191,89,.1)}
.req.no{color:#E8615A;border-color:#E8615A66;background:rgba(232,97,90,.1)}
.evolve-btn{width:100%;margin:.2rem 0 .5rem;background:linear-gradient(90deg,var(--glow),var(--glow-2));color:#08122b;border:0}
.rename{background:none;border:0;cursor:pointer;font-size:.9rem;padding:0 .2rem;vertical-align:middle;opacity:.7}
.rename:hover{opacity:1}

/* boutons de niveau : vert clair = prêt, terne = manque de points, ambre = en cours */
.org .top .lvlbtn{border-radius:.45rem;padding:.32rem .6rem;font:800 .74rem/1 ui-monospace,monospace;cursor:pointer;border:1px solid}
.org .top .lvlbtn.ready{background:#4FD1C5;border-color:#4FD1C5;color:#08122b}
.org .top .lvlbtn.ready:active{transform:translateY(1px)}
.org .top .lvlbtn.off{background:transparent;border-color:var(--line);color:var(--ink-dim);cursor:not-allowed;opacity:.6}
.org .top .lvlbtn.build{background:rgba(232,193,74,.16);border-color:#E8C14A;color:#E8C14A;cursor:progress}
.org .top .lvlbtn.max{background:transparent;border-color:#6BBF5966;color:#6BBF59;cursor:default;opacity:.8}

/* ère 1 — barres de ressources (§3) + métaboliser */
.statbar{position:relative;flex:1 1 30%;min-width:120px;height:1.4rem;border-radius:.5rem;overflow:hidden;
  background:var(--space-0);border:1px solid var(--line)}
.statfill{position:absolute;inset:0 auto 0 0;height:100%;opacity:.85;transition:width .3s}
.statbar span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font:700 .68rem/1 ui-monospace,monospace;color:#08131f;text-shadow:0 1px 2px rgba(255,255,255,.25);white-space:nowrap}
.metab{display:grid;gap:.4rem}
.metab-row{display:flex;align-items:center;gap:.4rem;background:var(--space-0);border:1px solid var(--line);
  border-radius:.55rem;padding:.4rem .5rem}
.metab-row .mn{flex:1;font:600 .78rem/1.2 ui-sans-serif,system-ui;color:var(--ink)}
.metab-row .mini{width:auto;padding:.34rem .5rem;font-size:.72rem}
.org .top .n em{font-style:normal;color:var(--glow)}

/* ère 5 — spécialisation des colonies */
.specrow{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.15rem}
.specbtn{width:auto;padding:.32rem .5rem;font-size:1rem;line-height:1;opacity:.55;border-color:var(--line)}
.specbtn.on{opacity:1;border-color:var(--glow);box-shadow:0 0 0 1px var(--glow) inset}

/* icônes-images (repli emoji) */
.gico{height:1.15em;width:auto;vertical-align:-0.18em;object-fit:contain}
.res .gico{height:1.25em}
.org .top .n .gico,.metab-row .gico{height:1.3em}
.chip .gico,.specbtn .gico{height:1.2em}

/* === GENESIS v6 — évolution guidée par l'environnement === */
.org.undiscovered{opacity:.58;filter:saturate(.6)}
.lvlbtn.locked{border-style:dashed!important;opacity:.72!important;cursor:not-allowed!important}
.cellstats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.encounter{margin:.8rem 0;padding:.85rem;border:1px solid rgba(232,97,90,.55);border-radius:16px;background:linear-gradient(135deg,rgba(232,97,90,.14),rgba(11,16,38,.7));display:grid;gap:.4rem;box-shadow:0 0 24px rgba(232,97,90,.09)}
.encounter>b{font-size:1rem}.encounter>span{font-size:.78rem;color:var(--muted,#93A0CE)}
.enc-actions{display:flex;gap:.5rem;margin-top:.25rem}.enc-actions button{flex:1}
.evo-signs{display:grid;gap:.55rem;margin:.65rem 0}.evo-sign{display:grid;grid-template-columns:minmax(120px,.85fr) 1.15fr;align-items:center;gap:.65rem;font-size:.78rem}
.evo-sign>div{height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.evo-sign i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--glow,#4FD1C5),var(--glow-2,#A78BFA))}
.envhint{color:#8ed9c9}
@media(max-width:420px){.cellstats{grid-template-columns:1fr 1fr}.evo-sign{grid-template-columns:1fr}.enc-actions{flex-direction:column}}
.randomplanet{text-align:center;padding:1.2rem .8rem;border:1px solid rgba(79,209,197,.24);border-radius:20px;background:radial-gradient(circle at 50% 30%,rgba(79,209,197,.12),rgba(11,16,38,.42));margin:.8rem 0}.rp-orb{font-size:4.5rem;filter:drop-shadow(0 0 22px rgba(79,209,197,.25));margin-bottom:.35rem}.randomplanet h3{margin:.25rem 0 .5rem}.randomplanet p{max-width:35rem;margin:.35rem auto}

/* =====================================================================
   GENESIS V6.1 — HUD mobile premium ÈRE 1
   Inspiré de la maquette validée : monde plein écran + HUD contextuel.
   ===================================================================== */
.era1-premium-hud{display:none}
.mobile-sheet-close{display:none}

@media (max-width:900px){
  body.era1-premium{background:#031416;overflow:hidden}
  body.era1-premium .topbar{display:none}
  body.era1-premium .view{inset:0}
  body.era1-premium #view-cell{overflow:hidden;background:#031416}
  body.era1-premium #view-cell>.cellframe{
    margin:0;padding:0;border:0;border-radius:0;min-height:100dvh;height:100dvh;width:100%;
    background:#08272a;display:block;overflow:hidden;isolation:isolate
  }
  body.era1-premium .cellframe #cellcanvas{inset:0;border-radius:0;width:100%;height:100%;filter:saturate(1.12) contrast(1.06) brightness(.88)}
  body.era1-premium .cellframe:after{
    content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
    background:
      linear-gradient(180deg,rgba(0,14,19,.42) 0,rgba(0,13,17,.02) 24%,rgba(0,12,14,.02) 62%,rgba(0,9,12,.62) 100%),
      radial-gradient(ellipse at 50% 40%,transparent 25%,rgba(0,10,12,.18) 73%,rgba(0,6,9,.5) 100%);
  }
  body.era1-premium .corner{display:none}
  body.era1-premium .cellframe>.eventlog{position:absolute;z-index:19;left:50%;bottom:10.3rem;transform:translateX(-50%);width:72%;min-height:0;color:#b9fff0;font-size:.65rem;pointer-events:none;opacity:.88}

  .era1-premium-hud{display:block;position:absolute;inset:0;z-index:10;pointer-events:none;color:#eefdfb;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
  .era1-premium-hud button{pointer-events:auto;font-family:inherit}

  .p-topcard{
    position:absolute;top:max(.65rem,env(safe-area-inset-top));left:.65rem;right:.65rem;height:5.15rem;
    display:grid;grid-template-columns:minmax(9.5rem,1.15fr) minmax(12rem,1.25fr) 2.7rem;align-items:stretch;
    background:linear-gradient(180deg,rgba(3,23,30,.94),rgba(3,19,25,.88));
    border:1px solid rgba(71,211,205,.16);border-radius:1.15rem;overflow:hidden;
    box-shadow:0 12px 32px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.025);backdrop-filter:blur(16px)
  }
  .p-brandblock{display:flex;align-items:center;gap:.65rem;padding:.75rem .8rem;border-right:1px solid rgba(96,220,218,.12);min-width:0}
  .p-cell-logo{width:2.8rem;height:2.8rem;display:grid;place-items:center;border-radius:50%;font-size:1.45rem;background:radial-gradient(circle at 38% 35%,#2ef0d6 0,#0b726f 40%,#04262d 72%);border:1px solid rgba(134,255,240,.48);box-shadow:0 0 18px rgba(31,232,213,.28)}
  .p-brandblock>div:last-child{display:grid;gap:.25rem;min-width:0}
  .p-brandblock strong{font-size:1.06rem;letter-spacing:.08em;line-height:1;white-space:nowrap}
  .p-brandblock span{font-size:.58rem;letter-spacing:.05em;color:#31d5c7;font-weight:800;white-space:nowrap}
  .p-top-resources{display:grid;grid-template-columns:repeat(3,1fr);min-width:0}
  .p-resource{display:grid;place-items:center;align-content:center;gap:.12rem;border-right:1px solid rgba(96,220,218,.1);min-width:0}
  .p-resource>b{font-size:1.08rem;line-height:1}
  .p-resource>strong{font-size:.9rem;line-height:1.1}
  .p-resource>span{font-size:.54rem;font-weight:700;color:#7bd786;white-space:nowrap}
  .p-resource.water>span{color:#59d4f9}.p-resource.mutation>span{color:#d787ff}.p-resource.mutation>b{filter:drop-shadow(0 0 6px rgba(200,104,255,.6))}
  .p-settings{align-self:center;justify-self:center;width:2.15rem;height:2.15rem;border-radius:.72rem;border:1px solid rgba(105,221,220,.19);background:rgba(7,29,38,.76);color:#9de4df;font-size:1.05rem}

  .p-statusrow{position:absolute;top:calc(max(.65rem,env(safe-area-inset-top)) + 5.65rem);left:.8rem;right:.8rem;height:4.45rem;display:grid;grid-template-columns:5.7rem 6.4rem 1fr;gap:.5rem}
  .p-statusbox,.p-objective{background:linear-gradient(180deg,rgba(3,27,34,.93),rgba(3,22,29,.82));border:1px solid rgba(92,221,215,.14);border-radius:.85rem;box-shadow:0 8px 22px rgba(0,0,0,.28);backdrop-filter:blur(12px)}
  .p-statusbox{display:grid;place-items:center;align-content:center;gap:.2rem}
  .p-statusbox span,.p-objective>span{font-size:.49rem;letter-spacing:.06em;font-weight:800;color:#9ed7d6}
  .p-statusbox strong{font-size:1.25rem;color:#48e1c8}.p-statusbox.timer strong{font-size:.72rem;color:#eaf7f5}
body.era1-premium button.p-statusbox{appearance:none;-webkit-appearance:none;font:inherit;color:inherit;padding:0;width:100%;height:100%;text-align:center}
body.era1-premium .p-statusbox.clickable-help{cursor:pointer;pointer-events:auto;touch-action:manipulation;z-index:5;border-color:rgba(92,221,215,.34);transition:transform .15s ease,border-color .15s ease,background .15s ease}
body.era1-premium .p-statusbox.clickable-help:focus-visible{outline:2px solid rgba(111,237,222,.72);outline-offset:2px}
body.era1-premium .p-statusbox.clickable-help:active{transform:scale(.97)}
body.era1-premium .p-statusbox.clickable-help{position:relative}
.cycle1-summary b{color:#8ff1e5}
  .p-objective{position:relative;padding:.56rem .75rem .5rem;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;column-gap:.4rem;align-items:center}
  .p-objective>span{grid-column:1/-1;color:#61ded5}
  .p-objective>strong{font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .p-objective>em{font-style:normal;font-size:.62rem;color:#63e6d7;font-weight:800}
  .p-progress{grid-column:1/2;height:.42rem;border-radius:1rem;background:#0a3439;overflow:hidden;margin-top:.1rem}
  .p-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#1dd1b5,#59e2c4);border-radius:inherit;box-shadow:0 0 10px rgba(49,231,201,.35);transition:width .3s}

  .p-left-tools{position:absolute;top:11.25rem;left:.75rem;display:grid;gap:.65rem}
  .p-roundtool{width:3.5rem;height:3.5rem;border-radius:1.15rem;border:1px solid rgba(91,218,215,.24);background:linear-gradient(180deg,rgba(2,25,33,.9),rgba(1,17,24,.88));color:#d7f7f4;display:grid;place-items:center;align-content:center;gap:.12rem;box-shadow:0 8px 20px rgba(0,0,0,.32)}
  .p-roundtool b{font-size:1.1rem;line-height:1}.p-roundtool span{font-size:.46rem;font-weight:800;letter-spacing:.03em}

  .p-worldnodes{position:absolute;inset:10.4rem .5rem 9.8rem;pointer-events:none}
  .p-node{position:absolute;display:grid;gap:.12rem;place-items:center;text-align:center;padding:.38rem .5rem;border-radius:.55rem;background:rgba(0,19,24,.52);backdrop-filter:blur(5px);text-shadow:0 1px 3px #001517;box-shadow:0 3px 14px rgba(0,0,0,.16)}
  .p-node span{font-size:.55rem;font-weight:800;letter-spacing:.02em}.p-node b{font-size:.57rem;color:#90e45f}
  .p-node.algae{left:23%;top:16%}.p-node.bacteria{left:6%;top:51%}.p-node.minerals{right:2%;top:49%}.p-node.organic{right:3%;top:22%}
  .p-node.toxic{left:34%;bottom:3%;border:1px dashed rgba(255,93,81,.45);background:rgba(24,35,21,.56)}.p-node.toxic b{color:#ff665c}
  .p-node.unknown{right:9%;bottom:13%;width:3.7rem;height:3.7rem;border-radius:50%;padding:0;background:radial-gradient(circle,rgba(7,40,46,.95),rgba(1,18,24,.88));border:1px solid rgba(117,226,219,.28)}
  .p-node.unknown strong{font-size:1.35rem}.p-node.unknown span{position:absolute;top:3.85rem;white-space:nowrap}
  body.has-cell-encounter .p-node.toxic{box-shadow:0 0 0 .18rem rgba(255,91,70,.12),0 0 28px rgba(255,71,55,.2)}

  .p-actiondock{position:absolute;left:.75rem;right:.75rem;bottom:4.7rem;height:7.3rem;display:grid;grid-template-columns:5.3rem 1fr 5.3rem;gap:.65rem;align-items:end}
  .p-sideaction{height:5.25rem;border-radius:2rem;border:1px solid rgba(90,218,213,.28);background:linear-gradient(180deg,rgba(4,41,49,.9),rgba(2,22,29,.94));color:#d7f9f5;display:grid;place-items:center;align-content:center;gap:.12rem;box-shadow:0 12px 26px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.03)}
  .p-sideaction>b{font-size:1.15rem;color:#7af1dd}.p-sideaction>strong{font-size:.58rem;letter-spacing:.03em}.p-sideaction>span{font-size:.45rem;color:#a9c8ca;white-space:nowrap}
  .p-sideaction.mutation{border-color:rgba(170,100,255,.38)}.p-sideaction.mutation>b{color:#ca8cff;filter:drop-shadow(0 0 6px rgba(174,86,255,.6))}
  .p-primary-wrap{position:relative;display:grid;place-items:center;align-content:end;height:7.3rem}
  .p-energy{position:absolute;top:0;z-index:3;display:grid;place-items:center;gap:.05rem;font-size:.54rem;color:#d9f6dc;text-shadow:0 1px 4px #001}.p-energy b{font-size:.72rem;color:#e5fda9}.p-energy>span{font-size:.45rem;letter-spacing:.08em}
  body.era1-premium .cellframe .bigbtn#btn-primary{position:relative;z-index:2;margin:0;width:min(9.5rem,40vw);min-width:0;height:5.75rem;border-radius:50%;padding:0;border:1px solid rgba(90,255,204,.72);background:radial-gradient(circle at 50% 22%,#11a978 0,#087b64 45%,#055648 72%,#04372f 100%);color:#d9fff3;font-size:1.05rem;letter-spacing:.04em;box-shadow:0 0 0 .55rem rgba(1,63,58,.5),0 0 0 .72rem rgba(65,232,189,.15),0 0 34px rgba(41,245,177,.4),inset 0 10px 28px rgba(75,255,196,.17);text-shadow:0 1px 4px #003b35}
  body.era1-premium .cellframe .bigbtn#btn-primary:disabled{filter:saturate(.3);opacity:.78}

  .p-bottomnav{position:absolute;left:.65rem;right:.65rem;bottom:max(.45rem,env(safe-area-inset-bottom));height:4rem;display:grid;grid-template-columns:repeat(5,1fr);background:linear-gradient(180deg,rgba(3,25,32,.96),rgba(2,17,23,.97));border:1px solid rgba(99,220,217,.18);border-radius:.95rem;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.46);backdrop-filter:blur(14px)}
  .p-bottomnav button{border:0;border-right:1px solid rgba(103,220,216,.08);background:transparent;color:#8aa7ad;display:grid;place-items:center;align-content:center;gap:.18rem;padding:0}.p-bottomnav button:last-child{border-right:0}
  .p-bottomnav button b{font-size:1.05rem;line-height:1;filter:grayscale(.35)}.p-bottomnav button span{font-size:.45rem;font-weight:800;letter-spacing:.025em}
  .p-bottomnav button.active{color:#b9f989;background:radial-gradient(circle at 50% 100%,rgba(77,212,87,.18),transparent 72%);box-shadow:inset 0 0 0 1px rgba(77,209,92,.28)}

  body.era1-premium #cellpanel{position:fixed;z-index:45;left:.65rem;right:.65rem;top:13dvh;bottom:0;border:1px solid rgba(92,220,215,.28);border-radius:1rem 1rem 0 0;background:linear-gradient(180deg,rgba(4,28,35,.985),rgba(2,16,23,.99));padding:1.15rem .85rem calc(1.2rem + env(safe-area-inset-bottom));box-shadow:0 -18px 50px rgba(0,0,0,.5);transform:translateY(calc(100% + 2rem));transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility .28s;backdrop-filter:blur(18px);overflow:auto;overscroll-behavior:contain;pointer-events:none;visibility:hidden}
  body.era1-premium #cellpanel.mobile-sheet-open{transform:translateY(0);pointer-events:auto;visibility:visible}
  body.era1-premium #cellpanel:before{content:"";display:block;width:2.8rem;height:.26rem;border-radius:1rem;background:rgba(186,236,232,.3);margin:-.65rem auto .7rem}
  body.era1-premium .mobile-sheet-close{display:grid;position:sticky;top:.15rem;margin:-.1rem .1rem .15rem auto;z-index:60;width:2.8rem;height:2.8rem;place-items:center;border:1px solid rgba(120,228,220,.34);border-radius:50%;background:#09282e;color:#d8fbf7;font-size:1.65rem;line-height:1;box-shadow:0 6px 18px rgba(0,0,0,.28);touch-action:manipulation}
  body.era1-premium #cellpanel h2{font-size:1.1rem}body.era1-premium #cellpanel h3{color:#c4e5e2}
  body.era1-premium #cellpanel .org,body.era1-premium #cellpanel .metab-row{background:rgba(3,17,24,.72);border-color:rgba(83,199,198,.15)}

  /* La vue carte conserve la navigation historique quand on la quitte. */
  body:not(.era1-premium) .era1-premium-hud{display:none!important}
}

@media (min-width:901px){
  body.era1-premium .era1-premium-hud{display:none!important}
}

@media (min-width:901px){
  body:is(.era3-premium,.era4-premium,.era5-premium) .era1-premium-hud{display:block!important}
}

@media (max-width:420px){
  .p-topcard{grid-template-columns:8.2rem 1fr 2.35rem;height:4.75rem}.p-brandblock{padding:.6rem}.p-cell-logo{width:2.45rem;height:2.45rem}.p-brandblock strong{font-size:.92rem}.p-brandblock span{font-size:.49rem}.p-resource>strong{font-size:.78rem}.p-resource>span{font-size:.47rem}.p-settings{width:1.9rem;height:1.9rem}
  .p-statusrow{top:calc(max(.65rem,env(safe-area-inset-top)) + 5.2rem);grid-template-columns:4.8rem 5.3rem 1fr;height:4rem;gap:.35rem}.p-statusbox strong{font-size:1.08rem}.p-objective{padding:.48rem .55rem}.p-objective>strong{font-size:.58rem}
  .p-left-tools{top:10.2rem;left:.55rem;gap:.5rem}.p-roundtool{width:3rem;height:3rem}.p-worldnodes{inset:9.5rem .25rem 9.1rem}
  .p-actiondock{left:.5rem;right:.5rem;bottom:4.35rem;grid-template-columns:4.6rem 1fr 4.6rem;gap:.4rem}.p-sideaction{height:4.7rem;border-radius:1.6rem}.p-sideaction>strong{font-size:.5rem}.p-sideaction>span{font-size:.4rem}
  body.era1-premium .cellframe .bigbtn#btn-primary{width:min(8.6rem,38vw);height:5.1rem;font-size:.92rem}.p-primary-wrap{height:6.7rem}.p-bottomnav{left:.45rem;right:.45rem;height:3.65rem}.p-bottomnav button span{font-size:.4rem}
}
.p-map-back{display:none}
@media(max-width:900px){
  body.era1-premium #view-map .p-map-back{display:block;position:absolute;z-index:30;top:max(.7rem,env(safe-area-inset-top));left:.7rem;border:1px solid rgba(83,218,209,.3);background:rgba(2,23,29,.88);color:#baf5ee;border-radius:.7rem;padding:.58rem .75rem;font:800 .62rem/1 ui-sans-serif,system-ui;letter-spacing:.05em;backdrop-filter:blur(10px)}
}

/* =====================================================================
   GENESIS V6.1.2 — UX mobile : réglages, profondeur 3D, exploration unique
   ===================================================================== */
@media (max-width:900px){
  /* Profondeur : les briques semblent posées au-dessus de la mare. */
  body.era1-premium .p-topcard,
  body.era1-premium .p-statusbox,
  body.era1-premium .p-objective,
  body.era1-premium .p-roundtool,
  body.era1-premium .p-sideaction,
  body.era1-premium .p-bottomnav,
  body.era1-premium .p-settings-menu{
    box-shadow:
      0 12px 24px rgba(0,0,0,.34),
      0 4px 8px rgba(0,0,0,.28),
      inset 0 1px 0 rgba(182,255,247,.12),
      inset 0 -2px 0 rgba(0,0,0,.22);
  }
  body.era1-premium .p-resource{
    box-shadow:inset 1px 0 rgba(126,228,218,.08),inset -1px 0 rgba(0,0,0,.18);
  }
  body.era1-premium .p-roundtool,
  body.era1-premium .p-sideaction,
  body.era1-premium .p-settings,
  body.era1-premium .p-bottomnav button{
    transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;
  }
  body.era1-premium .p-roundtool:active,
  body.era1-premium .p-sideaction:active,
  body.era1-premium .p-settings:active,
  body.era1-premium .p-bottomnav button:active{
    transform:translateY(2px) scale(.985);
    filter:brightness(.92);
    box-shadow:0 3px 6px rgba(0,0,0,.28),inset 0 2px 4px rgba(0,0,0,.22);
  }

  /* Paramètres : menu déroulant et accès admin réservé. */
  .p-settings-wrap{position:relative;align-self:center;justify-self:center;pointer-events:auto;z-index:80}
  .p-settings-menu{
    position:absolute;right:0;top:calc(100% + .55rem);width:12.2rem;padding:.38rem;
    border:1px solid rgba(105,221,220,.22);border-radius:.9rem;
    background:linear-gradient(180deg,rgba(4,32,39,.98),rgba(2,20,26,.98));
    backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden;
  }
  .p-settings-menu.hidden{display:none!important}
  .p-settings-menu button{
    width:100%;display:flex;align-items:center;gap:.65rem;padding:.72rem .7rem;border:0;border-radius:.65rem;
    background:transparent;color:#dff9f5;text-align:left;font-size:.7rem;font-weight:750;
  }
  .p-settings-menu button+button{border-top:1px solid rgba(126,228,218,.08)}
  .p-settings-menu button:active{background:rgba(55,203,184,.12)}
  .p-settings-menu button.danger{color:#ffb3aa}

  /* La mare est un décor vivant. EXPLORER est l'unique action d'exploration. */
  .p-worldnodes{pointer-events:none!important}
  .p-ambient{position:absolute;display:grid;place-items:center;color:rgba(183,255,215,.26);text-shadow:0 0 18px rgba(88,255,191,.25);filter:blur(.1px);opacity:.72;user-select:none}
  .p-ambient.algae{left:23%;top:17%;font-size:2.3rem;transform:rotate(-12deg)}
  .p-ambient.bacteria{left:8%;top:54%;font-size:3rem;letter-spacing:-.35rem;color:rgba(255,174,70,.22);transform:rotate(18deg)}
  .p-ambient.minerals{right:7%;top:48%;font-size:3rem;color:rgba(176,167,255,.25);transform:rotate(15deg)}
  .p-ambient.organic{right:8%;top:25%;font-size:3.1rem;color:rgba(224,182,102,.2)}
  .p-ambient.toxic{left:43%;bottom:13%;font-size:2.7rem;color:rgba(175,255,64,.19)}
  .p-explore-hint{position:absolute;top:calc(50% + 2.1rem);left:50%;transform:translateX(-50%);width:11rem;text-align:center;color:#9cc8c1;font-size:.43rem;letter-spacing:.015em;pointer-events:none}

  /* Messages : sous les objectifs, jamais au niveau du bouton énergie. */
  body.era1-premium .cellframe>.eventlog{
    left:50%;top:calc(max(.65rem,env(safe-area-inset-top)) + 9.55rem);bottom:auto;transform:translateX(-50%);
    width:min(74%,25rem);padding:.42rem .65rem;border-radius:.7rem;
    background:rgba(3,27,32,.82);border:1px solid rgba(111,227,214,.14);
    box-shadow:0 8px 18px rgba(0,0,0,.25);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);
    text-align:center;font-size:.58rem;line-height:1.25;opacity:1;
  }
  body.era1-premium .cellframe>.eventlog:empty{display:none}
  body.era1-premium #toast{
    top:calc(max(.65rem,env(safe-area-inset-top)) + 9.6rem);bottom:auto;max-width:78%;
    background:rgba(4,34,39,.96);border-color:rgba(116,235,222,.25);box-shadow:0 10px 26px rgba(0,0,0,.38);
    font-size:.65rem;line-height:1.3;text-align:center;
  }
}
@media (max-width:900px){body.era1-premium .cellframe>.eventlog{display:none!important}}

/* ===== GENESIS v6.1.3 — navigation UX séparée + mare vivante ===== */
@media (max-width:900px){
 body.era1-premium .p-settings-wrap{position:static!important}
 body.era1-premium .p-settings-menu{position:fixed!important;top:calc(max(.55rem,env(safe-area-inset-top)) + 4.9rem)!important;right:.65rem!important;left:auto!important;width:min(15rem,72vw)!important;max-height:calc(100dvh - 7rem);overflow:auto;z-index:150!important;transform:none!important}
 .p-feature-sheet{position:fixed;z-index:120;left:.55rem;right:.55rem;top:calc(max(.55rem,env(safe-area-inset-top)) + 5.15rem);bottom:calc(max(.45rem,env(safe-area-inset-bottom)) + 4.15rem);border:1px solid rgba(91,224,213,.28);border-radius:1.25rem;background:linear-gradient(160deg,rgba(4,34,40,.985),rgba(2,18,25,.99));box-shadow:0 24px 65px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.07),inset 0 -14px 28px rgba(0,0,0,.18);backdrop-filter:blur(22px);pointer-events:auto;overflow:hidden;animation:featureIn .22s ease-out}
 .p-feature-sheet.hidden{display:none!important}.p-feature-head{height:4.3rem;display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;border-bottom:1px solid rgba(110,225,216,.11);background:linear-gradient(180deg,rgba(15,64,66,.3),transparent)}
 .p-feature-head span{font-size:.48rem;letter-spacing:.18em;color:#68e3d4;font-weight:900}.p-feature-head h2{margin:.1rem 0 0;font-size:1.15rem;color:#f2fffd}.p-feature-head button{width:2.6rem;height:2.6rem;border-radius:50%;border:1px solid rgba(112,226,217,.3);background:linear-gradient(#0b3439,#06252c);color:#dff;font-size:1.55rem;box-shadow:0 7px 14px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.08)}
 .p-feature-body{height:calc(100% - 4.3rem);overflow:auto;padding:.9rem;overscroll-behavior:contain}.p-feature-body h3{margin:.8rem 0 .45rem;color:#bce9e2;font-size:.83rem}.p-feature-body .org,.p-feature-body .metab-row,.p-feature-card{background:linear-gradient(145deg,rgba(9,48,53,.8),rgba(2,24,31,.88));border:1px solid rgba(101,213,205,.16);border-radius:.85rem;padding:.75rem;margin:.5rem 0;box-shadow:0 8px 18px rgba(0,0,0,.28),inset 1px 1px rgba(255,255,255,.04),inset -2px -3px rgba(0,0,0,.12)}
 .p-feature-card strong{display:block;color:#eafffb}.p-feature-card span,.p-feature-card small{color:#9ab9ba}.p-feature-card.done{border-color:rgba(126,241,126,.25)}
 @keyframes featureIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}

 /* mare: profondeur sans faux boutons */
 body.era1-premium .cellframe:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 42%,rgba(98,255,201,.10),transparent 24%),radial-gradient(circle at 18% 34%,rgba(124,255,118,.08),transparent 20%),linear-gradient(180deg,rgba(80,231,197,.05),transparent 30%,rgba(0,17,20,.22) 82%);mix-blend-mode:screen;animation:pondBreath 7s ease-in-out infinite alternate}
 .p-worldnodes:before,.p-worldnodes:after{content:"";position:absolute;inset:-12%;pointer-events:none;background-image:radial-gradient(circle,rgba(181,255,224,.32) 0 1px,transparent 1.7px);background-size:37px 43px;opacity:.28;animation:microDrift 16s linear infinite}
 .p-worldnodes:after{background-size:63px 71px;opacity:.18;animation-duration:25s;animation-direction:reverse}
 .p-ambient{animation:ambientFloat 5s ease-in-out infinite alternate;filter:drop-shadow(0 8px 8px rgba(0,0,0,.3))}
 @keyframes pondBreath{to{filter:brightness(1.12) saturate(1.1)}}@keyframes microDrift{to{transform:translate(35px,-55px)}}@keyframes ambientFloat{to{transform:translateY(-10px) rotate(5deg)}}

 /* animation de découverte/événement : courte, non bloquante */
 .p-moment{position:fixed;z-index:170;left:50%;top:48%;transform:translate(-50%,-50%);width:min(19rem,78vw);min-height:10rem;border:1px solid rgba(100,241,212,.38);border-radius:1.4rem;background:radial-gradient(circle at 50% 20%,rgba(23,115,103,.8),rgba(3,24,31,.96) 60%);box-shadow:0 0 55px rgba(55,239,190,.22),0 25px 60px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.08);display:grid;place-items:center;align-content:center;text-align:center;padding:1rem;pointer-events:none;animation:momentPop 2.35s ease both}
 .p-moment.hidden{display:none!important}.p-moment-icon{font-size:2.4rem;filter:drop-shadow(0 0 15px rgba(105,255,213,.7));z-index:2}.p-moment strong{margin-top:.4rem;font-size:.8rem;letter-spacing:.16em;color:#7ff1d8;z-index:2}.p-moment span{margin-top:.45rem;color:#e7fffa;font-size:.72rem;line-height:1.35;z-index:2}.p-moment-ring{position:absolute;width:5rem;height:5rem;border:1px solid rgba(101,255,215,.5);border-radius:50%;animation:ringOut 1.7s ease-out infinite}
 .p-moment.danger{border-color:rgba(255,103,91,.48);box-shadow:0 0 55px rgba(255,70,55,.18),0 25px 60px rgba(0,0,0,.58)}.p-moment.danger strong{color:#ff9b8e}.p-moment.mutation strong{color:#d999ff}
 @keyframes momentPop{0%{opacity:0;transform:translate(-50%,-45%) scale(.82)}12%,78%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-54%) scale(1.03)}}@keyframes ringOut{from{transform:scale(.65);opacity:.8}to{transform:scale(2.1);opacity:0}}
 body.era1-premium.moment-active #cellcanvas{animation:cellMoment .55s ease-in-out 2}@keyframes cellMoment{50%{filter:saturate(1.45) brightness(1.25)}}
}

/* ===================== V6.1.4 — Rencontre cellulaire interactive ===================== */
@media(max-width:900px){
  .p-encounter-card{position:fixed;z-index:95;left:.8rem;right:.8rem;top:31%;max-width:34rem;margin:auto;padding:.9rem;border:1px solid rgba(255,103,89,.48);border-radius:1.15rem;background:linear-gradient(155deg,rgba(37,12,17,.97),rgba(4,28,34,.985) 58%,rgba(2,18,24,.99));box-shadow:0 22px 60px rgba(0,0,0,.64),0 0 38px rgba(255,73,55,.14),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(18px);pointer-events:auto;overflow:hidden;animation:encounterIn .24s cubic-bezier(.2,.8,.2,1)}
  .p-encounter-card.hidden{display:none!important}
  .p-encounter-glow{position:absolute;inset:-35% 35% 45% -10%;background:radial-gradient(circle,rgba(255,80,62,.18),transparent 66%);pointer-events:none}
  .p-encounter-head{position:relative;display:grid;grid-template-columns:2.7rem 1fr auto;gap:.65rem;align-items:center}
  .p-encounter-icon{width:2.6rem;height:2.6rem;border-radius:.9rem;display:grid;place-items:center;font-size:1.25rem;background:rgba(255,71,54,.12);border:1px solid rgba(255,110,95,.28);box-shadow:0 0 22px rgba(255,70,50,.14)}
  .p-encounter-head>div:nth-child(2){display:grid;gap:.12rem}.p-encounter-head span{font-size:.48rem;letter-spacing:.12em;font-weight:900;color:#ff9b8f}.p-encounter-head strong{font-size:.9rem;color:#fff}
  .p-encounter-head em{font-style:normal;font-size:.5rem;font-weight:900;letter-spacing:.06em;color:#ffd2cc;border:1px solid rgba(255,126,111,.28);background:rgba(255,89,70,.1);padding:.3rem .45rem;border-radius:2rem}
  .p-encounter-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin:.75rem 0}
  .p-encounter-grid>div{display:grid;gap:.12rem;padding:.5rem .58rem;border-radius:.72rem;background:rgba(0,15,21,.55);border:1px solid rgba(110,221,215,.11);box-shadow:inset 0 1px rgba(255,255,255,.025)}
  .p-encounter-grid span{font-size:.46rem;color:#91b8bb}.p-encounter-grid strong{font-size:.76rem;color:#ebfffb}
  .p-encounter-card>p{position:relative;margin:.1rem 0 .72rem;font-size:.57rem;line-height:1.42;color:#c2d9d9}
  .p-encounter-actions{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:.55rem}
  .p-encounter-actions button{min-height:2.85rem;border-radius:.8rem;font-weight:900;font-size:.66rem;letter-spacing:.04em;color:white;box-shadow:0 9px 22px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.07);touch-action:manipulation}
  .p-encounter-actions .fight{border:1px solid rgba(255,111,92,.5);background:linear-gradient(180deg,#b53c32,#72261f)}
  .p-encounter-actions .flee{border:1px solid rgba(94,225,215,.4);background:linear-gradient(180deg,#176c72,#0b434a)}
  .p-encounter-actions button:active{transform:translateY(1px);filter:brightness(.94)}
  body.has-cell-encounter .p-worldnodes{filter:blur(1px) saturate(.75);opacity:.55}
  body.has-cell-encounter .p-left-tools,body.has-cell-encounter .p-actiondock .p-sideaction{opacity:.38;filter:saturate(.55);pointer-events:none}
  body.has-cell-encounter .p-primary-wrap{opacity:.62}

  .p-combat-report{position:fixed;z-index:210;inset:0;display:grid;place-items:center;padding:1rem;background:rgba(0,10,14,.67);backdrop-filter:blur(8px);pointer-events:auto;animation:reportFade .18s ease-out}
  .p-combat-report.hidden{display:none!important}
  .p-report-card{position:relative;width:min(23rem,92vw);border:1px solid rgba(90,225,210,.28);border-radius:1.3rem;padding:1.15rem;background:linear-gradient(160deg,rgba(4,39,43,.99),rgba(2,18,25,.995));box-shadow:0 30px 80px rgba(0,0,0,.68),0 0 42px rgba(65,226,204,.12),inset 0 1px rgba(255,255,255,.06);text-align:center}
  .p-report-close{position:absolute;right:.7rem;top:.7rem;width:2rem;height:2rem;border-radius:50%;border:1px solid rgba(121,224,218,.22);background:#082c32;color:#dffffa;font-size:1.2rem}
  .p-report-icon{font-size:2.3rem;margin:.35rem 0 .25rem;filter:drop-shadow(0 0 14px rgba(102,240,216,.36))}.p-report-kicker{display:block;color:#65e0d4;font-size:.5rem;font-weight:900;letter-spacing:.17em}.p-report-card h2{font-size:1.15rem;margin:.24rem 0 .8rem;color:#f2fffd}
  .p-report-body{display:grid;gap:.38rem;text-align:left}.p-report-row{display:flex;justify-content:space-between;gap:1rem;padding:.5rem .6rem;border-radius:.65rem;background:rgba(0,14,20,.48);border:1px solid rgba(103,214,210,.09)}.p-report-row span{font-size:.57rem;color:#96b7ba}.p-report-row strong{font-size:.65rem;color:#ecfffb;text-align:right}.p-report-body p{font-size:.58rem;line-height:1.45;color:#b8cecf;margin:.3rem .15rem 0;text-align:center}
  .p-report-ok{width:100%;margin-top:.85rem;min-height:2.9rem;border-radius:.8rem;border:1px solid rgba(89,238,202,.45);background:linear-gradient(180deg,#149677,#08705e);color:#eafff8;font-weight:900;letter-spacing:.06em}
  @keyframes encounterIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
  @keyframes reportFade{from{opacity:0}to{opacity:1}}
}
@media(max-width:420px){
  .p-encounter-card{left:.55rem;right:.55rem;top:30%;padding:.72rem}.p-encounter-grid{gap:.32rem;margin:.58rem 0}.p-encounter-grid>div{padding:.42rem .48rem}.p-encounter-actions button{min-height:2.65rem}
}

/* ===== GENESIS v6.1.5 — paramètres fiables + recettes métaboliques ===== */
body.era1-premium .p-settings-wrap{z-index:1001!important;pointer-events:auto!important}
body.era1-premium .p-settings{position:relative;z-index:1002!important;pointer-events:auto!important;touch-action:manipulation}
body.era1-premium .p-settings-menu{
  z-index:1000!important;
  position:fixed!important;
  top:calc(max(.65rem,env(safe-area-inset-top)) + 5.25rem)!important;
  right:.7rem!important;left:auto!important;
  width:min(16.5rem,82vw)!important;
  max-height:min(23rem,calc(100dvh - 7rem))!important;
  overflow:auto!important;
  padding:.48rem!important;
  border-radius:1rem!important;
  border:1px solid rgba(103,229,216,.32)!important;
  background:linear-gradient(180deg,rgba(5,39,45,.995),rgba(2,20,27,.995))!important;
  box-shadow:0 24px 60px rgba(0,0,0,.65),0 5px 13px rgba(0,0,0,.45),inset 0 1px rgba(222,255,250,.08)!important;
}
body.era1-premium .p-settings-menu button{min-height:3.1rem!important;font-size:.78rem!important;padding:.8rem .78rem!important}
body.settings-menu-open:after{content:"";position:fixed;inset:0;z-index:999;background:rgba(0,12,16,.22);pointer-events:none}
#adminmodal{z-index:1300!important}
#planetsheet{z-index:1250!important}
#adminmodal .modalcard,#planetsheet .modalcard{box-shadow:0 28px 80px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.06)}

.recipe-intro{margin:.15rem 0 .8rem;padding:.72rem .8rem;border-radius:.8rem;background:rgba(77,211,194,.07);border:1px solid rgba(102,225,213,.13);font-size:.67rem;line-height:1.45;color:#a9cbc7}
.recipe-intro b{color:#dffdf8}
.metab-recipe{position:relative;margin:.7rem 0;padding:.85rem;border-radius:1rem;border:1px solid rgba(102,225,213,.18);background:linear-gradient(145deg,rgba(9,51,56,.92),rgba(2,24,31,.96));box-shadow:0 12px 26px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.05),inset 0 -4px 10px rgba(0,0,0,.16)}
.metab-recipe.energy{border-color:rgba(255,211,78,.23)}
.metab-recipe.dna{border-color:rgba(199,109,255,.26)}
.recipe-head{display:grid;grid-template-columns:2.3rem 1fr auto;align-items:center;gap:.65rem;margin-bottom:.72rem}
.recipe-head .recipe-icon{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:.72rem;background:rgba(0,0,0,.2);font-size:1.25rem;box-shadow:inset 0 1px rgba(255,255,255,.06)}
.recipe-head strong{display:block;color:#eafffb;font-size:.86rem}.recipe-head small{display:block;color:#8fb8b4;font-size:.55rem;margin-top:.1rem}.recipe-head em{font-style:normal;font-weight:900;color:#cffff8;font-size:.67rem}
.recipe-eq{display:flex;align-items:center;justify-content:center;gap:.35rem;flex-wrap:wrap;padding:.6rem .25rem;margin-bottom:.65rem;border-radius:.72rem;background:rgba(0,0,0,.15)}
.recipe-eq>i{font-style:normal;color:#73d9cf;font-weight:900}.recipe-eq>b{color:#f0fffb;font-size:.65rem}
.recipe-ing{display:inline-flex;align-items:center;gap:.28rem;padding:.35rem .48rem;border-radius:.55rem;border:1px solid rgba(118,227,217,.16);background:rgba(13,57,61,.56);font-size:.58rem;color:#c7e8e3}
.recipe-ing.missing{opacity:.45;border-color:rgba(255,105,105,.16)}.recipe-ing.ok{box-shadow:inset 0 0 16px rgba(76,221,181,.05)}
.recipe-ing .gico{width:1rem;height:1rem}.recipe-ing b{color:#fff}
.recipe-btn{width:100%;min-height:2.8rem!important;margin-top:.1rem}.recipe-btn:disabled{opacity:.42;filter:saturate(.5);cursor:not-allowed}
.recipe-note{display:flex;gap:.45rem;align-items:flex-start}.recipe-note strong{min-width:2rem}.recipe-note span{font-size:.6rem;line-height:1.35}
.p-moment.energy{border-color:rgba(255,212,78,.45)!important;box-shadow:0 0 28px rgba(255,210,70,.16),0 18px 45px rgba(0,0,0,.46)!important}

/* ===== GENESIS v6.1.6 — énergie exploration, inventaire, événements ===== */
body.era1-premium .p-topcard{overflow:hidden}
body.era1-premium>.p-settings-menu{
  display:grid;gap:.12rem;position:fixed!important;
  top:calc(max(.65rem,env(safe-area-inset-top)) + 5.25rem)!important;
  right:.7rem!important;left:auto!important;width:min(17rem,86vw)!important;
  z-index:2005!important;background:linear-gradient(180deg,#07333a 0%,#031c25 100%)!important;
  border:1px solid rgba(117,238,224,.38)!important;border-radius:1rem!important;
  box-shadow:0 28px 75px rgba(0,0,0,.76),inset 0 1px rgba(255,255,255,.09)!important;
  overflow:auto!important;max-height:calc(100dvh - 7rem)!important;padding:.5rem!important
}
body.era1-premium>.p-settings-menu.hidden{display:none!important}
body.settings-menu-open:after{z-index:2000!important;background:rgba(0,10,14,.56)!important;backdrop-filter:blur(2px)}
body.era1-premium>.p-settings-menu button{position:relative;z-index:2006;display:flex!important;align-items:center;gap:.6rem;width:100%;min-height:3.25rem;border:0;border-radius:.72rem;background:rgba(15,62,67,.64);color:#e8fffb;text-align:left;padding:.8rem;font-weight:800;box-shadow:inset 0 1px rgba(255,255,255,.05)}
body.era1-premium>.p-settings-menu button+button{margin-top:.15rem}
body.era1-premium>.p-settings-menu button.hidden{display:none!important}
body.era1-premium>.p-settings-menu button.danger{color:#ffb2a8;background:rgba(80,27,30,.38)}

.p-resource-button{appearance:none;-webkit-appearance:none;color:inherit;font:inherit;cursor:pointer;padding:0;border-top:0;border-bottom:0;border-left:0;background:transparent}
.p-resource-button:active{background:rgba(62,224,187,.08);box-shadow:inset 0 5px 14px rgba(0,0,0,.22)}
.p-resource-button:after{content:'›';position:absolute;right:.18rem;bottom:.16rem;font-size:.58rem;color:rgba(151,255,233,.55)}
.p-resource{position:relative}

.p-inventory-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin:.55rem 0;padding:.76rem .8rem;border:1px solid rgba(94,221,207,.14);border-radius:.9rem;background:linear-gradient(145deg,rgba(9,51,56,.86),rgba(3,25,32,.93));box-shadow:0 9px 20px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.045)}
.p-inventory-row>div{display:flex;align-items:center;gap:.65rem;min-width:0}.p-inventory-row img{width:1.7rem;height:1.7rem;object-fit:contain}.p-inventory-row span{display:grid;min-width:0}.p-inventory-row strong{color:#ecfffb;font-size:.76rem}.p-inventory-row small{color:#8eb9b4;font-size:.55rem;line-height:1.3;margin-top:.1rem}.p-inventory-row>b{white-space:nowrap;color:#69e6d7;font-size:.7rem}.inventory-summary span{line-height:1.45}

.p-event-report{margin:.7rem 0;padding:.82rem;border:1px solid rgba(106,224,212,.18);border-radius:1rem;background:linear-gradient(150deg,rgba(7,48,53,.94),rgba(3,25,32,.97));box-shadow:0 13px 28px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.05)}
.p-event-report.victory{border-color:rgba(61,230,157,.3)}.p-event-report.defeat{border-color:rgba(255,90,79,.3)}.p-event-report.flee{border-color:rgba(92,188,255,.28)}
.p-event-report-head{display:flex;align-items:center;gap:.65rem;margin-bottom:.65rem}.p-event-report-head>b{display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:.78rem;background:rgba(0,0,0,.2);font-size:1.15rem}.p-event-report-head>div{display:grid}.p-event-report-head small{font-size:.49rem;letter-spacing:.08em;color:#7fcfc6;font-weight:900}.p-event-report-head strong{font-size:.9rem;color:#f0fffc}
.p-event-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.p-event-report-grid>div{display:grid;gap:.12rem;padding:.52rem .58rem;border-radius:.65rem;background:rgba(0,0,0,.16)}.p-event-report-grid span{font-size:.49rem;color:#82aaa7}.p-event-report-grid strong{font-size:.7rem;color:#eafffb}.p-event-report p{margin:.65rem 0 0;color:#a6c8c4;font-size:.61rem;line-height:1.4}.p-event-history h3{margin-top:1rem}


/* GENESIS V6.2.1 — correctifs énergie + responsive HUD */
@media (max-width:900px){
  body.era1-premium .p-worldnodes{display:none!important}
  body.era1-premium .p-sideaction,
  body.era1-premium .p-resource,
  body.era1-premium .p-statusbox,
  body.era1-premium .p-objective,
  body.era1-premium .p-roundtool{min-width:0;overflow:hidden}
  body.era1-premium .p-sideaction>strong,
  body.era1-premium .p-sideaction>span,
  body.era1-premium .p-resource>strong,
  body.era1-premium .p-resource>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.era1-premium .p-sideaction>span{padding-inline:.15rem}
  body.era1-premium .p-explore-hint{font-size:.43rem;letter-spacing:.02em;color:rgba(216,250,241,.66);white-space:nowrap;margin-top:.18rem}
  body.era1-premium .energy-economy span{display:block;white-space:normal;overflow-wrap:anywhere}
}
@media (max-width:380px){
  body.era1-premium .p-actiondock{grid-template-columns:4.25rem 1fr 4.25rem}
  body.era1-premium .p-sideaction>strong{font-size:.47rem}
  body.era1-premium .p-sideaction>span{font-size:.36rem}
}

/* GENESIS V6.2.2 — assets Era 1 intégrés */
body.era1-premium #cellcanvas{
  image-rendering:auto;
}
body.era1-premium .cellframe{isolation:isolate}
body.era1-premium .cellframe:before,
body.era1-premium .cellframe:after{pointer-events:none}
/* L'environnement visible dans la mare est décoratif : aucun faux affordance/clic. */
body.era1-premium #cellcanvas{cursor:default;touch-action:manipulation}

/* V6.2.4 — prédateur de rencontre : élément de gameplay DOM, toujours visible */
@media (max-width:900px){
  .p-encounter-creature{position:absolute;z-index:72;right:1.1rem;top:10.7rem;width:7.4rem;height:8.4rem;display:grid;place-items:center;pointer-events:none;filter:drop-shadow(0 10px 22px rgba(0,0,0,.45));animation:predatorEnter .35s cubic-bezier(.18,.9,.25,1)}
  .p-encounter-creature.hidden{display:none!important}
  .p-encounter-creature img{position:relative;z-index:2;width:6.15rem;height:6.15rem;object-fit:contain;animation:predatorHover 1.7s ease-in-out infinite;filter:drop-shadow(0 0 14px rgba(255,83,63,.46))}
  .p-encounter-creature-ring{position:absolute;z-index:1;width:7rem;height:7rem;border:2px dashed rgba(255,93,76,.84);border-radius:50%;background:radial-gradient(circle,rgba(255,69,51,.18),rgba(255,69,51,.03) 56%,transparent 70%);box-shadow:0 0 34px rgba(255,63,46,.24);animation:predatorRing 3.2s linear infinite}
  .p-encounter-creature span{position:absolute;z-index:3;bottom:.05rem;max-width:7.8rem;padding:.25rem .45rem;border-radius:.42rem;background:rgba(26,5,8,.82);border:1px solid rgba(255,104,88,.35);color:#ffd1ca;font-size:.43rem;font-weight:900;letter-spacing:.055em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .p-encounter-creature.resolved{animation:predatorDefeat .65s ease forwards}
  body.has-cell-encounter .p-encounter-card{top:35.5%}
  .p-event-report{position:relative;padding-left:4.15rem}
  .p-event-enemy-thumb{position:absolute;left:.55rem;top:.7rem;width:3rem;height:3rem;border-radius:50%;display:grid;place-items:center;background:rgba(255,77,58,.08);border:1px solid rgba(255,99,80,.23)}
  .p-event-enemy-thumb img{width:2.75rem;height:2.75rem;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,77,58,.24))}
}
@media (max-width:420px){
  .p-encounter-creature{right:.45rem;top:10rem;width:6.1rem;height:7rem}.p-encounter-creature img{width:5.15rem;height:5.15rem}.p-encounter-creature-ring{width:5.9rem;height:5.9rem}.p-encounter-creature span{max-width:6.2rem;font-size:.38rem}
  body.has-cell-encounter .p-encounter-card{top:34.5%}
}
@keyframes predatorEnter{from{opacity:0;transform:translate(26px,-10px) scale(.72)}to{opacity:1;transform:none}}
@keyframes predatorHover{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(3deg)}}
@keyframes predatorRing{to{transform:rotate(360deg)}}
@keyframes predatorDefeat{0%{opacity:1;transform:none}100%{opacity:0;transform:translate(28px,-20px) scale(.55) rotate(12deg)}}

/* ===== V6.2.5 — fin d'Ère 1 lisible ===== */
.era2-requirements{display:grid;gap:.46rem;margin:.75rem 0 1rem;padding:.72rem;border:1px solid rgba(105,228,213,.16);border-radius:16px;background:rgba(2,24,29,.42)}
.era2-req{display:flex;align-items:center;gap:.62rem;min-width:0;padding:.52rem .62rem;border-radius:11px;background:rgba(255,255,255,.025);font-size:.86rem;color:#afc6ca}
.era2-req b{display:grid;place-items:center;flex:0 0 1.45rem;width:1.45rem;height:1.45rem;border-radius:50%;font-size:.78rem;background:rgba(255,255,255,.06)}
.era2-req span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.era2-req small{opacity:.7;margin-left:.3rem}
.era2-req.ok{color:#7ee8c8;background:rgba(49,211,164,.075)}
.era2-req.ok b{background:rgba(49,211,164,.18);color:#77f0c4}
.era2-req.pending b{color:#75939a;border:1px solid rgba(132,169,177,.24)}


/* ===== GENESIS V6.2.6 — navigation regroupée + rythme Era 1 ===== */
@media (max-width:900px){
  body.era1-premium .p-left-tools{display:none!important}
  body.era1-premium .p-bottomnav.p-bottomnav-compact{grid-template-columns:repeat(4,1fr)}
  body.era1-premium .p-bottomnav.p-bottomnav-compact button b{font-size:1.18rem}
  body.era1-premium .p-bottomnav.p-bottomnav-compact button span{font-size:.46rem}
  /* Un seul prédateur visible : composant DOM, placé entièrement au-dessus de la carte de décision. */
  body.era1-premium .p-encounter-creature{right:1.2rem;top:10.5rem;width:6.3rem;height:6.8rem;overflow:visible!important}
  body.era1-premium .p-encounter-creature img{width:5.35rem;height:5.35rem}
  body.era1-premium .p-encounter-creature-ring{width:6rem;height:6rem}
  body.era1-premium .p-encounter-creature span{bottom:-.1rem;max-width:6.3rem}
  body.has-cell-encounter .p-encounter-card{top:34.8%}
}
@media (max-width:420px){
  body.era1-premium .p-encounter-creature{right:.55rem;top:9.9rem;width:5.4rem;height:5.9rem}
  body.era1-premium .p-encounter-creature img{width:4.55rem;height:4.55rem}
  body.era1-premium .p-encounter-creature-ring{width:5.1rem;height:5.1rem}
  body.has-cell-encounter .p-encounter-card{top:34.8%}
}
.p-hub-intro{display:grid;gap:.22rem;padding:.85rem .9rem;margin-bottom:.75rem;border:1px solid rgba(88,223,211,.16);border-radius:1rem;background:linear-gradient(145deg,rgba(9,54,58,.84),rgba(3,27,34,.94));box-shadow:0 12px 25px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.045)}
.p-hub-intro b{font-size:.78rem;color:#72eadc;letter-spacing:.06em}.p-hub-intro span{font-size:.6rem;color:#9ebfbc}
.p-hub-grid{display:grid;gap:.62rem}
.p-hub-grid button{width:100%;min-height:4.8rem;display:grid;grid-template-columns:3rem 1fr;grid-template-rows:auto auto;column-gap:.7rem;align-items:center;text-align:left;padding:.72rem .82rem;border:1px solid rgba(93,222,211,.17);border-radius:1rem;background:linear-gradient(145deg,rgba(8,48,53,.93),rgba(2,24,31,.97));color:#eafffb;box-shadow:0 10px 22px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.05)}
.p-hub-grid button>b{grid-row:1/3;display:grid;place-items:center;width:3rem;height:3rem;border-radius:.9rem;background:rgba(26,116,112,.18);font-size:1.45rem}
.p-hub-grid button>strong{align-self:end;font-size:.82rem}.p-hub-grid button>span{align-self:start;font-size:.56rem;color:#8fb7b4;margin-top:.1rem}
.p-hub-grid button:active{transform:translateY(2px);box-shadow:0 5px 12px rgba(0,0,0,.24),inset 0 2px 6px rgba(0,0,0,.2)}

/* ===== GENESIS v6.2.7 — mare SVG animée, missions tactiles, prédateurs uniques ===== */
body.era1-premium .cellframe{isolation:isolate}
body.era1-premium .p-pond-svg{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none;user-select:none}
body:not(.era1-premium) .p-pond-svg{display:none}
body.era1-premium #cellcanvas{position:relative;z-index:1;background:transparent!important}
body.era1-premium .era1-premium-hud{z-index:10}

body.era1-premium .p-objective{cursor:pointer;position:relative;transition:transform .16s ease,border-color .16s ease;background-color .16s ease}
body.era1-premium .p-objective:active{transform:translateY(1px) scale(.995)}
body.era1-premium .p-objective:focus-visible{outline:2px solid rgba(79,209,197,.8);outline-offset:2px}
body.era1-premium .p-objective-caret{font-style:normal;display:inline-block;margin-left:.3rem;transition:transform .18s ease;color:#7ee7da}
body.era1-premium .p-objective[aria-expanded="true"] .p-objective-caret{transform:rotate(180deg)}
body.era1-premium .p-statusrow{position:relative;overflow:visible}
body.era1-premium .p-mission-list{position:absolute;z-index:96;left:.65rem;right:.65rem;top:calc(100% + .45rem);padding:.65rem;border:1px solid rgba(91,222,206,.28);border-radius:18px;background:rgba(3,29,35,.97);box-shadow:0 22px 48px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(16px)}
body.era1-premium .p-mission-head{display:flex;align-items:center;justify-content:space-between;padding:.15rem .15rem .55rem;color:#dffaf6}
body.era1-premium .p-mission-head span{color:#6ee9d8;font-weight:800}
body.era1-premium .p-mission-row{display:grid;grid-template-columns:1.5rem minmax(0,1fr) auto;gap:.45rem;align-items:center;padding:.55rem .45rem;border-top:1px solid rgba(112,206,196,.10);color:#d6e9e8}
body.era1-premium .p-mission-row b{color:#809aa0;font-size:1.1rem}.p-mission-row em{font-style:normal;color:#9eb7b8;font-size:.8rem;white-space:nowrap}
body.era1-premium .p-mission-row.done b{color:#64e4ad}.p-mission-row.done span{color:#90d8bd;text-decoration:none}
@media(max-width:520px){body.era1-premium .p-mission-list{left:.2rem;right:.2rem}.p-mission-row{font-size:.86rem}}

body.era1-premium .p-encounter-creature img{object-fit:contain;width:6.6rem;height:6.6rem}
body.era1-premium .p-event-enemy-thumb img{width:100%;height:100%;object-fit:contain}
body.era1-premium #cellcanvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:1!important}

/* ===== GENESIS v6.3.1 — direction artistique cohérente / mobile premium ===== */
@media(max-width:900px){
 body.era1-premium #view-cell{background:#031c25}
 body.era1-premium .cellframe:after{background:linear-gradient(180deg,rgba(1,16,22,.58) 0,rgba(0,20,25,.03) 26%,rgba(0,16,21,.02) 64%,rgba(0,8,13,.78) 100%),radial-gradient(ellipse at 50% 44%,transparent 18%,rgba(0,12,17,.13) 58%,rgba(0,5,9,.52) 100%)}
 body.era1-premium #cellcanvas{filter:saturate(1.04) contrast(1.02) brightness(.96)!important}
 body.era1-premium .p-topcard{top:max(.55rem,env(safe-area-inset-top));left:.72rem;right:.72rem;height:4.45rem;grid-template-columns:minmax(8.8rem,1.05fr) minmax(9.2rem,1fr) 2.6rem;border-radius:1.05rem;background:linear-gradient(180deg,rgba(2,24,31,.96),rgba(2,18,25,.91));border-color:rgba(104,226,217,.18);box-shadow:0 14px 36px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.04)}
 body.era1-premium .p-brandblock{padding:.55rem .65rem;gap:.5rem}.p-cell-logo{width:2.45rem;height:2.45rem}.p-brandblock strong{font-size:.94rem}.p-brandblock span{font-size:.47rem}
 body.era1-premium .p-resource>b{font-size:.93rem}.p-resource>strong{font-size:.78rem}.p-resource>span{font-size:.43rem}
 body.era1-premium .p-statusrow{top:calc(max(.55rem,env(safe-area-inset-top)) + 4.9rem);left:.72rem;right:.72rem;height:3.65rem;grid-template-columns:4.35rem 5.35rem minmax(0,1fr);gap:.38rem}
 body.era1-premium .p-statusbox,.p-objective{border-radius:.8rem;background:linear-gradient(180deg,rgba(4,31,37,.92),rgba(2,22,29,.84));box-shadow:0 8px 20px rgba(0,0,0,.22)}
 body.era1-premium .p-statusbox span,.p-objective>span{font-size:.43rem}.p-statusbox strong{font-size:1.05rem}.p-statusbox.timer strong{font-size:.66rem}
 body.era1-premium .p-objective{min-width:0;padding:.42rem .52rem .38rem;grid-template-columns:minmax(0,1fr) auto;column-gap:.35rem}.p-objective>strong{min-width:0;font-size:.56rem}.p-objective>em{font-size:.5rem}.p-progress{height:.34rem}
 body.era1-premium .p-actiondock{left:.7rem;right:.7rem;bottom:4.55rem;height:6.15rem;grid-template-columns:4.65rem minmax(0,1fr) 4.65rem;gap:.45rem}
 body.era1-premium .p-sideaction{height:4.45rem;border-radius:1.35rem;background:linear-gradient(180deg,rgba(5,43,49,.9),rgba(2,24,30,.96));box-shadow:0 10px 24px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.04)}
 body.era1-premium .p-sideaction>b{font-size:1rem}.p-sideaction>strong{font-size:.47rem}.p-sideaction>span{font-size:.37rem;max-width:4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 body.era1-premium .p-primary-wrap{height:6.1rem}.p-energy{top:.05rem}.p-energy b{font-size:.68rem}
 body.era1-premium .cellframe .bigbtn#btn-primary{width:min(10.4rem,46vw);height:4.15rem;border-radius:1.4rem;font-size:.9rem;background:linear-gradient(180deg,#14a979,#08745f);box-shadow:0 0 0 .38rem rgba(2,62,57,.48),0 12px 28px rgba(0,0,0,.38),0 0 25px rgba(44,234,176,.23),inset 0 8px 20px rgba(117,255,213,.14)}
 body.era1-premium .p-explore-hint{font-size:.39rem;opacity:.55;margin-top:.1rem}
 body.era1-premium .p-bottomnav{left:.7rem;right:.7rem;bottom:max(.48rem,env(safe-area-inset-bottom));height:3.55rem;border-radius:.9rem;background:rgba(2,20,27,.95);box-shadow:0 12px 30px rgba(0,0,0,.42)}
 body.era1-premium .p-bottomnav button b{font-size:.94rem;filter:grayscale(.65) saturate(.7)}body.era1-premium .p-bottomnav button span{font-size:.39rem}.p-bottomnav button.active{background:linear-gradient(180deg,rgba(80,190,105,.12),rgba(20,80,45,.18))}
 body.era1-premium .p-pond-svg{filter:saturate(.88) contrast(1.05) brightness(.82)}
 body.era1-premium .cellframe:before{background:radial-gradient(circle at 50% 46%,rgba(103,255,213,.12),transparent 21%),linear-gradient(180deg,rgba(129,244,222,.04),transparent 38%,rgba(0,18,25,.12));mix-blend-mode:screen}
 body.era1-premium .p-mission-list{top:calc(100% + .32rem);border-radius:1rem;background:rgba(2,26,32,.985)}
}
@media(max-width:390px){
 body.era1-premium .p-topcard{grid-template-columns:7.7rem 1fr 2.25rem;height:4.15rem}.p-brandblock strong{font-size:.82rem}.p-brandblock span{font-size:.42rem}.p-cell-logo{width:2.2rem;height:2.2rem}
 body.era1-premium .p-statusrow{top:calc(max(.55rem,env(safe-area-inset-top)) + 4.55rem);grid-template-columns:4rem 4.9rem minmax(0,1fr);height:3.45rem}.p-objective>strong{font-size:.52rem}
}

/* ===== GENESIS v6.3.2 — monde plus dense / éléments lisibles ===== */
@media(max-width:900px){
  body.era1-premium .p-pond-svg{filter:saturate(.96) contrast(1.07) brightness(.9)!important}
  body.era1-premium .cellframe:before{background:radial-gradient(circle at 50% 43%,rgba(110,255,218,.17),transparent 27%),linear-gradient(180deg,rgba(126,245,221,.04),transparent 36%,rgba(0,14,20,.13))!important}
  body.era1-premium .p-actiondock{bottom:4.5rem;grid-template-columns:5.2rem minmax(0,1fr) 5.2rem;height:6.45rem}
  body.era1-premium .p-sideaction{height:4.9rem;border-radius:1.45rem}
  body.era1-premium .p-sideaction>b{font-size:1.18rem}
  body.era1-premium .p-sideaction>strong{font-size:.52rem}
  body.era1-premium .p-sideaction>span{font-size:.4rem;max-width:4.6rem}
  body.era1-premium .cellframe .bigbtn#btn-primary{width:min(11.4rem,50vw);height:4.45rem;font-size:1rem}
  body.era1-premium .p-energy b{font-size:.76rem}
}
@media(max-width:390px){
  body.era1-premium .p-actiondock{grid-template-columns:4.75rem minmax(0,1fr) 4.75rem;gap:.35rem}
  body.era1-premium .p-sideaction{height:4.6rem}
  body.era1-premium .cellframe .bigbtn#btn-primary{width:min(10.5rem,48vw)}
}
/* ===== GENESIS v6.3.3 — mare organique + éléments x3 ===== */
body.era1-premium .p-pond-svg{filter:saturate(1.06) contrast(1.09) brightness(.87)!important}
body.era1-premium .cellframe:after{background:linear-gradient(180deg,rgba(0,15,20,.34) 0,rgba(0,22,27,.02) 22%,rgba(0,16,21,.02) 63%,rgba(0,8,12,.62) 100%),radial-gradient(ellipse at 50% 43%,transparent 25%,rgba(0,10,14,.10) 63%,rgba(0,4,8,.40) 100%)!important}
@media(max-width:900px){body.era1-premium .p-pond-svg{filter:saturate(1.08) contrast(1.08) brightness(.9)!important}}


/* ===== GENESIS v6.3.5 — missions hors clipping + mare mieux composée ===== */
body.era1-premium .p-statusrow,
body.era1-premium .p-objective{overflow:visible!important}
body.era1-premium .p-objective{z-index:110}
body.era1-premium .p-mission-list{
  position:fixed!important;
  z-index:10050!important;
  right:auto!important;
  max-height:min(42vh,22rem);
  overflow-y:auto!important;
  overscroll-behavior:contain;
  padding:.72rem;
  border:1px solid rgba(92,226,212,.34);
  border-radius:1rem;
  background:linear-gradient(180deg,rgba(2,30,37,.99),rgba(2,20,27,.99));
  box-shadow:0 18px 50px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(18px);
}
body.era1-premium .p-mission-row{min-height:2.8rem;border-radius:.7rem;margin:.14rem 0;padding:.55rem .55rem}
body.era1-premium .p-mission-row.current{background:rgba(56,207,190,.11);box-shadow:inset 3px 0 0 #53dfcf}
body.era1-premium .p-mission-row.current span{color:#e7fffb;font-weight:800}
body.era1-premium .p-mission-row.done{opacity:.82}
@media(max-width:520px){
  body.era1-premium .p-mission-list{max-height:38vh;padding:.58rem}
  body.era1-premium .p-mission-row{grid-template-columns:1.35rem minmax(0,1fr) auto;font-size:.76rem;gap:.35rem}
  body.era1-premium .p-mission-row em{font-size:.7rem}
}

/* V6.3.6 — transition d'ère visible dans la liste de missions */
.p-mission-advance{width:100%;margin-top:.55rem;padding:.78rem .9rem;border-radius:.8rem;border:1px solid rgba(83,218,209,.5);background:linear-gradient(180deg,rgba(24,190,161,.95),rgba(8,126,112,.95));color:#effffb;font:800 .78rem/1.1 system-ui;letter-spacing:.03em;box-shadow:0 8px 20px rgba(0,0,0,.22)}
.p-mission-advance:active{transform:translateY(1px)}


/* ===== GENESIS v6.3.7 — fond réaliste + objectif réellement tactile ===== */
body.era1-premium .p-pond-svg{
  object-fit:cover!important;
  object-position:center center!important;
  filter:saturate(.92) contrast(1.08) brightness(.78)!important;
  transform:scale(1.015);
}
body.era1-premium .p-objective{
  pointer-events:auto!important;
  touch-action:manipulation;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
}
body.era1-premium .p-objective *{pointer-events:none}
body.era1-premium .p-mission-list{pointer-events:auto!important}
body.era1-premium .p-mission-list *{pointer-events:auto}
/* Le décor ne contient plus de sprites flottants d'algues/bactéries/minéraux. */
body.era1-premium .p-worldnodes,.p-ambient{display:none!important}


/* ===== GENESIS v6.3.8 — vrai PNG réaliste + tap missions + Ère 2 premium ===== */
body.era1-premium .p-pond-svg{
  display:block!important;
  opacity:1!important;
  filter:saturate(1.02) contrast(1.10) brightness(.82)!important;
  transform:none!important;
}
body.era1-premium #cellcanvas{background:transparent!important}
body.era1-premium .p-objective{touch-action:none!important;-webkit-user-select:none;user-select:none}
body.era2-premium .p-brandblock span{color:#73e0d7}
body.era2-premium .p-resource.food>span{color:#7fe7ce}
body.era2-premium .p-resource.water>span{color:#b7ef83}
body.era2-premium .p-resource.mutation>span{color:#dc95ff}
body.era2-premium .p-cell-logo{background:radial-gradient(circle at 36% 32%,#7df4df 0,#258b85 42%,#083842 75%)}
body.era2-premium .p-statusbox.timer strong{font-size:.58rem;max-width:5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.era2-premium .p-explore-hint{opacity:.7}
body.era2-premium .cellframe #cellcanvas{filter:saturate(1.03) contrast(1.03) brightness(.96)!important}
body.era2-premium .p-objective{border-color:rgba(113,226,210,.23)}
body.era2-premium #cellpanel{display:block}
body.era2-premium #cellpanel .eyebrow{color:#72e5d7}
body.era2-premium #cellpanel h2{color:#f2fffc}
body.era2-premium #cellpanel .organelles{gap:.5rem}
body.era2-premium #cellpanel .org{background:linear-gradient(180deg,rgba(5,35,42,.9),rgba(2,22,29,.9));border-color:rgba(91,218,208,.18);box-shadow:0 6px 18px rgba(0,0,0,.18)}
body.era2-premium #cellpanel .org .n{color:#e9fffc}
body.era2-premium #cellpanel .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:390px){body.era2-premium #cellpanel .stats{grid-template-columns:1fr}}


/* ===== GENESIS v6.3.9 — fond PNG réellement chargé + locomotion canvas ===== */
body.era1-premium .p-pond-svg,
body.era2-premium .p-pond-svg{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:1!important;
  z-index:0!important;
  filter:saturate(1.08) contrast(1.08) brightness(.92)!important;
  transform:none!important;
}
body.era1-premium .cellframe:before,body.era2-premium .cellframe:before{
  background:linear-gradient(180deg,rgba(0,22,27,.04),rgba(0,18,24,.08) 55%,rgba(0,10,15,.18))!important;
  mix-blend-mode:normal!important;
}
body.era1-premium #cellcanvas,body.era2-premium #cellcanvas{background:transparent!important;position:relative;z-index:2}


/* GENESIS V6.4 — visual reset PNG illustré réaliste */
@media (max-width:900px){
  body.era1-premium .p-pond-svg{
    object-fit:cover!important;
    object-position:center center!important;
    opacity:1!important;
    filter:saturate(1.03) contrast(1.04) brightness(.82)!important;
  }
  body.era1-premium .cellframe:before{
    background:radial-gradient(circle at 50% 49%,rgba(82,229,202,.10),transparent 27%),linear-gradient(180deg,rgba(2,17,22,.06),transparent 45%,rgba(0,10,15,.28) 100%)!important;
    mix-blend-mode:normal!important;
  }
  body.era1-premium .cellframe:after{background:linear-gradient(180deg,rgba(2,16,22,.04),transparent 30%,rgba(2,14,20,.18))!important}
  body.era1-premium #cellcanvas{filter:saturate(1.04) contrast(1.02)!important}
}

/* V6.4.3 RESCUE VISUEL — priorité à la lisibilité */
body.era1-premium .p-pond-svg,body.era2-premium .p-pond-svg{
  filter:saturate(.92) contrast(1.04) brightness(.82)!important;
  background-position:center center!important;
  background-size:cover!important;
}

/* === GENESIS V6.5 PREMIUM ART === */
.p-pond-svg{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:1!important;
  filter:saturate(1.04) contrast(1.05) brightness(.82)!important;
}
#cellcanvas{background:transparent!important;}
.p-encounter-creature img,
.p-event-enemy-thumb img{
  object-fit:contain!important;
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.46))!important;
}
.p-encounter-creature img{width:clamp(120px,32vw,240px)!important;height:clamp(120px,32vw,240px)!important;}
.p-event-enemy-thumb img{width:100%!important;height:100%!important;}
@media(max-width:720px){
  .p-encounter-creature{top:28%!important;right:4%!important;}
}

/* === GENESIS V6.6 — ÈRE 2 MULTICELLULARITÉ === */
.era2-premium .era2-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:.9rem 0}
.era2-premium .era2-quick-actions .lvlbtn{min-height:46px}
.era2-guide-card{display:grid;gap:.55rem}
.era2-guide-card small{display:block;color:#9fc9c5;line-height:1.45}
.era2-kpis{display:grid;gap:.45rem;margin-top:.2rem}
.era2-kpis span{display:flex;align-items:center;gap:.45rem;padding:.46rem .6rem;border-radius:.9rem;background:rgba(255,255,255,.04);color:#d7fffb;font-size:.8rem}
.era2-current-pair{display:grid;gap:.7rem;margin:0 0 .1rem}
.era2-inline-note{margin-top:.55rem;padding:.62rem .75rem;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(121,220,211,.14);color:#a6c9c4;font-size:.8rem;line-height:1.45}
.era2-action-status b{color:#eafffc}
.era2-body-card .d b{color:#eafffc}
.era2-premium .era2-symmetry{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.65rem}
.era2-premium .org.undiscovered{opacity:.66}
.era2-premium .obj small{margin-left:auto;opacity:.76}
.era2-premium .stats .stat .v{max-width:58%;overflow-wrap:anywhere;text-align:right}
@media(max-width:520px){
 .era2-premium .era2-quick-actions,.era2-premium .era2-symmetry{grid-template-columns:1fr}
}

/* === GENESIS V6.9 — prédateurs uniquement dans la carte de combat === */
@media (max-width:900px){
 body.era1-premium .p-encounter-card .p-encounter-creature{
   position:relative!important;inset:auto!important;width:100%!important;height:7.2rem!important;
   margin:.25rem 0 .7rem;display:grid;place-items:center;overflow:hidden!important;
   border-radius:16px;background:radial-gradient(circle at 50% 45%,rgba(171,43,36,.20),rgba(3,20,25,.18) 58%,rgba(3,20,25,.04));
   filter:none;animation:predatorEnter .28s ease-out;
 }
 body.era1-premium .p-encounter-card .p-encounter-creature.hidden{display:none!important}
 body.era1-premium .p-encounter-card .p-encounter-creature img{width:6rem!important;height:6rem!important;object-fit:contain}
 body.era1-premium .p-encounter-card .p-encounter-creature-ring{width:6.45rem!important;height:6.45rem!important}
 body.era1-premium .p-encounter-card .p-encounter-creature span{bottom:.18rem!important;max-width:80%!important}
 body.has-cell-encounter .p-encounter-card{top:32%!important}
}

/* === GENESIS V6.12 — HUD mobile + régions planète 2D === */
/* Objectif actuel : reste strictement dans le viewport et ne pousse plus le HUD à droite. */
body.era1-premium .p-statusrow,
body.era2-premium .p-statusrow{
  width:auto!important;
  max-width:calc(100vw - 1.44rem)!important;
  box-sizing:border-box!important;
}
body.era1-premium .p-objective,
body.era2-premium .p-objective{
  min-width:0!important;
  width:auto!important;
  max-width:100%!important;
  margin-right:.42rem!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
body.era1-premium .p-objective>strong,
body.era2-premium .p-objective>strong{
  min-width:0!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:420px){
  body.era1-premium .p-statusrow,
  body.era2-premium .p-statusrow{
    right:.78rem!important;
    grid-template-columns:4rem 4.75rem minmax(0,1fr)!important;
  }
  body.era1-premium .p-objective,
  body.era2-premium .p-objective{margin-right:.28rem!important;}
}

/* GENESIS V6.13 — Division spontanée */
.spontaneous-division{margin-top:1rem;border-color:rgba(182,126,255,.34)!important;background:linear-gradient(180deg,rgba(45,21,64,.82),rgba(10,28,37,.92))!important}
.spontaneous-division>strong{font-size:1rem;color:#e5c5ff}
.spontaneous-division small{display:block;margin-top:.4rem;color:#aebdca;line-height:1.4}
.division-cost{display:flex;gap:.55rem;flex-wrap:wrap;margin:.75rem 0}
.division-cost span{padding:.38rem .58rem;border:1px solid rgba(173,126,255,.28);border-radius:.7rem;background:rgba(20,12,35,.55);font-weight:800;font-size:.78rem}
.division-btn{width:100%;min-height:46px}

/* GENESIS V6.14 — Era 2 UI sync */
.era2-body-card{padding:16px!important;overflow:hidden}
.era2-body-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:15px;line-height:1.35;color:#e8f6f5;margin-bottom:12px}
.era2-body-title span{opacity:.6}
.era2-requirements{display:grid;gap:7px;margin:8px 0 14px}
.era2-requirement{display:block;width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid rgba(95,230,219,.18);border-radius:9px;background:rgba(5,25,31,.5);color:#b8cdcf;font-size:12px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
.era2-symmetry{display:grid!important;grid-template-columns:1fr;gap:8px!important;margin-top:10px}
.era2-symmetry .lvlbtn{width:100%;min-height:42px;white-space:normal}
@media(min-width:620px){.era2-symmetry{grid-template-columns:1fr 1fr!important}}

/* GENESIS V6.15 — Ère 3 civilisation */
.era3-map{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:10px 0 8px}
.era3-region{min-width:0;min-height:68px;border-radius:12px;border:1px solid rgba(120,220,210,.22);background:rgba(4,25,31,.72);color:#dff7f4;padding:7px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.era3-region span{font-size:20px}.era3-region b{font-size:11px}.era3-region small{font-size:8px;opacity:.72;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.era3-region.mine{border-color:rgba(76,235,178,.7);box-shadow:inset 0 0 0 1px rgba(76,235,178,.15);background:rgba(11,68,54,.58)}
.era3-region.free{cursor:pointer;border-color:rgba(95,210,220,.42)}.era3-region.free:active{transform:scale(.97)}
.era3-region.other{opacity:.38}.era3-map-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:10px;opacity:.75;margin-bottom:12px}
@media(max-width:380px){.era3-map{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* GENESIS V6.16 — Navigation Ère 2 clarifiée */
.era2-activity-grid{grid-template-columns:1fr 1fr!important}
.era2-activity-grid button{min-height:108px!important;padding:12px 9px!important}
.era2-activity-grid button>b{font-size:27px!important}
.era2-activity-grid button strong{font-size:13px!important}
.era2-activity-grid button span{font-size:10px!important;line-height:1.25!important}
@media(max-width:360px){.era2-activity-grid{grid-template-columns:1fr!important}.era2-activity-grid button{min-height:82px!important}}

/* GENESIS V6.17 — transition Ère 2 → Ère 3 */
.p-era2-advance{
  position:fixed;z-index:34;
  top:calc(168px + env(safe-area-inset-top,0px));
  left:50%;transform:translateX(-50%);
  width:min(92vw,430px);min-height:52px;
  border-radius:15px;border:1px solid rgba(84,232,211,.28);
  background:linear-gradient(180deg,rgba(5,47,51,.96),rgba(4,29,36,.96));
  color:#dffbf6;display:flex;align-items:center;justify-content:center;
  gap:8px;padding:9px 14px;box-shadow:0 8px 24px rgba(0,0,0,.28);
}
.p-era2-advance b{font-size:13px;letter-spacing:.04em}
.p-era2-advance span{font-size:10px;opacity:.78}
.p-era2-advance.ready{
  border-color:rgba(77,240,190,.72);
  box-shadow:0 0 0 1px rgba(77,240,190,.12),0 10px 28px rgba(0,0,0,.3);
}
.p-era2-advance.locked{opacity:.62}
@media(max-width:420px){
  .p-era2-advance{top:calc(164px + env(safe-area-inset-top,0px));width:90vw}
}


/* ============================================================
   GENESIS V6.29 — CONSOLIDATION UI / ÈRE 3
   Une seule couche de styles après la DA validée Ères 1/2.
   ============================================================ */

/* ----- Modaux / panneaux communs ----- */
.feature-overlay{
  position:fixed;inset:0;z-index:900;
  display:none;background:rgba(0,13,17,.50);
  pointer-events:auto;touch-action:none;
}
.feature-overlay.open{display:block}
body.sheet-open{overflow:hidden}

.p-feature-sheet{
  position:fixed;z-index:910;
  left:.55rem;right:.55rem;
  top:calc(max(.5rem,env(safe-area-inset-top)) + 4.75rem);
  bottom:calc(max(.4rem,env(safe-area-inset-bottom)) + 4.05rem);
  display:flex;flex-direction:column;
  background:linear-gradient(160deg,rgba(4,34,40,.99),rgba(2,18,25,.995));
  border:1px solid rgba(91,224,213,.28);
  border-radius:1.2rem;
  box-shadow:0 24px 65px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.06);
  color:#ecfbf8;overflow:hidden;
}
.p-feature-sheet.hidden{display:none}
.p-feature-head{position:relative;flex:0 0 4.2rem;padding:.75rem 4rem .65rem 1rem;border-bottom:1px solid rgba(91,224,213,.14)}
.p-feature-head span{font-size:.52rem;letter-spacing:.12em;color:#78d8c1}
.p-feature-head h2{margin:.18rem 0 0;font-size:1.25rem}
#pFeatureClose{
  position:absolute;right:.75rem;top:.7rem;width:2.5rem;height:2.5rem;
  border-radius:50%;border:1px solid rgba(91,224,213,.28);
  background:rgba(5,39,44,.94);color:#eafffb;font-size:1.45rem;
  cursor:pointer;touch-action:manipulation;
}
.p-feature-body{
  flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;
  -webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;
  padding:.8rem .8rem 2rem;
}
.p-feature-body button:not(:disabled){cursor:pointer;touch-action:manipulation}

/* Le voile bloque le jeu. Il n'a volontairement aucune action. */
#featureOverlay{cursor:default}

/* ----- Missions ----- */
#pObjectiveCard{cursor:pointer;touch-action:manipulation}
#pMissionList{
  position:fixed;z-index:930;max-height:min(54vh,460px);overflow-y:auto;
  -webkit-overflow-scrolling:touch;touch-action:pan-y;
}
#pMissionList.hidden{display:none}

/* ----- Paramètres / Admin ----- */
.p-settings-menu{z-index:940}
#pAdminSettings:not(.hidden){display:flex}
#adminmodal{z-index:950}
#adminmodal:not(.hidden){display:grid}
#adminmodal .modalcard{z-index:951}
#adminmodal button{touch-action:manipulation}

/* ----- Ère 3 : réutilise réellement le HUD de l'Ère 1 ----- */
body.era3-premium #view-cell>.cellframe{
  min-height:100dvh;height:100dvh;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:#073238;
}
body.era3-premium .topbar.era3-hide{display:none}
body.era3-premium #era3WorldScene{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
body.era3-premium .era3-world{position:absolute;inset:0;overflow:hidden}
body.era3-premium .era3-scene-bg{
  width:100%;height:100%;object-fit:cover;object-position:center 56%;
  filter:saturate(1.08) contrast(1.03) brightness(1.04);
}
body.era3-premium .era3-atmosphere{
  position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(0,24,28,.12) 0%,transparent 30%,transparent 70%,rgba(0,13,17,.24) 100%),
    radial-gradient(ellipse at 50% 52%,rgba(99,224,185,.04),transparent 55%,rgba(0,10,13,.09));
}
body.era3-premium #cellcanvas{opacity:0;pointer-events:none}
body.era3-premium #pPondSvg{display:none}

/* Espèce réelle : avatar discret dans le même emplacement que le logo cellule. */
.era3-species-logo{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.25))}
body.era3-premium .era3-species-hero{position:absolute;left:50%;bottom:8.8rem;z-index:1;width:min(34vw,8.8rem);aspect-ratio:1;transform:translateX(-50%);pointer-events:none;filter:drop-shadow(0 .45rem 1.1rem rgba(0,0,0,.34));opacity:.96}
body.era3-premium .era3-species-hero img{display:block;width:100%;height:100%;object-fit:contain}

/* Même géométrie mobile que le HUD validé Ère 1 ; seule la scène change. */
body.era3-premium .p-topcard{
  top:max(.55rem,env(safe-area-inset-top));left:.72rem;right:.72rem;height:4.45rem;
  grid-template-columns:minmax(8.8rem,1.05fr) minmax(9.2rem,1fr) 2.6rem;
}
body.era3-premium .p-statusrow{
  top:calc(max(.55rem,env(safe-area-inset-top)) + 4.9rem);
  left:.72rem;right:.72rem;height:3.65rem;
  grid-template-columns:4.35rem 5.35rem minmax(0,1fr);gap:.38rem;
}
body.era3-premium .p-statusbox,body.era3-premium .p-objective{height:3.65rem;min-height:0}
body.era3-premium .p-actiondock{
  left:.7rem;right:.7rem;bottom:4.5rem;height:6.45rem;
  grid-template-columns:5.2rem minmax(0,1fr) 5.2rem;gap:.45rem;align-items:end;
}
body.era3-premium .p-sideaction{height:4.9rem}
body.era3-premium .p-primary-wrap{height:6.45rem}
body.era3-premium .p-primary-wrap[data-era3-state="develop"] .p-energy b{color:#9de9ff}
body.era3-premium .p-primary-wrap[data-era3-state="advance"] .p-energy b{color:#baf8b0}
body.era3-premium .cellframe .bigbtn#btn-primary{width:min(11.4rem,50vw);height:4.45rem}
body.era3-premium .p-bottomnav{
  left:.7rem;right:.7rem;bottom:max(.48rem,env(safe-area-inset-bottom));height:3.55rem;
  grid-template-columns:repeat(4,1fr);
}

/* Contenu Ère 3 */
.e3-panelhero{padding:.75rem;border:1px solid rgba(112,219,187,.16);border-radius:.8rem;background:rgba(8,49,49,.58);margin-bottom:.7rem}
.e3-panelhero b{display:block;color:#c9f7e5;font-size:.76rem}.e3-panelhero span{display:block;color:#9dbbb6;font-size:.6rem;margin-top:.18rem}
.e3-panelstat{padding:.6rem .7rem;border-radius:.65rem;background:rgba(7,35,39,.72);margin-bottom:.55rem;color:#a9c6c0;font-size:.62rem}
.e3-panelstat b{float:right;color:#e7f7f1}
.e3-list,.e3-techgrid{display:grid;gap:.5rem}
.e3-listcard,.e3-techcard{
  display:grid;gap:.45rem;padding:.7rem;border-radius:.8rem;
  background:rgba(8,34,38,.74);border:1px solid rgba(120,207,185,.13)
}
.e3-listcard{grid-template-columns:minmax(0,1fr) auto}
.e3-listcard>div strong,.e3-listcard>div span,.e3-techcard strong,.e3-techcard span,.e3-techcard small{display:block}
.e3-listcard>div strong,.e3-techcard strong{font-size:.7rem}
.e3-listcard>div span,.e3-techcard small{font-size:.55rem;color:#92aaa7;margin-top:.15rem}
.e3-listcard>em{font-style:normal;font-weight:800;color:#72dcb8}
.e3-listcard button,.e3-techcard button{
  grid-column:1/-1;min-height:2.3rem;border:0;border-radius:.6rem;
  background:linear-gradient(180deg,#168d71,#0b6a59);color:#eafff7;font-weight:800
}
.e3-listcard button:disabled,.e3-techcard button:disabled{background:#17343a;color:#607b7c}
.e3-techcard{grid-template-columns:2.2rem 1fr}.e3-techicon{font-size:1.45rem}.e3-techcard span{font-size:.62rem;color:#7ce0bd}

/* Carte = mécanique : états et zone cliquable explicites. */
.e3-map-status{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin-bottom:.55rem}
.e3-map-status>div{padding:.55rem;border-radius:.7rem;background:rgba(7,42,46,.72);border:1px solid rgba(92,211,193,.13);text-align:center}
.e3-map-status span,.e3-map-status b{display:block}.e3-map-status span{font-size:.5rem;color:#8faeaa}.e3-map-status b{font-size:.8rem;color:#dffbf5}
.e3-map-instruction{padding:.6rem;margin-bottom:.6rem;border-radius:.65rem;background:rgba(10,59,57,.55);font-size:.55rem;line-height:1.35;color:#b7ceca}
.e3-regionmap{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem}
.e3-region{
  min-height:4.35rem;border-radius:.7rem;padding:.3rem;
  background:rgba(11,40,43,.82);border:1px solid rgba(131,206,188,.16);color:#d8eee7
}
.e3-region b,.e3-region span,.e3-region small,.e3-region em{display:block}
.e3-region b{font-size:1rem}.e3-region span{font-size:.55rem;font-weight:800}.e3-region small{font-size:.43rem}.e3-region em{font-size:.38rem;font-style:normal;font-weight:800;margin-top:.15rem}
.e3-region.mine{background:rgba(21,100,73,.5);border-color:rgba(85,220,167,.4)}
.e3-region.free{background:rgba(10,75,69,.65);border-color:rgba(98,232,206,.66);cursor:pointer}
.e3-region.free:active{transform:scale(.96)}
.e3-region.other{opacity:.35}
.e3-maplegend{display:flex;justify-content:space-between;gap:.45rem;font-size:.5rem;color:#91aaa6;margin-top:.55rem}
.e3-maplegend i{display:inline-block;width:.45rem;height:.45rem;border-radius:50%}.e3-maplegend i.mine{background:#52d6a6}.e3-maplegend i.free{border:1px solid #7cbdb4}.e3-maplegend i.other{background:#617174}

.e3-socialgrid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}
.e3-socialgrid>div{padding:.65rem;border-radius:.7rem;background:rgba(8,35,40,.72);border:1px solid rgba(116,211,190,.12)}
.e3-alerts>div,.e3-goodstate{padding:.6rem;margin-top:.5rem;border-radius:.65rem;background:rgba(92,42,34,.5);border:1px solid rgba(233,135,112,.18);font-size:.56rem}
.e3-goodstate{background:rgba(18,76,58,.5);border-color:rgba(90,220,170,.18)}

@media(max-width:390px){
  body.era3-premium .p-topcard{grid-template-columns:7.7rem 1fr 2.25rem;height:4.15rem}
  body.era3-premium .p-statusrow{
    top:calc(max(.55rem,env(safe-area-inset-top)) + 4.55rem);
    grid-template-columns:4rem 4.9rem minmax(0,1fr);height:3.45rem
  }
  body.era3-premium .p-statusbox,body.era3-premium .p-objective{height:3.45rem}
  body.era3-premium .p-actiondock{grid-template-columns:4.75rem minmax(0,1fr) 4.75rem;gap:.35rem}
  body.era3-premium .p-sideaction{height:4.6rem}
  body.era3-premium .cellframe .bigbtn#btn-primary{width:min(10.5rem,48vw)}
  body.era3-premium .era3-species-hero{bottom:8.3rem;width:min(37vw,7.8rem)}
}


/* ============================================================
   GENESIS V6.30 — DESIGN SYSTEM GLOBAL
   Auth · onboarding · jeu · cartes · modales · Ères 1→5
   ============================================================ */
:root{
  --space-0:#031317;--space-1:#061f25;--panel:#082d32;--panel-2:#0b3b3e;
  --line:rgba(104,226,217,.20);--ink:#e9fbf7;--ink-dim:#91b2ad;
  --glow:#55ddc3;--glow-2:#91efd0;--genesis-deep:#04191e;--genesis-card:rgba(4,31,36,.94);
}
body{background:#061f25;color:var(--ink)}
.brand span{color:var(--glow-2)}
.cta,.bigbtn{background:linear-gradient(180deg,#58dfc6,#2fb499);border-color:#71ead1;color:#03231f;box-shadow:0 8px 24px rgba(19,175,147,.16)}
.cta.ghost,.bigbtn.ghost,.g-btn.ghost{background:rgba(5,38,43,.72);color:#ccece5;border-color:rgba(104,226,217,.22);box-shadow:none}

/* ---------- AUTH : même langage visuel que le HUD ---------- */
body.auth.genesis-auth{display:block;overflow:auto;min-height:100dvh;background:#061f25}
.g-auth-world{position:fixed;inset:0;overflow:hidden;z-index:0;background:#071f24}
.g-auth-world>img{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;filter:saturate(.84) brightness(.58) blur(1px);transform:scale(1.02)}
.g-auth-world-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,18,22,.46),rgba(2,21,25,.72)),radial-gradient(circle at 50% 38%,rgba(55,185,155,.10),transparent 43%,rgba(0,8,11,.56) 100%)}
.g-auth-cell{position:absolute;left:50%;top:26%;width:min(46vw,230px);aspect-ratio:1;transform:translate(-50%,-50%);opacity:.36;filter:drop-shadow(0 18px 34px rgba(0,0,0,.5))}
.g-auth-cell img{width:100%;height:100%;object-fit:contain;animation:gAuthFloat 7s ease-in-out infinite}
@keyframes gAuthFloat{50%{transform:translateY(-9px) rotate(2deg)}}
.g-auth-shell{position:relative;z-index:2;min-height:100dvh;display:grid;place-items:center;padding:max(1rem,env(safe-area-inset-top)) .8rem max(1rem,env(safe-area-inset-bottom))}
.g-auth-card{width:min(94vw,430px);border:1px solid rgba(107,230,215,.25);border-radius:1.25rem;background:linear-gradient(160deg,rgba(5,35,41,.97),rgba(3,22,28,.96));box-shadow:0 28px 75px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.05);padding:.8rem;backdrop-filter:blur(8px)}
.g-auth-head{height:4.5rem;display:flex;align-items:center;gap:.7rem;padding:.45rem .55rem;border-bottom:1px solid rgba(100,220,207,.12)}
.g-auth-logo{width:3.1rem;height:3.1rem;display:grid;place-items:center;border-radius:1rem;background:linear-gradient(150deg,rgba(27,110,105,.58),rgba(6,46,51,.72));border:1px solid rgba(100,224,209,.20);font-size:1.6rem}
.g-auth-head strong{display:block;font-size:1.15rem;letter-spacing:.13em}.g-auth-head span{display:block;margin-top:.18rem;font-size:.5rem;letter-spacing:.16em;color:#79d9c4;font-weight:800}
.g-auth-intro{padding:1rem .55rem .8rem}.g-auth-intro>span,.g-on-kicker,.g-dialog-kicker{font-size:.52rem;letter-spacing:.18em;color:#6ed3bd;font-weight:900}.g-auth-intro h1{font-size:1.38rem;margin:.3rem 0 .35rem}.g-auth-intro p{font-size:.72rem;line-height:1.45;color:#9ab9b4;margin:0}
.g-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;padding:.3rem;background:rgba(2,20,25,.7);border:1px solid rgba(96,215,202,.12);border-radius:.8rem;margin:.1rem .55rem .8rem}
.g-auth-tabs .tab{border:0;background:transparent;color:#769691;min-height:2.45rem;border-radius:.6rem}.g-auth-tabs .tab.active{background:linear-gradient(180deg,rgba(29,117,106,.7),rgba(15,77,74,.72));color:#e9fff8;border:1px solid rgba(90,228,204,.24)}
.g-auth-form{padding:.1rem .55rem .6rem;gap:.65rem}.g-auth-form label>span{font-size:.55rem;letter-spacing:.08em;color:#83b7ad}.g-auth-form input,.g-dialog-card input,.g-field input{width:100%;min-height:3rem;background:rgba(1,17,22,.82);border:1px solid rgba(96,218,204,.20);color:#eafff8;border-radius:.72rem;padding:.7rem .78rem;font-size:.9rem;outline:none}.g-auth-form input:focus,.g-dialog-card input:focus,.g-field input:focus{border-color:#60dec2;box-shadow:0 0 0 3px rgba(75,216,188,.10)}
.g-auth-form .cta{display:flex;align-items:center;justify-content:space-between;min-height:3.25rem;border-radius:.75rem;margin-top:.15rem}.g-auth-form .cta span{font-size:.68rem;letter-spacing:.06em}.g-auth-note{font-size:.56rem;line-height:1.4;color:#739a94;text-align:center;margin:.15rem .3rem 0}.g-auth-card .err{font-size:.65rem;margin:.35rem .55rem;min-height:1rem}
body.auth .starfield,body.auth .authcard{display:none!important}

/* ---------- BOUTONS / COMPOSANTS GLOBAUX ---------- */
.g-btn{border:1px solid rgba(91,225,204,.26);border-radius:.7rem;min-height:2.8rem;padding:.65rem .85rem;font:800 .65rem/1 system-ui;letter-spacing:.04em;cursor:pointer;touch-action:manipulation}
.g-btn.primary{background:linear-gradient(180deg,#51d9bd,#229b84);color:#03231f;border-color:#6ce4cb}.g-btn.primary:disabled{filter:saturate(.2);opacity:.45;cursor:not-allowed}.g-btn.wide{width:100%;margin-top:.65rem}.g-inline-link{border:0;background:transparent;color:#72dabe;padding:.35rem 0;font-size:.58rem;font-weight:800;text-align:left;cursor:pointer}
.g-panel-hero{padding:.85rem;border:1px solid rgba(105,224,207,.16);border-radius:.85rem;background:linear-gradient(155deg,rgba(10,59,59,.65),rgba(4,35,40,.66));margin-bottom:.65rem}.g-panel-hero.compact{padding:.72rem}.g-panel-hero>span{display:block;font-size:.48rem;letter-spacing:.13em;color:#67d2b8;font-weight:900}.g-panel-hero>strong{display:block;font-size:.95rem;margin-top:.22rem}.g-panel-hero>p{font-size:.59rem;line-height:1.4;color:#9eb9b4;margin:.3rem 0 0}
.g-section-title{font-size:.55rem!important;letter-spacing:.12em!important;color:#72dabe!important;margin:.85rem 0 .45rem!important}.g-list{display:grid;gap:.45rem}.g-list-card{padding:.65rem;border-radius:.75rem;background:rgba(6,37,42,.78);border:1px solid rgba(107,213,196,.13);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem;align-items:center}.g-list-card.selected{border-color:rgba(83,224,180,.4);background:rgba(16,74,62,.5)}.g-list-card strong,.g-list-card span{display:block}.g-list-card strong{font-size:.67rem}.g-list-card span{font-size:.52rem;line-height:1.35;color:#8faea9;margin-top:.15rem}.g-list-card>button{grid-column:1/-1;min-height:2.25rem;border-radius:.58rem;border:0;background:linear-gradient(180deg,#1d8f76,#126655);color:#eafff7;font-size:.58rem;font-weight:900}.g-list-card>button:disabled{background:#18373b;color:#617c78}.g-list-card>em{font-style:normal;color:#69dfb6;font-size:.55rem;font-weight:900}
.g-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin:.55rem 0}.g-stat-grid>div{padding:.62rem;border-radius:.68rem;background:rgba(5,35,40,.72);border:1px solid rgba(105,214,199,.11)}.g-stat-grid span,.g-stat-grid b{display:block}.g-stat-grid span{font-size:.47rem;letter-spacing:.07em;color:#7e9f9a}.g-stat-grid b{font-size:.76rem;margin-top:.16rem}.g-stat-grid.planet{grid-template-columns:repeat(2,1fr)}
.g-alert,.g-good{padding:.65rem;border-radius:.7rem;margin:.45rem 0;font-size:.57rem;line-height:1.35}.g-alert{background:rgba(104,53,42,.55);border:1px solid rgba(236,143,110,.20);color:#f0c2b3}.g-alert.info{background:rgba(22,74,78,.55);border-color:rgba(96,217,204,.18);color:#b9ddd7}.g-good{background:rgba(16,77,58,.55);border:1px solid rgba(83,222,170,.22);color:#a9efd0}.g-muted{font-size:.56rem;color:#78958f}.g-objectives{display:grid;gap:.35rem}.g-objective{display:flex;gap:.45rem;align-items:center;padding:.55rem;border-radius:.6rem;background:rgba(5,31,36,.67);font-size:.56rem;color:#8fa8a4}.g-objective.done{color:#9ce7c7}.g-objective b{color:#54d4ac}.g-chip-row,.g-spec-row{display:flex;gap:.35rem;flex-wrap:wrap;margin:.45rem 0}.g-chip{padding:.35rem .5rem;border-radius:.5rem;background:rgba(12,69,64,.58);border:1px solid rgba(91,218,196,.16);font-size:.5rem}.g-spec{width:2.2rem;height:2.2rem;border-radius:.55rem;border:1px solid rgba(94,209,193,.17);background:rgba(4,29,35,.75);font-size:1rem}.g-spec.selected{border-color:#58dcbc;background:rgba(18,97,77,.65)}

/* ---------- ONBOARDING / RÉVÉLATION PLANÈTE ---------- */
#creation.g-onboarding{z-index:1200;background:#061f25!important;padding:0!important;place-items:stretch!important;overflow:auto!important}
.g-on-shell{position:relative;min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 36%,rgba(38,151,127,.17),transparent 38%),linear-gradient(180deg,#08282d,#04171d 72%);padding:max(.7rem,env(safe-area-inset-top)) .7rem max(.8rem,env(safe-area-inset-bottom))}
.g-on-shell:before{content:"";position:absolute;inset:0;opacity:.15;background-image:radial-gradient(circle at 20% 24%,#8cf6d2 0 1px,transparent 1.5px),radial-gradient(circle at 78% 17%,#c7fff0 0 1px,transparent 1.5px),radial-gradient(circle at 66% 72%,#5fd8ba 0 1px,transparent 1.5px);background-size:190px 190px,250px 250px,310px 310px;pointer-events:none}
.g-on-brand{position:relative;z-index:1;height:4.4rem;display:flex;align-items:center;gap:.65rem;padding:.35rem .45rem;border:1px solid rgba(106,225,211,.18);border-radius:1rem;background:rgba(4,31,37,.78)}.g-on-logo{width:3rem;height:3rem;display:grid;place-items:center;border-radius:.85rem;background:rgba(16,87,79,.58);border:1px solid rgba(90,220,201,.18);font-size:1.45rem}.g-on-brand strong{display:block;letter-spacing:.12em}.g-on-brand span{display:block;font-size:.48rem;letter-spacing:.15em;color:#72d7be;margin-top:.16rem;font-weight:900}
.g-on-card{position:relative;z-index:1;width:min(100%,520px);margin:auto;align-self:center;border:1px solid rgba(104,224,209,.20);border-radius:1.15rem;padding:1rem;background:linear-gradient(160deg,rgba(5,36,41,.96),rgba(3,23,29,.97));box-shadow:0 26px 70px rgba(0,0,0,.43)}.g-on-card h1{font-size:1.35rem;margin:.35rem 0 .45rem}.g-on-card>p{font-size:.68rem;line-height:1.5;color:#9dbab5}.g-on-dots{display:flex;gap:.28rem;margin-bottom:.85rem}.g-on-dot{height:.28rem;flex:1;border-radius:1rem;background:#173b3e}.g-on-dot.on{background:#58d9ba;box-shadow:0 0 10px rgba(75,217,183,.35)}.g-on-dot.past{background:#287d6b}.g-field{display:grid;gap:.35rem;margin:.85rem 0}.g-field>span{font-size:.52rem;letter-spacing:.1em;color:#79b9ad;font-weight:900}.g-on-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:.45rem;align-items:center;margin-top:.9rem}.g-on-callout{padding:.65rem;border-radius:.7rem;background:rgba(13,70,65,.46);border:1px solid rgba(95,222,199,.16);font-size:.58rem;line-height:1.4;color:#a7cbc4;margin:.6rem 0}
.g-system-visual{height:12rem;position:relative;margin:.5rem auto .7rem;width:min(100%,330px)}.g-system-visual .sun{position:absolute;left:50%;top:50%;width:2.8rem;height:2.8rem;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 38% 35%,#fff3c7,#e2b34c 42%,#92611d);box-shadow:0 0 35px rgba(234,189,78,.45)}.g-system-visual .orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(98,220,200,.17);border-radius:50%;transform:translate(-50%,-50%)}.g-system-visual .orbit.a{width:7rem;height:3.1rem}.g-system-visual .orbit.b{width:11rem;height:5.2rem}.g-system-visual .orbit.c{width:16rem;height:7.4rem}.g-system-visual .planet{position:absolute;border-radius:50%;background:linear-gradient(145deg,#5fc4ad,#154d51);box-shadow:0 0 12px rgba(74,206,178,.28)}.g-system-visual .planet.a{width:.85rem;height:.85rem;left:28%;top:48%}.g-system-visual .planet.b{width:1rem;height:1rem;left:69%;top:34%}.g-system-visual .planet.c{width:.7rem;height:.7rem;left:76%;top:64%}
.g-condition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin:.8rem 0}.g-condition-grid>div{padding:.7rem .3rem;border-radius:.7rem;text-align:center;background:rgba(5,38,42,.73);border:1px solid rgba(103,214,198,.12)}.g-condition-grid b,.g-condition-grid span{display:block}.g-condition-grid b{font-size:1.2rem}.g-condition-grid span{font-size:.43rem;letter-spacing:.06em;color:#81a9a2;margin-top:.25rem;font-weight:900}.g-birth-visual{width:11rem;height:11rem;margin:.4rem auto;display:grid;place-items:center}.g-birth-visual img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(0,0,0,.4));animation:gAuthFloat 6s ease-in-out infinite}
.g-reveal-class{text-transform:uppercase;letter-spacing:.1em;color:#6fd7bf!important;font-size:.55rem!important;font-weight:900}.g-planet-reveal{height:11rem;display:grid;place-items:center}.g-planet-sphere,.g-planet-mini{border-radius:50%;background:radial-gradient(circle at 32% 28%,#79d9c1,#256d69 45%,#0c353c 72%);box-shadow:inset -18px -16px 25px rgba(0,0,0,.36),0 0 35px rgba(71,209,181,.25)}.g-planet-sphere{width:8.5rem;height:8.5rem}.g-planet-sphere.oceanique,.g-planet-mini.oceanique{background:radial-gradient(circle at 32% 28%,#6dc8dc,#2a769c 48%,#103a55 75%)}.g-planet-sphere.desertique,.g-planet-mini.desertique{background:radial-gradient(circle at 32% 28%,#e0bd7e,#9f6f3c 50%,#4f3422 76%)}.g-planet-sphere.glacee,.g-planet-mini.glacee{background:radial-gradient(circle at 32% 28%,#e5fbff,#8bbbc5 48%,#3c6670 76%)}.g-planet-sphere.volcanique,.g-planet-mini.volcanique{background:radial-gradient(circle at 32% 28%,#d4704c,#702c25 48%,#2b1215 76%)}.g-reveal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin:.5rem 0}.g-reveal-stats>div{padding:.55rem .25rem;text-align:center;border-radius:.6rem;background:rgba(4,35,40,.68);border:1px solid rgba(97,210,195,.10)}.g-reveal-stats span,.g-reveal-stats b{display:block}.g-reveal-stats span{font-size:.4rem;color:#779d96}.g-reveal-stats b{font-size:.68rem;margin-top:.12rem}

/* ---------- TUTORIEL PREMIUM ---------- */
.coach-highlight{outline:2px solid #68e0c3!important;outline-offset:3px!important;box-shadow:0 0 0 9999px rgba(0,12,15,.24),0 0 24px rgba(72,219,183,.28)!important;position:relative;z-index:1105!important}
.g-coachbox{position:fixed!important;left:.65rem!important;right:.65rem!important;bottom:calc(.65rem + env(safe-area-inset-bottom))!important;transform:none!important;width:auto!important;z-index:1150!important;border:1px solid rgba(102,225,208,.28)!important;border-radius:1rem!important;padding:.8rem!important;background:linear-gradient(160deg,rgba(5,39,44,.99),rgba(3,23,29,.99))!important;box-shadow:0 20px 55px rgba(0,0,0,.58)!important}.g-coachbox>span{display:block;font-size:.45rem;letter-spacing:.12em;color:#64d5ba;font-weight:900}.g-coachbox>strong{display:block;font-size:.85rem;margin:.22rem 0}.g-coachbox>p{font-size:.58rem;line-height:1.4;color:#9bb7b2;margin:.25rem 0 .6rem}.g-coachbox>div{display:grid;grid-template-columns:.8fr 1.2fr;gap:.4rem}

/* ---------- MODALES / DIALOGUES ---------- */
.g-modal,.modal{background:rgba(0,12,16,.64);backdrop-filter:none}.g-modal-card,#adminmodal .modalcard,#planetsheet .modalcard{width:min(94vw,460px);max-height:88dvh;border-radius:1.1rem;background:linear-gradient(160deg,rgba(5,36,42,.99),rgba(3,22,28,.995));border:1px solid rgba(103,225,210,.23);box-shadow:0 28px 75px rgba(0,0,0,.58);padding:.75rem;overflow:auto}.g-modal-head{display:flex;justify-content:space-between;align-items:center;min-height:4rem;padding:.25rem .2rem .65rem .45rem;border-bottom:1px solid rgba(102,218,203,.12)}.g-modal-head span{font-size:.47rem;letter-spacing:.12em;color:#69d2b9;font-weight:900}.g-modal-head h2{font-size:1rem;margin:.18rem 0 0}.g-modal-head .modalx{position:static;width:2.5rem;height:2.5rem;border-radius:50%;font-size:1.3rem;background:rgba(5,47,50,.8);border-color:rgba(96,216,199,.22);color:#eafff7}.g-modal-body{padding:.7rem .2rem}.g-admin-grid{display:grid;gap:.45rem;padding:.7rem .15rem}.g-admin-grid .cta{min-height:2.8rem;border-radius:.65rem;font-size:.62rem}.g-planet-sheet-head{display:flex;align-items:center;gap:.75rem;padding:.4rem 0 .7rem}.g-planet-mini{width:4rem;height:4rem;flex:none}.g-planet-sheet-head span,.g-planet-sheet-head strong,.g-planet-sheet-head small{display:block}.g-planet-sheet-head span{font-size:.5rem;color:#73d4bd}.g-planet-sheet-head strong{font-size:1rem;margin-top:.1rem}.g-planet-sheet-head small{font-size:.43rem;letter-spacing:.1em;color:#789b95;margin-top:.2rem}
.g-dialog{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;padding:.8rem;background:rgba(0,11,15,.68)}.g-dialog.hidden{display:none}.g-dialog-card{width:min(94vw,410px);padding:1rem;border-radius:1.05rem;background:linear-gradient(155deg,#073239,#031c23);border:1px solid rgba(103,229,210,.27);box-shadow:0 28px 75px rgba(0,0,0,.62)}.g-dialog-card h2{font-size:1.1rem;margin:.25rem 0 .35rem}.g-dialog-card p{font-size:.64rem;line-height:1.45;color:#9cb8b3;white-space:pre-line}.g-dialog-card input{margin:.45rem 0}.g-dialog-actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:.4rem;margin-top:.7rem}

/* ---------- CARTE : même shell premium ---------- */
body.map-mode{background:#051a20}.map-mode .topbar{display:none!important}.map-mode #view-map{inset:0!important}.g-map-view{background:radial-gradient(circle at 50% 42%,#092f35,#04171e 70%)}
.g-map-topcard{position:absolute;z-index:30;left:.65rem;right:.65rem;top:max(.55rem,env(safe-area-inset-top));height:4.45rem;display:grid;grid-template-columns:8rem minmax(0,1fr) 2.5rem;align-items:center;border:1px solid rgba(104,226,211,.20);border-radius:1rem;background:linear-gradient(180deg,rgba(4,33,39,.96),rgba(3,23,29,.94));box-shadow:0 14px 35px rgba(0,0,0,.38);padding:.35rem}.g-map-brand{display:flex;align-items:center;gap:.45rem;min-width:0}.g-map-logo{width:2.6rem;height:2.6rem;border-radius:.75rem;display:grid;place-items:center;background:rgba(16,82,76,.6);border:1px solid rgba(94,218,201,.18);color:#68dabb}.g-map-brand strong,.g-map-brand span{display:block}.g-map-brand strong{font-size:.72rem;letter-spacing:.1em}.g-map-brand span{font-size:.38rem;letter-spacing:.1em;color:#6bcdb7;margin-top:.12rem;font-weight:900}.g-map-title{min-width:0;padding:0 .4rem;border-left:1px solid rgba(100,218,204,.10)}.g-map-title .eyebrow{font-size:.4rem;letter-spacing:.14em}.g-map-title .vtitle{font-size:.82rem;margin:.16rem 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g-map-title .vsub{font-size:.42rem;line-height:1.2;margin-top:.12rem;max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g-map-topcard .p-map-back{position:static!important;width:2.35rem;height:2.35rem;border-radius:50%;border:1px solid rgba(97,215,200,.21);background:rgba(5,48,51,.78);color:#eafff8;font-size:1.25rem}
.g-map-crumbs{top:calc(max(.55rem,env(safe-area-inset-top)) + 4.85rem);left:.72rem;right:.72rem;display:flex;gap:.3rem;overflow-x:auto;z-index:25}.g-map-crumbs .crumb{background:rgba(4,35,40,.84);border-color:rgba(93,211,195,.14);color:#8eb0aa;font-size:.5rem;padding:.38rem .5rem}.g-map-crumbs .crumb.active{color:#dffaf3;border-color:rgba(85,220,190,.48);background:rgba(15,83,71,.68)}
.g-map-legend{left:.7rem;top:calc(max(.55rem,env(safe-area-inset-top)) + 7.35rem);bottom:auto;max-width:min(62vw,290px);border-radius:.75rem;background:rgba(4,31,37,.82);border-color:rgba(100,220,205,.13);backdrop-filter:none}.g-map-legend h4{color:#69cdb7}.g-map-legend .leg{font-size:.52rem;color:#b0c9c4}
.g-map-inspect{top:auto!important;left:.7rem!important;right:.7rem!important;bottom:4.55rem!important;width:auto!important;max-height:34dvh!important;overflow:auto;border-radius:.95rem!important;background:linear-gradient(160deg,rgba(5,37,43,.96),rgba(3,24,30,.97))!important;border-color:rgba(100,222,205,.20)!important;backdrop-filter:none!important;z-index:28!important}.g-map-inspect.empty{opacity:.82}.g-map-inspect .ihead{background:rgba(12,70,64,.36);border-bottom-color:rgba(97,212,197,.13)}.g-map-inspect .ieyebrow{color:#66d1b7}.g-map-inspect .ibody{font-size:.58rem}.g-map-inspect .cta{font-size:.58rem;border-radius:.6rem;min-height:2.3rem}
.g-map-controls{left:.7rem;right:.7rem;bottom:max(.55rem,env(safe-area-inset-bottom));height:3.55rem;display:grid;grid-template-columns:minmax(0,1.8fr) 3rem 3rem 4.5rem;gap:.35rem;align-items:stretch;z-index:29}.g-map-controls .modeswap,.g-map-controls .zbtn,.g-map-controls .render-note{position:static!important;width:auto!important;height:auto!important;min-width:0;border-radius:.7rem;background:rgba(5,40,44,.94);border:1px solid rgba(98,217,201,.17);color:#dffaf4}.g-map-controls .modeswap{display:flex;align-items:center;justify-content:center;gap:.35rem;font-size:.5rem;font-weight:800}.g-map-controls .modeswap b{font-size:.85rem}.g-map-controls .zbtn{font-size:1.15rem}.g-map-controls .render-note{display:grid;place-items:center;font-size:.38rem;letter-spacing:.08em;color:#6fc7b5;padding:0}.g-map-view #tip{z-index:35;background:#063038;border:1px solid rgba(96,219,201,.2);color:#e9fff9;border-radius:.45rem;font-size:.52rem}

/* ---------- ÈRES 3/4/5 : même HUD / même géométrie ---------- */
body:is(.era3-premium,.era4-premium,.era5-premium) #view-cell>.cellframe{min-height:100dvh;height:100dvh;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:#073238}
body:is(.era3-premium,.era4-premium,.era5-premium) .topbar{display:none!important}
body:is(.era3-premium,.era4-premium,.era5-premium) #era3WorldScene{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
body:is(.era3-premium,.era4-premium,.era5-premium) #cellcanvas{opacity:0;pointer-events:none}
body:is(.era3-premium,.era4-premium,.era5-premium) #pPondSvg{display:none!important}
body:is(.era3-premium,.era4-premium,.era5-premium) #cellpanel{display:none!important}
body:is(.era3-premium,.era4-premium,.era5-premium) .p-topcard{top:max(.55rem,env(safe-area-inset-top));left:.72rem;right:.72rem;height:4.45rem;grid-template-columns:minmax(8.8rem,1.05fr) minmax(9.2rem,1fr) 2.6rem}
body:is(.era3-premium,.era4-premium,.era5-premium) .p-statusrow{top:calc(max(.55rem,env(safe-area-inset-top)) + 4.9rem);left:.72rem;right:.72rem;height:3.65rem;grid-template-columns:4.35rem 5.35rem minmax(0,1fr);gap:.38rem}
body:is(.era3-premium,.era4-premium,.era5-premium) .p-statusbox,body:is(.era3-premium,.era4-premium,.era5-premium) .p-objective{height:3.65rem;min-height:0}
body:is(.era3-premium,.era4-premium,.era5-premium) .p-actiondock{left:.7rem;right:.7rem;bottom:4.5rem;height:6.45rem;grid-template-columns:5.2rem minmax(0,1fr) 5.2rem;gap:.45rem;align-items:end}
body:is(.era3-premium,.era4-premium,.era5-premium) .p-sideaction{height:4.9rem}body:is(.era3-premium,.era4-premium,.era5-premium) .p-primary-wrap{height:6.45rem}body:is(.era3-premium,.era4-premium,.era5-premium) .cellframe .bigbtn#btn-primary{display:block!important;width:min(11.4rem,50vw);height:4.45rem}
body:is(.era3-premium,.era4-premium,.era5-premium) .p-bottomnav{left:.7rem;right:.7rem;bottom:max(.48rem,env(safe-area-inset-bottom));height:3.55rem;grid-template-columns:repeat(4,1fr)}
.era4-world,.era5-world{position:absolute;inset:0;overflow:hidden}.future-scene-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%;filter:saturate(.92) contrast(1.03) brightness(.78)}.future-scene-atmos{position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,20,23,.32),rgba(1,17,19,.03) 36%,rgba(0,12,15,.38)),radial-gradient(circle at 50% 52%,rgba(80,211,180,.05),transparent 55%)}.future-orbit{position:absolute;left:50%;top:53%;width:16rem;height:5.8rem;border:1px solid rgba(96,224,203,.18);border-radius:50%;transform:translate(-50%,-50%) rotate(-12deg)}.future-orbit i{position:absolute;width:1rem;height:1rem;border-radius:50%;background:#6ee0c0;right:1.7rem;top:.4rem;box-shadow:0 0 18px rgba(89,222,186,.42)}.future-orbit b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:4rem;color:rgba(113,226,203,.18);text-shadow:0 0 30px rgba(74,201,176,.22)}
.era5-world{background:radial-gradient(circle at 62% 43%,#123f45 0,#071e28 27%,#031019 67%,#020a10 100%)}.era5-stars{position:absolute;inset:0;background-image:radial-gradient(circle at 12% 18%,#d8fff5 0 1px,transparent 1.5px),radial-gradient(circle at 37% 72%,#8adbc8 0 1px,transparent 1.5px),radial-gradient(circle at 79% 28%,#ecfff9 0 1px,transparent 1.5px),radial-gradient(circle at 88% 76%,#78cfbd 0 1px,transparent 1.5px);background-size:160px 150px,230px 220px,280px 270px,330px 310px;opacity:.55}.era5-nebula{position:absolute;left:50%;top:48%;width:90vw;height:55vh;transform:translate(-50%,-50%) rotate(-15deg);background:radial-gradient(ellipse,rgba(33,139,125,.24),rgba(11,63,72,.08) 45%,transparent 70%);filter:blur(15px)}.era5-planet{position:absolute;left:50%;top:54%;width:min(44vw,190px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 32% 28%,#6bc8ad,#1d6664 46%,#092e3a 72%);box-shadow:inset -28px -24px 35px rgba(0,0,0,.5),0 0 38px rgba(67,204,174,.18)}.era5-orbit{position:absolute;left:50%;top:54%;border:1px solid rgba(93,213,194,.15);border-radius:50%;transform:translate(-50%,-50%) rotate(-13deg)}.era5-orbit.o1{width:70vw;height:18vw}.era5-orbit.o2{width:92vw;height:28vw;transform:translate(-50%,-50%) rotate(16deg)}

@media(max-width:390px){
  .g-auth-card{padding:.65rem}.g-auth-intro{padding:.8rem .45rem .7rem}.g-on-card{padding:.85rem}.g-condition-grid{grid-template-columns:repeat(2,1fr)}.g-reveal-stats{grid-template-columns:repeat(2,1fr)}
  .g-map-topcard{grid-template-columns:7.2rem minmax(0,1fr) 2.35rem;height:4.2rem}.g-map-legend{max-width:70vw}.g-map-inspect{max-height:31dvh!important}.g-map-controls{grid-template-columns:minmax(0,1.6fr) 2.75rem 2.75rem 4rem}
  body:is(.era3-premium,.era4-premium,.era5-premium) .p-topcard{grid-template-columns:7.7rem 1fr 2.25rem;height:4.15rem}
  body:is(.era3-premium,.era4-premium,.era5-premium) .p-statusrow{top:calc(max(.55rem,env(safe-area-inset-top)) + 4.55rem);grid-template-columns:4rem 4.9rem minmax(0,1fr);height:3.45rem}
  body:is(.era3-premium,.era4-premium,.era5-premium) .p-statusbox,body:is(.era3-premium,.era4-premium,.era5-premium) .p-objective{height:3.45rem}
  body:is(.era3-premium,.era4-premium,.era5-premium) .p-actiondock{grid-template-columns:4.75rem minmax(0,1fr) 4.75rem;gap:.35rem}
  body:is(.era3-premium,.era4-premium,.era5-premium) .p-sideaction{height:4.6rem}body:is(.era3-premium,.era4-premium,.era5-premium) .cellframe .bigbtn#btn-primary{width:min(10.5rem,48vw)}
}

#pCompoundsButton.static{pointer-events:none;cursor:default}
#planetsheet{z-index:950}
.g-coachbox.top{top:calc(max(.65rem,env(safe-area-inset-top)) + 8.6rem)!important;bottom:auto!important}


/* ---------- V6.30 FINAL : composants premium partout ---------- */
.g-admin-grid .cta,
.g-modal-card .cta,
.g-dialog-card .g-btn,
.g-on-card .g-btn{
  border:1px solid rgba(104,225,207,.22)!important;
  background:linear-gradient(180deg,rgba(21,139,112,.98),rgba(9,94,78,.98))!important;
  color:#ecfff9!important;
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 7px 18px rgba(0,0,0,.20)!important;
}
.g-admin-grid .cta.ghost,
.g-modal-card .cta.ghost{
  background:rgba(7,48,52,.74)!important;
  color:#c8e8e1!important;
}
.g-admin-grid .cta.danger,
.g-modal-card .cta.danger{
  background:linear-gradient(180deg,rgba(135,58,61,.92),rgba(88,35,42,.96))!important;
  border-color:rgba(235,130,132,.28)!important;
}
.g-modal-card input,
.g-dialog-card input,
.g-auth-card input,
.g-on-card input{
  border:1px solid rgba(103,224,207,.20)!important;
  background:rgba(2,24,30,.80)!important;
  color:#edfff9!important;
  border-radius:.68rem!important;
}
.g-modal-card input:focus,
.g-dialog-card input:focus,
.g-auth-card input:focus,
.g-on-card input:focus{
  outline:none!important;
  border-color:rgba(103,224,207,.58)!important;
  box-shadow:0 0 0 3px rgba(71,205,179,.09)!important;
}

/* ============================================================
   GENESIS V6.31 — ÈRE 1 : CELLULE CENTRÉE + ACTION COMPACTE
   ============================================================ */

/* Le canvas doit rester réellement visible au-dessus du décor de la mare. */
body.era1-premium:not(.era3-premium):not(.era4-premium):not(.era5-premium) #cellcanvas{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:3!important;
  opacity:1!important;
  transform:none!important;
  object-fit:contain!important;
  pointer-events:none!important;
}

/* Le voile atmosphérique reste sous la cellule. */
body.era1-premium:not(.era3-premium):not(.era4-premium):not(.era5-premium) .cellframe:before,
body.era1-premium:not(.era3-premium):not(.era4-premium):not(.era5-premium) .cellframe:after{
  z-index:2!important;
}

/* Le bouton principal redevient une bulle compacte au lieu d'une longue capsule. */
@media(max-width:900px){
  body.era1-premium:not(.era3-premium):not(.era4-premium):not(.era5-premium) .p-primary-wrap{
    height:5.75rem!important;
    align-content:end!important;
  }
  body.era1-premium:not(.era3-premium):not(.era4-premium):not(.era5-premium) .cellframe .bigbtn#btn-primary{
    width:min(8rem,36vw)!important;
    min-width:7rem!important;
    height:4.15rem!important;
    min-height:4.15rem!important;
    padding:0 .6rem!important;
    border-radius:50%!important;
    font-size:.82rem!important;
    letter-spacing:.035em!important;
    box-shadow:
      0 0 0 .25rem rgba(2,62,57,.34),
      0 10px 24px rgba(0,0,0,.34),
      0 0 20px rgba(44,234,176,.18),
      inset 0 7px 16px rgba(117,255,213,.12)!important;
  }
  body.era1-premium:not(.era3-premium):not(.era4-premium):not(.era5-premium) .p-energy{
    top:.05rem!important;
  }
}
@media(max-width:390px){
  body.era1-premium:not(.era3-premium):not(.era4-premium):not(.era5-premium) .cellframe .bigbtn#btn-primary{
    width:7.35rem!important;
    min-width:7.35rem!important;
    height:3.9rem!important;
    min-height:3.9rem!important;
    font-size:.76rem!important;
  }
}

/* ============================================================
   GENESIS V6.33 — RECHERCHE LISIBLE + POPUP PASSAGE D'ÈRE
   ============================================================ */
.p-feature-body .research-intro{
  margin:.1rem 0 .8rem;padding:.72rem .78rem;border-radius:.72rem;
  background:rgba(10,64,61,.35);border:1px solid rgba(93,211,193,.13);
  color:#a8c7c1;font-size:.64rem;line-height:1.48;
}
.p-feature-body .research-track{
  display:grid;gap:.62rem;padding:.78rem .82rem;margin:.52rem 0;
}
.research-track-head{
  display:flex;align-items:center;justify-content:space-between;gap:.65rem;min-width:0;
}
.research-track-head strong{
  display:flex!important;align-items:center;gap:.48rem;min-width:0;font-size:.86rem;line-height:1.2;
}
.research-track-head strong i{
  flex:none;width:1.45rem;font-style:normal;font-size:1.15rem;text-align:center;
}
.research-track-head em{
  flex:none;padding:.28rem .42rem;border-radius:999px;font-style:normal;
  font-size:.38rem;font-weight:900;letter-spacing:.07em;color:#8fa8a5;
  background:rgba(31,59,62,.58);border:1px solid rgba(128,169,164,.12);
}
.research-track-head em.mastered{
  color:#8df0c5;background:rgba(24,102,78,.42);border-color:rgba(91,224,169,.18);
}
.research-current{
  display:grid;gap:.16rem;padding:.48rem .58rem;border-radius:.58rem;
  background:rgba(2,24,30,.48);border:1px solid rgba(96,207,195,.08);
}
.research-current span{
  display:block!important;color:#6f9993!important;font-size:.39rem!important;
  font-weight:900;letter-spacing:.10em;line-height:1.2;
}
.research-current b{
  display:block;color:#e9fbf6;font-size:.72rem;line-height:1.3;font-weight:700;
}
.research-detail{display:block;min-height:1.1rem;padding:0 .12rem}
.research-detail span{
  display:block!important;color:#88a8a3!important;font-size:.56rem!important;line-height:1.35;
}
.research-detail.mastered span{color:#91cbb8!important}
.p-feature-body .research-track.done{
  border-color:rgba(99,223,165,.27);
  background:linear-gradient(145deg,rgba(9,53,49,.76),rgba(2,28,31,.88));
}

/* Le dialogue de passage d'ère est au-dessus de Missions et de tous les panneaux. */
#genesisDialog,.g-dialog{z-index:20000!important}
#genesisDialog .g-dialog-card{position:relative;z-index:20001!important}
body:has(#genesisDialog:not(.hidden)) #pMissionList{display:none!important}


/* === GENESIS V6.35 — actions Ère 2 lisibles + disponibilité/timer === */
body.era2-premium .p-feature-card .lvlbtn,
body.era2-premium .era2-quick-actions .lvlbtn{
  width:100%;margin-top:.62rem;min-height:42px;border-radius:.62rem;padding:.55rem .75rem;
  border:1px solid;font:800 .73rem/1.15 ui-monospace,monospace;letter-spacing:.02em;cursor:pointer;
}
body.era2-premium .p-feature-card .lvlbtn.ready,
body.era2-premium .era2-quick-actions .lvlbtn.ready{
  background:#4FD1C5;border-color:#4FD1C5;color:#081b22;box-shadow:0 6px 16px rgba(27,183,172,.18);
}
body.era2-premium .p-feature-card .lvlbtn.era2-explore-cta{
  min-height:3.9rem;border-radius:1rem;padding:.72rem .95rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.28rem;
  font:800 .84rem/1.1 ui-monospace,monospace;letter-spacing:.02em;text-align:left;
}
body.era2-premium .p-feature-card .lvlbtn.era2-explore-cta span{display:block;width:100%}
body.era2-premium .p-feature-card .lvlbtn.era2-explore-cta small{display:block;font:600 .66rem/1.3 system-ui,sans-serif;opacity:.9;letter-spacing:0;color:inherit}
body.era2-premium .p-feature-card .lvlbtn.era2-explore-cta.ready{
  background:linear-gradient(180deg,rgba(60,220,203,.98),rgba(28,164,150,.98));
  border-color:rgba(122,241,229,.78);color:#062228;box-shadow:0 12px 28px rgba(9,146,136,.28),inset 0 1px 0 rgba(255,255,255,.32);
}
body.era2-premium .p-feature-card .lvlbtn.era2-explore-cta.ready:active{transform:translateY(1px)}
body.era2-premium .p-feature-card .lvlbtn.era2-explore-cta.off{align-items:flex-start}
body.era2-premium .p-feature-card .lvlbtn.off,
body.era2-premium .era2-quick-actions .lvlbtn.off{
  background:rgba(112,139,143,.08);border-color:rgba(149,184,184,.20);color:#799396;opacity:.72;cursor:not-allowed;
}
body.era2-premium .p-feature-card .lvlbtn:disabled,
body.era2-premium .era2-quick-actions .lvlbtn:disabled{pointer-events:none}
body.era2-premium .era2-action-status{display:block;margin-top:.28rem;font-size:.72rem;line-height:1.35}
body.era2-premium .era2-action-status.ok{color:#91e8d7}
body.era2-premium .era2-action-status.warn{color:#d7bca0}
body.era2-premium .era2-action-status.timer{color:#a7c1c2;font-variant-numeric:tabular-nums}
body.era2-premium .era2-action-card.unavailable{border-color:rgba(157,184,184,.12)}
body.era2-premium .era2-action-card.available{border-color:rgba(79,209,197,.24)}
body.era2-premium .era2-quick-actions .lvlbtn{margin-top:0}

/* V6.37 — Ère 1 : trois profondeurs d'exploration, lisibles sur mobile */
.era1-explore-grid{display:grid;gap:.62rem}
.era1-explore-card{padding:.72rem;border-radius:.82rem;background:rgba(5,37,42,.78);border:1px solid rgba(111,206,190,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.era1-explore-card.ready{border-color:rgba(77,232,190,.42);background:linear-gradient(180deg,rgba(9,65,59,.84),rgba(5,39,44,.82))}
.era1-explore-card.waiting{border-color:rgba(126,170,168,.12)}
.era1-explore-head{display:flex;align-items:center;gap:.58rem}.era1-explore-head>b{display:grid;place-items:center;width:2.15rem;height:2.15rem;border-radius:50%;background:rgba(44,196,169,.10);font-size:1.1rem;border:1px solid rgba(86,220,197,.16)}
.era1-explore-head>div{min-width:0;flex:1}.era1-explore-head strong,.era1-explore-head span{display:block}.era1-explore-head strong{font-size:.72rem;color:#e3fbf5;letter-spacing:.035em}.era1-explore-head span{font-size:.53rem;color:#83d8c3;margin-top:.08rem}
.era1-explore-card p{margin:.48rem 0 .38rem;color:#a7bfbb;font-size:.56rem;line-height:1.38}.era1-explore-card>small{display:block;min-height:1rem;color:#78dbc0;font-size:.52rem;font-weight:700;margin-bottom:.38rem}
.era1-explore-card.waiting>small{color:#9aafad}.era1-explore-btn{width:100%;min-height:2.35rem;margin:0!important;font-size:.61rem}.era1-explore-btn:disabled{opacity:.48;filter:saturate(.55)}
.era1-energy-card{border-color:rgba(229,193,74,.18)!important;background:linear-gradient(180deg,rgba(62,54,20,.28),rgba(6,38,42,.7))!important}.era1-energy-card strong{color:#f5e58f!important}.era1-energy-card small{color:#d9ca7f!important}
.era1-explore-rule{margin-top:.68rem!important}.era1-explore-rule strong{color:#c9f2e5!important}.era1-explore-rule b{color:#8cf0ce}
.p-moment.empty{border-color:rgba(151,174,174,.18);box-shadow:0 16px 40px rgba(0,0,0,.35)}


/* =====================================================================
   GENESIS v6.38 — CONSEIL CONTEXTUEL ÈRES 1 À 3
   ===================================================================== */
.p-advice-btn{align-self:center;justify-self:center;width:2.05rem;height:2.05rem;border-radius:.68rem;border:1px solid rgba(109,231,210,.22);background:rgba(7,38,42,.82);color:#e9fff8;font-size:.92rem;line-height:1;box-shadow:inset 0 1px rgba(255,255,255,.05);pointer-events:auto;position:relative}
.p-advice-btn.hidden{display:none!important}
.p-advice-btn[data-priority="urgent"]{border-color:rgba(255,154,118,.52);box-shadow:0 0 15px rgba(255,112,78,.16),inset 0 1px rgba(255,255,255,.05)}
.p-advice-btn[data-priority="urgent"]:after{content:"";position:absolute;right:.14rem;top:.12rem;width:.38rem;height:.38rem;border-radius:50%;background:#ff8b67;box-shadow:0 0 .45rem rgba(255,139,103,.7)}
.p-advice-btn[data-priority="ready"]{border-color:rgba(116,237,164,.55);box-shadow:0 0 15px rgba(85,226,147,.15),inset 0 1px rgba(255,255,255,.05)}
body.era1-premium .p-settings-wrap{display:grid!important;grid-template-rows:1fr 1fr!important;align-items:center!important;justify-items:center!important;gap:.12rem!important;height:100%!important;padding:.26rem 0!important;box-sizing:border-box!important}
body.era1-premium .p-settings,body.era1-premium .p-advice-btn{width:1.68rem!important;height:1.68rem!important;min-width:0!important;min-height:0!important;border-radius:.56rem!important;font-size:.76rem!important;position:relative;z-index:1002!important;pointer-events:auto!important;touch-action:manipulation}
body.era1-premium .p-advice-btn:active{transform:translateY(1px) scale(.97);filter:brightness(.93)}
.advice-card{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:.72rem;padding:.9rem;border-radius:1rem;height:auto!important;min-height:0!important;overflow:visible!important;position:relative!important;margin:0!important;background:linear-gradient(180deg,rgba(7,47,50,.9),rgba(4,30,36,.92));border:1px solid rgba(108,224,205,.18);box-shadow:inset 0 1px rgba(255,255,255,.04)}
.advice-card.advice-urgent{border-color:rgba(255,150,116,.3);background:linear-gradient(180deg,rgba(67,39,35,.88),rgba(38,27,31,.94))}
.advice-card.advice-ready{border-color:rgba(104,231,157,.3);background:linear-gradient(180deg,rgba(20,71,54,.86),rgba(8,43,40,.94))}
.advice-head{display:grid;grid-template-columns:2.55rem minmax(0,1fr);gap:.65rem;align-items:center}
.advice-head>b{width:2.55rem;height:2.55rem;display:grid;place-items:center;border-radius:.8rem;background:rgba(35,154,126,.18);border:1px solid rgba(118,232,203,.17);font-size:1.25rem}
.advice-card.advice-urgent .advice-head>b{background:rgba(196,83,59,.16);border-color:rgba(255,151,121,.18)}
.advice-head>div{min-width:0}.advice-head span,.advice-head strong{display:block}.advice-head span{font-size:.48rem;letter-spacing:.13em;color:#75dcc9;font-weight:900}.advice-card.advice-urgent .advice-head span{color:#ffad94}.advice-card.advice-ready .advice-head span{color:#8debb2}.advice-head strong{font-size:.82rem;line-height:1.15;margin-top:.18rem;color:#effffb}
.advice-card>p{margin:0;color:#c0d9d4;font-size:.64rem;line-height:1.5}
.advice-why{padding:.62rem .68rem;border-radius:.7rem;background:rgba(1,22,28,.45);border:1px solid rgba(119,211,195,.1)}
.advice-why>span{display:block;font-size:.43rem;letter-spacing:.14em;color:#65c7b8;font-weight:900;margin-bottom:.2rem}.advice-why>p{margin:0;font-size:.57rem;line-height:1.45;color:#a7c1bc}
.advice-actions{display:grid;gap:.48rem;margin-top:.7rem}.advice-action{min-height:2.75rem;border-radius:.72rem;border:1px solid rgba(105,217,197,.18);background:rgba(11,55,58,.72);color:#dffaf3;font-weight:900;font-size:.62rem;letter-spacing:.04em}.advice-action.primary{background:linear-gradient(180deg,#169a78,#0b705e);border-color:rgba(102,235,199,.25);color:white}.advice-action:active{transform:translateY(1px);filter:brightness(.94)}
.advice-foot{margin-top:.65rem;padding:.55rem .65rem;border-radius:.65rem;background:rgba(8,31,36,.58);font-size:.49rem;line-height:1.4;color:#718f8b;text-align:center}
.advice-plan{display:grid;gap:.5rem}
.advice-step{display:grid;grid-template-columns:1.72rem minmax(0,1fr);gap:.58rem;align-items:start;padding:.62rem .68rem;border-radius:.76rem;background:rgba(2,24,30,.48);border:1px solid rgba(116,217,199,.1)}
.advice-step>b{display:grid;place-items:center;width:1.72rem;height:1.72rem;border-radius:.58rem;background:rgba(72,204,177,.12);border:1px solid rgba(112,230,205,.13);color:#9ef0dd;font-size:.68rem}
.advice-step>div{min-width:0}.advice-step span{display:block;font-size:.43rem;letter-spacing:.13em;color:#71d5c2;font-weight:900;margin-bottom:.18rem}.advice-step p{margin:0;color:#c7ded9;font-size:.58rem;line-height:1.48}
.advice-step.now{border-color:rgba(95,230,197,.2);background:linear-gradient(180deg,rgba(14,72,65,.36),rgba(2,28,32,.5))}.advice-step.now>b{background:rgba(38,198,161,.2);color:#dffff6}
.advice-step.goal{border-color:rgba(137,190,246,.15)}.advice-step.goal>b{background:rgba(81,142,214,.12);color:#b9d9ff}.advice-step.goal span{color:#91bdf1}
.advice-avoid{padding:.62rem .68rem;border-radius:.7rem;background:rgba(76,40,30,.42);border:1px solid rgba(238,145,106,.14)}
.advice-avoid>span{display:block;font-size:.43rem;letter-spacing:.13em;color:#f3ad91;font-weight:900;margin-bottom:.2rem}.advice-avoid>p{margin:0;color:#cdb4aa;font-size:.56rem;line-height:1.45}
.advice-wait{display:grid;grid-template-columns:1.45rem minmax(0,1fr);gap:.5rem;align-items:center;padding:.58rem .65rem;border-radius:.68rem;background:rgba(31,52,68,.46);border:1px solid rgba(123,175,218,.14);color:#aec8dc;font-size:.55rem;line-height:1.4}.advice-wait>b{font-size:.9rem;text-align:center}.advice-wait span{min-width:0}
.advice-actions{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}
@media(max-width:390px){body.era1-premium .p-settings,body.era1-premium .p-advice-btn{width:1.55rem!important;height:1.55rem!important;font-size:.69rem!important}.advice-head strong{font-size:.75rem}.advice-card>p{font-size:.59rem}}

/* =====================================================================
   GENESIS v6.43 — ÈRE 2 : ÉCOSYSTÈME, ADAPTATION ET RYTHME
   ===================================================================== */
body.era2-premium .era2-adaptbar{height:.48rem;margin-top:.48rem;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.07);border:1px solid rgba(116,224,205,.10)}
body.era2-premium .era2-adaptbar>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(66,176,159,.85),rgba(103,232,196,.95));box-shadow:0 0 .7rem rgba(77,220,188,.18)}
body.era2-premium .era2-habitat-meta{display:grid;grid-template-columns:1fr 1fr auto;gap:.4rem;align-items:center;margin-top:.55rem;color:#9ebbb7;font-size:.58rem}
body.era2-premium .era2-habitat-meta span b{color:#e4fff8}
body.era2-premium .era2-habitat-meta em{font-style:normal;font-size:.46rem;font-weight:900;letter-spacing:.06em;color:#71ddc1;padding:.22rem .4rem;border-radius:999px;background:rgba(74,198,169,.1);border:1px solid rgba(103,228,196,.15)}
body.era2-premium .era2-current-pair{display:grid;grid-template-columns:1fr;gap:.58rem}
body.era2-premium .era2-guide-card b{color:#e9fff8}
body.era2-premium .era2-stage-list,body.era2-premium .era2-progress-list{display:grid;gap:.5rem}
body.era2-premium .era2-stage-step,body.era2-premium .era2-progress-row{display:grid;grid-template-columns:1.6rem minmax(0,1fr) auto;gap:.5rem;align-items:center;padding:.62rem .68rem;border-radius:.72rem;background:rgba(5,35,40,.72);border:1px solid rgba(112,203,190,.12);color:#a9c2be;font-size:.61rem}
body.era2-premium .era2-stage-step>b,body.era2-premium .era2-progress-row>b{display:grid;place-items:center;width:1.45rem;height:1.45rem;border-radius:50%;background:rgba(255,255,255,.05);color:#7e9b99;font-size:.64rem}
body.era2-premium .era2-stage-step.current{border-color:rgba(80,213,190,.35);background:rgba(10,63,59,.72);color:#e7fff9}
body.era2-premium .era2-stage-step.done,body.era2-premium .era2-progress-row.ok{border-color:rgba(84,205,163,.2);background:rgba(14,69,54,.52);color:#bcebdc}
body.era2-premium .era2-stage-step.done>b,body.era2-premium .era2-progress-row.ok>b{background:rgba(61,190,147,.18);color:#8af0c9}
body.era2-premium .era2-progress-row em{font-style:normal;color:#91d9cb;font-size:.55rem;white-space:nowrap}
body.era2-premium .era2-progress-row.pending em{color:#8ba2a0}
body.era2-premium .era2-symmetry{display:grid;gap:.56rem}
body.era2-premium .era2-symmetry .lvlbtn{white-space:normal;line-height:1.35;min-height:3.05rem}
body.era2-premium .era2-inline-note{margin-top:.05rem}
body.era2-premium .era2-action-card>small{display:block;margin-top:.45rem;color:#789895;font-size:.52rem;line-height:1.35}
body.era2-premium .p-hub-grid.era2-activity-grid button span{line-height:1.32}
@media(max-width:390px){body.era2-premium .era2-habitat-meta{grid-template-columns:1fr 1fr}body.era2-premium .era2-habitat-meta em{grid-column:1/-1;justify-self:start}}
body.era2-premium .era2-sym-option{padding:.65rem;border-radius:.72rem;background:rgba(255,255,255,.025);border:1px solid rgba(107,210,194,.12)}
body.era2-premium .era2-sym-option>strong,body.era2-premium .era2-sym-option>span{display:block}
body.era2-premium .era2-sym-option>strong{color:#e9fff9;font-size:.7rem}body.era2-premium .era2-sym-option>span{margin-top:.18rem;color:#98b7b2;font-size:.56rem;line-height:1.4}
body.era2-premium .era2-habitat-feed{margin-top:.42rem;color:#89aaa5;font-size:.53rem;line-height:1.35}body.era2-premium .era2-habitat-feed b{color:#bdeee1}

/* === GENESIS V6.51 — Ère 3 : visuels premium intégrés === */
body.era3-premium .era3-scene-bg{
  filter:saturate(1.08) contrast(1.04) brightness(1.02);
}
body.era3-premium .era3-species-hero{
  width:min(30vw,7.4rem);bottom:9rem;aspect-ratio:1;border-radius:50%;overflow:hidden;
  border:1px solid rgba(112,224,211,.46);background:rgba(3,22,27,.58);
  box-shadow:0 .55rem 1.35rem rgba(0,0,0,.42),inset 0 0 1rem rgba(78,210,202,.12);
}
body.era3-premium .era3-species-hero img{object-fit:cover;object-position:center 30%}
body.era3-premium .era3-species-logo{object-fit:cover;object-position:center 28%;border-radius:50%}

.e3-resgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.42rem;margin:0 0 .68rem}
.e3-resitem{min-width:0;padding:.38rem .28rem .42rem;border-radius:.68rem;background:linear-gradient(180deg,rgba(13,49,54,.92),rgba(5,28,33,.9));border:1px solid rgba(108,216,195,.15);text-align:center;overflow:hidden}
.e3-resitem img{display:block;width:100%;aspect-ratio:1.35;object-fit:cover;border-radius:.46rem;margin-bottom:.25rem;background:#071f25}
.e3-resitem span,.e3-resitem b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.e3-resitem span{font-size:.43rem;color:#9bbab5}.e3-resitem b{font-size:.62rem;color:#e4fbf4;margin-top:.08rem}

.e3-listcard{grid-template-columns:3.45rem minmax(0,1fr) auto;align-items:center;padding:.56rem}
.e3-building-art{display:block;width:3.45rem;height:3.45rem;object-fit:cover;border-radius:.6rem;background:#081f24;border:1px solid rgba(129,220,197,.14);box-shadow:0 .25rem .65rem rgba(0,0,0,.22)}
.e3-listcard button{grid-column:1/-1}

.e3-techcard{grid-template-columns:4.3rem minmax(0,1fr);align-items:center;padding:.58rem}
.e3-techart{display:block;width:4.3rem;height:4.3rem;object-fit:cover;border-radius:.68rem;background:#071e24;border:1px solid rgba(125,217,196,.15);box-shadow:0 .25rem .72rem rgba(0,0,0,.25)}
.e3-techcard button{grid-column:1/-1}

.e3-regionmap{grid-template-columns:repeat(4,minmax(0,1fr));gap:.42rem}
.e3-region{min-height:6.5rem;padding:.28rem;overflow:hidden;position:relative}
.e3-region-art{display:block;width:100%;height:3.45rem;object-fit:cover;border-radius:.46rem;margin-bottom:.2rem;filter:saturate(1.06) contrast(1.02)}
.e3-region span{font-size:.5rem}.e3-region small{font-size:.41rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.e3-region em{font-size:.34rem}
.e3-region.mine .e3-region-art{box-shadow:inset 0 0 0 2px rgba(82,214,166,.25)}
.e3-region.other .e3-region-art{filter:saturate(.65) brightness(.62)}

@media(max-width:380px){
  .e3-resgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem}
  .e3-resitem{padding:.28rem .2rem}.e3-resitem span{font-size:.38rem}.e3-resitem b{font-size:.55rem}
  .e3-regionmap{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.era3-premium .era3-species-hero{width:min(27vw,6.6rem)}
}

/* ============================================================
   GENESIS V6.52 — ÈRE 3 : COLONIES PAR RÉGION / 10 SLOTS
   ============================================================ */
.e3-colony-workspace{display:grid;grid-template-columns:12rem minmax(0,1fr) 15rem;gap:.7rem;align-items:start;margin:.7rem 0 1rem;min-width:0}
.e3-region-browser,.e3-build-sidebar,.e3-colony-main{min-width:0;border:1px solid rgba(99,211,201,.17);border-radius:.85rem;background:linear-gradient(160deg,rgba(7,38,44,.92),rgba(2,22,29,.96));box-shadow:0 .55rem 1.3rem rgba(0,0,0,.24);overflow:hidden}
.e3-browser-title{display:flex;align-items:center;justify-content:space-between;padding:.7rem .75rem;color:#d8f8f1;font-size:.62rem;font-weight:900;letter-spacing:.07em;border-bottom:1px solid rgba(98,210,195,.12)}
.e3-browser-title b{padding:.16rem .38rem;border-radius:999px;background:rgba(73,218,188,.12);color:#7ae5c0}
.e3-region-filter{display:grid;gap:.28rem;padding:.62rem}.e3-region-filter span{font-size:.43rem;color:#7d9f9c;text-transform:uppercase;letter-spacing:.08em}.e3-region-filter select{width:100%;min-height:2.25rem;padding:.42rem .5rem;border-radius:.52rem;border:1px solid rgba(89,210,195,.2);background:#082a31;color:#e3f8f4;font-size:.58rem}
.e3-region-list{display:grid;gap:.36rem;padding:0 .48rem .55rem;max-height:22rem;overflow:auto}.e3-region-list button{display:grid;grid-template-columns:3.15rem 1fr;gap:.45rem;align-items:center;text-align:left;padding:.34rem;border-radius:.58rem;border:1px solid rgba(95,197,190,.12);background:rgba(6,29,35,.72);color:#dcefeb}.e3-region-list button.active{border-color:rgba(84,235,203,.58);box-shadow:inset 0 0 0 1px rgba(84,235,203,.15),0 0 .9rem rgba(61,214,190,.12)}.e3-region-list img{width:3.15rem;height:2.25rem;object-fit:cover;border-radius:.42rem}.e3-region-list span,.e3-region-list b,.e3-region-list small{display:block;min-width:0}.e3-region-list b{font-size:.55rem}.e3-region-list small{font-size:.4rem;color:#819f9b;margin-top:.14rem;line-height:1.25}
.e3-region-rule{margin:.15rem .48rem .5rem;padding:.52rem;border-radius:.56rem;background:rgba(14,74,66,.34);border:1px solid rgba(86,217,188,.11)}.e3-region-rule b,.e3-region-rule span{display:block}.e3-region-rule b{font-size:.5rem;color:#a9ead5}.e3-region-rule span{font-size:.4rem;color:#829f9a;margin-top:.16rem;line-height:1.3}
.e3-colony-main>header{display:flex;justify-content:space-between;align-items:center;gap:.55rem;padding:.62rem .72rem;border-bottom:1px solid rgba(93,205,191,.13)}.e3-colony-main>header span,.e3-colony-main>header b{display:block}.e3-colony-main>header span{font-size:.62rem;font-weight:900;color:#e4faf5}.e3-colony-main>header b{font-size:.42rem;color:#78cdb8;margin-top:.14rem}.e3-colony-main>header em{font-style:normal;font-size:.65rem;font-weight:900;color:#75e6c0;padding:.25rem .42rem;border-radius:.42rem;background:rgba(72,218,183,.1)}
.e3-colony-scene{position:relative;width:100%;aspect-ratio:1.55;overflow:hidden;background:#061d22}.e3-colony-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.06) contrast(1.04)}.e3-colony-scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(1,13,18,.04),rgba(1,13,18,.12)),radial-gradient(circle at 50% 45%,transparent 40%,rgba(1,15,20,.2) 100%)}
.e3-colony-slots{position:absolute;inset:0;z-index:3}.e3-colony-slot{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:3.2rem;height:3.2rem;padding:0;border-radius:.62rem;border:1px solid rgba(120,234,214,.45);background:rgba(4,29,34,.56);color:#eafff9;box-shadow:0 .25rem .8rem rgba(0,0,0,.34),inset 0 0 .8rem rgba(76,215,192,.09);backdrop-filter:blur(2px);overflow:visible}.e3-colony-slot.empty{width:2.65rem;height:2.65rem;border-style:dashed;background:rgba(2,23,29,.45)}.e3-colony-slot.empty b{font-size:1.25rem;color:#91e8d3;text-shadow:0 0 .55rem rgba(92,237,205,.45)}.e3-colony-slot>span{position:absolute;top:-.32rem;right:-.32rem;width:1rem;height:1rem;display:grid;place-items:center;border-radius:50%;background:#082a30;border:1px solid rgba(115,228,209,.45);font-size:.4rem;font-weight:900}.e3-colony-slot img{width:100%;height:100%;object-fit:cover;border-radius:.55rem}.e3-colony-slot small{position:absolute;left:50%;bottom:-1.05rem;transform:translateX(-50%);width:5.8rem;padding:.16rem .2rem;border-radius:.32rem;background:rgba(2,20,26,.9);font-size:.35rem;line-height:1.15;color:#d9f5ed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.e3-colony-slot em{position:absolute;inset:auto .1rem .1rem .1rem;padding:.14rem;border-radius:.28rem;background:rgba(7,25,30,.88);font-style:normal;font-size:.36rem;font-weight:900;color:#ffd578}.e3-colony-slot.building{border-color:rgba(237,191,92,.7);box-shadow:0 0 .7rem rgba(244,185,75,.24)}.e3-colony-slot.active{border-color:rgba(96,231,195,.64)}.e3-colony-slot.selected{outline:2px solid rgba(125,245,223,.85);outline-offset:2px;box-shadow:0 0 1rem rgba(80,228,202,.36)}
.e3-colony-slot[data-e3-slot="1"]{left:12%;top:24%}.e3-colony-slot[data-e3-slot="2"]{left:34%;top:18%}.e3-colony-slot[data-e3-slot="3"]{left:61%;top:19%}.e3-colony-slot[data-e3-slot="4"]{left:84%;top:28%}.e3-colony-slot[data-e3-slot="5"]{left:17%;top:49%}.e3-colony-slot[data-e3-slot="6"]{left:40%;top:45%}.e3-colony-slot[data-e3-slot="7"]{left:67%;top:46%}.e3-colony-slot[data-e3-slot="8"]{left:84%;top:57%}.e3-colony-slot[data-e3-slot="9"]{left:35%;top:73%}.e3-colony-slot[data-e3-slot="10"]{left:66%;top:74%}
.e3-colony-predator{position:absolute;z-index:4;right:.5rem;bottom:.45rem;max-width:10rem;padding:.32rem .45rem;border-radius:.5rem;background:rgba(3,24,29,.82);border:1px solid rgba(96,214,191,.14);pointer-events:none}.e3-colony-predator span,.e3-colony-predator b{display:block}.e3-colony-predator span{font-size:.34rem;color:#79ae9f}.e3-colony-predator b{font-size:.46rem;color:#c9eee4;margin-top:.08rem}
.e3-sidebar-head{padding:.68rem .72rem;border-bottom:1px solid rgba(95,205,192,.12)}.e3-sidebar-head span,.e3-sidebar-head b,.e3-sidebar-head small{display:block}.e3-sidebar-head span{font-size:.42rem;color:#77aaa4;letter-spacing:.08em}.e3-sidebar-head b{font-size:.68rem;color:#e6fbf6;margin-top:.12rem}.e3-sidebar-head small{font-size:.42rem;color:#72cbb3;margin-top:.08rem}.e3-selected-building{margin:.55rem;padding:.48rem;border-radius:.58rem;background:rgba(15,67,62,.35);border:1px solid rgba(91,216,190,.13);display:grid;grid-template-columns:3rem 1fr;gap:.4rem;align-items:center}.e3-selected-building img{grid-row:1/3;width:3rem;height:3rem;object-fit:cover;border-radius:.44rem}.e3-selected-building b{font-size:.55rem}.e3-selected-building span{font-size:.4rem;color:#86aaa4}
.e3-build-catalog{display:grid;gap:.38rem;padding:.5rem;max-height:30rem;overflow:auto}.e3-build-option{display:grid;grid-template-columns:3rem 1fr;gap:.4rem;padding:.4rem;border-radius:.58rem;border:1px solid rgba(100,190,184,.1);background:rgba(5,28,34,.74)}.e3-build-option.available{border-color:rgba(76,222,188,.2)}.e3-build-option img{width:3rem;height:3rem;object-fit:cover;border-radius:.44rem}.e3-build-option div{min-width:0}.e3-build-option b,.e3-build-option span,.e3-build-option small{display:block}.e3-build-option b{font-size:.53rem;color:#e1f7f2}.e3-build-option span{font-size:.38rem;color:#82a39e;line-height:1.25;margin-top:.1rem}.e3-build-option small{font-size:.36rem;color:#c6a968;margin-top:.13rem}.e3-build-option button{grid-column:1/-1;min-height:2rem;border:0;border-radius:.46rem;background:linear-gradient(180deg,#137f6d,#0b564e);color:#eafff8;font-size:.45rem;font-weight:900}.e3-build-option button:disabled{background:#173137;color:#5e7776}
.e3-building-inventory{margin-top:.7rem;padding:.7rem;border:1px solid rgba(101,211,197,.15);border-radius:.84rem;background:linear-gradient(150deg,rgba(6,38,43,.87),rgba(2,23,29,.9))}.e3-inventory-head{display:flex;align-items:end;justify-content:space-between;gap:.5rem;margin-bottom:.58rem}.e3-inventory-head span,.e3-inventory-head b{display:block}.e3-inventory-head span{font-size:.43rem;color:#78a49f;letter-spacing:.08em}.e3-inventory-head b{font-size:.7rem;color:#e4f9f4;margin-top:.1rem}.e3-inventory-head small{font-size:.4rem;color:#789793;text-align:right}.e3-bonus-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.32rem;margin-bottom:.55rem}.e3-bonus-grid>div{padding:.38rem;border-radius:.48rem;background:rgba(4,27,33,.72);border:1px solid rgba(89,188,180,.08)}.e3-bonus-grid b,.e3-bonus-grid span{display:block}.e3-bonus-grid b{font-size:.4rem;color:#9fc7c0}.e3-bonus-grid span{font-size:.5rem;color:#e4f7f3;margin-top:.1rem}.e3-inventory-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.34rem}.e3-inventory-list>div{display:grid;grid-template-columns:2.35rem 1fr auto;gap:.38rem;align-items:center;padding:.34rem;border-radius:.5rem;background:rgba(3,25,31,.72)}.e3-inventory-list img{width:2.35rem;height:2.35rem;object-fit:cover;border-radius:.4rem}.e3-inventory-list b,.e3-inventory-list small{display:block}.e3-inventory-list b{font-size:.48rem}.e3-inventory-list small{font-size:.34rem;color:#789c96;line-height:1.2}.e3-inventory-list em{font-style:normal;font-size:.58rem;font-weight:900;color:#77dcb8}.e3-empty-inventory{display:block!important;color:#78918f;font-size:.5rem;padding:.6rem!important}
.e3-regionmap.detailed{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.e3-regionmap.detailed .e3-region{display:grid;min-height:0;padding:.36rem;align-content:start;background:rgba(4,27,33,.82);opacity:1}.e3-regionmap.detailed .e3-region.other{opacity:.36}.e3-regionmap.detailed .e3-region-art{height:6.1rem}.e3-region-copy{padding:.2rem .08rem}.e3-region-copy b,.e3-region-copy span,.e3-region-copy small{display:block}.e3-region-copy b{font-size:.52rem;color:#e1f7f1}.e3-region-copy span{font-size:.4rem;color:#8ca9a4;margin-top:.1rem}.e3-region-copy small{font-size:.36rem;color:#6fc1aa;margin-top:.08rem}.e3-regionmap.detailed article>button,.e3-region-actions>button{width:100%;min-height:2.1rem;margin-top:.3rem;border:1px solid rgba(92,224,197,.22);border-radius:.46rem;background:linear-gradient(180deg,#117c6c,#0b544c);color:#e8fff8;font-size:.43rem;font-weight:900}.e3-region-actions>button:disabled{background:#183238;color:#5f7675}.e3-predator-info{margin-top:.3rem;padding:.38rem;border-radius:.45rem;background:rgba(84,37,35,.38);border:1px solid rgba(222,118,99,.12)}.e3-predator-info b,.e3-predator-info span{display:block}.e3-predator-info b{font-size:.44rem;color:#f0c3b7}.e3-predator-info span{font-size:.34rem;line-height:1.25;color:#aa8d88;margin-top:.08rem}

@media(max-width:900px){
  .e3-colony-workspace{grid-template-columns:1fr;gap:.55rem}.e3-region-browser{order:1}.e3-colony-main{order:2}.e3-build-sidebar{order:3}.e3-region-list{display:flex;overflow-x:auto;max-height:none;padding:.1rem .48rem .55rem}.e3-region-list button{flex:0 0 10rem}.e3-colony-scene{aspect-ratio:1.15}.e3-build-catalog{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.e3-bonus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.e3-inventory-list{grid-template-columns:1fr 1fr}.e3-regionmap.detailed{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .p-feature-body:has(.e3-colony-workspace){padding:.5rem}.e3-colony-scene{aspect-ratio:.92}.e3-colony-slot{width:2.65rem;height:2.65rem}.e3-colony-slot.empty{width:2.35rem;height:2.35rem}.e3-colony-slot small{width:4.6rem;font-size:.31rem;bottom:-.9rem}.e3-build-catalog{grid-template-columns:1fr}.e3-inventory-list{grid-template-columns:1fr}.e3-regionmap.detailed{grid-template-columns:1fr}.e3-regionmap.detailed .e3-region-art{height:8rem}.e3-inventory-head{display:block}.e3-inventory-head small{display:block;text-align:left;margin-top:.15rem}.e3-colony-predator{display:none}
}
.e3-predator-thumb{float:left;width:3.25rem;height:2.6rem;object-fit:cover;object-position:8% 8%;border-radius:.38rem;margin:0 .38rem .2rem 0;border:1px solid rgba(228,129,109,.18)}
.e3-predator-thumb.type-minerais{object-position:92% 8%}.e3-predator-info:after{content:"";display:block;clear:both}

/* ============================================================
   GENESIS V6.58 — ÈRE 3 : cadre lumineux complet autour des bâtiments
   ============================================================ */
body.era3-premium #era3WorldScene{pointer-events:auto!important;z-index:0!important}
body.era3-premium .e3-generated-icon{display:inline-block;width:1.35em;height:1.35em;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 .08rem .16rem rgba(0,0,0,.35))}
body.era3-premium .p-resource>b .e3-generated-icon{width:1.3rem;height:1.3rem}
body.era3-premium .p-sideaction>b .e3-generated-icon{width:1.55rem;height:1.55rem}
body.era3-premium .p-bottomnav button b .e3-generated-icon{width:1.35rem;height:1.35rem;filter:none}
body.era3-premium .p-energy b .e3-generated-icon{width:1rem;height:1rem}

body.era3-premium .e3-home-world{--e3-safe-top:10.2rem;--e3-safe-bottom:10.2rem;position:absolute;inset:0;overflow:hidden;background:#061b20;pointer-events:auto}
body.era3-premium .e3-home-world.filter-open{--e3-safe-top:13.95rem}
body.era3-premium .e3-home-topband{position:absolute;left:0;right:0;top:0;height:var(--e3-safe-top);z-index:2;background:linear-gradient(180deg,#041116 0%,#041116 72%,rgba(4,17,22,.86) 86%,rgba(4,17,22,0) 100%);pointer-events:none}
body.era3-premium .e3-home-bottomband{position:absolute;left:0;right:0;bottom:0;height:var(--e3-safe-bottom);z-index:2;background:linear-gradient(0deg,#041116 0%,#041116 58%,rgba(4,17,22,.9) 76%,rgba(4,17,22,0) 100%);pointer-events:none}
body.era3-premium .e3-home-camera{position:absolute;left:0;right:0;top:var(--e3-safe-top);bottom:var(--e3-safe-bottom);overflow:hidden;touch-action:none;cursor:grab}
body.era3-premium .e3-home-world.dragging .e3-home-camera{cursor:grabbing}
body.era3-premium .e3-home-stage{--cam-x:-50%;--cam-y:-50%;--cam-zoom:1;position:absolute;left:50%;top:50%;width:128%;height:128%;transform:translate(var(--cam-x),var(--cam-y)) scale(var(--cam-zoom));transform-origin:center center;will-change:transform}
body.era3-premium .e3-home-region-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(1.04) contrast(1.035) brightness(.91);user-select:none;-webkit-user-drag:none}
body.era3-premium .e3-home-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,18,24,.42) 0,rgba(0,15,20,.04) 21%,rgba(0,11,15,.08) 62%,rgba(0,8,12,.62) 100%),radial-gradient(ellipse at 50% 45%,transparent 34%,rgba(0,8,12,.22) 100%)}
body.era3-premium .e3-home-region-badge{position:absolute;z-index:5;top:9.3rem;right:.78rem;max-width:12rem;padding:.35rem .52rem;border-radius:.72rem;background:rgba(2,27,32,.78);border:1px solid rgba(93,218,197,.2);box-shadow:0 .35rem 1rem rgba(0,0,0,.28);backdrop-filter:blur(7px);pointer-events:none}
body.era3-premium .e3-home-region-badge b,body.era3-premium .e3-home-region-badge span{display:block}body.era3-premium .e3-home-region-badge b{font-size:.55rem;color:#e9fff9}body.era3-premium .e3-home-region-badge span{font-size:.36rem;color:#8fd3c3;margin-top:.08rem}
body.era3-premium .e3-home-world.type-areta .e3-home-region-badge{border-color:rgba(248,205,91,.55);background:linear-gradient(180deg,rgba(38,30,12,.82),rgba(6,29,33,.84))}body.era3-premium .e3-home-world.type-areta .e3-home-region-badge b{color:#ffe89d}
body.era3-premium .e3-home-slots{position:absolute;inset:0;z-index:6;pointer-events:none}
body.era3-premium .e3-home-slots .e3-colony-slot{pointer-events:auto;width:2.55rem;height:2.55rem;border-radius:50%;background:rgba(2,31,34,.58);border-color:rgba(130,238,218,.55);box-shadow:0 0 0 .14rem rgba(4,31,35,.38),0 .35rem .8rem rgba(0,0,0,.35),inset 0 0 .75rem rgba(78,220,194,.12)}
body.era3-premium .e3-home-slots .e3-colony-slot.occupied{width:4.5rem;height:4.5rem;border-radius:.82rem;background:rgba(3,28,33,.34);border:0;box-shadow:0 .4rem 1rem rgba(0,0,0,.34),inset 0 0 .85rem rgba(75,223,193,.08);overflow:visible}
body.era3-premium .e3-home-slots .e3-colony-slot.occupied::after{content:"";position:absolute;inset:-.16rem;z-index:3;border:2px solid rgba(108,244,221,.82);border-radius:.9rem;box-shadow:0 0 .35rem rgba(92,246,220,.72),0 0 1.15rem rgba(68,226,200,.42),inset 0 0 .6rem rgba(76,229,202,.18);pointer-events:none}
body.era3-premium .e3-home-slots .e3-colony-slot.occupied.building::after{border-color:rgba(255,210,107,.85);box-shadow:0 0 .35rem rgba(255,210,107,.65),0 0 1rem rgba(238,178,69,.34),inset 0 0 .55rem rgba(255,211,112,.13)}
body.era3-premium .e3-home-slots .e3-colony-slot.empty{width:2.35rem;height:2.35rem;background:rgba(4,40,37,.35);border:1px solid rgba(166,242,222,.72);box-shadow:0 0 .9rem rgba(69,234,195,.16),inset 0 0 .7rem rgba(70,220,190,.12)}
body.era3-premium .e3-home-slots .e3-colony-slot.empty b{font-size:1.2rem;color:#f0fff9}
body.era3-premium .e3-home-slots .e3-colony-slot>span{display:none}
body.era3-premium .e3-home-slots .e3-colony-slot img{width:112%;height:112%;object-fit:contain;border-radius:0;filter:drop-shadow(0 .22rem .28rem rgba(0,0,0,.5))}
body.era3-premium .e3-home-slots .e3-colony-slot.occupied img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;padding:.08rem;box-sizing:border-box;border-radius:.68rem;filter:drop-shadow(0 .25rem .35rem rgba(0,0,0,.52))}
body.era3-premium .e3-home-slots .e3-colony-slot small{display:none}
body.era3-premium .e3-home-slots .e3-colony-slot em{font-size:.34rem;inset:auto -.1rem -.2rem -.1rem;text-align:center}
body.era3-premium .e3-home-areta-statue{position:absolute;z-index:4;left:50%;top:53%;transform:translate(-50%,-50%);height:59%;max-width:50%;object-fit:contain;filter:drop-shadow(0 1rem 1.8rem rgba(0,0,0,.55)) drop-shadow(0 0 1.2rem rgba(91,228,218,.2));pointer-events:none;user-select:none;-webkit-user-drag:none}

body.era3-premium .e3-home-region-filter{position:fixed;z-index:155;top:calc(max(.55rem,env(safe-area-inset-top)) + 8.78rem);left:.72rem;right:.72rem;min-height:3.55rem;padding:.38rem .46rem;border-radius:.82rem;background:linear-gradient(180deg,rgba(3,33,39,.94),rgba(2,24,30,.91));border:1px solid rgba(102,224,205,.2);box-shadow:0 .55rem 1.4rem rgba(0,0,0,.31),inset 0 1px rgba(255,255,255,.03);backdrop-filter:blur(11px);display:grid;grid-template-columns:minmax(0,1fr);gap:.35rem;align-items:center;opacity:0;pointer-events:none;transform:translateY(-.8rem);transition:opacity .18s ease,transform .18s ease}
body.era3-premium .e3-home-region-filter.open{opacity:1;pointer-events:auto;transform:translateY(0)}
body.era3-premium .e3-home-filter-head{display:grid;grid-template-columns:minmax(0,1fr);gap:.35rem;align-items:center}
body.era3-premium .e3-home-filter-title{display:grid;grid-template-columns:1.75rem minmax(0,1fr);gap:.3rem;align-items:center}
body.era3-premium .e3-home-filter-title .e3-generated-icon{width:1.6rem;height:1.6rem}body.era3-premium .e3-home-filter-title b,body.era3-premium .e3-home-filter-title small{display:block}body.era3-premium .e3-home-filter-title b{font-size:.49rem;color:#e5fbf6}body.era3-premium .e3-home-filter-title small{font-size:.32rem;color:#7fa9a2;margin-top:.08rem}
body.era3-premium .e3-home-filter-scroll{display:flex;gap:.3rem;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:.05rem}.e3-home-filter-scroll::-webkit-scrollbar{display:none}
body.era3-premium .e3-home-filter-scroll button{flex:0 0 4.7rem;height:2.78rem;display:grid;grid-template-columns:1.45rem 1fr;grid-template-rows:1fr 1fr;gap:0 .24rem;align-items:center;text-align:left;padding:.22rem;border-radius:.58rem;border:1px solid rgba(93,187,182,.13);background:rgba(4,27,33,.7);color:#cde9e3;overflow:hidden}
body.era3-premium .e3-home-filter-scroll button.active{border-color:rgba(74,237,198,.68);box-shadow:0 0 .75rem rgba(61,220,189,.18),inset 0 0 .55rem rgba(57,207,179,.1)}body.era3-premium .e3-home-filter-scroll img{grid-row:1/3;width:1.45rem;height:2rem;object-fit:cover;border-radius:.34rem}body.era3-premium .e3-home-filter-scroll span{font-size:.37rem;font-weight:900;white-space:nowrap}body.era3-premium .e3-home-filter-scroll small{font-size:.29rem;color:#83a9a2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

body.era3-premium .e3-home-build-drawer{position:fixed;z-index:245;top:calc(max(.55rem,env(safe-area-inset-top)) + 8.65rem);right:.42rem;bottom:4.25rem;width:min(55vw,22rem);min-width:14.5rem;border-radius:1rem;background:linear-gradient(170deg,rgba(4,35,41,.985),rgba(2,20,27,.992));border:1px solid rgba(98,222,205,.24);box-shadow:-.8rem .8rem 2rem rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.04);transform:translateX(calc(100% + 1.2rem));transition:transform .22s ease;pointer-events:none;overflow:hidden;display:flex;flex-direction:column}
body.era3-premium .e3-home-build-drawer.open{transform:translateX(0);pointer-events:auto}
body.era3-premium .e3-home-drawer-close{position:absolute;z-index:3;top:.5rem;right:.55rem;width:1.8rem;height:1.8rem;border-radius:50%;border:1px solid rgba(124,220,209,.2);background:#082b31;color:#dffbf5;font-size:1rem}
body.era3-premium .e3-home-drawer-head{flex:0 0 auto;display:grid;grid-template-columns:2.3rem minmax(0,1fr);gap:.45rem;align-items:center;padding:.62rem 2.7rem .58rem .65rem;border-bottom:1px solid rgba(105,211,197,.12)}body.era3-premium .e3-home-drawer-head .e3-generated-icon{width:2.15rem;height:2.15rem}body.era3-premium .e3-home-drawer-head b,body.era3-premium .e3-home-drawer-head small{display:block}body.era3-premium .e3-home-drawer-head b{font-size:.7rem;color:#effffb}body.era3-premium .e3-home-drawer-head small{font-size:.38rem;color:#85b8ad;margin-top:.1rem}
body.era3-premium .e3-home-build-list{flex:1;min-height:0;overflow-y:auto;padding:.5rem;display:grid;gap:.45rem;align-content:start;overscroll-behavior:contain}
body.era3-premium .e3-home-build-card{display:grid;grid-template-columns:4.1rem minmax(0,1fr);gap:.42rem;padding:.42rem;border-radius:.7rem;background:rgba(4,29,35,.82);border:1px solid rgba(101,190,185,.12)}body.era3-premium .e3-home-build-card.available{border-color:rgba(75,222,191,.3)}body.era3-premium .e3-home-build-card>img{width:4.1rem;height:4.1rem;object-fit:contain;border-radius:.48rem;background:radial-gradient(circle,rgba(22,74,76,.42),rgba(4,25,30,.2));filter:drop-shadow(0 .22rem .35rem rgba(0,0,0,.42))}body.era3-premium .e3-home-build-card b,body.era3-premium .e3-home-build-card span,body.era3-premium .e3-home-build-card small{display:block}body.era3-premium .e3-home-build-card b{font-size:.56rem;color:#e8faf6}body.era3-premium .e3-home-build-card span{font-size:.36rem;color:#8ca9a5;line-height:1.25;margin-top:.1rem}body.era3-premium .e3-home-build-card small{font-size:.34rem;color:#d0af68;margin-top:.12rem}body.era3-premium .e3-home-build-card>button{grid-column:1/-1;min-height:2.2rem;border:0;border-radius:.52rem;background:linear-gradient(180deg,#12a27e,#08705e);color:#effff9;font-size:.45rem;font-weight:900}body.era3-premium .e3-home-build-card>button:disabled{background:#18343a;color:#627b79}
body.era3-premium .e3-home-slots .e3-colony-slot.occupied.active{outline:0;box-shadow:0 0 0 .16rem rgba(7,35,40,.42),0 0 1.1rem rgba(77,236,203,.26),0 .45rem 1rem rgba(0,0,0,.38),inset 0 0 .9rem rgba(75,223,193,.12)}
body.era3-premium .e3-home-slots .e3-colony-slot.occupied.active:active{transform:translate(-50%,-50%) scale(.97)}
body.era3-premium .e3-home-detail-drawer{position:fixed;z-index:246;top:calc(max(.55rem,env(safe-area-inset-top)) + 8.65rem);right:.42rem;bottom:4.25rem;width:min(56vw,23rem);min-width:15rem;border-radius:1rem;background:linear-gradient(170deg,rgba(4,35,41,.985),rgba(2,20,27,.992));border:1px solid rgba(98,222,205,.24);box-shadow:-.8rem .8rem 2rem rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.04);transform:translateX(calc(100% + 1.2rem));transition:transform .22s ease;pointer-events:none;overflow:hidden;display:flex;flex-direction:column}
body.era3-premium .e3-home-detail-drawer.open{transform:translateX(0);pointer-events:auto}
body.era3-premium .e3-home-detail-close{position:absolute;z-index:3;top:.5rem;right:.55rem;width:1.8rem;height:1.8rem;border-radius:50%;border:1px solid rgba(124,220,209,.2);background:#082b31;color:#dffbf5;font-size:1rem}
body.era3-premium .e3-home-detail-head{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:.55rem;align-items:center;padding:.7rem 2.7rem .65rem .7rem;border-bottom:1px solid rgba(105,211,197,.12)}
body.era3-premium .e3-home-detail-head img{width:4rem;height:4rem;object-fit:contain;border-radius:.6rem;background:radial-gradient(circle,rgba(22,74,76,.42),rgba(4,25,30,.2));filter:drop-shadow(0 .22rem .35rem rgba(0,0,0,.42))}
body.era3-premium .e3-home-detail-head b,body.era3-premium .e3-home-detail-head small{display:block}body.era3-premium .e3-home-detail-head b{font-size:.74rem;color:#effffb}body.era3-premium .e3-home-detail-head small{font-size:.38rem;color:#85b8ad;margin-top:.12rem}
body.era3-premium .e3-home-detail-body{flex:1;overflow-y:auto;padding:.65rem;display:grid;gap:.6rem;align-content:start}
body.era3-premium .e3-detail-pill{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.2rem .7rem;border-radius:999px;font-size:.42rem;font-weight:900;letter-spacing:.05em;background:rgba(5,40,44,.9);color:#dffaf3;border:1px solid rgba(103,224,205,.18)}
body.era3-premium .e3-detail-pill.ok{box-shadow:0 0 .8rem rgba(75,223,193,.18)}body.era3-premium .e3-detail-pill.build{color:#ffd98f;border-color:rgba(255,217,143,.25)}
body.era3-premium .e3-detail-desc{margin:0;font-size:.42rem;line-height:1.45;color:#c9dfdb}
body.era3-premium .e3-build-stats{margin:0;padding:0;list-style:none;display:grid;gap:.35rem}body.era3-premium .e3-build-stats li{display:flex;justify-content:space-between;gap:.5rem;padding:.38rem .46rem;border-radius:.56rem;background:rgba(4,29,35,.75);border:1px solid rgba(101,190,185,.12)}body.era3-premium .e3-build-stats b{font-size:.4rem;color:#e7faf6}body.era3-premium .e3-build-stats span{font-size:.38rem;color:#8ca9a5;text-align:right}
body.era3-premium .e3-army-panel{display:grid;gap:.5rem;padding:.5rem;border-radius:.7rem;background:rgba(6,29,35,.78);border:1px solid rgba(115,206,193,.14)}
body.era3-premium .e3-army-summary{display:grid;gap:.38rem}body.era3-premium .e3-army-summary b{display:block;font-size:.44rem;color:#eefef9}body.era3-premium .e3-army-summary span{display:block;font-size:.37rem;color:#8eb0aa;margin-top:.08rem}
body.era3-premium .e3-army-chances b,body.era3-premium .e3-army-chances span,body.era3-premium .e3-army-chances small{display:block}body.era3-premium .e3-army-chances b{font-size:.44rem;color:#e8faf6}body.era3-premium .e3-army-chances span{font-size:.38rem;color:#d8efe9;margin-top:.08rem}body.era3-premium .e3-army-chances small{font-size:.34rem;line-height:1.4;color:#8eb0aa;margin-top:.12rem}
body.era3-premium .e3-train-btn{min-height:2.3rem;border:0;border-radius:.58rem;background:linear-gradient(180deg,#15aa85,#0a7360);color:#effff9;font-size:.46rem;font-weight:900}body.era3-premium .e3-train-btn:disabled{background:#18343a;color:#627b79}
body.era3-premium .e3-soldier-list{display:grid;gap:.38rem}body.era3-premium .e3-soldier-card{display:grid;gap:.08rem;padding:.42rem .48rem;border-radius:.62rem;background:rgba(4,29,35,.82);border:1px solid rgba(101,190,185,.12)}body.era3-premium .e3-soldier-card b{font-size:.34rem;letter-spacing:.05em;text-transform:uppercase;color:#82dbc9}body.era3-premium .e3-soldier-card strong{font-size:.46rem;color:#eefef9}body.era3-premium .e3-soldier-card span,body.era3-premium .e3-soldier-card em{font-size:.35rem;color:#95b8b2}body.era3-premium .e3-soldier-card.rarity-super{border-color:rgba(115,153,255,.35);box-shadow:0 0 .8rem rgba(115,153,255,.12)}body.era3-premium .e3-soldier-card.rarity-legendaire{border-color:rgba(241,208,106,.5);box-shadow:0 0 .9rem rgba(241,208,106,.16)}body.era3-premium .e3-army-empty{padding:.6rem;border-radius:.62rem;background:rgba(4,29,35,.82);border:1px dashed rgba(101,190,185,.18);font-size:.38rem;color:#8daea8}

body.era3-premium .e3-region.areta{border-color:rgba(246,205,92,.44)!important;box-shadow:inset 0 0 0 1px rgba(246,205,92,.12),0 0 1rem rgba(231,194,79,.08)}body.era3-premium .e3-region.areta .e3-region-copy b{color:#ffe69a}
body.era3-premium .e3-goodstate.areta{border-color:rgba(237,200,90,.28);background:linear-gradient(90deg,rgba(76,61,17,.45),rgba(11,72,63,.38));color:#ffecaa}

/* Les deux bâtiments corrigés sont de vrais PNG transparents : on ne leur remet aucun fond rectangulaire. */
body.era3-premium img[src*="/buildings/marche.png"],body.era3-premium img[src*="/buildings/universite.png"]{object-fit:contain!important;background:transparent!important}

@media(max-width:520px){
  body.era3-premium .e3-home-region-filter{top:calc(max(.55rem,env(safe-area-inset-top)) + 8.42rem);min-height:3.25rem;padding:.3rem .34rem}
  body.era3-premium .e3-home-filter-title{grid-template-columns:1.35rem minmax(0,1fr);gap:.2rem}.e3-home-filter-title .e3-generated-icon{width:1.3rem!important;height:1.3rem!important}.e3-home-filter-title b{font-size:.42rem!important}.e3-home-filter-title small{font-size:.28rem!important}
  body.era3-premium .e3-home-filter-scroll button{flex-basis:4.25rem;height:2.55rem;grid-template-columns:1.2rem 1fr}.e3-home-filter-scroll img{width:1.2rem!important;height:1.75rem!important}.e3-home-filter-scroll span{font-size:.33rem!important}.e3-home-filter-scroll small{font-size:.26rem!important}
  body.era3-premium .e3-home-world{--e3-safe-top:13.6rem;--e3-safe-bottom:10rem}
  body.era3-premium .e3-home-region-badge{top:12rem;right:.55rem;max-width:9rem;padding:.28rem .4rem}.e3-home-region-badge b{font-size:.45rem!important}.e3-home-region-badge span{font-size:.31rem!important}
  body.era3-premium .e3-home-build-drawer{top:calc(max(.55rem,env(safe-area-inset-top)) + 8.35rem);right:.25rem;bottom:4.15rem;width:64vw;min-width:13rem;border-radius:.82rem}
  body.era3-premium .e3-home-build-card{grid-template-columns:3.2rem minmax(0,1fr);gap:.32rem;padding:.34rem}.e3-home-build-card>img{width:3.2rem!important;height:3.2rem!important}.e3-home-build-card b{font-size:.49rem!important}.e3-home-build-card span{font-size:.32rem!important}.e3-home-build-card small{font-size:.29rem!important}
  body.era3-premium .e3-home-slots .e3-colony-slot{width:2.2rem;height:2.2rem}.e3-home-slots .e3-colony-slot.empty{width:2rem!important;height:2rem!important}.e3-home-slots .e3-colony-slot.empty b{font-size:1rem!important}
  body.era3-premium .e3-home-areta-statue{height:52%;max-width:58%;top:55%}
}
body:not(.era3-premium) .e3-home-region-filter,body:not(.era3-premium) .e3-home-build-drawer{display:none!important}

@media(min-width:901px){
  body.era3-premium .e3-home-world{--e3-safe-top:10.9rem;--e3-safe-bottom:8.9rem}
  body:is(.era3-premium,.era4-premium,.era5-premium) .p-topcard{left:1rem;right:1rem;max-width:min(92vw,78rem);margin:0 auto}
  body:is(.era3-premium,.era4-premium,.era5-premium) .p-statusrow{left:1rem;right:1rem;max-width:min(92vw,78rem);margin:0 auto}
  body.era3-premium .e3-home-region-filter{left:1rem;right:1rem;max-width:min(92vw,78rem);margin:0 auto;top:calc(max(.55rem,env(safe-area-inset-top)) + 8.15rem)}
  body:is(.era3-premium,.era4-premium,.era5-premium) .p-actiondock{left:1rem;right:1rem;max-width:min(72vw,42rem);margin:0 auto}
  body:is(.era3-premium,.era4-premium,.era5-premium) .p-bottomnav{left:1rem;right:1rem;max-width:min(72vw,42rem);margin:0 auto}
}


/* ============================================================
   GENESIS V6.60 — lisibilité premium renforcée
   ============================================================ */
body.era3-premium .p-brandblock strong{font-size:1.06rem}
body.era3-premium .p-brandblock span{font-size:.54rem;letter-spacing:.08em}
body.era3-premium .p-resource>b{font-size:1rem}
body.era3-premium .p-resource>strong{font-size:.92rem}
body.era3-premium .p-resource>span{font-size:.5rem}
body.era3-premium .p-statusbox span,body.era3-premium .p-objective>span{font-size:.52rem}
body.era3-premium .p-statusbox strong{font-size:1.34rem}
body.era3-premium .p-statusbox.timer strong{font-size:.8rem}
body.era3-premium .p-objective>strong{font-size:.76rem}
body.era3-premium .p-objective>em{font-size:.68rem}
body.era3-premium .p-objective .p-progress{height:.42rem}

body.era3-premium .e3-home-region-filter{min-height:4.2rem;padding:.5rem .56rem;grid-template-columns:7rem minmax(0,1fr);gap:.45rem}
body.era3-premium .e3-home-filter-title{grid-template-columns:2rem minmax(0,1fr);gap:.38rem}
body.era3-premium .e3-home-filter-title .e3-generated-icon{width:1.85rem;height:1.85rem}
body.era3-premium .e3-home-filter-title b{font-size:.58rem}
body.era3-premium .e3-home-filter-title small{font-size:.38rem}
body.era3-premium .e3-home-filter-scroll{gap:.4rem;padding:.08rem}
body.era3-premium .e3-home-filter-scroll button{flex:0 0 5.4rem;height:3.2rem;grid-template-columns:1.75rem 1fr;padding:.28rem .3rem;border-radius:.68rem}
body.era3-premium .e3-home-filter-scroll img{width:1.75rem;height:2.45rem;border-radius:.42rem}
body.era3-premium .e3-home-filter-scroll span{font-size:.45rem}
body.era3-premium .e3-home-filter-scroll small{font-size:.35rem}
body.era3-premium .e3-home-filter-scroll em{font-size:.34rem}

body.era3-premium .e3-home-build-drawer{width:min(64vw,28rem);min-width:18rem;top:calc(max(.55rem,env(safe-area-inset-top)) + 8.5rem);bottom:4rem}
body.era3-premium .e3-home-detail-drawer{width:min(70vw,32rem);min-width:19rem;top:calc(max(.55rem,env(safe-area-inset-top)) + 8.5rem);bottom:4rem}
body.era3-premium .e3-home-detail-close{width:2.1rem;height:2.1rem;font-size:1.15rem}
body.era3-premium .e3-home-detail-head{grid-template-columns:4.8rem minmax(0,1fr);gap:.72rem;padding:.9rem 3rem .8rem .9rem}
body.era3-premium .e3-home-detail-head img{width:4.8rem;height:4.8rem;border-radius:.75rem}
body.era3-premium .e3-home-detail-head b{font-size:.92rem}
body.era3-premium .e3-home-detail-head small{font-size:.46rem}
body.era3-premium .e3-home-detail-body{padding:.82rem;gap:.72rem}
body.era3-premium .e3-detail-pill{min-height:2.25rem;padding:.28rem .82rem;font-size:.52rem}
body.era3-premium .e3-detail-desc{font-size:.5rem;line-height:1.55}
body.era3-premium .e3-build-stats{gap:.42rem}
body.era3-premium .e3-build-stats li{padding:.5rem .58rem;border-radius:.64rem}
body.era3-premium .e3-build-stats b{font-size:.47rem}
body.era3-premium .e3-build-stats span{font-size:.44rem}
body.era3-premium .e3-army-panel{gap:.62rem;padding:.62rem;border-radius:.82rem}
body.era3-premium .e3-army-summary b,body.era3-premium .e3-army-chances b{font-size:.5rem}
body.era3-premium .e3-army-summary span,body.era3-premium .e3-army-chances span{font-size:.42rem}
body.era3-premium .e3-army-chances small{font-size:.39rem}
body.era3-premium .e3-train-btn{min-height:2.55rem;font-size:.54rem;border-radius:.66rem}
body.era3-premium .e3-soldier-list{gap:.46rem}
body.era3-premium .e3-soldier-card{gap:.14rem;padding:.52rem .58rem;border-radius:.72rem}
body.era3-premium .e3-soldier-card b{font-size:.4rem}
body.era3-premium .e3-soldier-card strong{font-size:.56rem}
body.era3-premium .e3-soldier-card span,body.era3-premium .e3-soldier-card em{font-size:.41rem}
body.era3-premium .e3-army-empty{padding:.72rem;font-size:.44rem}

body.era3-premium .e3-home-build-head{padding:.86rem .92rem .74rem}
body.era3-premium .e3-home-build-head b{font-size:.84rem}
body.era3-premium .e3-home-build-head span,body.era3-premium .e3-home-build-head small{font-size:.45rem}
body.era3-premium .e3-home-build-list{padding:.65rem;gap:.52rem}
body.era3-premium .e3-home-build-card{padding:.58rem .6rem;border-radius:.78rem;grid-template-columns:4rem minmax(0,1fr)}
body.era3-premium .e3-home-build-card img{width:4rem;height:4rem;border-radius:.64rem}
body.era3-premium .e3-home-build-card b{font-size:.58rem}
body.era3-premium .e3-home-build-card span{font-size:.42rem;line-height:1.4}
body.era3-premium .e3-home-build-card small{font-size:.4rem}
body.era3-premium .e3-home-build-card>button{min-height:2.45rem;border-radius:.58rem;font-size:.5rem}

body.era3-premium .e3-building-inventory{padding:.82rem;border-radius:.92rem}
body.era3-premium .e3-inventory-head{margin-bottom:.68rem}
body.era3-premium .e3-inventory-head span{font-size:.5rem}
body.era3-premium .e3-inventory-head b{font-size:.82rem}
body.era3-premium .e3-inventory-head small{font-size:.46rem}
body.era3-premium .e3-bonus-grid{gap:.42rem;margin-bottom:.65rem}
body.era3-premium .e3-bonus-grid>div{padding:.5rem;border-radius:.56rem}
body.era3-premium .e3-bonus-grid b{font-size:.46rem}
body.era3-premium .e3-bonus-grid span{font-size:.6rem}
body.era3-premium .e3-inventory-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem}
body.era3-premium .e3-inventory-list>div{grid-template-columns:2.8rem 1fr auto;gap:.46rem;padding:.46rem;border-radius:.6rem;border:1px solid rgba(89,188,180,.1)}
body.era3-premium .e3-inventory-list img{width:2.8rem;height:2.8rem;border-radius:.48rem}
body.era3-premium .e3-inventory-list b{font-size:.56rem}
body.era3-premium .e3-inventory-list small{font-size:.4rem;line-height:1.3}
body.era3-premium .e3-inventory-list em{font-size:.68rem}
body.era3-premium .e3-empty-inventory{font-size:.58rem;padding:.75rem!important}

body.era3-premium .e3-regionmap.detailed{gap:.62rem}
body.era3-premium .e3-regionmap.detailed .e3-region{padding:.46rem;border-radius:.72rem}
body.era3-premium .e3-regionmap.detailed .e3-region-art{height:6.8rem;border-radius:.58rem}
body.era3-premium .e3-region-copy b{font-size:.6rem}
body.era3-premium .e3-region-copy span{font-size:.46rem}
body.era3-premium .e3-region-copy small{font-size:.42rem}
body.era3-premium .e3-regionmap.detailed article>button,body.era3-premium .e3-region-actions>button{min-height:2.35rem;font-size:.5rem;border-radius:.56rem}
body.era3-premium .e3-predator-info{padding:.48rem;border-radius:.54rem}
body.era3-premium .e3-predator-info b{font-size:.5rem}
body.era3-premium .e3-predator-info span{font-size:.4rem;line-height:1.35}

@media(max-width:900px){
  body.era3-premium .e3-home-region-filter{min-height:3.9rem;grid-template-columns:6rem minmax(0,1fr)}
  body.era3-premium .e3-home-build-drawer{width:72vw;min-width:16.5rem}
  body.era3-premium .e3-home-detail-drawer{width:78vw;min-width:17rem}
}
@media(max-width:520px){
  body.era3-premium .e3-home-region-filter{top:calc(max(.55rem,env(safe-area-inset-top)) + 8.3rem);left:.65rem;right:.65rem;min-height:3.6rem;padding:.32rem .36rem;grid-template-columns:4.85rem minmax(0,1fr)}
  body.era3-premium .e3-home-filter-title .e3-generated-icon{width:1.5rem;height:1.5rem}
  body.era3-premium .e3-home-filter-title b{font-size:.46rem}
  body.era3-premium .e3-home-filter-title small{font-size:.31rem}
  body.era3-premium .e3-home-filter-scroll button{flex-basis:4.75rem;height:2.92rem;grid-template-columns:1.45rem 1fr}
  body.era3-premium .e3-home-filter-scroll img{width:1.45rem;height:2.12rem}
  body.era3-premium .e3-home-filter-scroll span{font-size:.39rem}
  body.era3-premium .e3-home-build-drawer,body.era3-premium .e3-home-detail-drawer{top:calc(max(.55rem,env(safe-area-inset-top)) + 8.1rem);right:.22rem;bottom:4.02rem;width:82vw;min-width:0;border-radius:.88rem}
  body.era3-premium .e3-home-detail-head{grid-template-columns:4rem minmax(0,1fr);gap:.56rem;padding:.74rem 2.5rem .7rem .74rem}
  body.era3-premium .e3-home-detail-head img{width:4rem;height:4rem}
  body.era3-premium .e3-home-detail-head b{font-size:.74rem}
  body.era3-premium .e3-home-detail-head small{font-size:.39rem}
  body.era3-premium .e3-detail-pill{min-height:2.05rem;font-size:.46rem}
  body.era3-premium .e3-detail-desc{font-size:.44rem}
  body.era3-premium .e3-build-stats b{font-size:.42rem}
  body.era3-premium .e3-build-stats span{font-size:.39rem}
  body.era3-premium .e3-train-btn{min-height:2.35rem;font-size:.48rem}
  body.era3-premium .e3-home-build-card{grid-template-columns:3.35rem minmax(0,1fr);padding:.5rem}
  body.era3-premium .e3-home-build-card img{width:3.35rem;height:3.35rem}
  body.era3-premium .e3-home-build-card b{font-size:.5rem}
  body.era3-premium .e3-home-build-card span{font-size:.39rem}
  body.era3-premium .e3-home-build-card small{font-size:.37rem}
  body.era3-premium .e3-building-inventory{padding:.68rem}
  body.era3-premium .e3-bonus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.era3-premium .e3-inventory-list{grid-template-columns:1fr}
  body.era3-premium .e3-regionmap.detailed{grid-template-columns:1fr}
  body.era3-premium .e3-regionmap.detailed .e3-region-art{height:7.2rem}
}


/* ============================================================
   GENESIS V6.61 — stabilité des fenêtres bâtiment
   ============================================================ */
body.era3-premium .e3-home-build-drawer,
body.era3-premium .e3-home-detail-drawer{
  left:auto;
  max-height:calc(100vh - max(.55rem,env(safe-area-inset-top)) - 12.4rem);
  contain:layout paint style;
  isolation:isolate;
  opacity:0;
  visibility:hidden;
}
body.era3-premium .e3-home-build-drawer.open,
body.era3-premium .e3-home-detail-drawer.open{
  opacity:1;
  visibility:visible;
}
body.era3-premium .e3-home-drawer-head,
body.era3-premium .e3-home-detail-head{
  position:sticky;
  top:0;
  z-index:2;
  background:linear-gradient(180deg,rgba(4,35,41,.98),rgba(3,24,31,.96));
}
body.era3-premium .e3-home-build-list,
body.era3-premium .e3-home-detail-body{
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
@media(max-width:520px){
  body.era3-premium .e3-home-build-drawer,
  body.era3-premium .e3-home-detail-drawer{
    max-height:calc(100vh - max(.55rem,env(safe-area-inset-top)) - 12rem);
  }
}


/* ============================================================
   GENESIS V6.62 — typographie harmonisée
   ============================================================ */
:root{
  --g-font-ui:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --g-font-micro:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --g-font-data:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --g-fs-2xs:.34rem;
  --g-fs-xs:.40rem;
  --g-fs-sm:.48rem;
  --g-fs-md:.56rem;
  --g-fs-lg:.68rem;
  --g-fs-xl:.82rem;
  --g-fs-2xl:1rem;
}
html,body,button,input,select,textarea{font-family:var(--g-font-ui)}
body{line-height:1.35;text-rendering:optimizeLegibility}
.brand,.brand.small,.eyebrow,.authcard .tag,.res,.chip-toggle b,.progress span,.p-resource-button:after,.p-energy,.p-report-kicker,.p-event-report-head small,.p-statusbox span,.p-objective>span,.p-sideaction>span,.p-roundtool span,.p-bottomnav button span,.e3-home-region-badge span,.e3-home-filter-title small,.e3-home-filter-scroll small,.e3-home-build-card small,.e3-home-detail-head small,.e3-build-stats span,.e3-army-summary span,.e3-army-chances span,.e3-army-chances small,.e3-soldier-card span,.e3-soldier-card em,.e3-predator-info span,.e3-region-copy small{font-family:var(--g-font-micro);letter-spacing:.03em}
.res,.stat .v,.progress span,.p-resource>b,.p-resource>strong,.p-statusbox strong,.p-energy b,.e3-home-zoom-controls span,.g-ui-zoom span{font-family:var(--g-font-data)}
.cta,.bigbtn,.navtab,.logout,.tab,.chip-toggle,.crumb,.org button,.p-roundtool,.p-sideaction,.p-bottomnav button,.mobile-sheet-close,.p-report-ok,.p-encounter-actions button,.e3-home-drawer-close,.e3-home-detail-close,.e3-home-build-card>button,.e3-train-btn,.e3-regionmap.detailed article>button,.e3-region-actions>button,.g-ui-zoom button{font-weight:800;letter-spacing:.025em}

/* Auth / global classic UI */
.authcard .brand{font-size:1.7rem;letter-spacing:.18em}
.authcard .tag{font-size:var(--g-fs-md)}
.tab,.navtab,.logout,.chip-toggle{font-size:var(--g-fs-md)}
.form label,.crumb,.eventlog,.readybox{font-size:var(--g-fs-md)}
.form input{font-size:var(--g-fs-xl)}
.panel,.legend,.org .d,.stats,.stat{font-size:var(--g-fs-lg)}
.panel h2{font-size:1.15rem;letter-spacing:.01em}
.panel h3{font-size:var(--g-fs-xl);letter-spacing:.02em}
.org .n{font-size:var(--g-fs-xl)}
.org .d{font-size:var(--g-fs-md)}
.org button{font-size:var(--g-fs-sm)}
.bigbtn{font-size:var(--g-fs-xl)}

/* Premium HUD shared */
.p-brandblock strong{font-size:1.02rem!important;letter-spacing:.06em}
.p-brandblock span{font-size:var(--g-fs-md)!important;letter-spacing:.06em}
.p-resource>b{font-size:.98rem!important}
.p-resource>strong{font-size:.9rem!important}
.p-resource>span{font-size:var(--g-fs-sm)!important;font-weight:700}
.p-statusbox span,.p-objective>span{font-size:var(--g-fs-sm)!important}
.p-statusbox strong{font-size:1.28rem!important}
.p-statusbox.timer strong{font-size:.82rem!important}
.p-objective>strong{font-size:var(--g-fs-xl)!important;font-weight:800;line-height:1.2}
.p-objective>em{font-size:var(--g-fs-lg)!important;font-weight:800}
.p-roundtool span,.p-sideaction>span,.p-energy>span,.p-bottomnav button span{font-size:var(--g-fs-sm)!important}
.p-sideaction>strong{font-size:var(--g-fs-md)!important;font-weight:800}
.p-energy{font-size:var(--g-fs-sm)!important}.p-energy b{font-size:var(--g-fs-lg)!important}
.p-node span,.p-node b{font-size:var(--g-fs-md)!important}
.p-inventory-row strong{font-size:var(--g-fs-lg)!important}
.p-inventory-row small,.p-event-report-head small,.p-event-report-grid span,.p-event-report p,.p-report-row span{font-size:var(--g-fs-sm)!important}
.p-inventory-row>b,.p-event-report-grid strong,.p-report-row strong{font-size:var(--g-fs-md)!important}
.p-event-report-head strong,.p-report-card h2{font-size:var(--g-fs-xl)!important}
.p-report-kicker{font-size:var(--g-fs-sm)!important}
.p-report-body p{font-size:var(--g-fs-md)!important}
.p-report-ok{font-size:var(--g-fs-md)!important}

/* Era 3 / civilization UI */
body.era3-premium .e3-home-region-badge b{font-size:var(--g-fs-md)!important;line-height:1.2}
body.era3-premium .e3-home-region-badge span{font-size:var(--g-fs-xs)!important;line-height:1.2}
body.era3-premium .e3-home-filter-title b{font-size:var(--g-fs-md)!important}
body.era3-premium .e3-home-filter-title small{font-size:var(--g-fs-2xs)!important}
body.era3-premium .e3-home-filter-scroll span{font-size:var(--g-fs-sm)!important;font-weight:800}
body.era3-premium .e3-home-filter-scroll small{font-size:var(--g-fs-2xs)!important}
body.era3-premium .e3-home-build-head b,body.era3-premium .e3-home-drawer-head b,body.era3-premium .e3-home-detail-head b{font-size:var(--g-fs-xl)!important;line-height:1.15}
body.era3-premium .e3-home-build-head span,body.era3-premium .e3-home-build-head small,body.era3-premium .e3-home-drawer-head small,body.era3-premium .e3-home-detail-head small{font-size:var(--g-fs-sm)!important}
body.era3-premium .e3-home-build-card b{font-size:var(--g-fs-lg)!important}
body.era3-premium .e3-home-build-card span{font-size:var(--g-fs-sm)!important;line-height:1.4}
body.era3-premium .e3-home-build-card small{font-size:var(--g-fs-xs)!important}
body.era3-premium .e3-home-build-card>button,body.era3-premium .e3-train-btn{font-size:var(--g-fs-sm)!important}
body.era3-premium .e3-detail-pill{font-size:var(--g-fs-sm)!important;letter-spacing:.045em}
body.era3-premium .e3-detail-desc{font-size:var(--g-fs-sm)!important;line-height:1.5}
body.era3-premium .e3-build-stats b,body.era3-premium .e3-army-summary b,body.era3-premium .e3-army-chances b,body.era3-premium .e3-predator-info b{font-size:var(--g-fs-sm)!important}
body.era3-premium .e3-build-stats span,body.era3-premium .e3-army-summary span,body.era3-premium .e3-army-chances span,body.era3-premium .e3-army-chances small,body.era3-premium .e3-predator-info span{font-size:var(--g-fs-xs)!important;line-height:1.35}
body.era3-premium .e3-soldier-card b{font-size:var(--g-fs-xs)!important}
body.era3-premium .e3-soldier-card strong{font-size:var(--g-fs-md)!important}
body.era3-premium .e3-soldier-card span,body.era3-premium .e3-soldier-card em{font-size:var(--g-fs-xs)!important}
body.era3-premium .e3-army-empty{font-size:var(--g-fs-sm)!important}
body.era3-premium .e3-inventory-head span{font-size:var(--g-fs-sm)!important}
body.era3-premium .e3-inventory-head b{font-size:var(--g-fs-xl)!important}
body.era3-premium .e3-inventory-head small{font-size:var(--g-fs-sm)!important}
body.era3-premium .e3-bonus-grid b{font-size:var(--g-fs-sm)!important}
body.era3-premium .e3-bonus-grid span{font-size:var(--g-fs-lg)!important}
body.era3-premium .e3-inventory-list b,body.era3-premium .e3-region-copy b{font-size:var(--g-fs-md)!important}
body.era3-premium .e3-inventory-list small,body.era3-premium .e3-region-copy span{font-size:var(--g-fs-sm)!important;line-height:1.35}
body.era3-premium .e3-inventory-list em{font-size:var(--g-fs-lg)!important}
body.era3-premium .e3-regionmap.detailed article>button,body.era3-premium .e3-region-actions>button{font-size:var(--g-fs-sm)!important}

@media (max-width:520px){
  :root{--g-fs-2xs:.32rem;--g-fs-xs:.38rem;--g-fs-sm:.45rem;--g-fs-md:.52rem;--g-fs-lg:.64rem;--g-fs-xl:.76rem;--g-fs-2xl:.94rem}
}


/* ============================================================
   GENESIS V6.63 — espacements / rayons / hiérarchie visuelle
   ============================================================ */
:root{
  --g-space-1:.35rem;
  --g-space-2:.5rem;
  --g-space-3:.75rem;
  --g-space-4:1rem;
  --g-space-5:1.25rem;
  --g-space-6:1.5rem;
  --g-radius-xs:.45rem;
  --g-radius-sm:.7rem;
  --g-radius-md:.95rem;
  --g-radius-lg:1.2rem;
  --g-radius-xl:1.45rem;
  --g-border-soft:1px solid rgba(102,214,204,.12);
  --g-border-mid:1px solid rgba(102,214,204,.18);
  --g-border-strong:1px solid rgba(102,214,204,.28);
  --g-window-bg:linear-gradient(165deg,rgba(5,34,40,.985),rgba(2,18,25,.992));
  --g-window-shadow:0 22px 58px rgba(0,0,0,.54),inset 0 1px rgba(255,255,255,.05);
  --g-card-bg:linear-gradient(145deg,rgba(8,46,52,.86),rgba(3,23,30,.9));
  --g-card-shadow:0 10px 24px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.04);
}

/* fenêtres / conteneurs principaux */
.authcard,.modalcard,.panel,.legend,.cdrop,
.p-feature-sheet,.p-settings-menu,.p-report-card,.p-encounter-card,
body.era1-premium #cellpanel,
body.era3-premium .e3-home-build-drawer,
body.era3-premium .e3-home-detail-drawer,
body.era3-premium .e3-building-inventory{
  border:var(--g-border-mid)!important;
  border-radius:var(--g-radius-lg)!important;
  box-shadow:var(--g-window-shadow)!important;
}
.authcard,.modalcard,.panel,.legend,.cdrop,
.p-report-card,.p-encounter-card,
body.era3-premium .e3-home-build-drawer,
body.era3-premium .e3-home-detail-drawer,
body.era3-premium .e3-building-inventory{
  background:var(--g-window-bg)!important;
}
body.era1-premium #cellpanel,.p-feature-sheet{background:var(--g-window-bg)!important}

/* padding / marges harmonisés */
.authcard{padding:var(--g-space-5)!important}
.panel{padding:var(--g-space-4)!important}
.legend{padding:var(--g-space-3) var(--g-space-4)!important}
.modalcard{padding:var(--g-space-5)!important}
.cdrop{padding:var(--g-space-3)!important}
body.era1-premium #cellpanel{padding:var(--g-space-5) var(--g-space-4) calc(var(--g-space-5) + env(safe-area-inset-bottom))!important}
.p-feature-head{padding:var(--g-space-4)!important}
.p-feature-body{padding:var(--g-space-4)!important}
.p-settings-menu{padding:var(--g-space-2)!important}
.p-report-card{padding:var(--g-space-5)!important}
.p-encounter-card{padding:var(--g-space-4)!important}
body.era3-premium .e3-home-drawer-head,
body.era3-premium .e3-home-detail-head,
body.era3-premium .e3-home-build-head{padding:var(--g-space-4) calc(var(--g-space-5) + 1.6rem) var(--g-space-3) var(--g-space-4)!important}
body.era3-premium .e3-home-build-list,
body.era3-premium .e3-home-detail-body,
body.era3-premium .e3-building-inventory{padding:var(--g-space-4)!important}
body.era3-premium .e3-building-inventory{margin-top:var(--g-space-3)!important}

/* hiérarchie visuelle des en-têtes */
.authcard .brand,
.modalcard h2,
.panel h2,
.p-feature-head h2,
.p-report-card h2,
body.era3-premium .e3-home-build-head b,
body.era3-premium .e3-home-drawer-head b,
body.era3-premium .e3-home-detail-head b,
body.era3-premium .e3-inventory-head b{
  font-size:clamp(.95rem,1.2vw,.2rem + 1rem)!important;
  font-weight:900!important;
  line-height:1.15!important;
  color:#f0fffc!important;
  margin:0!important;
}
.panel h3,
.p-feature-body h3,
.p-report-kicker,
body.era3-premium .e3-inventory-head span,
body.era3-premium .e3-home-build-head span,
body.era3-premium .e3-home-build-head small,
body.era3-premium .e3-home-drawer-head small,
body.era3-premium .e3-home-detail-head small{
  color:#7fddd1!important;
  font-weight:800!important;
  letter-spacing:.05em!important;
}
.panel h3,.p-feature-body h3{margin:0 0 var(--g-space-2)!important}
.p-feature-head span,.p-report-kicker{display:block;margin-bottom:.2rem!important}
.p-feature-head{height:auto!important;min-height:4.3rem;gap:var(--g-space-3);border-bottom:var(--g-border-soft)!important;background:linear-gradient(180deg,rgba(15,64,66,.24),transparent)!important}
.p-feature-body{height:calc(100% - 4.6rem)!important}

/* cartes internes / lignes / listes */
.org,.metab-row,.p-feature-card,.p-inventory-row,.p-event-report,
.p-report-row,.p-encounter-grid>div,
body.era3-premium .e3-home-build-card,
body.era3-premium .e3-army-panel,
body.era3-premium .e3-soldier-card,
body.era3-premium .e3-bonus-grid>div,
body.era3-premium .e3-inventory-list>div,
body.era3-premium .e3-build-stats li,
body.era3-premium .e3-predator-info,
body.era3-premium .e3-regionmap.detailed .e3-region{
  background:var(--g-card-bg)!important;
  border:var(--g-border-soft)!important;
  border-radius:var(--g-radius-md)!important;
  box-shadow:var(--g-card-shadow)!important;
}
.org,.p-feature-card,.p-inventory-row,.p-event-report,.p-report-row,.p-encounter-grid>div,
body.era3-premium .e3-army-panel,
body.era3-premium .e3-soldier-card,
body.era3-premium .e3-bonus-grid>div,
body.era3-premium .e3-inventory-list>div,
body.era3-premium .e3-build-stats li,
body.era3-premium .e3-predator-info{padding:var(--g-space-3)!important}
.org,.p-feature-card,.p-inventory-row,.p-event-report{margin:var(--g-space-2) 0!important}
.p-report-body,.e3-soldier-list,.e3-build-stats,.e3-bonus-grid{gap:var(--g-space-2)!important}
.e3-inventory-list{gap:var(--g-space-2)!important}

/* boutons / fermetures / actions */
.modalx,.mobile-sheet-close,.p-feature-head button,.p-report-close,
body.era3-premium .e3-home-drawer-close,
body.era3-premium .e3-home-detail-close{
  border-radius:999px!important;
  border:var(--g-border-mid)!important;
  background:linear-gradient(180deg,#0b3439,#07272f)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.26)!important;
}
.cta,.bigbtn,.tab,.navtab,.logout,.chip-toggle,.org button,.p-report-ok,
.p-settings-menu button,.p-bottomnav button,.p-sideaction,.p-roundtool,
body.era3-premium .e3-home-build-card>button,
body.era3-premium .e3-train-btn,
body.era3-premium .e3-regionmap.detailed article>button,
body.era3-premium .e3-region-actions>button,
.g-ui-zoom button{
  border-radius:var(--g-radius-sm)!important;
}
.p-settings-menu button,body.era1-premium>.p-settings-menu button{padding:var(--g-space-3) var(--g-space-4)!important;min-height:3rem!important}
.p-settings-menu button+button{margin-top:.2rem!important;border-top:0!important}
.p-report-ok,.e3-train-btn{min-height:2.9rem!important}

/* alignements / espacements internes */
.p-inventory-row>div,.p-event-report-head,.e3-home-detail-head,.e3-home-drawer-head,.e3-home-build-card,.e3-inventory-list>div{gap:var(--g-space-3)!important}
.p-event-report-head{margin-bottom:var(--g-space-3)!important}
.p-event-report-grid{gap:var(--g-space-2)!important}
.p-event-report-grid>div{padding:var(--g-space-3)!important;border-radius:var(--g-radius-sm)!important}
.p-report-body p{margin:var(--g-space-2) 0 0!important}
body.era3-premium .e3-home-filter-scroll{gap:var(--g-space-2)!important}
body.era3-premium .e3-home-region-filter{gap:var(--g-space-2)!important}
body.era3-premium .e3-home-build-card{padding:var(--g-space-3)!important}
body.era3-premium .e3-home-build-card img,
body.era3-premium .e3-home-detail-head img,
body.era3-premium .e3-inventory-list img{border-radius:var(--g-radius-sm)!important}
body.era3-premium .e3-home-region-filter,
body.era3-premium .e3-home-build-drawer,
body.era3-premium .e3-home-detail-drawer,
body.era3-premium .e3-building-inventory{backdrop-filter:blur(18px)}

/* hiérarchie visuelle complémentaire */
.p-feature-sheet,.p-report-card,.p-encounter-card,
body.era3-premium .e3-home-build-drawer,
body.era3-premium .e3-home-detail-drawer{outline:1px solid rgba(255,255,255,.03)}
.p-feature-body > :first-child,
body.era3-premium .e3-home-detail-body > :first-child,
body.era3-premium .e3-home-build-list > :first-child{margin-top:0!important}
.p-feature-body > :last-child,
body.era3-premium .e3-home-detail-body > :last-child,
body.era3-premium .e3-home-build-list > :last-child{margin-bottom:0!important}

@media (max-width:520px){
  :root{--g-space-3:.68rem;--g-space-4:.88rem;--g-space-5:1.05rem;--g-radius-lg:1rem;--g-radius-xl:1.2rem}
  .authcard,.modalcard,.panel,.legend,.p-report-card,.p-encounter-card,.p-feature-sheet,body.era1-premium #cellpanel,body.era3-premium .e3-home-build-drawer,body.era3-premium .e3-home-detail-drawer{border-radius:var(--g-radius-lg)!important}
  body.era3-premium .e3-home-drawer-head,
  body.era3-premium .e3-home-detail-head,
  body.era3-premium .e3-home-build-head{padding:var(--g-space-3) calc(var(--g-space-4) + 1.6rem) var(--g-space-3) var(--g-space-3)!important}
  .p-feature-body,body.era3-premium .e3-home-build-list,body.era3-premium .e3-home-detail-body,body.era3-premium .e3-building-inventory{padding:var(--g-space-3)!important}
}


/* ============================================================
   GENESIS V6.66 — nettoyage UI régions
   ============================================================ */
.g-ui-zoom{display:none!important}
body.era3-premium .e3-home-world{--e3-safe-top:6.9rem}
body.era3-premium .e3-home-world.filter-open{--e3-safe-top:13.95rem}
body.era3-premium .e3-home-world.filter-closed .e3-home-topband{display:none}
body.era3-premium .e3-home-world.filter-open .e3-home-topband{display:block}
body.era3-premium .e3-home-region-badge{display:none!important}
@media(max-width:520px){
  body.era3-premium .e3-home-world{--e3-safe-top:6.35rem}
  body.era3-premium .e3-home-world.filter-open{--e3-safe-top:12.4rem}
}


/* ============================================================
   GENESIS V6.67 — régions largeur complète + HUD haut masquable
   ============================================================ */
body.era3-premium .e3-home-stage{width:100%!important;height:auto!important;aspect-ratio:1448 / 1086;max-width:100%;max-height:none;left:50%;top:50%}
body.era3-premium .e3-home-region-bg{object-fit:contain!important;background:#041116}
body.era3-premium .e3-home-vignette{background:linear-gradient(180deg,rgba(0,18,24,.24) 0,rgba(0,15,20,.02) 18%,rgba(0,11,15,.06) 68%,rgba(0,8,12,.42) 100%),radial-gradient(ellipse at 50% 45%,transparent 38%,rgba(0,8,12,.16) 100%)}
body.era3-premium .p-statusrow{transition:transform .22s ease,opacity .18s ease,max-height .22s ease,padding .22s ease,margin .22s ease;transform-origin:top center;max-height:8rem;overflow:hidden}
body.era3-premium.era3-top-hud-collapsed .p-statusrow{transform:translateY(-120%);opacity:0;pointer-events:none;max-height:0;margin:0!important;padding:0!important}
body.era3-premium .p-era3-hud-toggle{position:fixed;z-index:170;left:50%;top:calc(max(.55rem,env(safe-area-inset-top)) + 8.25rem);transform:translateX(-50%);width:2rem;height:1.2rem;display:grid;place-items:center;border-radius:0 0 .65rem .65rem;border:1px solid rgba(98,228,209,.24);border-top:0;background:linear-gradient(180deg,rgba(4,37,42,.98),rgba(3,24,29,.96));color:#dffbf5;font-size:.9rem;font-weight:900;box-shadow:0 .35rem .8rem rgba(0,0,0,.3)}
body.era3-premium.era3-top-hud-collapsed .p-era3-hud-toggle{top:calc(max(.55rem,env(safe-area-inset-top)) + 4.65rem)}
body.era3-premium .p-era3-hud-toggle.hidden{display:none!important}
@media (max-width:520px){
  body.era3-premium .p-era3-hud-toggle{top:calc(max(.55rem,env(safe-area-inset-top)) + 8rem);width:1.9rem;height:1.1rem;font-size:.85rem}
  body.era3-premium.era3-top-hud-collapsed .p-era3-hud-toggle{top:calc(max(.55rem,env(safe-area-inset-top)) + 4.45rem)}
}


/* ============================================================
   GENESIS V6.68 — polissage filtre régions / visuels / flèche HUD
   ============================================================ */
body.era3-premium .e3-home-world{--e3-safe-top:0!important;--e3-safe-bottom:0!important}
body.era3-premium .e3-home-world.filter-open{--e3-safe-top:0!important}
body.era3-premium .e3-home-topband,body.era3-premium .e3-home-bottomband{display:none!important}
body.era3-premium .e3-home-camera{top:0!important;bottom:0!important}
body.era3-premium .e3-home-vignette{background:linear-gradient(180deg,rgba(0,17,23,.10) 0,rgba(0,13,18,.02) 18%,rgba(0,10,14,.04) 72%,rgba(0,8,12,.16) 100%),radial-gradient(ellipse at 50% 48%,transparent 40%,rgba(0,8,12,.09) 100%)}
body.era3-premium .p-era3-hud-toggle{top:auto;z-index:171;border-radius:0 0 .72rem .72rem;box-shadow:0 .3rem .75rem rgba(0,0,0,.33)}
body.era3-premium .e3-home-slots .e3-colony-slot.empty{background:rgba(6,39,38,.42);border:1px solid rgba(183,246,230,.8);box-shadow:0 0 1rem rgba(89,232,203,.18),inset 0 0 .76rem rgba(83,220,190,.12)}
body.era3-premium .e3-home-slots .e3-colony-slot.empty b{display:grid;place-items:center;line-height:1;color:#f0fff8;text-shadow:0 0 .45rem rgba(144,241,224,.34)}


/* === Premium achievements badges === */
.achv-premium-wrap{display:grid;gap:var(--g-space-3,1rem)}
.achv-premium-summary{display:grid;gap:.85rem;padding:1rem 1rem 1.05rem;border-radius:1.15rem;background:linear-gradient(180deg,rgba(8,40,48,.98),rgba(3,19,26,.96));border:1px solid rgba(118,224,214,.18);box-shadow:0 .9rem 2rem rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.05)}
.achv-premium-summary-head{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:.85rem;align-items:center}
.achv-premium-summary-badge{width:4rem;height:4rem;border-radius:1.1rem;display:grid;place-items:center;background:radial-gradient(circle at 32% 28%,rgba(255,244,189,.98),rgba(234,189,83,.95) 35%,rgba(126,76,21,.96) 78%,rgba(61,35,8,.98) 100%);box-shadow:inset 0 .18rem .28rem rgba(255,255,255,.45),inset 0 -.38rem .55rem rgba(74,34,7,.35),0 .8rem 1.4rem rgba(0,0,0,.32),0 0 1.2rem rgba(255,212,118,.18);position:relative}
.achv-premium-summary-badge:before,.achv-premium-summary-badge:after{content:'';position:absolute;bottom:-.55rem;width:1rem;height:1.45rem;border-radius:.3rem .3rem .58rem .58rem;background:linear-gradient(180deg,#4ed0ea,#124f82);box-shadow:inset 0 1px rgba(255,255,255,.35)}
.achv-premium-summary-badge:before{left:.78rem;transform:rotate(-8deg)}
.achv-premium-summary-badge:after{right:.78rem;transform:rotate(8deg)}
.achv-premium-summary-badge span{position:relative;z-index:1;font-size:1.7rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.24))}
.achv-premium-summary-head strong{display:block;font-size:1rem;color:#effffc;letter-spacing:.01em}
.achv-premium-summary-head span{display:block;margin-top:.18rem;font-size:.72rem;color:#89c3bc}
.achv-premium-progress{display:flex;align-items:baseline;gap:.42rem;padding:.8rem .85rem;border-radius:.9rem;background:linear-gradient(180deg,rgba(7,32,38,.9),rgba(4,23,28,.88));border:1px solid rgba(104,214,206,.14)}
.achv-premium-progress b{font-size:1.15rem;color:#70ead4}
.achv-premium-progress span{font-size:.76rem;color:#a7d9d2}
.achv-premium-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}
.achv-premium-cats span{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.58rem .68rem;border-radius:.8rem;background:rgba(4,23,30,.78);border:1px solid rgba(101,194,188,.12);font-size:.68rem;color:#b8dbd8}
.achv-premium-cats b{font-size:.9rem;color:#f0fbf8}
.achv-premium-grid{display:grid;gap:.8rem}
.achv-premium-card{display:grid;grid-template-columns:5.25rem minmax(0,1fr);gap:.9rem;align-items:center;padding:.95rem;border-radius:1.15rem;background:linear-gradient(180deg,rgba(7,32,39,.96),rgba(3,19,24,.94));border:1px solid rgba(103,204,196,.14);box-shadow:0 .8rem 1.7rem rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.03)}
.achv-premium-card.locked{opacity:.7;filter:saturate(.68)}
.achv-premium-card.done{border-color:rgba(100,231,202,.28);box-shadow:0 0 0 1px rgba(86,212,189,.12),0 1rem 1.8rem rgba(0,0,0,.32),0 0 1.3rem rgba(77,216,192,.08)}
.achv-premium-badge{display:grid;justify-items:center;gap:.45rem}
.achv-premium-medal{position:relative;width:4.15rem;height:4.15rem;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);background:radial-gradient(circle at 32% 26%,#fff6cf 0,#f0d27f 18%,#d6a545 38%,#8a5a17 70%,#44260a 100%);box-shadow:inset 0 .22rem .3rem rgba(255,255,255,.48),inset 0 -.5rem .75rem rgba(98,45,10,.38),0 .7rem 1.25rem rgba(0,0,0,.32);overflow:visible}
.achv-premium-medal:before,.achv-premium-medal:after{content:'';position:absolute;top:-.28rem;width:1rem;height:1.6rem;border-radius:.32rem .32rem .6rem .6rem;background:linear-gradient(180deg,#7d6dff,#3a46b3);z-index:-1;box-shadow:0 .18rem .4rem rgba(0,0,0,.26)}
.achv-premium-medal:before{left:.88rem;transform:rotate(-8deg)}
.achv-premium-medal:after{right:.88rem;transform:rotate(8deg);background:linear-gradient(180deg,#46d7e7,#0f6e8a)}
.achv-premium-medal span{font-size:1.62rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}
.achv-premium-badge small{display:inline-flex;align-items:center;justify-content:center;min-width:3.35rem;padding:.22rem .52rem;border-radius:999px;background:rgba(3,21,28,.9);border:1px solid rgba(121,219,209,.15);font-size:.62rem;font-weight:800;color:#d8f5f0}
.achv-premium-copy{min-width:0;display:grid;gap:.28rem}
.achv-premium-topline{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem .7rem;align-items:center}
.achv-premium-topline strong{font-size:.92rem;color:#effffc}
.achv-premium-topline em{font-style:normal;font-size:.63rem;font-weight:900;letter-spacing:.05em;color:#74ebd4}
.achv-premium-card.locked .achv-premium-topline em{color:#98aaa8}
.achv-premium-cat{display:inline-flex;align-items:center;gap:.35rem;width:max-content;max-width:100%;padding:.24rem .52rem;border-radius:999px;background:rgba(9,39,46,.92);border:1px solid rgba(109,210,203,.16);font-size:.62rem;font-weight:800;letter-spacing:.04em;color:#c7f3ed;text-transform:uppercase}
.achv-premium-copy p{margin:0;font-size:.74rem;line-height:1.42;color:#a8c6c2}
.achv-premium-card.cat-biologie .achv-premium-medal{background:radial-gradient(circle at 32% 26%,#f1fffb 0,#9ff1df 18%,#3cc6b1 42%,#137064 73%,#0a2e2c 100%)}
.achv-premium-card.cat-survie .achv-premium-medal{background:radial-gradient(circle at 32% 26%,#fff8d9 0,#f8d57d 18%,#f0a93d 42%,#8a4f0b 74%,#3c2207 100%)}
.achv-premium-card.cat-exploration .achv-premium-medal{background:radial-gradient(circle at 32% 26%,#eef6ff 0,#9bd9ff 20%,#4a8bff 44%,#1b3b8a 75%,#0d173f 100%)}
.achv-premium-card.cat-civilisation .achv-premium-medal{background:radial-gradient(circle at 32% 26%,#fff6da 0,#ffd690 20%,#d9a13e 44%,#865317 75%,#3e2308 100%)}
.achv-premium-card.cat-diplomatie .achv-premium-medal{background:radial-gradient(circle at 32% 26%,#fff0ff 0,#e9b7ff 20%,#b56cf0 44%,#5b2d9d 74%,#25103f 100%)}
.achv-premium-card.cat-guerre .achv-premium-medal{background:radial-gradient(circle at 32% 26%,#fff2ee 0,#ffb29c 20%,#ef6c4e 44%,#8e2d21 74%,#42110d 100%)}
@media(max-width:640px){.achv-premium-card{grid-template-columns:4.6rem minmax(0,1fr);gap:.72rem;padding:.82rem}.achv-premium-medal{width:3.68rem;height:3.68rem}.achv-premium-medal span{font-size:1.42rem}.achv-premium-summary-head{grid-template-columns:3.4rem minmax(0,1fr)}.achv-premium-summary-badge{width:3.4rem;height:3.4rem}.achv-premium-cats{grid-template-columns:1fr 1fr}}


/* === GENESIS v6.72 — planche trophées premium === */
.achv-premium-hero{margin:0;display:grid;gap:.65rem;padding:.7rem;border-radius:1.2rem;background:linear-gradient(180deg,rgba(7,31,39,.98),rgba(4,20,27,.96));border:1px solid rgba(119,220,211,.16);box-shadow:0 1rem 2rem rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.04)}
.achv-premium-hero img{display:block;width:100%;height:auto;border-radius:.95rem;border:1px solid rgba(192,234,227,.12);box-shadow:0 .7rem 1.6rem rgba(0,0,0,.28)}
.achv-premium-hero figcaption{display:grid;gap:.18rem;padding:.1rem .15rem 0}
.achv-premium-hero strong{font-size:.94rem;color:#f1fffc}
.achv-premium-hero span{font-size:.72rem;color:#9dcfc8}
.achv-premium-medal{position:relative;width:4.35rem;height:4.55rem;border-radius:.95rem .95rem 1.35rem 1.35rem / .75rem .75rem 1.6rem 1.6rem;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);background:radial-gradient(circle at 34% 24%,#fff7d3 0,#f6dd8d 16%,#ddad52 38%,#8e5b18 74%,#442609 100%);box-shadow:inset 0 .2rem .32rem rgba(255,255,255,.48),inset 0 -.55rem .75rem rgba(102,48,10,.34),0 .8rem 1.35rem rgba(0,0,0,.34);overflow:visible}
.achv-premium-medal:before,.achv-premium-medal:after{content:'';position:absolute;top:.72rem;width:1.18rem;height:1.58rem;border:.2rem solid rgba(201,154,67,.98);border-radius:50%;box-shadow:inset 0 .08rem .14rem rgba(255,255,255,.24),0 .18rem .32rem rgba(0,0,0,.18)}
.achv-premium-medal:before{left:-.72rem;border-right:none;transform:rotate(8deg)}
.achv-premium-medal:after{right:-.72rem;border-left:none;transform:rotate(-8deg)}
.achv-premium-medal span{position:relative;z-index:2;font-size:1.62rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.24))}
.achv-premium-badge{display:grid;justify-items:center;gap:.35rem}
.achv-premium-badge small{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:3.4rem;padding:.26rem .56rem .24rem;border-radius:999px;background:rgba(3,21,28,.92);border:1px solid rgba(121,219,209,.15);font-size:.62rem;font-weight:800;color:#d8f5f0}
.achv-premium-badge small:before{content:'';position:absolute;top:-.38rem;left:50%;transform:translateX(-50%);width:1rem;height:.46rem;border-radius:.25rem;background:linear-gradient(180deg,#59d7ea,#175275)}
.achv-premium-card.done .achv-premium-medal{transform:translateY(-1px);box-shadow:inset 0 .2rem .32rem rgba(255,255,255,.48),inset 0 -.55rem .75rem rgba(102,48,10,.34),0 1rem 1.55rem rgba(0,0,0,.36),0 0 1.1rem rgba(99,229,207,.10)}
.achv-premium-card.cat-biologie .achv-premium-medal{background:radial-gradient(circle at 32% 24%,#f3fffc 0,#adf0df 16%,#48cfb7 38%,#157a6b 72%,#0a322d 100%)}
.achv-premium-card.cat-survie .achv-premium-medal{background:radial-gradient(circle at 32% 24%,#fff8d8 0,#ffd988 16%,#f2b24d 38%,#93570f 72%,#402406 100%)}
.achv-premium-card.cat-exploration .achv-premium-medal{background:radial-gradient(circle at 32% 24%,#f2f8ff 0,#a7dcff 16%,#5b97ff 38%,#244895 72%,#0f1c4b 100%)}
.achv-premium-card.cat-civilisation .achv-premium-medal{background:radial-gradient(circle at 32% 24%,#fff6dd 0,#ffd995 16%,#e2ac4a 38%,#936220 72%,#452b0a 100%)}
.achv-premium-card.cat-diplomatie .achv-premium-medal{background:radial-gradient(circle at 32% 24%,#fff2ff 0,#ebb9ff 16%,#bf78ff 38%,#6632ac 72%,#2a1148 100%)}
.achv-premium-card.cat-guerre .achv-premium-medal{background:radial-gradient(circle at 32% 24%,#fff1eb 0,#ffbca6 16%,#f17557 38%,#973022 72%,#49120f 100%)}
@media(max-width:640px){.achv-premium-hero{padding:.55rem}.achv-premium-medal{width:3.95rem;height:4.15rem}.achv-premium-medal span{font-size:1.46rem}}


/* === GENESIS v6.73 — individual trophy cups === */
.achv-premium-summary-badge{width:4.4rem;height:4.4rem;padding:.15rem;background:linear-gradient(180deg,rgba(9,39,48,.72),rgba(4,21,28,.75));box-shadow:0 .8rem 1.4rem rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04)}
.achv-premium-summary-badge:before,.achv-premium-summary-badge:after{display:none}
.achv-premium-summary-badge img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 .28rem .5rem rgba(0,0,0,.28))}
.achv-premium-medal{width:4.7rem;height:4.7rem;border:none;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.achv-premium-medal:before,.achv-premium-medal:after{display:none}
.achv-premium-medal img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 .45rem .6rem rgba(0,0,0,.34))}
.achv-premium-card.done .achv-premium-medal{transform:none;box-shadow:none}
.achv-premium-card.locked .achv-premium-medal img{filter:grayscale(.15) saturate(.75) brightness(.92) drop-shadow(0 .35rem .55rem rgba(0,0,0,.34))}
@media(max-width:640px){.achv-premium-summary-badge{width:3.65rem;height:3.65rem}.achv-premium-medal{width:4.1rem;height:4.1rem}}


/* === GENESIS v6.74 — workforce population cap === */
body.era3-premium .e3-workforce-state{display:grid;gap:.25rem;margin:.55rem 0;padding:.7rem .78rem;border-radius:.82rem;background:linear-gradient(180deg,rgba(7,41,46,.9),rgba(3,25,31,.9));border:1px solid rgba(104,218,204,.14);box-shadow:inset 0 1px rgba(255,255,255,.03)}
body.era3-premium .e3-workforce-state b{font-size:.52rem;color:#effffb}
body.era3-premium .e3-workforce-state span{font-size:.43rem;color:#c5e4de;line-height:1.4}
body.era3-premium .e3-workforce-state small{font-size:.38rem;color:#83aaa4;line-height:1.35}

/* ============================================================
   GENESIS V6.75 — COMMUNAUTÉ MULTIJOUEUR
   ============================================================ */
.community-wrap{display:grid;gap:.8rem;min-height:100%;align-content:start}
.community-tabs{display:flex;gap:.35rem;overflow-x:auto;scrollbar-width:none;padding:.1rem 0 .25rem;position:sticky;top:0;z-index:4;background:linear-gradient(180deg,rgba(2,20,27,.99) 70%,rgba(2,20,27,0))}
.community-tabs::-webkit-scrollbar{display:none}
.community-tabs button,.community-channel-tabs button{flex:0 0 auto;min-height:2.25rem;padding:.45rem .7rem;border-radius:.65rem;border:1px solid rgba(104,211,203,.16);background:rgba(5,35,42,.82);color:#9fc9c3;font-size:.46rem;font-weight:900;letter-spacing:.045em}
.community-tabs button.active,.community-channel-tabs button.active{border-color:rgba(70,236,202,.6);background:linear-gradient(180deg,rgba(12,104,90,.9),rgba(7,65,62,.9));color:#effffb;box-shadow:0 0 .75rem rgba(61,220,189,.14)}
.community-channel-tabs button:disabled{opacity:.38}
.community-intro{display:grid;gap:.18rem;padding:.78rem .85rem;border-radius:.85rem;background:linear-gradient(145deg,rgba(8,48,53,.86),rgba(3,25,31,.92));border:1px solid rgba(100,205,196,.14);box-shadow:0 .5rem 1.1rem rgba(0,0,0,.22)}
.community-intro b{font-size:.7rem;color:#effffb}.community-intro span{font-size:.43rem;line-height:1.45;color:#93b9b3}
.community-player-grid{display:grid;gap:.5rem}
.community-player{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem .55rem;align-items:center;padding:.68rem;border-radius:.78rem;background:linear-gradient(145deg,rgba(7,39,45,.9),rgba(3,24,30,.9));border:1px solid rgba(98,190,184,.13);box-shadow:0 .45rem 1rem rgba(0,0,0,.2)}
.community-player>div:first-child{display:grid;gap:.08rem}.community-player strong{font-size:.58rem;color:#edfdf9}.community-player span,.community-player small{font-size:.38rem;color:#8caea9}.community-player small{grid-column:1/2}
.community-player>em{font-style:normal;font-size:.35rem;font-weight:900;padding:.2rem .45rem;border-radius:999px;background:rgba(7,42,47,.9);border:1px solid rgba(109,205,195,.16);color:#b9d9d4}
.community-player>em.rel-alliance{color:#78f0d2;border-color:rgba(78,230,196,.35)}.community-player>em.rel-pacte{color:#a9d9ff;border-color:rgba(118,181,235,.3)}.community-player>em.rel-hostile{color:#ff9e8f;border-color:rgba(241,91,73,.35)}
.community-player>button,.community-actions button,.community-request button,.community-create-fed button,.community-chat-compose button,.community-wide{min-height:2.15rem;padding:.4rem .65rem;border:0;border-radius:.58rem;background:linear-gradient(180deg,#13a781,#08715e);color:#effff9;font-size:.4rem;font-weight:900;letter-spacing:.035em}
.community-player>button{grid-column:1/-1}.community-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem}.community-actions button.danger,.community-wide.danger{background:linear-gradient(180deg,#8d413b,#592b2c)}
.community-subsection{display:grid;gap:.45rem}.community-subsection h3{margin:.1rem 0;font-size:.48rem;letter-spacing:.07em;color:#72d8c8}
.community-request{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.35rem;align-items:center;padding:.58rem;border-radius:.7rem;background:rgba(5,34,40,.82);border:1px solid rgba(97,190,183,.12)}
.community-request>div{display:grid;gap:.08rem}.community-request b{font-size:.48rem;color:#edfdf9}.community-request span{font-size:.35rem;color:#8fb0ab}.community-request button{min-height:1.9rem;font-size:.35rem}.community-request button.ghost,.community-chat-compose button.ghost{background:#17373d;color:#aacbc5}
.community-member-list{display:grid;gap:.35rem}.community-member-list>div{display:flex;justify-content:space-between;gap:.5rem;padding:.55rem .62rem;border-radius:.62rem;background:rgba(4,30,36,.78);border:1px solid rgba(97,185,179,.1)}.community-member-list b{font-size:.45rem;color:#e9fbf7}.community-member-list span{font-size:.36rem;color:#88aaa5}
.community-create-fed{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem}.community-create-fed input,#communityPrivateTarget,.community-chat-compose textarea{width:100%;box-sizing:border-box;border-radius:.62rem;border:1px solid rgba(100,200,190,.17);background:#061e25;color:#e7faf6;padding:.58rem .65rem;font:600 .45rem/1.3 var(--g-font-ui,system-ui);outline:none}.community-create-fed input:focus,#communityPrivateTarget:focus,.community-chat-compose textarea:focus{border-color:rgba(72,233,199,.55);box-shadow:0 0 0 2px rgba(72,233,199,.08)}
.community-channel-tabs{display:flex;gap:.35rem;overflow-x:auto;scrollbar-width:none}.community-channel-tabs::-webkit-scrollbar{display:none}#communityPrivateTarget{min-height:2.3rem}
.community-chat-log{display:grid;gap:.4rem;max-height:48vh;overflow-y:auto;overscroll-behavior:contain;padding:.15rem}
.community-msg{justify-self:start;width:min(88%,28rem);padding:.5rem .6rem;border-radius:.72rem .72rem .72rem .18rem;background:linear-gradient(145deg,rgba(9,47,53,.92),rgba(5,31,37,.92));border:1px solid rgba(99,191,185,.12)}.community-msg.mine{justify-self:end;border-radius:.72rem .72rem .18rem .72rem;background:linear-gradient(145deg,rgba(9,93,78,.88),rgba(5,55,52,.92));border-color:rgba(78,220,191,.2)}
.community-msg>div{display:flex;justify-content:space-between;gap:.5rem}.community-msg b{font-size:.37rem;color:#baf2e7}.community-msg time{font-size:.31rem;color:#6f918d}.community-msg p{margin:.16rem 0 0;font-size:.43rem;line-height:1.42;color:#eefbf8;white-space:pre-wrap;overflow-wrap:anywhere}.community-msg small{display:block;margin-top:.14rem;font-size:.3rem;color:#8fb5af}
.community-chat-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem}.community-chat-compose textarea{grid-row:1/3;resize:none;min-height:4.4rem}.community-chat-compose button{min-width:5.3rem}.community-empty{padding:.85rem;border-radius:.7rem;border:1px dashed rgba(103,194,187,.17);background:rgba(4,28,34,.65);font-size:.42rem;line-height:1.4;color:#88aca6;text-align:center}.community-ranking .p-feature-card{margin-bottom:.42rem}
@media(max-width:520px){.community-tabs button,.community-channel-tabs button{font-size:.41rem;padding:.4rem .58rem}.community-player{padding:.58rem}.community-request{grid-template-columns:minmax(0,1fr) auto}.community-request button:last-child{grid-column:2}.community-chat-log{max-height:44vh}.community-chat-compose{grid-template-columns:1fr 1fr}.community-chat-compose textarea{grid-column:1/-1;grid-row:auto}.community-chat-compose button{min-width:0}}


/* === GENESIS v6.76 — armée spécialisée + files de caserne === */
body.era3-premium .e3-army-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem}
body.era3-premium .e3-army-summary>div{padding:.48rem .54rem;border-radius:.62rem;background:rgba(3,24,30,.72);border:1px solid rgba(92,188,181,.12)}
body.era3-premium .e3-army-specializations{display:flex;gap:.32rem;flex-wrap:wrap}
body.era3-premium .e3-army-specializations>span{padding:.34rem .46rem;border-radius:.55rem;background:rgba(5,34,40,.84);border:1px solid rgba(104,201,193,.14);font-size:.38rem;color:#a9c9c4}
body.era3-premium .e3-army-specializations b{color:#eafff9;font-size:.4rem}
body.era3-premium .e3-recruit-form{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(5.5rem,.7fr);gap:.45rem;padding:.55rem;border-radius:.72rem;background:linear-gradient(180deg,rgba(5,37,43,.88),rgba(3,25,31,.86));border:1px solid rgba(95,212,196,.18)}
body.era3-premium .e3-recruit-form label{display:grid;gap:.2rem}
body.era3-premium .e3-recruit-form label>span{font-size:.38rem;font-weight:800;color:#8fbdb5;text-transform:uppercase;letter-spacing:.04em}
body.era3-premium .e3-recruit-form select,body.era3-premium .e3-recruit-form input{width:100%;min-height:2.45rem;box-sizing:border-box;border-radius:.58rem;border:1px solid rgba(103,205,194,.2);background:#062a31;color:#e9fffa;padding:.4rem .5rem;font:800 .48rem/1.2 ui-sans-serif,system-ui}
body.era3-premium .e3-recruit-preview{grid-column:1/-1;display:flex;justify-content:space-between;gap:.55rem;align-items:center;padding:.4rem .48rem;border-radius:.55rem;background:rgba(2,22,28,.72)}
body.era3-premium .e3-recruit-preview span{font-size:.45rem;font-weight:900;color:#e8fff9}
body.era3-premium .e3-recruit-preview small{font-size:.36rem;color:#d5b873;text-align:right}
body.era3-premium .e3-recruit-form .e3-train-btn{grid-column:1/-1}
body.era3-premium .e3-recruit-queue{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.28rem .6rem;align-items:center;padding:.62rem .68rem;border-radius:.75rem;background:linear-gradient(145deg,rgba(8,52,55,.94),rgba(4,31,37,.94));border:1px solid rgba(93,231,204,.25);box-shadow:inset 0 1px rgba(255,255,255,.03),0 .45rem 1rem rgba(0,0,0,.2)}
body.era3-premium .e3-recruit-queue>div{display:grid;gap:.12rem}
body.era3-premium .e3-recruit-queue b{font-size:.52rem;color:#effffb}
body.era3-premium .e3-recruit-queue span{font-size:.4rem;color:#8fd0c4}
body.era3-premium .e3-recruit-queue>strong{font-size:.88rem;color:#6ef0d3;font-variant-numeric:tabular-nums}
body.era3-premium .e3-recruit-queue>small{grid-column:1/-1;font-size:.36rem;color:#91ada8}
body.era3-premium .e3-army-tech-note{padding:.5rem .56rem;border-radius:.62rem;background:rgba(10,34,48,.74);border:1px solid rgba(112,163,231,.18);font-size:.4rem;line-height:1.4;color:#a9c8dc}
body.era3-premium .e3-army-tech-note b{color:#e7f5ff}
body.era3-premium .e3-army-group-table{display:grid;gap:.42rem}
body.era3-premium .e3-army-group{display:grid;gap:.38rem;padding:.5rem .55rem;border-radius:.68rem;background:rgba(4,29,35,.86);border:1px solid rgba(101,190,185,.13)}
body.era3-premium .e3-army-group.rarity-super{border-color:rgba(112,152,255,.34);box-shadow:0 0 .85rem rgba(95,139,255,.08)}
body.era3-premium .e3-army-group.rarity-legendaire{border-color:rgba(240,207,106,.46);box-shadow:0 0 1rem rgba(241,207,102,.11)}
body.era3-premium .e3-army-group-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.4rem;align-items:center}
body.era3-premium .e3-army-group-head b{font-size:.5rem;color:#effffb}
body.era3-premium .e3-army-group-head span{font-size:.38rem;font-weight:800;color:#8fd2c5}
body.era3-premium .e3-army-group-head em{font-style:normal;font-size:.37rem;font-weight:900;color:#d9bc73}
body.era3-premium .e3-army-statline{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.2rem}
body.era3-premium .e3-army-statline>span{display:grid;place-items:center;gap:.08rem;min-width:0;padding:.28rem .08rem;border-radius:.42rem;background:rgba(2,21,27,.72);font-size:.38rem;color:#daf6f0;font-variant-numeric:tabular-nums}
body.era3-premium .e3-army-statline b{font-size:.29rem;letter-spacing:.04em;color:#6fa9a0}
.community-player .community-army-intel{grid-column:1/-1;padding:.35rem .45rem;border-radius:.5rem;background:rgba(4,27,34,.68);border:1px solid rgba(104,196,190,.11);color:#9fd5cc}
@media(max-width:520px){body.era3-premium .e3-recruit-form{grid-template-columns:1fr}body.era3-premium .e3-recruit-form label,body.era3-premium .e3-recruit-preview,body.era3-premium .e3-recruit-form .e3-train-btn{grid-column:1}body.era3-premium .e3-recruit-preview{display:grid}body.era3-premium .e3-recruit-preview small{text-align:left}body.era3-premium .e3-army-statline{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* === GENESIS v6.77 — Ère 3 complète : armée, métiers, espionnage, PvP === */
body.era3-premium .e3-workforce-grid{display:grid;gap:.45rem;margin:.55rem 0}
body.era3-premium .e3-workforce-grid article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem;align-items:center;padding:.58rem .65rem;border-radius:.72rem;background:rgba(5,34,40,.82);border:1px solid rgba(102,197,189,.13)}
body.era3-premium .e3-workforce-grid article>div:first-child{display:grid;gap:.08rem}
body.era3-premium .e3-workforce-grid b{font-size:.48rem;color:#effffb}
body.era3-premium .e3-workforce-grid span{font-size:.35rem;color:#8fb6b0}
body.era3-premium .e3-priority-buttons{display:flex;gap:.2rem}
body.era3-premium .e3-priority-buttons button{width:1.75rem;height:1.75rem;border-radius:.48rem;border:1px solid rgba(106,205,197,.16);background:#082b31;color:#91b6b0;font-size:.42rem;font-weight:900}
body.era3-premium .e3-priority-buttons button.active{border-color:rgba(72,236,201,.68);background:linear-gradient(180deg,#119a7c,#086452);color:#effff8;box-shadow:0 0 .65rem rgba(62,221,187,.16)}
body.era3-premium .e3-priority-help{display:block;margin:-.15rem 0 .6rem;font-size:.34rem;line-height:1.4;color:#809f9a}
body.era3-premium .e3-army-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.42rem;margin:.55rem 0}
body.era3-premium .e3-army-kpis>div{display:grid;gap:.1rem;padding:.62rem .45rem;border-radius:.7rem;background:linear-gradient(160deg,rgba(8,47,52,.9),rgba(4,27,34,.92));border:1px solid rgba(102,203,194,.13);text-align:center}
body.era3-premium .e3-army-kpis span{font-size:.32rem;color:#8eb1ac;text-transform:uppercase;letter-spacing:.05em}body.era3-premium .e3-army-kpis b{font-size:.72rem;color:#eefefb}
body.era3-premium .e3-army-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.48rem}
body.era3-premium .e3-army-page-grid article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.15rem .4rem;padding:.65rem;border-radius:.78rem;background:linear-gradient(145deg,rgba(7,40,46,.9),rgba(3,24,30,.94));border:1px solid rgba(102,198,190,.14)}
body.era3-premium .e3-army-page-grid b{font-size:.48rem;color:#eafbf7}body.era3-premium .e3-army-page-grid strong{font-size:.8rem;color:#7ce7d5}body.era3-premium .e3-army-page-grid span,body.era3-premium .e3-army-page-grid small{grid-column:1/-1;font-size:.34rem;color:#8fb1ac;line-height:1.35}
body.era3-premium .e3-army-table{display:grid;gap:.38rem}body.era3-premium .e3-army-table>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.12rem .45rem;padding:.55rem .62rem;border-radius:.66rem;background:rgba(4,30,36,.78);border:1px solid rgba(98,188,181,.1)}body.era3-premium .e3-army-table b{font-size:.43rem;color:#edfdf9}body.era3-premium .e3-army-table span{font-size:.47rem;font-weight:900;color:#78e5d1}body.era3-premium .e3-army-table small{grid-column:1/-1;font-size:.31rem;color:#87aaa5;line-height:1.4}
body.era3-premium .e3-mission-list{display:grid;gap:.38rem}.e3-mission-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.1rem .45rem;align-items:center;padding:.55rem .62rem;border-radius:.66rem;background:rgba(5,34,40,.82);border:1px solid rgba(104,199,191,.12)}.e3-mission-row b{font-size:.43rem;color:#edfdf9}.e3-mission-row span{grid-column:1;font-size:.32rem;color:#8faea9}.e3-mission-row strong{grid-column:2;grid-row:1/3;font-size:.5rem;color:#7be9d4}
body.era3-premium .e3-battle-list{display:grid;gap:.38rem}.e3-battle-list article{padding:.58rem .62rem;border-radius:.68rem;background:rgba(5,34,40,.82);border:1px solid rgba(99,190,183,.12)}.e3-battle-list article.win{border-color:rgba(73,225,191,.28)}.e3-battle-list article.loss{border-color:rgba(237,103,87,.25)}.e3-battle-list article>div{display:flex;justify-content:space-between;gap:.5rem}.e3-battle-list b{font-size:.42rem;color:#eafbf7}.e3-battle-list span{font-size:.31rem;color:#789b96}.e3-battle-list p{margin:.18rem 0 0;font-size:.35rem;color:#9dbdb8}
.community-player.blocked{opacity:.62}.community-report-btn{min-height:1.7rem!important;background:#17373d!important;color:#93aaa6!important;font-size:.31rem!important}.community-player button:disabled{opacity:.4;cursor:not-allowed}.community-member-list>div{align-items:center}.community-member-list>div>span:first-child{display:grid;gap:.08rem}.community-member-list small{font-size:.31rem;color:#83a5a0}.community-member-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.22rem}.community-member-actions button{min-height:1.65rem;padding:.28rem .4rem;border:0;border-radius:.45rem;background:#0d7765;color:#effff9;font-size:.29rem;font-weight:900}.community-member-actions button.danger{background:#66342f}.community-actions button:disabled{opacity:.38}
body.era3-premium .e3-region-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.e3-region-actions>.e3-predator-info{grid-column:1/-1}.e3-region-actions>button:only-child{grid-column:1/-1}
@media(max-width:520px){body.era3-premium .e3-army-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}body.era3-premium .e3-army-page-grid{grid-template-columns:1fr}body.era3-premium .e3-workforce-grid article{grid-template-columns:1fr}.community-member-actions{justify-content:flex-start}.community-actions{grid-template-columns:1fr 1fr 1fr}}


/* === GENESIS v6.78 — startup SQL error === */
.g-startup-error{margin:1rem;max-width:42rem;padding:1rem 1.1rem;border-radius:1rem;border:1px solid rgba(255,179,91,.45);background:linear-gradient(180deg,rgba(49,28,9,.96),rgba(19,17,17,.96));color:#f9eee4;box-shadow:0 1rem 2rem rgba(0,0,0,.35);display:grid;gap:.65rem}.g-startup-error b{color:#ffd19b}.g-startup-error p{margin:0;line-height:1.45}.g-startup-error small{color:#d9c3ad;line-height:1.4}.g-startup-error button{width:max-content;min-height:2.6rem;padding:.55rem .9rem;border-radius:.65rem;border:1px solid rgba(255,205,148,.35);background:#9d5a19;color:#fff;font-weight:900}


/* === GENESIS v6.81 — HUD Ère 1 robuste + zoom trophées === */
@media(max-width:900px){
  body.era1-premium:not(.era3-premium):not(.era4-premium):not(.era5-premium) .p-topcard{z-index:40!important;isolation:isolate!important}
  body.era1-premium:not(.era3-premium):not(.era4-premium):not(.era5-premium) .p-topcard>.p-brandblock,
  body.era1-premium:not(.era3-premium):not(.era4-premium):not(.era5-premium) .p-topcard>.p-top-resources,
  body.era1-premium:not(.era3-premium):not(.era4-premium):not(.era5-premium) .p-topcard>.p-settings-wrap{position:relative!important;z-index:2!important;opacity:1!important;visibility:visible!important}
  body.era1-premium:not(.era3-premium):not(.era4-premium):not(.era5-premium) .p-brandblock{display:flex!important;color:#eefdfb!important}
  body.era1-premium:not(.era3-premium):not(.era4-premium):not(.era5-premium) .p-top-resources{display:grid!important;color:#eefdfb!important}
  body.era1-premium:not(.era3-premium):not(.era4-premium):not(.era5-premium) .p-settings-wrap{display:grid!important}
  body.era1-premium:not(.era3-premium):not(.era4-premium):not(.era5-premium) .p-cell-logo{display:grid!important;opacity:1!important;visibility:visible!important}
}
.achv-premium-card{appearance:none;-webkit-appearance:none;width:100%;text-align:left;color:inherit;font:inherit;cursor:zoom-in}
.achv-premium-card:active{transform:scale(.985)}
.achv-premium-card:focus-visible{outline:2px solid rgba(104,235,211,.75);outline-offset:2px}
.achv-premium-openhint{display:block;margin-top:.18rem;font-size:.54rem;font-weight:900;letter-spacing:.08em;color:#74d9ca}
.achv-premium-card.locked .achv-premium-openhint{color:#819996}
.achv-zoom{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:1rem;isolation:isolate}
.achv-zoom.hidden{display:none!important}
.achv-zoom-backdrop{position:absolute;inset:0;border:0;background:rgba(0,8,12,.88);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.achv-zoom-card{position:relative;z-index:2;width:min(92vw,34rem);max-height:92dvh;overflow:auto;display:grid;justify-items:center;gap:.55rem;padding:1rem 1rem 1.15rem;border-radius:1.35rem;background:radial-gradient(circle at 50% 20%,rgba(22,79,81,.6),rgba(3,22,29,.98) 54%);border:1px solid rgba(127,230,214,.25);box-shadow:0 2rem 5rem rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.06)}
.achv-zoom-card>img{display:block;width:min(78vw,26rem);height:min(62dvh,28rem);object-fit:contain;filter:drop-shadow(0 1.2rem 1.2rem rgba(0,0,0,.48))}
.achv-zoom.locked .achv-zoom-card>img{filter:grayscale(.12) saturate(.8) brightness(.88) drop-shadow(0 1rem 1.1rem rgba(0,0,0,.5))}
.achv-zoom-close{position:absolute;right:.65rem;top:.65rem;z-index:4;width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid rgba(128,230,214,.27);background:rgba(4,35,42,.92);color:#eafffa;font-size:1.45rem;line-height:1}
.achv-zoom-copy{width:100%;display:grid;gap:.3rem;text-align:center;padding:.15rem .5rem}
.achv-zoom-copy>span{font-size:.62rem;font-weight:900;letter-spacing:.12em;color:#70e3cf}
.achv-zoom.locked .achv-zoom-copy>span{color:#9aaead}
.achv-zoom-copy>strong{font-size:1.18rem;color:#f3fffc}
.achv-zoom-copy>p{margin:.08rem auto 0;max-width:28rem;font-size:.78rem;line-height:1.5;color:#b4d3ce}
.achv-zoom-copy>small{font-size:.7rem;font-weight:800;color:#e9c978}


/* === V6.84 · révélation espèce Ère 3 + popup de case de colonisation === */
body.era3-reveal-open,body.e3-region-modal-open{overflow:hidden}
.era3-species-reveal,.era3-region-action-modal{position:fixed;inset:0;z-index:21000;display:grid;place-items:center;padding:1rem;background:rgba(0,10,14,.74);backdrop-filter:blur(10px)}
.era3-species-reveal.hidden,.era3-region-action-modal.hidden{display:none}
.era3-species-reveal{opacity:0;transition:opacity .22s ease}
.era3-species-reveal.open{opacity:1}
.era3-species-reveal-shell{width:min(94vw,720px);position:relative}
.era3-species-reveal-card{position:relative;overflow:hidden;padding:1.1rem 1rem 1rem;border-radius:1.3rem;background:radial-gradient(circle at top,rgba(56,144,134,.36),transparent 40%),linear-gradient(160deg,#08323a,#031a21 70%);border:1px solid rgba(112,230,213,.26);box-shadow:0 32px 90px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.05)}
.era3-species-badge{display:inline-flex;padding:.34rem .6rem;border-radius:999px;background:rgba(90,225,205,.14);border:1px solid rgba(110,225,216,.25);font-size:.54rem;letter-spacing:.18em;font-weight:900;color:#8ee8da}
.era3-species-title{position:relative;z-index:2;margin-top:.85rem;text-align:center}.era3-species-title span{display:block;font-size:.6rem;letter-spacing:.16em;color:#71d8c3;font-weight:900}.era3-species-title h2{margin:.35rem 0 .4rem;font-size:1.55rem;color:#effffb}.era3-species-title p{margin:0 auto;max-width:30rem;font-size:.74rem;line-height:1.5;color:#a5c4bf}
.era3-species-stage{position:relative;z-index:1;display:grid;place-items:center;min-height:18rem;margin:.7rem 0 .5rem}.era3-species-stage img{width:min(78vw,18rem);max-height:18rem;object-fit:contain;filter:drop-shadow(0 24px 40px rgba(0,0,0,.48));animation:e3SpeciesFloat 3.4s ease-in-out infinite}
.era3-species-ring{position:absolute;border-radius:50%;border:1px solid rgba(118,232,219,.22);box-shadow:0 0 0 1px rgba(255,255,255,.03) inset}.era3-species-ring.ring-a{width:15rem;height:15rem;animation:e3SpeciesPulse 3.2s ease-in-out infinite}.era3-species-ring.ring-b{width:19rem;height:19rem;border-style:dashed;opacity:.6;animation:e3SpeciesSpin 20s linear infinite}
.era3-species-burst{position:absolute;inset:-10%;background:radial-gradient(circle at center,rgba(114,231,220,.18),transparent 48%),conic-gradient(from 90deg,transparent 0 45deg,rgba(133,245,233,.12) 45deg 70deg,transparent 70deg 140deg,rgba(133,245,233,.14) 140deg 200deg,transparent 200deg 360deg);filter:blur(6px);opacity:.95;animation:e3SpeciesRotate 18s linear infinite}
.era3-species-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.2rem}.era3-species-stats div{padding:.75rem;border-radius:.9rem;background:rgba(7,46,53,.74);border:1px solid rgba(101,221,205,.14);text-align:center}.era3-species-stats span{display:block;font-size:.56rem;letter-spacing:.1em;color:#7ccab8}.era3-species-stats b{display:block;margin-top:.18rem;font-size:.95rem;color:#ecfffa}
.era3-species-actions{margin-top:.8rem}
@keyframes e3SpeciesFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes e3SpeciesPulse{0%,100%{transform:scale(.96);opacity:.45}50%{transform:scale(1.03);opacity:.9}}
@keyframes e3SpeciesSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes e3SpeciesRotate{from{transform:rotate(0)}to{transform:rotate(-360deg)}}

.e3-regionmap.detailed.clickable .e3-region{cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.e3-regionmap.detailed.clickable .e3-region:hover{transform:translateY(-2px);border-color:rgba(101,221,205,.26);box-shadow:0 14px 26px rgba(0,0,0,.28)}
.e3-region-action-shell{width:min(94vw,520px)}
.era3-region-action-card{position:relative;padding:1rem;border-radius:1.15rem;background:linear-gradient(160deg,rgba(6,42,49,.98),rgba(2,22,28,.995));border:1px solid rgba(103,225,210,.24);box-shadow:0 30px 85px rgba(0,0,0,.6)}
.era3-region-action-close{position:absolute;top:.7rem;right:.7rem;width:2.45rem;height:2.45rem;border-radius:50%;border:1px solid rgba(102,221,205,.24);background:rgba(8,48,54,.9);color:#effffb;font-size:1.4rem}
.era3-region-action-hero{display:grid;grid-template-columns:6.8rem 1fr;gap:.8rem;align-items:center;padding-right:2.4rem}.era3-region-action-hero img{width:100%;height:5.8rem;object-fit:cover;border-radius:.85rem;border:1px solid rgba(111,229,213,.18)}.era3-region-action-hero span{display:block;font-size:.52rem;letter-spacing:.15em;color:#77dbc8;font-weight:900}.era3-region-action-hero h3{margin:.2rem 0 .28rem;font-size:1.12rem;color:#ecfffa}.era3-region-action-hero p{margin:0;font-size:.68rem;line-height:1.45;color:#9ec2bc}
.era3-region-action-info{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.8rem}.era3-region-action-info div{padding:.72rem;border-radius:.8rem;background:rgba(7,43,49,.76);border:1px solid rgba(103,225,210,.12)}.era3-region-action-info b,.era3-region-action-info span{display:block}.era3-region-action-info b{font-size:.6rem;color:#dffbf6}.era3-region-action-info span{margin-top:.16rem;font-size:.64rem;line-height:1.4;color:#93b9b2}
.era3-region-action-help{margin-top:.75rem;padding:.78rem;border-radius:.85rem;background:rgba(95,184,172,.10);border:1px solid rgba(102,220,204,.12);font-size:.66rem;line-height:1.45;color:#b7d6d1}
.era3-region-action-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-top:.8rem}.era3-region-action-buttons .wide{grid-column:1/-1}
@media (max-width:720px){.era3-species-stage{min-height:15rem}.era3-species-stage img{width:min(82vw,14rem);max-height:14rem}.era3-species-ring.ring-a{width:12rem;height:12rem}.era3-species-ring.ring-b{width:15rem;height:15rem}.era3-species-stats{grid-template-columns:1fr}.era3-region-action-hero{grid-template-columns:1fr}.era3-region-action-hero img{height:8.4rem}.era3-region-action-info,.era3-region-action-buttons{grid-template-columns:1fr}}


/* === GENESIS v6.87 · Armée : stats, rapports d'espionnage, légendaires === */
body.era3-premium .e3-army-stats-wrap{width:100%;overflow-x:auto;margin:.35rem 0 .7rem;border-radius:.75rem;border:1px solid rgba(104,211,200,.14);background:rgba(3,25,31,.78);overscroll-behavior-x:contain}
body.era3-premium .e3-army-stats-table{width:100%;min-width:720px;border-collapse:collapse;font-size:.36rem;color:#cce7e2}
body.era3-premium .e3-army-stats-table th,body.era3-premium .e3-army-stats-table td{padding:.5rem .44rem;border-bottom:1px solid rgba(100,197,189,.09);text-align:center;white-space:nowrap}
body.era3-premium .e3-army-stats-table thead th{position:sticky;top:0;background:#0a343b;color:#72dfcc;font-size:.31rem;letter-spacing:.07em;z-index:1}
body.era3-premium .e3-army-stats-table tbody th{text-align:left;color:#effffb;font-size:.4rem}
body.era3-premium .e3-army-stats-table tbody tr:last-child th,body.era3-premium .e3-army-stats-table tbody tr:last-child td{border-bottom:0}
body.era3-premium .e3-army-stats-table td b{color:#83ebd9;font-size:.42rem}
body.era3-premium .e3-legendary-list{display:grid;gap:.45rem;margin:.35rem 0 .7rem}
body.era3-premium .e3-legendary-list article{padding:.68rem;border-radius:.78rem;background:radial-gradient(circle at 90% 0,rgba(230,196,92,.12),transparent 42%),linear-gradient(145deg,rgba(47,40,17,.78),rgba(5,29,34,.92));border:1px solid rgba(230,196,92,.28);box-shadow:inset 0 1px rgba(255,255,255,.03)}
body.era3-premium .e3-legendary-head{display:grid;grid-template-columns:1fr auto;gap:.12rem .45rem;align-items:center}
body.era3-premium .e3-legendary-head>span{grid-column:1/-1;font-size:.28rem;letter-spacing:.12em;color:#e4c765;font-weight:900}
body.era3-premium .e3-legendary-head>b{font-size:.46rem;color:#fff8d8}body.era3-premium .e3-legendary-head>strong{font-size:.56rem;color:#edd36f}
body.era3-premium .e3-legendary-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.26rem;margin-top:.45rem}
body.era3-premium .e3-legendary-stats span{padding:.34rem .28rem;border-radius:.42rem;background:rgba(4,29,34,.65);font-size:.28rem;color:#8ea9a5;text-align:center}body.era3-premium .e3-legendary-stats b{display:block;margin-top:.08rem;color:#eefcf9;font-size:.38rem}
body.era3-premium .e3-legendary-list article>small{display:block;margin-top:.42rem;font-size:.28rem;color:#8faaa5}
body.era3-premium .e3-intel-report-list{display:grid;gap:.5rem;margin:.35rem 0 .75rem}
body.era3-premium .e3-intel-report{padding:.68rem;border-radius:.78rem;background:linear-gradient(145deg,rgba(6,46,52,.9),rgba(3,26,32,.94));border:1px solid rgba(87,211,195,.2)}
body.era3-premium .e3-intel-report-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.1rem .45rem;align-items:center}
body.era3-premium .e3-intel-report-head>span{grid-column:1/-1;font-size:.28rem;letter-spacing:.1em;color:#75dcca;font-weight:900}
body.era3-premium .e3-intel-report-head>b{font-size:.48rem;color:#effffb}body.era3-premium .e3-intel-report-head>strong{font-size:.48rem;color:#e6c96d}
body.era3-premium .e3-intel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem;margin:.48rem 0}
body.era3-premium .e3-intel-grid>div{padding:.42rem;border-radius:.5rem;background:rgba(3,28,34,.72);border:1px solid rgba(100,203,192,.08)}body.era3-premium .e3-intel-grid span,body.era3-premium .e3-intel-grid b{display:block}body.era3-premium .e3-intel-grid span{font-size:.28rem;color:#819f9b}body.era3-premium .e3-intel-grid b{margin-top:.08rem;font-size:.4rem;color:#eafbf8}
body.era3-premium .e3-intel-report>button{width:100%;min-height:2.15rem;border:1px solid rgba(103,222,207,.22);border-radius:.52rem;background:linear-gradient(180deg,#117b6b,#0b554d);color:#effff9;font-size:.36rem;font-weight:900;letter-spacing:.04em}
@media(max-width:520px){body.era3-premium .e3-legendary-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* === V6.88 · briefing / rapport bataille régional === */
body.e3-battle-modal-open{overflow:hidden}
.e3-battle-brief{position:fixed;inset:0;z-index:22050;display:grid;place-items:center;padding:1rem;background:rgba(0,9,13,.78);backdrop-filter:blur(10px)}
.e3-battle-brief.hidden{display:none}
.e3-battle-brief-card{position:relative;width:min(94vw,560px);max-height:92dvh;overflow:auto;padding:1rem;border-radius:1.15rem;background:linear-gradient(155deg,rgba(7,40,47,.99),rgba(2,19,25,.995));border:1px solid rgba(111,229,211,.24);box-shadow:0 32px 90px rgba(0,0,0,.68)}
.e3-battle-x{position:absolute;right:.75rem;top:.75rem;width:2.45rem;height:2.45rem;border-radius:50%;border:1px solid rgba(113,229,212,.23);background:rgba(8,48,55,.92);color:#effffb;font-size:1.35rem;z-index:2}
.e3-battle-kicker{padding-right:3rem;font-size:.58rem;letter-spacing:.14em;color:#78dbc8;font-weight:900}
.e3-battle-threat{display:grid;grid-template-columns:8.2rem 1fr;gap:.8rem;align-items:center;margin-top:.75rem;padding:.65rem;border-radius:.9rem;background:rgba(79,24,26,.25);border:1px solid rgba(226,111,99,.16)}
.e3-battle-threat img{width:100%;height:7.2rem;object-fit:cover;border-radius:.72rem}.e3-battle-threat span{display:block;font-size:.54rem;letter-spacing:.12em;color:#e4a69b;font-weight:900}.e3-battle-threat h2{margin:.2rem 0 .3rem;font-size:1.08rem;color:#fff1ed}.e3-battle-threat p{margin:0;font-size:.65rem;line-height:1.45;color:#c4a7a1}
.e3-battle-brief-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-top:.75rem}.e3-battle-brief-grid>div{padding:.68rem;border-radius:.72rem;background:rgba(4,31,38,.78);border:1px solid rgba(104,222,207,.12)}.e3-battle-brief-grid span,.e3-battle-brief-grid b{display:block}.e3-battle-brief-grid span{font-size:.56rem;color:#8bb8b0}.e3-battle-brief-grid b{margin-top:.15rem;font-size:.76rem;color:#effffb}
.e3-battle-warning{margin-top:.7rem;padding:.7rem;border-radius:.75rem;background:rgba(200,131,52,.10);border:1px solid rgba(225,170,80,.16);font-size:.63rem;line-height:1.45;color:#d9c3a0}
.e3-battle-actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:.45rem;margin-top:.8rem}
#pCombatReport{z-index:22100!important}.p-report-card{max-height:92dvh;overflow:auto}.p-report-body{max-height:64dvh;overflow:auto}
.e3-battle-report-hero{display:grid;grid-template-columns:6rem 1fr;gap:.7rem;align-items:center;margin-bottom:.9rem;padding:.72rem;border-radius:.9rem;background:rgba(79,24,26,.18);border:1px solid rgba(226,111,99,.16)}
.e3-battle-report-hero img{width:100%;height:5.3rem;object-fit:cover;border-radius:.72rem;box-shadow:0 .45rem 1rem rgba(0,0,0,.35)}
.e3-battle-report-hero span,.e3-battle-report-hero b,.e3-battle-report-hero small{display:block}
.e3-battle-report-hero span{font-size:.56rem;letter-spacing:.12em;color:#e4a69b;font-weight:900}
.e3-battle-report-hero b{margin-top:.12rem;font-size:.95rem;color:#fff4ef}
.e3-battle-report-hero small{margin-top:.18rem;font-size:.7rem;line-height:1.4;color:#c7b2ab}
@media(max-width:620px){.e3-battle-threat{grid-template-columns:1fr}.e3-battle-threat img{height:9rem}.e3-battle-brief-grid{grid-template-columns:1fr}.e3-battle-actions{grid-template-columns:1fr}.e3-battle-report-hero{grid-template-columns:1fr}.e3-battle-report-hero img{height:9rem}}

/* === V6.90 · renseignement classifié + scaling intelligent === */
.e3-region-hero-media,.e3-battle-threat-media{position:relative;min-width:0}
.era3-region-action-hero.enemy-hidden .e3-region-hero-media>img,.e3-battle-threat.classified .e3-battle-threat-media>img{filter:grayscale(.45) brightness(.42) blur(1.4px);opacity:.56}
.e3-classified-threat{position:absolute;inset:.35rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:.5rem;border-radius:.65rem;background:linear-gradient(180deg,rgba(1,13,18,.45),rgba(1,13,18,.82));border:1px dashed rgba(145,221,211,.28);backdrop-filter:blur(1px);pointer-events:none}
.e3-classified-threat b{font-size:.57rem;letter-spacing:.08em;color:#d9faf4;text-shadow:0 2px 8px #000}.e3-classified-threat span{display:block;margin-top:.22rem;font-size:.52rem;line-height:1.35;color:#9ebfba}.e3-classified-threat strong{color:#7ee1cf;font-size:.62rem}
.e3-spy-running{border-color:rgba(85,191,222,.38)!important;color:#bcecf4!important;background:linear-gradient(180deg,rgba(12,71,82,.72),rgba(7,48,61,.82))!important}
.e3-predator-info.classified img{filter:grayscale(.6) brightness(.4);opacity:.62}.e3-predator-info.classified b{color:#a9c5c1}.e3-predator-info.classified span{color:#789b96}
.e3-battle-threat.classified{background:rgba(21,45,51,.38);border-color:rgba(112,196,193,.14)}
.e3-battle-threat.classified h2{color:#d9ece8}.e3-battle-threat.classified span{color:#8dc7bd}.e3-battle-threat.classified p{color:#9cb5b0}
.era3-region-action-info strong[data-e3-spy-countdown]{color:#76ddcb;white-space:nowrap}
@media(max-width:620px){.e3-classified-threat{inset:.45rem}.e3-classified-threat b{font-size:.62rem}.e3-classified-threat span{font-size:.56rem}}

/* ================================================================
   GENESIS v6.91 — ÈRE 2 : exploration spatiale de la mare
   ================================================================ */
body.era2-premium #cellcanvas{display:none!important;opacity:0!important;pointer-events:none!important}
body.era2-premium .era2-pond-world{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden;border-radius:inherit}
body.era2-premium .era2-pond-map{position:absolute;inset:4.65rem .35rem 6.95rem .35rem;pointer-events:none}
body.era2-premium .era2-pond-atmo{position:absolute;inset:0;background:radial-gradient(circle at 50% 55%,rgba(92,184,173,.1),transparent 42%),radial-gradient(circle at 28% 32%,rgba(127,212,146,.12),transparent 24%),radial-gradient(circle at 77% 68%,rgba(92,147,177,.13),transparent 28%);mix-blend-mode:screen;pointer-events:none}
body.era2-premium .era2-pond-map>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 .45rem rgba(94,239,219,.16))}
body.era2-premium .era2-pond-map>svg line{vector-effect:non-scaling-stroke;stroke:rgba(125,239,218,.28);stroke-width:.5;stroke-dasharray:1.8 2.4;transition:opacity .2s}
body.era2-premium .era2-pond-map>svg line.fog{stroke:rgba(125,180,177,.06);stroke-dasharray:1 5}
body.era2-premium .era2-pond-zones{position:absolute;inset:0}
body.era2-premium .era2-pond-zone,body.era2-premium .era2-pond-zone-mask{position:absolute;transform:translate(-50%,-50%);background:transparent;border:0;padding:0;margin:0}
body.era2-premium .era2-pond-zone{width:7.2rem;min-height:6rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;color:#ebfffa;text-align:center;pointer-events:auto;z-index:5;transition:transform .18s ease,filter .18s ease,opacity .18s ease;touch-action:manipulation}
body.era2-premium .era2-pond-zone:disabled{opacity:.58;filter:saturate(.55);pointer-events:none}
body.era2-premium .era2-pond-zone:active{transform:translate(-50%,-50%) scale(.97)}
body.era2-premium .era2-zone-halo{position:absolute;inset:.55rem .3rem 1.35rem;border-radius:46% 54% 58% 42% / 40% 46% 54% 60%;background:radial-gradient(circle at 30% 30%,rgba(117,232,219,.18),rgba(7,62,67,.12) 50%,rgba(1,20,26,.03) 78%);border:1px solid rgba(120,223,209,.2);box-shadow:inset 0 0 1.2rem rgba(126,255,228,.08),0 0 .9rem rgba(51,212,185,.08);backdrop-filter:blur(2px)}
body.era2-premium .era2-pond-zone.type-surface .era2-zone-halo{border-radius:58% 42% 51% 49% / 34% 58% 42% 66%;background:radial-gradient(circle at 50% 26%,rgba(173,246,232,.2),rgba(49,125,137,.12) 46%,rgba(2,24,31,.02) 78%)}
body.era2-premium .era2-pond-zone.type-herbier .era2-zone-halo{border-radius:42% 58% 60% 40% / 42% 36% 64% 58%;background:radial-gradient(circle at 40% 40%,rgba(116,213,128,.2),rgba(25,83,60,.14) 46%,rgba(2,24,31,.03) 78%)}
body.era2-premium .era2-pond-zone.type-fond_rocheux .era2-zone-halo{border-radius:58% 42% 44% 56% / 48% 42% 58% 52%;background:radial-gradient(circle at 45% 40%,rgba(177,205,211,.16),rgba(56,82,93,.13) 50%,rgba(2,24,31,.03) 78%)}
body.era2-premium .era2-pond-zone.type-fond_anoxique .era2-zone-halo{border-radius:40% 60% 50% 50% / 52% 38% 62% 48%;background:radial-gradient(circle at 40% 40%,rgba(135,151,203,.16),rgba(42,53,88,.16) 46%,rgba(2,24,31,.04) 78%)}
body.era2-premium .era2-pond-zone.reachable:not(:disabled) .era2-zone-halo{border-color:rgba(103,246,214,.54);box-shadow:inset 0 0 1.3rem rgba(56,210,181,.1),0 0 1rem rgba(65,225,193,.14)}
body.era2-premium .era2-pond-zone.current .era2-zone-halo{border-color:rgba(194,255,140,.72);box-shadow:0 0 0 .14rem rgba(76,200,144,.13),0 0 1.35rem rgba(142,255,158,.2),inset 0 0 1.15rem rgba(186,255,201,.12)}
body.era2-premium .era2-pond-zone.unknown .era2-zone-halo{border-style:dashed;background:radial-gradient(circle at 50% 40%,rgba(51,117,113,.26),rgba(2,25,32,.06) 70%)}
body.era2-premium .era2-zone-core{position:relative;z-index:2;margin-top:1.15rem;width:2.9rem;height:2.9rem;border-radius:50%;display:grid;place-items:center;background:rgba(4,33,39,.66);border:1px solid rgba(174,255,235,.18);box-shadow:inset 0 0 .7rem rgba(215,255,240,.08),0 .25rem .75rem rgba(0,0,0,.25)}
body.era2-premium .era2-zone-core i{font-style:normal;font-size:1.24rem;line-height:1}
body.era2-premium .era2-pond-zone.unknown .era2-zone-core i{font-size:1.55rem;color:#d7fff5}
body.era2-premium .era2-zone-copy{position:relative;z-index:2;margin-top:.38rem;max-width:7.5rem;padding:0 .4rem .15rem}
body.era2-premium .era2-zone-copy strong{display:block;font-size:.6rem;line-height:1.15;color:#f4fffb;text-shadow:0 2px 8px rgba(0,0,0,.45)}
body.era2-premium .era2-zone-copy span{display:block;margin-top:.14rem;font-size:.36rem;color:#aae0d5;font-weight:800;line-height:1.28}
body.era2-premium .era2-zone-copy small{display:block;margin-top:.16rem;font-size:.31rem;line-height:1.34;color:#8fbab2}
body.era2-premium .era2-zone-copy small b{color:#d7fff6}
body.era2-premium .era2-pond-zone em{position:absolute;top:.32rem;left:50%;transform:translateX(-50%);z-index:3;font-style:normal;padding:.18rem .42rem;border-radius:999px;background:rgba(21,77,62,.88);border:1px solid rgba(184,255,149,.38);color:#efffd9;font-size:.34rem;font-weight:900;letter-spacing:.08em}
body.era2-premium .era2-pond-zone-mask{width:5.4rem;height:4.3rem;display:grid;place-items:center;border-radius:50% 50% 42% 58% / 52% 40% 60% 48%;background:radial-gradient(circle at 50% 45%,rgba(0,17,24,.45),rgba(0,17,24,.15) 60%,transparent 78%);border:1px dashed rgba(113,180,176,.08);color:rgba(204,239,233,.22);pointer-events:none;filter:blur(.2px)}
body.era2-premium .era2-pond-zone-mask b{font-size:1.2rem}
body.era2-premium .era2-organism-token{position:absolute;transform:translate(-50%,-50%);z-index:8;width:3.2rem;height:3.2rem;display:grid;place-items:center;transition-property:left,top;transition-duration:1.2s;transition-timing-function:cubic-bezier(.34,.05,.22,1);filter:drop-shadow(0 .45rem .55rem rgba(0,0,0,.55));pointer-events:none}
body.era2-premium .era2-organism-token b{position:relative;z-index:3;width:1.85rem;height:1.85rem;border-radius:48% 52% 56% 44%;display:grid;place-items:center;font-size:1rem;background:radial-gradient(circle at 35% 30%,rgba(164,255,220,.96),rgba(32,153,137,.94) 42%,rgba(5,64,73,.96) 76%);border:1px solid rgba(190,255,231,.66);box-shadow:inset 0 0 .8rem rgba(209,255,240,.18),0 0 .9rem rgba(84,246,207,.25);animation:e2OrganismPulse 2.7s ease-in-out infinite}
body.era2-premium .era2-organism-token i{position:absolute;width:.48rem;height:.48rem;border-radius:50%;background:rgba(130,248,209,.62);border:1px solid rgba(215,255,239,.28);animation:e2Satellite 3.1s linear infinite;transform-origin:1.45rem 1.45rem}
body.era2-premium .era2-organism-token i:nth-child(2){animation-duration:3.8s;transform-origin:-1.25rem 1.2rem}
body.era2-premium .era2-organism-token i:nth-child(3){animation-duration:4.4s;transform-origin:1.3rem -1.1rem}
body.era2-premium .era2-pond-readout{position:absolute;left:50%;top:.12rem;transform:translateX(-50%);z-index:7;width:min(23rem,78%);padding:.45rem .65rem;border-radius:.8rem;background:rgba(2,24,31,.76);border:1px solid rgba(103,220,208,.14);backdrop-filter:blur(8px);text-align:center;box-shadow:0 .35rem .95rem rgba(0,0,0,.24)}
body.era2-premium .era2-pond-readout span,body.era2-premium .era2-pond-readout b,body.era2-premium .era2-pond-readout small{display:block}
body.era2-premium .era2-pond-readout span{font-size:.4rem!important;letter-spacing:.12em;color:#76dece;font-weight:900}
body.era2-premium .era2-pond-readout b{font-size:.74rem;color:#f0fff9;margin-top:.08rem}
body.era2-premium .era2-pond-readout small{font-size:.34rem;color:#93bcb5;margin-top:.08rem;line-height:1.35}
body.era2-premium .era2-pond-legend{position:absolute;left:50%;bottom:.15rem;transform:translateX(-50%);z-index:7;display:flex;flex-wrap:wrap;justify-content:center;gap:.28rem;width:min(24rem,86%)}
body.era2-premium .era2-pond-legend span{display:inline-flex;align-items:center;gap:.22rem;padding:.2rem .42rem;border-radius:999px;background:rgba(3,24,30,.65);border:1px solid rgba(102,220,206,.12);color:#aad7cf;font-size:.32rem;backdrop-filter:blur(4px)}
body.era2-premium .era2-pond-legend b{color:#f2fff9;font-size:.48rem;line-height:1}
body.era2-premium .era2-pond-center{position:absolute;right:.2rem;top:.2rem;z-index:9;width:2.15rem;height:2.15rem;border-radius:50%;border:1px solid rgba(105,224,210,.26);background:rgba(4,40,45,.88);color:#dffff7;font-size:.96rem;pointer-events:auto}
body.era2-premium .era2-pond-world.travelling .era2-pond-zone{pointer-events:none;opacity:.72}
body.era2-premium .era2-pond-world.pulse .era2-pond-map{animation:e2MapPulse .55s ease 2}
body.era2-premium .era2-pond-zone.attention .era2-zone-halo{animation:e2ZoneAttention .62s ease 2}
body.era2-premium .era2-pond-world.event-danger .era2-pond-map{animation:e2DangerFlash .52s ease 2}
body.era2-premium .era2-pond-world.event-gain .era2-pond-map,body.era2-premium .era2-pond-world.event-discovery .era2-pond-map{animation:e2GainFlash .65s ease 2}
body.era2-premium .p-statusrow{top:calc(max(.55rem,env(safe-area-inset-top)) + 4.78rem);left:.72rem;right:.72rem;height:3.55rem;grid-template-columns:4.05rem 4.95rem minmax(0,1fr);gap:.35rem}
body.era2-premium .p-statusbox,body.era2-premium .p-objective{height:3.55rem;min-height:0}
body.era2-premium .p-statusbox span,body.era2-premium .p-objective>span{font-size:.41rem}
body.era2-premium .p-statusbox strong{font-size:.94rem;line-height:1.05}
body.era2-premium .p-statusbox.timer strong{font-size:.55rem;line-height:1.18;white-space:normal;word-break:break-word}
body.era2-premium .p-objective{min-width:0;padding:.42rem .52rem .38rem;grid-template-columns:minmax(0,1fr) auto;column-gap:.3rem}
body.era2-premium .p-objective>strong{min-width:0;font-size:.54rem;line-height:1.15;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
body.era2-premium .p-objective>em{font-size:.49rem}
body.era2-premium .p-actiondock{grid-template-columns:4.35rem 1fr 4.35rem}
body.era2-premium .p-sideaction{min-height:4.1rem}
body.era2-premium .p-sideaction>strong{font-size:.54rem}
body.era2-premium .p-sideaction>span{font-size:.38rem;line-height:1.2}
body.era2-premium .p-primary-wrap .bigbtn{min-height:3.35rem;font-size:.86rem;letter-spacing:.04em}
body.era2-premium .p-explore-hint{font-size:.41rem;line-height:1.18}
@keyframes e2OrganismPulse{50%{transform:scale(1.07) rotate(2deg)}}
@keyframes e2Satellite{to{transform:rotate(360deg)}}
@keyframes e2MapPulse{50%{filter:brightness(1.15) saturate(1.12)}}
@keyframes e2ZoneAttention{50%{transform:scale(1.02);box-shadow:0 0 1.55rem rgba(103,246,214,.26)}}
@keyframes e2DangerFlash{50%{filter:sepia(.35) saturate(1.8) hue-rotate(320deg) brightness(1.1)}}
@keyframes e2GainFlash{50%{filter:saturate(1.45) brightness(1.22)}}
@media(max-width:620px){
 body.era2-premium .era2-pond-map{inset:4.55rem .15rem 6.8rem .15rem}
 body.era2-premium .era2-pond-zone{width:5.8rem;min-height:5.2rem}
 body.era2-premium .era2-zone-halo{inset:.45rem .18rem 1.25rem}
 body.era2-premium .era2-zone-core{width:2.35rem;height:2.35rem;margin-top:1rem}
 body.era2-premium .era2-zone-core i{font-size:1rem}
 body.era2-premium .era2-zone-copy strong{font-size:.5rem}
 body.era2-premium .era2-zone-copy span{font-size:.3rem}
 body.era2-premium .era2-zone-copy small{font-size:.27rem}
 body.era2-premium .era2-organism-token{width:2.8rem;height:2.8rem}
 body.era2-premium .era2-organism-token b{width:1.65rem!important;height:1.65rem!important;font-size:.9rem!important}
 body.era2-premium .era2-pond-readout{width:76%;padding:.38rem .48rem}
 body.era2-premium .era2-pond-readout b{font-size:.66rem}
 body.era2-premium .era2-pond-readout small{font-size:.3rem!important}
 body.era2-premium .era2-pond-legend{width:90%;gap:.2rem}
 body.era2-premium .era2-pond-legend span{font-size:.28rem}
 body.era2-premium .p-statusrow{top:calc(max(.55rem,env(safe-area-inset-top)) + 4.55rem);grid-template-columns:3.85rem 4.5rem minmax(0,1fr);height:3.4rem}
 body.era2-premium .p-statusbox,body.era2-premium .p-objective{height:3.4rem}
 body.era2-premium .p-statusbox strong{font-size:.84rem}
 body.era2-premium .p-statusbox.timer strong{font-size:.49rem}
 body.era2-premium .p-objective>strong{font-size:.5rem}
 body.era2-premium .p-actiondock{grid-template-columns:4rem 1fr 4rem}
 body.era2-premium .p-sideaction>strong{font-size:.48rem}
 body.era2-premium .p-sideaction>span{font-size:.34rem}
 body.era2-premium .p-primary-wrap .bigbtn{font-size:.78rem;min-height:3.1rem}
}

/* ================================================================
   GENESIS v6.91 — ÈRE 3 fusionnée : ingénierie, paliers, intégration
   ================================================================ */
body.era3-premium .e3-construction-command,body.era3-premium .e3-planetary-program{margin:.65rem 0;padding:.72rem;border-radius:.9rem;background:linear-gradient(155deg,rgba(6,39,44,.93),rgba(3,24,30,.94));border:1px solid rgba(95,221,203,.18);box-shadow:0 .7rem 1.6rem rgba(0,0,0,.22)}
body.era3-premium .e3-planetary-program{border-color:rgba(234,193,83,.22);background:linear-gradient(155deg,rgba(29,42,38,.94),rgba(4,28,32,.95))}
body.era3-premium .e3-planetary-program.locked{opacity:.76;filter:saturate(.72)}
body.era3-premium .e3-command-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.7rem}.e3-command-head span,.e3-command-head b,.e3-command-head small{display:block}.e3-command-head span{font-size:.42rem;letter-spacing:.11em;color:#70dac8;font-weight:900}.e3-command-head b{font-size:.76rem;color:#effffb;margin-top:.08rem}.e3-command-head small{font-size:.37rem;color:#8fafaa;line-height:1.4;margin-top:.12rem}.e3-command-head>em{flex:0 0 auto;padding:.3rem .5rem;border-radius:999px;background:rgba(68,184,157,.13);border:1px solid rgba(105,224,204,.17);font-size:.43rem;color:#b9f5e7;font-style:normal;font-weight:900}
body.era3-premium .e3-command-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.38rem;margin-top:.55rem}.e3-command-kpis>div{padding:.48rem;border-radius:.62rem;background:rgba(3,27,33,.72);border:1px solid rgba(98,197,187,.1)}.e3-command-kpis span,.e3-command-kpis b,.e3-command-kpis small{display:block}.e3-command-kpis span{font-size:.34rem;color:#83aaa4}.e3-command-kpis b{font-size:.61rem;color:#f0fffb;margin-top:.08rem}.e3-command-kpis small{font-size:.3rem;color:#cca85f;margin-top:.05rem}
body.era3-premium .e3-construction-command>p{font-size:.38rem;line-height:1.45;color:#9dbdb8;margin:.5rem 0 0}.e3-construction-command>p b{color:#dff9f3}
body.era3-premium .e3-project-list{display:grid;gap:.3rem;margin-top:.5rem}.e3-project-list>div{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.42rem .48rem;border-radius:.58rem;background:rgba(4,27,33,.72);border:1px solid rgba(95,194,184,.1)}.e3-project-list span b,.e3-project-list span small{display:block}.e3-project-list span b{font-size:.4rem;color:#e9fbf7}.e3-project-list span small{font-size:.32rem;color:#84aaa4;margin-top:.07rem}.e3-project-list strong{font-size:.44rem;color:#ffd786;white-space:nowrap}.e3-project-empty{font-size:.38rem;color:#82aaa4!important}
body.era3-premium .e3-build-capacity-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:.28rem;margin:.42rem 0}.e3-build-capacity-mini span{padding:.3rem;border-radius:.45rem;background:rgba(3,27,33,.72);font-size:.32rem;color:#88aca7;text-align:center}.e3-build-capacity-mini b{color:#e8fbf7}
body.era3-premium .e3-integration-lock{display:grid;gap:.16rem;padding:.5rem;border-radius:.62rem;background:rgba(128,92,22,.18);border:1px solid rgba(235,188,78,.22);margin:.4rem}.e3-integration-lock b{font-size:.42rem;color:#ffe0a0}.e3-integration-lock span{font-size:.36rem;color:#f0c876}.e3-integration-lock small{font-size:.32rem;line-height:1.35;color:#a99d80}
body.era3-premium .e3-building-level{position:absolute;right:-.15rem;top:-.18rem;z-index:6;min-width:1.25rem;height:1.25rem;padding:0 .2rem;border-radius:999px;display:grid;place-items:center;text-decoration:none;background:#0a5249;border:1px solid rgba(151,255,223,.55);color:#eafff5;font-size:.36rem;font-weight:900;box-shadow:0 .2rem .4rem rgba(0,0,0,.35)}
body.era3-premium .e3-upgrade-btn{width:100%;min-height:2.2rem}
body.era3-premium .e3-region.integrating{border-color:rgba(238,193,84,.36)!important}.e3-region.integrating .e3-region-copy span{color:#ffd581!important}
body.era3-premium .e3-planetary-program h4{margin:.7rem 0 .35rem;font-size:.52rem;letter-spacing:.08em;color:#d8eee9}
body.era3-premium .e3-regime-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.e3-regime-choice{min-height:3.6rem;text-align:left;padding:.45rem;border-radius:.62rem;border:1px solid rgba(105,205,192,.12);background:rgba(4,29,35,.82);color:#dff7f1}.e3-regime-choice b,.e3-regime-choice span{display:block}.e3-regime-choice b{font-size:.4rem}.e3-regime-choice span{font-size:.31rem;color:#8faea9;line-height:1.3;margin-top:.08rem}.e3-regime-choice.active{border-color:rgba(239,199,92,.5);box-shadow:inset 0 0 .8rem rgba(239,199,92,.08)}
body.era3-premium .e3-mega-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.e3-mega-card{display:grid;gap:.35rem;padding:.48rem;border-radius:.66rem;background:rgba(4,29,35,.82);border:1px solid rgba(119,205,192,.12)}.e3-mega-card b,.e3-mega-card span,.e3-mega-card small{display:block}.e3-mega-card b{font-size:.43rem;color:#effffb}.e3-mega-card span{font-size:.33rem;line-height:1.35;color:#94b5af;margin-top:.08rem}.e3-mega-card small{font-size:.3rem;color:#d5b66c;margin-top:.1rem}.e3-mega-card button{min-height:2rem;border:0;border-radius:.5rem;background:linear-gradient(180deg,#159a7b,#096753);color:#effff9;font-size:.38rem;font-weight:900}.e3-mega-card button:disabled{background:#18343a;color:#66807c}
@media(max-width:620px){body.era3-premium .e3-command-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}body.era3-premium .e3-regime-grid,body.era3-premium .e3-mega-grid{grid-template-columns:1fr}.e3-command-head{display:grid!important}.e3-command-head>em{justify-self:start}}


/* v6.91 — retours de déplacement Ère 2 */
.era2-travel-moment{position:fixed;inset:0;z-index:22150;display:grid;place-items:center;padding:1rem;background:rgba(0,12,17,.72);backdrop-filter:blur(9px)}
.era2-travel-moment.hidden{display:none}.era2-travel-moment-card{width:min(92vw,30rem);padding:1rem;border-radius:1.1rem;background:linear-gradient(155deg,rgba(6,42,49,.99),rgba(2,20,27,.995));border:1px solid rgba(104,225,208,.22);box-shadow:0 1.8rem 5rem rgba(0,0,0,.58);display:grid;gap:.55rem}.era2-travel-moment-card>span{font-size:.62rem;font-weight:900;letter-spacing:.11em;color:#8ee7d7}.era2-travel-moment-card h2{margin:0;color:#effffb;font-size:1.25rem}.era2-travel-moment-card p{margin:0 0 .15rem;color:#b8d7d1;line-height:1.5;font-size:.78rem}.era2-travel-moment-card>div{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem .65rem;border-radius:.65rem;background:rgba(3,29,35,.78);border:1px solid rgba(108,221,204,.1)}.era2-travel-moment-card>div b{font-size:.68rem;color:#87aea8}.era2-travel-moment-card>div strong{font-size:.8rem;color:#f1fffb}.era2-travel-moment.danger .era2-travel-moment-card{border-color:rgba(235,109,95,.42);box-shadow:0 1.8rem 5rem rgba(0,0,0,.58),0 0 2.2rem rgba(200,70,55,.12)}.era2-travel-moment.danger .era2-travel-moment-card>span{color:#ffb0a3}.era2-travel-moment.gain .era2-travel-moment-card,.era2-travel-moment.discovery .era2-travel-moment-card{border-color:rgba(108,225,196,.42)}

/* === V6.92 · espèces jouables + système audio === */
.g-audio-modal,.g-species-modal{position:fixed;inset:0;z-index:23050;display:grid;place-items:center;padding:1rem;background:rgba(0,9,13,.80);backdrop-filter:blur(11px)}
.g-audio-modal.hidden,.g-species-modal.hidden{display:none!important}
.g-audio-card,.g-species-sheet{position:relative;width:min(94vw,620px);max-height:92dvh;overflow:auto;padding:1rem;border-radius:1.15rem;background:linear-gradient(160deg,rgba(7,43,49,.995),rgba(2,18,24,.997));border:1px solid rgba(102,224,207,.24);box-shadow:0 30px 90px rgba(0,0,0,.68),inset 0 1px rgba(255,255,255,.04)}
.g-audio-x,.g-species-close{position:absolute;z-index:4;top:.65rem;right:.7rem;width:2rem;height:2rem;border-radius:50%;border:1px solid rgba(119,222,210,.22);background:#082b31;color:#eafffa;font-size:1.1rem}
.g-audio-kicker{display:block;font-size:.55rem;letter-spacing:.16em;color:#73d9c7;font-weight:900}.g-audio-card h2{margin:.35rem 0 .25rem;color:#f0fffb;font-size:1.2rem}.g-audio-card>p{margin:0 2.4rem .85rem 0;color:#8fb6b0;font-size:.68rem;line-height:1.45}
.g-audio-toggle,.g-audio-range{display:grid;gap:.5rem;padding:.78rem;margin-top:.5rem;border-radius:.82rem;background:rgba(4,31,37,.76);border:1px solid rgba(100,205,193,.13)}
.g-audio-toggle{grid-template-columns:minmax(0,1fr) auto;align-items:center}.g-audio-toggle b,.g-audio-toggle small{display:block}.g-audio-toggle b,.g-audio-range b{font-size:.72rem;color:#effffb}.g-audio-toggle small{font-size:.58rem;color:#7fa9a2;margin-top:.1rem}.g-audio-toggle input{width:1.35rem;height:1.35rem;accent-color:#42d6b5}
.g-audio-range>span{display:flex;align-items:center;justify-content:space-between;gap:1rem}.g-audio-range em{font-style:normal;font-size:.68rem;color:#7ee0ce;font-weight:900}.g-audio-range input{width:100%;accent-color:#42d6b5}.g-audio-card>.g-btn{margin-top:.75rem}

.g-species-sheet-head{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:.9rem;align-items:center;padding-right:2.2rem}.g-species-sheet-head img{width:8rem;height:8rem;object-fit:contain;filter:drop-shadow(0 .7rem 1rem rgba(0,0,0,.45))}.g-species-sheet-head span{display:block;font-size:.55rem;letter-spacing:.12em;color:#78d9c7;font-weight:900}.g-species-sheet-head h2{margin:.25rem 0;font-size:1.25rem;color:#effffb}.g-species-sheet-head p{margin:0;font-size:.68rem;line-height:1.45;color:#9bbcb6}
.g-species-rarity{display:grid;grid-template-columns:1fr 1.4fr;gap:.5rem;margin-top:.75rem}.g-species-rarity>div,.era3-species-rarityline{padding:.65rem .72rem;border-radius:.75rem;background:rgba(7,45,51,.72);border:1px solid rgba(100,213,198,.15)}.g-species-rarity span{display:block;font-size:.5rem;letter-spacing:.09em;color:#7ca9a2}.g-species-rarity b{display:block;margin-top:.15rem;font-size:.78rem;color:#effffb}.g-species-rarity.uncommon>div,.era3-species-rarityline.uncommon{border-color:rgba(91,203,132,.28)}.g-species-rarity.rare>div,.era3-species-rarityline.rare{border-color:rgba(103,153,255,.32)}.g-species-rarity.very-rare>div,.era3-species-rarityline.very-rare{border-color:rgba(184,116,238,.38)}.g-species-rarity.exceptional>div,.era3-species-rarityline.exceptional{border-color:rgba(242,205,93,.48);box-shadow:0 0 1rem rgba(242,205,93,.09)}
.g-species-trait{margin-top:.55rem;padding:.72rem;border-radius:.78rem;background:linear-gradient(100deg,rgba(19,93,84,.28),rgba(13,50,57,.72));border:1px solid rgba(99,226,204,.18)}.g-species-trait span{display:block;font-size:.48rem;letter-spacing:.12em;color:#70d7c4;font-weight:900}.g-species-trait b{display:block;margin-top:.12rem;font-size:.8rem;color:#f1fffb}.g-species-trait p{margin:.2rem 0 0;font-size:.62rem;line-height:1.4;color:#a8c8c1}
.g-species-statgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem;margin-top:.6rem}.g-species-stat{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.2rem .5rem;padding:.48rem .55rem;border-radius:.65rem;background:rgba(4,30,36,.76);border:1px solid rgba(99,190,184,.12)}.g-species-stat span{font-size:.55rem;color:#b9d7d1}.g-species-stat b{font-size:.58rem;color:#effffb}.g-species-stat i{grid-column:1/-1;height:.25rem;overflow:hidden;border-radius:999px;background:rgba(112,178,169,.14)}.g-species-stat i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#269f87,#74e2c9)}
.g-species-statgrid.compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;margin:.5rem 0}.g-species-statgrid.compact .g-species-stat{padding:.36rem}.g-species-statgrid.compact .g-species-stat span{font-size:.43rem}.g-species-statgrid.compact .g-species-stat b{font-size:.46rem}
.g-species-note{margin-top:.65rem;padding:.6rem .68rem;border-radius:.65rem;background:rgba(22,41,53,.62);border:1px dashed rgba(125,170,188,.18);font-size:.58rem;line-height:1.45;color:#91aeb4}
.era3-species-reveal-card{max-height:94dvh;overflow:auto}.era3-species-rarityline{position:relative;z-index:2;display:flex;justify-content:space-between;gap:.65rem;align-items:center;margin-top:.25rem}.era3-species-rarityline b{font-size:.66rem;color:#f3fff9}.era3-species-rarityline span{font-size:.54rem;color:#88afa8;text-align:right}.era3-species-traitline{position:relative;z-index:2;display:grid;gap:.12rem;margin-top:.45rem;padding:.55rem .65rem;border-radius:.7rem;background:rgba(10,65,66,.55);border:1px solid rgba(100,222,204,.14)}.era3-species-traitline b{font-size:.66rem;color:#aef4e4}.era3-species-traitline span{font-size:.54rem;line-height:1.35;color:#a1c4bd}.era3-species-actions{display:grid;gap:.4rem}

@media(max-width:620px){.g-species-sheet-head{grid-template-columns:1fr;text-align:center}.g-species-sheet-head img{margin:auto;width:7rem;height:7rem}.g-species-rarity{grid-template-columns:1fr}.g-species-statgrid{grid-template-columns:1fr}.g-species-statgrid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.era3-species-rarityline{display:grid;text-align:center}.era3-species-rarityline span{text-align:center}}

/* === V6.93 · audio premium === */
.g-audio-quality{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin:.7rem 0;padding:.6rem .7rem;border-radius:.72rem;background:rgba(20,83,81,.34);border:1px solid rgba(92,225,205,.18)}.g-audio-quality b{font-size:.62rem;color:#b9fff0;letter-spacing:.06em}.g-audio-quality span{font-size:.53rem;color:#86b9b1;text-align:right}

/* ================================================================
   GENESIS v6.95 — GO CR · refonte immersive de la mare de l'Ère 2
   ================================================================ */
body.era2-premium .era2-pond-map{inset:4.55rem .35rem 6.35rem .35rem}
body.era2-premium .era2-pond-zone{width:5.9rem;min-height:4.8rem;justify-content:flex-start;filter:drop-shadow(0 .28rem .55rem rgba(0,0,0,.28))}
body.era2-premium .era2-pond-zone:disabled{opacity:1;filter:none;pointer-events:auto}
body.era2-premium .era2-zone-halo{inset:.5rem .2rem .95rem;border-radius:55% 45% 48% 52% / 42% 56% 44% 58%;background:radial-gradient(circle at 30% 30%,rgba(111,233,219,.18),rgba(9,55,62,.12) 50%,rgba(2,20,27,.03) 78%);border:1px solid rgba(102,210,195,.16);box-shadow:inset 0 0 .95rem rgba(175,255,235,.06),0 0 .75rem rgba(63,213,191,.07)}
body.era2-premium .era2-pond-zone.type-surface .era2-zone-halo{background:radial-gradient(circle at 44% 24%,rgba(181,244,232,.18),rgba(53,118,129,.13) 44%,rgba(2,24,31,.03) 78%)}
body.era2-premium .era2-pond-zone.type-herbier .era2-zone-halo{background:radial-gradient(circle at 35% 45%,rgba(115,213,130,.2),rgba(25,80,57,.13) 46%,rgba(2,24,31,.03) 78%)}
body.era2-premium .era2-pond-zone.type-fond_rocheux .era2-zone-halo{background:radial-gradient(circle at 45% 44%,rgba(174,204,210,.16),rgba(54,80,92,.13) 50%,rgba(2,24,31,.04) 78%)}
body.era2-premium .era2-pond-zone.type-fond_anoxique .era2-zone-halo{background:radial-gradient(circle at 42% 44%,rgba(139,148,205,.18),rgba(41,51,89,.16) 46%,rgba(2,24,31,.04) 78%)}
body.era2-premium .era2-pond-zone.selected .era2-zone-halo{border-color:rgba(131,247,226,.56);box-shadow:0 0 0 .12rem rgba(82,228,199,.14),0 0 1.1rem rgba(94,245,214,.16),inset 0 0 1rem rgba(184,255,233,.1)}
body.era2-premium .era2-pond-zone.current.selected .era2-zone-halo{border-color:rgba(197,255,145,.82);box-shadow:0 0 0 .14rem rgba(100,211,141,.18),0 0 1.25rem rgba(145,255,160,.24),inset 0 0 1rem rgba(191,255,204,.14)}
body.era2-premium .era2-zone-core{margin-top:.95rem;width:2.2rem;height:2.2rem;background:rgba(3,30,36,.74)}
body.era2-premium .era2-zone-core i{font-size:1rem}
body.era2-premium .era2-zone-copy{margin-top:.24rem;max-width:5.7rem;padding:0 .25rem}
body.era2-premium .era2-zone-copy strong{font-size:.47rem;letter-spacing:.02em}
body.era2-premium .era2-zone-copy span{margin-top:.1rem;font-size:.3rem;letter-spacing:.08em;text-transform:uppercase;color:#91e6d5}
body.era2-premium .era2-pond-zone.unknown .era2-zone-copy span{color:#b9d7d1}
body.era2-premium .era2-pond-zone em{top:.2rem;font-size:.29rem;padding:.14rem .36rem}
body.era2-premium .era2-pond-zone-mask{width:4.8rem;height:3.7rem}
body.era2-premium .era2-organism-token{width:2.65rem;height:2.65rem;filter:drop-shadow(0 .35rem .48rem rgba(0,0,0,.48))}
body.era2-premium .era2-organism-token b{width:1.38rem;height:1.38rem;font-size:.78rem}
body.era2-premium .era2-organism-token i{width:.34rem;height:.34rem}
body.era2-premium .era2-pond-readout{top:.1rem;width:min(22rem,78%);padding:.42rem .6rem .48rem;background:rgba(1,22,29,.78)}
body.era2-premium .era2-pond-readout span{font-size:.38rem!important}
body.era2-premium .era2-pond-readout b{font-size:.68rem}
body.era2-premium .era2-pond-readout small{font-size:.33rem;color:#9dc9c1}
body.era2-premium .era2-pond-inspector{position:absolute;left:50%;bottom:.1rem;transform:translateX(-50%);z-index:9;width:min(25rem,94%);padding:.58rem .66rem;border-radius:.95rem;background:linear-gradient(180deg,rgba(2,24,31,.9),rgba(4,33,40,.92));border:1px solid rgba(103,220,208,.18);box-shadow:0 .45rem 1.1rem rgba(0,0,0,.3);backdrop-filter:blur(10px);pointer-events:auto}
body.era2-premium .era2-pond-inspector-head{display:grid;grid-template-columns:2.55rem minmax(0,1fr);gap:.56rem;align-items:center}
body.era2-premium .era2-pond-inspector-icon{width:2.55rem;height:2.55rem;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 28%,rgba(165,255,224,.95),rgba(32,154,140,.9) 42%,rgba(5,66,75,.96) 76%);color:#f2fffb;font-size:1rem;border:1px solid rgba(191,255,236,.36);box-shadow:inset 0 0 .75rem rgba(210,255,239,.12)}
body.era2-premium .era2-pond-inspector-head span,body.era2-premium .era2-pond-inspector-head b,body.era2-premium .era2-pond-inspector-head small{display:block}
body.era2-premium .era2-pond-inspector-head span{font-size:.34rem;letter-spacing:.11em;text-transform:uppercase;color:#70ddcb;font-weight:900}
body.era2-premium .era2-pond-inspector-head b{font-size:.7rem;color:#f1fffb;margin-top:.06rem}
body.era2-premium .era2-pond-inspector-head small{font-size:.34rem;line-height:1.42;color:#95bbb4;margin-top:.12rem}
body.era2-premium .era2-pond-inspector-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.34rem;margin-top:.48rem}
body.era2-premium .era2-pond-inspector-stats span{display:flex;align-items:center;justify-content:space-between;gap:.45rem;padding:.34rem .42rem;border-radius:.58rem;background:rgba(6,42,48,.64);border:1px solid rgba(101,202,192,.1);font-size:.33rem;color:#8eb8b0}
body.era2-premium .era2-pond-inspector-stats b{font-size:.38rem;color:#f3fffb}
body.era2-premium .era2-pond-inspector-foot{display:grid;gap:.4rem;margin-top:.48rem}
body.era2-premium .era2-pond-inspector-note{padding:.38rem .48rem;border-radius:.6rem;background:rgba(8,40,47,.66);border:1px solid rgba(109,209,198,.1);font-size:.34rem;line-height:1.42;color:#a9cbc5}
body.era2-premium .era2-pond-inspector-note.discovery{border-color:rgba(96,216,158,.24);color:#cbf7d5}
body.era2-premium .era2-pond-inspector-note.travel{border-color:rgba(88,210,196,.24);color:#c7f5ec}
body.era2-premium .era2-pond-inspector-note.current{border-color:rgba(199,246,138,.24);color:#e6ffd2}
body.era2-premium .era2-pond-inspector-note.cooldown{border-color:rgba(242,196,96,.24);color:#ffe3ab}
body.era2-premium .era2-pond-inspector .g-btn{min-height:2.3rem;font-size:.4rem;letter-spacing:.03em}
body.era2-premium .era2-pond-inspector .g-btn[disabled]{opacity:.68}
body.era2-premium .era2-pond-center{right:.15rem;top:.15rem;width:1.95rem;height:1.95rem;font-size:.86rem}
body.era2-premium .era2-pond-legend{display:none}
@media(max-width:620px){
  body.era2-premium .era2-pond-map{inset:4.9rem .18rem 7.15rem .18rem}
  body.era2-premium .era2-pond-zone{width:5.3rem;min-height:4.35rem}
  body.era2-premium .era2-zone-core{width:2rem;height:2rem;margin-top:.82rem}
  body.era2-premium .era2-zone-copy strong{font-size:.42rem}
  body.era2-premium .era2-zone-copy span{font-size:.28rem}
  body.era2-premium .era2-pond-readout{width:min(20rem,84%);padding:.38rem .52rem .42rem}
  body.era2-premium .era2-pond-readout b{font-size:.6rem}
  body.era2-premium .era2-pond-readout small{font-size:.31rem}
  body.era2-premium .era2-pond-inspector{width:min(26rem,96%);padding:.52rem}
  body.era2-premium .era2-pond-inspector-head{grid-template-columns:2.2rem minmax(0,1fr)}
  body.era2-premium .era2-pond-inspector-icon{width:2.2rem;height:2.2rem;font-size:.88rem}
  body.era2-premium .era2-pond-inspector-stats{grid-template-columns:1fr}
  body.era2-premium .era2-pond-inspector .g-btn{min-height:2.2rem}
}

/* V7.0 — Ère 2 : vie locale, ressources renouvelables et nage */
body.era2-premium .era2-zone-life{position:absolute;z-index:4;left:50%;top:.15rem;transform:translateX(-50%);display:flex;gap:.12rem;align-items:center;justify-content:center;pointer-events:none}
body.era2-premium .era2-zone-life i{width:1.05rem;height:1.05rem;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:.58rem;background:rgba(2,27,33,.84);border:1px solid rgba(132,230,215,.2);box-shadow:0 .15rem .35rem rgba(0,0,0,.28)}
body.era2-premium .era2-zone-life i.predator{border-color:rgba(239,116,99,.36);background:rgba(71,22,25,.78)}
body.era2-premium .era2-zone-life i.resource{border-color:rgba(108,227,160,.32);background:rgba(17,65,47,.76)}
body.era2-premium .era2-zone-life i.hazard{border-color:rgba(241,194,91,.3);background:rgba(70,54,20,.72)}
body.era2-premium .era2-zone-life i.shortcut{border-color:rgba(112,192,246,.34);background:rgba(20,49,73,.76);color:#bde4ff}
body.era2-premium .era2-life-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.32rem;margin-top:.45rem}
body.era2-premium .era2-life-item{display:grid;grid-template-columns:1.55rem minmax(0,1fr);gap:.38rem;align-items:center;padding:.38rem .42rem;border-radius:.58rem;background:rgba(4,34,40,.7);border:1px solid rgba(100,198,188,.1)}
body.era2-premium .era2-life-item>i{width:1.55rem;height:1.55rem;border-radius:50%;display:grid;place-items:center;background:rgba(4,25,31,.8);font-style:normal;font-size:.72rem}
body.era2-premium .era2-life-item span b,body.era2-premium .era2-life-item span small{display:block}
body.era2-premium .era2-life-item span b{font-size:.34rem;color:#effffb;line-height:1.2}
body.era2-premium .era2-life-item span small{margin-top:.08rem;font-size:.28rem;color:#86aaa4;line-height:1.32}
body.era2-premium .era2-life-item.resource{border-color:rgba(91,213,143,.17)}
body.era2-premium .era2-life-item.predator{border-color:rgba(230,103,90,.2)}
body.era2-premium .era2-life-item.hazard{border-color:rgba(231,186,89,.17)}
body.era2-premium .era2-life-item.shortcut{border-color:rgba(94,177,232,.18)}
body.era2-premium .era2-life-item.classified{opacity:.68;border-style:dashed}
body.era2-premium .era2-life-item em{display:block;height:.22rem;margin-top:.16rem;border-radius:999px;background:rgba(108,197,167,.1);overflow:hidden}
body.era2-premium .era2-life-item em u{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#328e73,#78dca9);text-decoration:none}
body.era2-premium .era2-inheritance-strip{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.4rem;padding:.34rem .42rem;border-radius:.58rem;background:rgba(16,53,62,.55);border:1px solid rgba(102,174,194,.12)}
body.era2-premium .era2-inheritance-strip span{flex:1 0 100%;font-size:.28rem;letter-spacing:.1em;text-transform:uppercase;color:#82aeb6;font-weight:900}
body.era2-premium .era2-inheritance-strip b{font-size:.3rem;color:#c8e6e2;font-weight:800}
body.era2-premium .era2-organism-token.swimming b{animation:e2OrganismSwim .42s ease-in-out infinite alternate}
body.era2-premium .era2-swim-trail{position:absolute;z-index:7;width:2rem;height:2rem;transform:translate(-50%,-50%);pointer-events:none;opacity:.9}
body.era2-premium .era2-swim-trail i{position:absolute;width:.32rem;height:.32rem;border-radius:50%;border:1px solid rgba(203,255,245,.36);background:rgba(119,232,217,.17);animation:e2BubbleTrail .95s ease-out forwards}
body.era2-premium .era2-swim-trail i:nth-child(1){left:.85rem;top:.85rem}.era2-swim-trail i:nth-child(2){left:.5rem;top:1rem;animation-delay:.08s}.era2-swim-trail i:nth-child(3){left:1.2rem;top:1.05rem;animation-delay:.16s}.era2-swim-trail i:nth-child(4){left:.75rem;top:1.3rem;animation-delay:.24s}.era2-swim-trail i:nth-child(5){left:1.1rem;top:1.35rem;animation-delay:.32s}
@keyframes e2OrganismSwim{from{transform:scale(.95) rotate(-6deg)}to{transform:scale(1.08) rotate(7deg)}}
@keyframes e2BubbleTrail{0%{opacity:.8;transform:translate(0,0) scale(.7)}100%{opacity:0;transform:translate(-.55rem,.8rem) scale(1.45)}}
@media(max-width:620px){body.era2-premium .era2-life-grid{grid-template-columns:1fr}.era2-inheritance-strip{max-height:3.6rem;overflow:auto}}

/* ================================================================
   GENESIS V7.0 — espace, journal, logistique et endgame
   ================================================================ */
.p-settings-menu .p-settings-badge{margin-left:auto;min-width:1.35rem;height:1.35rem;padding:0 .3rem;border-radius:999px;display:grid;place-items:center;background:#b8453e;color:#fff;font-size:.58rem;font-style:normal;font-weight:900}.p-settings-menu .p-settings-badge.hidden{display:none!important}
.g-journal-list{display:grid;gap:.45rem;margin-top:.7rem}.g-journal-entry{display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:.58rem;padding:.62rem;border-radius:.78rem;background:rgba(4,29,35,.76);border:1px solid rgba(104,198,189,.11)}.g-journal-entry.unread{border-color:rgba(98,224,202,.35);box-shadow:inset .18rem 0 rgba(80,218,192,.5)}.g-journal-entry>i{width:2.25rem;height:2.25rem;border-radius:.66rem;display:grid;place-items:center;background:rgba(8,50,56,.78);font-style:normal;font-size:1rem}.g-journal-entry span,.g-journal-entry b,.g-journal-entry p{display:block}.g-journal-entry span{font-size:.45rem;color:#70b5aa;letter-spacing:.06em;text-transform:uppercase}.g-journal-entry b{margin-top:.08rem;font-size:.72rem;color:#effffb}.g-journal-entry p{margin:.15rem 0 0;font-size:.57rem;line-height:1.42;color:#98bbb5}
.g-profile-species,.g-profile-progress,.g-balance-card,.g-fed-objective,.g-space-command{margin-top:.6rem;padding:.68rem;border-radius:.8rem;background:linear-gradient(155deg,rgba(7,46,52,.86),rgba(3,28,34,.88));border:1px solid rgba(99,205,193,.15)}.g-profile-species span,.g-balance-card span,.g-fed-objective>span,.g-space-command span{display:block;font-size:.43rem;letter-spacing:.1em;color:#71cfc0;font-weight:900}.g-profile-species b,.g-balance-card b,.g-fed-objective b,.g-space-command b{display:block;margin-top:.08rem;font-size:.73rem;color:#effffb}.g-profile-species small,.g-balance-card small,.g-space-command small{display:block;margin-top:.14rem;font-size:.5rem;line-height:1.42;color:#91b6b0}.g-profile-species .g-btn{margin-top:.45rem}.v7-profile-stats{margin-top:.6rem}.g-profile-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.g-profile-progress>div{padding:.42rem;border-radius:.55rem;background:rgba(2,26,32,.7)}.g-profile-progress span,.g-profile-progress b{display:block}.g-profile-progress span{font-size:.42rem;color:#86aba5}.g-profile-progress b{margin-top:.1rem;color:#effffb;font-size:.68rem}
.g-offline-summary{position:fixed;inset:0;z-index:24000;display:grid;place-items:center;padding:1rem;background:rgba(0,10,14,.78);backdrop-filter:blur(10px)}.g-offline-summary.hidden{display:none!important}.g-offline-card{width:min(94vw,34rem);max-height:90dvh;overflow:auto;padding:1rem;border-radius:1.1rem;background:linear-gradient(155deg,#073139,#02181f);border:1px solid rgba(105,225,207,.24);box-shadow:0 2rem 6rem rgba(0,0,0,.7)}.g-offline-card>span{font-size:.55rem;letter-spacing:.13em;color:#73dac9;font-weight:900}.g-offline-card h2{margin:.3rem 0 .75rem;color:#effffb;font-size:1.15rem}.g-offline-list{display:grid;gap:.38rem}.g-offline-list>div{display:grid;grid-template-columns:2rem 1fr;gap:.45rem;padding:.5rem;border-radius:.65rem;background:rgba(7,43,49,.74)}.g-offline-list i{display:grid;place-items:center;font-style:normal}.g-offline-list b,.g-offline-list small{display:block}.g-offline-list b{font-size:.65rem;color:#effffb}.g-offline-list small{margin-top:.1rem;font-size:.52rem;line-height:1.35;color:#8eb4ad}.g-offline-actions{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-top:.75rem}
.g-empty-state{padding:.7rem;border-radius:.72rem;background:rgba(4,29,35,.55);border:1px dashed rgba(104,192,183,.14);color:#8fb2ac;font-size:.58rem;line-height:1.4}.g-empty-state.compact{padding:.5rem}
.g-space-command{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;align-items:center}.g-space-command>div{min-width:5rem}.g-space-command>small{margin:0}.g-space-mission-list{display:grid;gap:.35rem;margin-top:.42rem}.g-space-mission{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;gap:.42rem;align-items:center;padding:.48rem .55rem;border-radius:.66rem;background:rgba(4,31,37,.72);border:1px solid rgba(105,197,188,.12)}.g-space-mission>i{width:2rem;height:2rem;border-radius:.55rem;display:grid;place-items:center;background:rgba(8,53,59,.75);font-style:normal}.g-space-mission span b,.g-space-mission span small{display:block}.g-space-mission span b{font-size:.53rem;color:#eafff9}.g-space-mission span small{margin-top:.06rem;font-size:.42rem;color:#7fa9a2}.g-space-mission>strong{font-size:.55rem;color:#ffd988;white-space:nowrap}.ship-v7 small{display:block;margin-top:.12rem;font-size:.45rem;color:#d0ac62}
.g-colony-v7{padding:.64rem;border-radius:.82rem;background:rgba(4,31,37,.74);border:1px solid rgba(105,197,188,.12)}.g-colony-v7+.g-colony-v7{margin-top:.42rem}.g-colony-v7.critical{border-color:rgba(232,99,86,.3)}.g-colony-head{display:flex;justify-content:space-between;gap:.65rem;align-items:flex-start}.g-colony-head strong,.g-colony-head span{display:block}.g-colony-head strong{font-size:.65rem;color:#effffb}.g-colony-head span{margin-top:.08rem;font-size:.48rem;color:#8db4ad}.g-colony-head em{font-style:normal;font-size:.46rem;color:#bde9de;white-space:nowrap}.g-colony-v7.critical .g-colony-head em{color:#ffb0a4}.g-supply-bar{height:.3rem;margin:.42rem 0;border-radius:999px;overflow:hidden;background:rgba(106,184,169,.12)}.g-supply-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#299b82,#72dfbe)}.g-colony-v7.critical .g-supply-bar i{background:linear-gradient(90deg,#a5413c,#e28f68)}.g-colony-v7>.g-btn{width:100%;margin-top:.42rem}.g-route-list{display:grid;gap:.35rem}.g-route-row{display:grid;grid-template-columns:2rem minmax(0,1fr) 2rem;gap:.4rem;align-items:center;padding:.52rem;border-radius:.7rem;background:rgba(4,31,37,.72);border:1px solid rgba(106,197,187,.11)}.g-route-row>i{font-style:normal;text-align:center}.g-route-row span b,.g-route-row span small{display:block}.g-route-row span b{font-size:.54rem;color:#edfffb}.g-route-row span small{font-size:.42rem;line-height:1.35;color:#82a8a2;margin-top:.08rem}.g-route-row button{width:2rem;height:2rem;border-radius:50%;border:1px solid rgba(215,110,99,.2);background:rgba(73,27,29,.5);color:#ffc3bb}
.g-fed-objective p{margin:.2rem 0 .45rem;font-size:.54rem;line-height:1.4;color:#97bbb4}.g-fed-objective .g-progress{height:.4rem;border-radius:999px;overflow:hidden;background:rgba(109,186,173,.12)}.g-fed-objective .g-progress i{display:block;height:100%;background:linear-gradient(90deg,#2ca587,#7ce2c8)}.g-fed-objective>small{display:block;margin-top:.3rem;font-size:.47rem;color:#a6c6c0}.g-fed-objective>.g-btn{width:100%;margin-top:.45rem}.g-fed-objective>em{display:block;margin-top:.4rem;color:#87e1ba;font-size:.52rem;font-style:normal}
.space-mission-slots{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.55rem;padding:.42rem .52rem;border-radius:.58rem;background:rgba(5,42,49,.72);border:1px solid rgba(101,207,196,.12)}.space-mission-slots span{font-size:.48rem;color:#7db0a8}.space-mission-slots b{font-size:.58rem;color:#eafff9}.space-classified-world{display:grid;place-items:center;text-align:center;padding:1rem;border-radius:.85rem;background:radial-gradient(circle,rgba(36,80,87,.26),rgba(2,20,27,.78));border:1px dashed rgba(117,191,186,.2)}.space-classified-world>b{width:3rem;height:3rem;border-radius:50%;display:grid;place-items:center;background:rgba(31,69,74,.55);font-size:1.6rem;color:#a9d6d0}.space-classified-world strong{margin-top:.35rem;font-size:.66rem;color:#e7f8f4}.space-classified-world span{margin-top:.2rem;font-size:.5rem;line-height:1.4;color:#8da9a6}.space-scan-stage,.space-analyzed-world{display:grid;gap:.2rem;padding:.65rem;border-radius:.75rem;background:rgba(5,39,46,.74);border:1px solid rgba(102,201,191,.14)}.space-scan-stage.active{border-color:rgba(92,181,226,.24)}.space-scan-stage b,.space-analyzed-world b{font-size:.62rem;color:#effffb}.space-scan-stage span,.space-analyzed-world small{font-size:.49rem;line-height:1.4;color:#91b3ad}.space-scan-stage strong{margin-top:.18rem;font-size:.62rem;color:#8fdff3}.space-analyzed-world>span{font-size:.45rem;letter-spacing:.08em;color:#72dbbd;font-weight:900}
@media(max-width:620px){.g-profile-progress{grid-template-columns:1fr 1fr}.g-space-command{grid-template-columns:1fr}.g-space-mission{grid-template-columns:1.8rem minmax(0,1fr) auto}.g-colony-head{display:grid}.g-colony-head em{white-space:normal}.g-offline-actions{grid-template-columns:1fr}}
.g-era-guide{position:fixed;inset:0;z-index:23950;display:grid;place-items:center;padding:1rem;background:rgba(0,10,14,.74);backdrop-filter:blur(9px)}.g-era-guide.hidden{display:none!important}.g-era-guide-card{width:min(92vw,31rem);padding:1rem;border-radius:1.05rem;background:linear-gradient(155deg,#07343b,#021a21);border:1px solid rgba(106,226,208,.25);box-shadow:0 2rem 6rem rgba(0,0,0,.65)}.g-era-guide-card>span{font-size:.52rem;letter-spacing:.13em;color:#72d8c7;font-weight:900}.g-era-guide-card h2{margin:.32rem 0 .35rem;color:#f0fffb;font-size:1.15rem}.g-era-guide-card p{margin:0;color:#a4c5bf;font-size:.7rem;line-height:1.55}.g-era-guide-actions{margin-top:.8rem}.g-era-guide-actions .g-btn{width:100%}.g-two-actions{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-top:.5rem}@media(max-width:620px){.g-two-actions{grid-template-columns:1fr}}
.g-global-threat{margin-top:.6rem;padding:.7rem;border-radius:.82rem;background:linear-gradient(145deg,rgba(69,25,33,.76),rgba(22,28,39,.86));border:1px solid rgba(235,105,92,.25);box-shadow:inset 0 0 1.4rem rgba(206,67,55,.05)}.g-global-threat.complete{background:linear-gradient(145deg,rgba(21,68,56,.72),rgba(13,37,41,.86));border-color:rgba(93,220,167,.28)}.g-global-threat>span{display:block;font-size:.43rem;letter-spacing:.11em;color:#ffad9f;font-weight:900}.g-global-threat.complete>span{color:#8ce7c1}.g-global-threat>b{display:block;margin-top:.1rem;font-size:.75rem;color:#fff3ef}.g-global-threat p{margin:.22rem 0 .45rem;font-size:.54rem;line-height:1.42;color:#c8aaa6}.g-global-threat.complete p{color:#a9c9c1}.g-global-threat .g-progress{height:.4rem;border-radius:999px;overflow:hidden;background:rgba(220,117,101,.12)}.g-global-threat .g-progress i{display:block;height:100%;background:linear-gradient(90deg,#b0473d,#ef9b68)}.g-global-threat.complete .g-progress i{background:linear-gradient(90deg,#299b78,#7ce0b5)}.g-global-threat>small{display:block;margin-top:.3rem;font-size:.47rem;color:#bda5a0}.g-global-threat>.g-btn{width:100%;margin-top:.45rem}.g-global-threat>em{display:block;margin-top:.4rem;font-size:.5rem;color:#87e1b7;font-style:normal}

/* === V7.03 · rapport de bug joueur === */
.g-bug-card{width:min(94vw,34rem);display:grid;gap:.62rem}.g-bug-card>input,.g-bug-card>select,.g-bug-card>textarea{width:100%;border:1px solid rgba(105,215,199,.18);background:#05252c;color:#edfff9;border-radius:.65rem;padding:.68rem .75rem;font:inherit}.g-bug-card>textarea{min-height:9rem;resize:vertical;line-height:1.45}.g-bug-card>select{color:#bfeae1}.g-bug-msg{min-height:1rem;color:#8ddfcf;font-size:.65rem}
/* GENESIS V7.05 — accès Pass Saison */
.g-pass-toplink{text-decoration:none;display:grid;place-items:center}
@media(max-width:620px){.g-pass-toplink{display:none!important}}


/* ===== V7.05.2 — Ère 2 mobile : désobstruction visuelle au démarrage ===== */
body.era2-premium .p-topcard{top:max(.5rem,env(safe-area-inset-top));left:.55rem;right:.55rem;height:4.35rem;grid-template-columns:minmax(8rem,1.05fr) minmax(10rem,1.2fr) 2.35rem;border-radius:1rem}
body.era2-premium .p-brandblock{gap:.5rem;padding:.58rem .65rem}
body.era2-premium .p-cell-logo{width:2.35rem;height:2.35rem;font-size:1.2rem}
body.era2-premium .p-brandblock strong{font-size:.92rem}
body.era2-premium .p-brandblock span{font-size:.48rem}
body.era2-premium .p-resource>b{font-size:.92rem}
body.era2-premium .p-resource>strong{font-size:.8rem}
body.era2-premium .p-resource>span{font-size:.44rem}
body.era2-premium .p-settings{width:1.9rem;height:1.9rem;font-size:.95rem;border-radius:.6rem}
body.era2-premium .p-statusrow{top:calc(max(.5rem,env(safe-area-inset-top)) + 4.75rem);left:.6rem;right:.6rem;height:3.45rem;grid-template-columns:4.35rem 5rem 1fr;gap:.35rem}
body.era2-premium .p-statusbox,body.era2-premium .p-objective{border-radius:.78rem}
body.era2-premium .p-statusbox span,body.era2-premium .p-objective>span{font-size:.42rem}
body.era2-premium .p-statusbox strong{font-size:.98rem}
body.era2-premium .p-statusbox.timer strong{font-size:.54rem;max-width:4.35rem}
body.era2-premium .p-objective{padding:.42rem .55rem .38rem}
body.era2-premium .p-objective>strong{font-size:.56rem}
body.era2-premium .p-objective>em{font-size:.5rem}
body.era2-premium .p-progress{height:.32rem}
body.era2-premium .p-actiondock{left:.55rem;right:.55rem;bottom:4.1rem;height:4.25rem;grid-template-columns:3.25rem minmax(0,1fr) 3.25rem;gap:.34rem;align-items:end;pointer-events:none}
body.era2-premium .p-sideaction,body.era2-premium .p-primary-wrap,body.era2-premium .p-energy,body.era2-premium .cellframe .bigbtn#btn-primary{pointer-events:auto}
body.era2-premium .p-sideaction{height:3.25rem;border-radius:1.05rem;padding:.24rem .18rem;gap:.05rem;box-shadow:0 .4rem .95rem rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.03)}
body.era2-premium .p-sideaction>b{font-size:.92rem}
body.era2-premium .p-sideaction>strong{font-size:.31rem;letter-spacing:.02em;text-align:center}
body.era2-premium .p-sideaction>span{font-size:.26rem;line-height:1.02;white-space:normal;text-align:center;color:#9ec7c0}
body.era2-premium .p-primary-wrap{height:4.25rem}
body.era2-premium .p-energy{top:-.05rem;gap:0;font-size:.42rem}
body.era2-premium .p-energy b{font-size:.58rem}
body.era2-premium .p-energy>span{font-size:.28rem;letter-spacing:.06em;opacity:.82}
body.era2-premium .cellframe .bigbtn#btn-primary{width:min(7.1rem,38vw);height:3.85rem;font-size:.8rem;box-shadow:0 0 0 .32rem rgba(1,63,58,.42),0 0 0 .48rem rgba(65,232,189,.1),0 0 22px rgba(41,245,177,.25),inset 0 8px 18px rgba(75,255,196,.12)}
body.era2-premium .p-explore-hint{display:none}
body.era2-premium .p-bottomnav{left:.55rem;right:.55rem;height:3.7rem}
body.era2-premium .p-bottomnav button span{font-size:.4rem}
body.era2-premium .era2-pond-map{inset:4.2rem .18rem 5.8rem .18rem}
body.era2-premium .era2-pond-readout{top:.06rem;width:min(18rem,72%);padding:.26rem .42rem .3rem;border-radius:.68rem;background:rgba(1,22,29,.68)}
body.era2-premium .era2-pond-readout span{font-size:.32rem!important}
body.era2-premium .era2-pond-readout b{font-size:.52rem}
body.era2-premium .era2-pond-readout small{display:none}
body.era2-premium .era2-pond-center{right:.18rem;top:.18rem;width:1.55rem;height:1.55rem;font-size:.68rem;background:rgba(4,40,45,.76)}
body.era2-premium .era2-pond-inspector{left:50%;bottom:.05rem;transform:translateX(-50%);width:min(24rem,94%);padding:.42rem .46rem .46rem;border-radius:.82rem;background:linear-gradient(180deg,rgba(2,24,31,.78),rgba(4,33,40,.8));box-shadow:0 .3rem .85rem rgba(0,0,0,.24)}
body.era2-premium .era2-pond-inspector-head{grid-template-columns:2rem minmax(0,1fr);gap:.44rem}
body.era2-premium .era2-pond-inspector-icon{width:2rem;height:2rem;font-size:.82rem}
body.era2-premium .era2-pond-inspector-head span{font-size:.28rem}
body.era2-premium .era2-pond-inspector-head b{font-size:.56rem}
body.era2-premium .era2-pond-inspector-head small{font-size:.28rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.era2-premium .era2-pond-inspector-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.24rem;margin-top:.34rem}
body.era2-premium .era2-pond-inspector-quick span{display:flex;align-items:center;justify-content:space-between;gap:.28rem;padding:.24rem .32rem;border-radius:.48rem;background:rgba(7,41,47,.56);border:1px solid rgba(101,202,192,.08);font-size:.28rem;color:#8eb8b0}
body.era2-premium .era2-pond-inspector-quick b{font-size:.32rem;color:#effffb}
body.era2-premium .era2-pond-inspector-foot{gap:.28rem;margin-top:.34rem}
body.era2-premium .era2-pond-inspector-note{padding:.28rem .34rem;border-radius:.5rem;font-size:.29rem;line-height:1.34}
body.era2-premium .era2-pond-inspector-buttons{display:grid;grid-template-columns:minmax(0,1fr) 5.2rem;gap:.28rem}
body.era2-premium .era2-pond-detailbtn{white-space:nowrap}
body.era2-premium .era2-pond-inspector .g-btn{min-height:1.78rem;font-size:.31rem;padding:.18rem .34rem}
body.era2-premium .era2-pond-inspector-extra.hidden{display:none}
body.era2-premium .era2-pond-inspector-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.24rem;margin-top:.22rem}
body.era2-premium .era2-pond-inspector-stats span{padding:.26rem .34rem;border-radius:.48rem;font-size:.28rem}
body.era2-premium .era2-pond-inspector-stats b{font-size:.32rem}
body.era2-premium .era2-life-grid{grid-template-columns:1fr;gap:.24rem;margin-top:.28rem}
body.era2-premium .era2-life-item{grid-template-columns:1.3rem minmax(0,1fr);gap:.3rem;padding:.3rem .34rem;border-radius:.5rem}
body.era2-premium .era2-life-item>i{width:1.3rem;height:1.3rem;font-size:.62rem}
body.era2-premium .era2-life-item span b{font-size:.3rem}
body.era2-premium .era2-life-item span small{font-size:.25rem}
body.era2-premium .era2-inheritance-strip{margin-top:.28rem;padding:.28rem .34rem;gap:.16rem}
body.era2-premium .era2-inheritance-strip span{font-size:.24rem}
body.era2-premium .era2-inheritance-strip b{font-size:.25rem}
@media(max-width:390px){
  body.era2-premium .p-topcard{height:4.18rem;grid-template-columns:minmax(7.4rem,1fr) minmax(9.4rem,1.1fr) 2.15rem}
  body.era2-premium .p-brandblock strong{font-size:.84rem}
  body.era2-premium .p-brandblock span{font-size:.42rem}
  body.era2-premium .p-statusrow{grid-template-columns:3.95rem 4.65rem 1fr;height:3.25rem}
  body.era2-premium .p-statusbox span,body.era2-premium .p-objective>span{font-size:.38rem}
  body.era2-premium .p-statusbox strong{font-size:.88rem}
  body.era2-premium .p-objective>strong{font-size:.5rem}
  body.era2-premium .p-actiondock{grid-template-columns:3rem minmax(0,1fr) 3rem;bottom:3.95rem}
  body.era2-premium .p-sideaction{height:3.05rem}
  body.era2-premium .cellframe .bigbtn#btn-primary{width:min(6.5rem,36vw);height:3.55rem;font-size:.74rem}
  body.era2-premium .era2-pond-map{inset:4.08rem .14rem 5.6rem .14rem}
  body.era2-premium .era2-pond-inspector{width:min(23rem,96%);padding:.38rem .4rem}
  body.era2-premium .era2-pond-inspector-buttons{grid-template-columns:1fr 4.7rem}
}


/* ===== V7.05.3 — Ère 2 : niches / position / objectif masquables ===== */
.p-era2-hud-toggle.hidden,.p-era3-hud-toggle.hidden{display:none!important}
body.era2-premium .p-statusrow{transition:transform .22s ease,opacity .18s ease,max-height .22s ease,padding .22s ease,margin .22s ease;transform-origin:top center;max-height:7rem;overflow:hidden}
body.era2-premium.era2-top-hud-collapsed .p-statusrow{transform:translateY(-120%);opacity:0;pointer-events:none;max-height:0;margin:0!important;padding:0!important}
body.era2-premium .p-era2-hud-toggle{position:fixed;z-index:170;left:50%;top:calc(max(.55rem,env(safe-area-inset-top)) + 7.7rem);transform:translateX(-50%);width:2rem;height:1.15rem;display:grid;place-items:center;border-radius:0 0 .65rem .65rem;border:1px solid rgba(98,228,209,.24);border-top:0;background:linear-gradient(180deg,rgba(4,37,42,.98),rgba(3,24,29,.96));color:#dffbf5;font-size:.9rem;font-weight:900;box-shadow:0 .35rem .8rem rgba(0,0,0,.3)}
body.era2-premium.era2-top-hud-collapsed .p-era2-hud-toggle{top:calc(max(.55rem,env(safe-area-inset-top)) + 3.95rem)}
body.era2-premium .p-sideaction.mutation>strong{font-size:.28rem;line-height:1.08}
body.era2-premium .p-sideaction.mutation>span{font-size:.24rem;line-height:1.05}
body.era2-premium #pMissionList.hidden{display:none!important}
@media (max-width:520px){
  body.era2-premium .p-era2-hud-toggle{top:calc(max(.55rem,env(safe-area-inset-top)) + 7.45rem);width:1.9rem;height:1.05rem;font-size:.84rem}
  body.era2-premium.era2-top-hud-collapsed .p-era2-hud-toggle{top:calc(max(.55rem,env(safe-area-inset-top)) + 3.8rem)}
}


/* ===== V7.05.4 — Ère 2 : position actuelle grand format + boutons remis en place ===== */
body.era2-premium .p-actiondock{
  left:.68rem;right:.68rem;bottom:4.22rem;height:4.95rem;
  grid-template-columns:3.7rem minmax(0,1fr) 3.7rem;gap:.42rem;align-items:end;z-index:18;pointer-events:none
}
body.era2-premium .p-sideaction,body.era2-premium .p-primary-wrap,body.era2-premium .p-energy,body.era2-premium .cellframe .bigbtn#btn-primary{pointer-events:auto}
body.era2-premium .p-sideaction{
  height:3.72rem;border-radius:1.05rem;padding:.28rem .2rem .24rem;gap:.06rem;
  box-shadow:0 .46rem 1rem rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.03)
}
body.era2-premium .p-sideaction>strong{font-size:.3rem;line-height:1.08;text-align:center}
body.era2-premium .p-sideaction>span{font-size:.24rem;line-height:1.06;white-space:normal;text-align:center}
body.era2-premium .p-primary-wrap{height:4.95rem}
body.era2-premium .cellframe .bigbtn#btn-primary{width:min(7.4rem,40vw);height:4.05rem;font-size:.82rem}
body.era2-premium .p-energy{top:.14rem}
body.era2-premium .p-bottomnav{z-index:17}

body.era2-premium .era2-pond-map{inset:4.2rem .18rem 5.95rem .18rem}
body.era2-premium .era2-pond-inspector{
  bottom:3.95rem;width:min(24.8rem,95%);padding:.44rem .5rem .5rem;
  border-radius:.92rem;z-index:10;box-shadow:0 .55rem 1.15rem rgba(0,0,0,.28)
}
body.era2-premium .era2-pond-inspector-shell.expanded{
  max-height:min(28vh,13.5rem);overflow:auto;padding-right:.06rem
}
body.era2-premium .era2-pond-inspector-shell.expanded .era2-pond-inspector-head small{
  display:block;-webkit-line-clamp:unset;overflow:visible
}
body.era2-premium .era2-pond-inspector-shell.expanded .era2-pond-inspector-extra.hidden{display:block}
body.era2-premium .era2-pond-inspector-buttons{grid-template-columns:minmax(0,1fr) 5rem}
body.era2-premium .era2-pond-detailbtn{font-size:.29rem}

body.era2-premium .p-era2-hud-toggle{
  width:1.45rem;height:.72rem;font-size:.62rem;border-radius:0 0 .45rem .45rem;
  background:linear-gradient(180deg,rgba(6,39,43,.92),rgba(4,27,31,.9));
  box-shadow:0 .18rem .42rem rgba(0,0,0,.22);border-color:rgba(98,228,209,.18)
}
body.era2-premium.era2-top-hud-collapsed .p-era2-hud-toggle{top:calc(max(.55rem,env(safe-area-inset-top)) + 3.88rem)}

@media(max-width:390px){
  body.era2-premium .p-actiondock{left:.55rem;right:.55rem;bottom:4.08rem;height:4.7rem;grid-template-columns:3.35rem minmax(0,1fr) 3.35rem}
  body.era2-premium .p-sideaction{height:3.52rem}
  body.era2-premium .cellframe .bigbtn#btn-primary{width:min(6.9rem,38vw);height:3.86rem;font-size:.78rem}
  body.era2-premium .era2-pond-inspector{bottom:3.72rem;width:min(23.8rem,96%)}
  body.era2-premium .era2-pond-inspector-buttons{grid-template-columns:minmax(0,1fr) 4.55rem}
  body.era2-premium .p-era2-hud-toggle{width:1.35rem;height:.66rem;font-size:.56rem}
}


/* ===== V7.05.5 — Ère 2 : bouton 2 ouvre la fiche 1 + poignée discrète ===== */
body.era2-premium .p-actiondock{
  left:.72rem;right:.72rem;bottom:4.5rem;height:5.05rem;
  grid-template-columns:3.8rem minmax(0,1fr) 3.8rem;gap:.44rem
}
body.era2-premium .p-sideaction{height:3.82rem}
body.era2-premium .p-primary-wrap{height:5.05rem}
body.era2-premium .cellframe .bigbtn#btn-primary{width:min(7.55rem,40vw);height:4.1rem}
body.era2-premium .era2-pond-inspector{bottom:4.15rem;width:min(25rem,95%)}
body.era2-premium .era2-pond-inspector-shell.full{max-height:min(36vh,17.5rem);overflow:auto;padding-right:.08rem}
body.era2-premium .era2-pond-inspector-shell.full .era2-pond-inspector-extra.hidden{display:block}
body.era2-premium .p-era2-hud-toggle{
  width:1rem;height:.38rem;padding:0;border-radius:0 0 .32rem .32rem;
  background:rgba(5,28,33,.18);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  color:#dffbf5;border:1px solid rgba(98,228,209,.08);box-shadow:none
}
body.era2-premium .p-era2-hud-toggle:hover{background:rgba(5,28,33,.26)}
body.era2-premium .p-era2-hud-toggle::before{content:'';display:block;width:.42rem;height:.12rem;border-radius:999px;background:rgba(221,251,245,.88)}
body.era2-premium .p-era2-hud-toggle{font-size:0;color:transparent}
@media(max-width:390px){
  body.era2-premium .p-actiondock{left:.58rem;right:.58rem;bottom:4.34rem;height:4.82rem;grid-template-columns:3.45rem minmax(0,1fr) 3.45rem}
  body.era2-premium .p-sideaction{height:3.6rem}
  body.era2-premium .p-primary-wrap{height:4.82rem}
  body.era2-premium .cellframe .bigbtn#btn-primary{width:min(7.05rem,38vw);height:3.92rem}
  body.era2-premium .era2-pond-inspector{bottom:3.96rem}
}


/* ===== V7.05.6 — Ère 2 : fiche fermable, plus grande et boutons bas comme Ère 3 ===== */
body.era2-premium .p-actiondock{
  left:.7rem;right:.7rem;bottom:4.5rem;height:6.45rem;
  grid-template-columns:5.2rem minmax(0,1fr) 5.2rem;gap:.45rem;align-items:end;z-index:18;pointer-events:none
}
body.era2-premium .p-sideaction,body.era2-premium .p-primary-wrap,body.era2-premium .p-energy,body.era2-premium .cellframe .bigbtn#btn-primary{pointer-events:auto}
body.era2-premium .p-sideaction{height:4.9rem;border-radius:1.15rem;padding:.34rem .26rem .28rem;gap:.1rem}
body.era2-premium .p-sideaction>b{font-size:1.02rem}
body.era2-premium .p-sideaction>strong{font-size:.38rem;line-height:1.08;text-align:center}
body.era2-premium .p-sideaction>span{font-size:.29rem;line-height:1.12;white-space:normal;text-align:center}
body.era2-premium .p-primary-wrap{height:6.45rem}
body.era2-premium .cellframe .bigbtn#btn-primary{width:min(11rem,49vw);height:4.35rem;font-size:.86rem}
body.era2-premium .p-bottomnav{left:.7rem;right:.7rem;bottom:max(.48rem,env(safe-area-inset-bottom));height:3.55rem;grid-template-columns:repeat(4,1fr);z-index:17}

body.era2-premium .era2-pond-map{inset:4.2rem .18rem 6.05rem .18rem}
body.era2-premium .era2-pond-inspector{left:50%;bottom:8.85rem;transform:translateX(-50%);width:min(26rem,95%);padding:.58rem .62rem .62rem;border-radius:1rem;z-index:10;box-shadow:0 .6rem 1.3rem rgba(0,0,0,.3)}
body.era2-premium .era2-pond-inspector.hidden{display:none!important}
body.era2-premium .era2-pond-inspector-head{grid-template-columns:2.2rem minmax(0,1fr) 1.9rem;align-items:start;gap:.5rem}
body.era2-premium .era2-pond-inspector-icon{width:2.2rem;height:2.2rem;font-size:.9rem}
body.era2-premium .era2-pond-inspector-head span{font-size:.34rem;letter-spacing:.08em}
body.era2-premium .era2-pond-inspector-head b{font-size:.72rem;line-height:1.12}
body.era2-premium .era2-pond-inspector-head small{font-size:.38rem;line-height:1.38;display:block;-webkit-line-clamp:unset;overflow:visible}
body.era2-premium .era2-pond-close{height:1.8rem;width:1.8rem;border-radius:.55rem;border:1px solid rgba(113,231,208,.22);background:rgba(6,37,42,.72);color:#ecfffa;font-size:.86rem;font-weight:900;display:grid;place-items:center;cursor:pointer}
body.era2-premium .era2-pond-inspector-quick{gap:.32rem;margin-top:.42rem}
body.era2-premium .era2-pond-inspector-quick span{padding:.3rem .38rem;font-size:.35rem}
body.era2-premium .era2-pond-inspector-quick b{font-size:.39rem}
body.era2-premium .era2-pond-inspector-note{padding:.34rem .38rem;font-size:.36rem;line-height:1.42}
body.era2-premium .era2-pond-inspector-buttons{display:grid;grid-template-columns:minmax(0,1fr) 5.4rem;gap:.32rem}
body.era2-premium .era2-pond-inspector .g-btn{min-height:2rem;font-size:.36rem;padding:.22rem .38rem}
body.era2-premium .era2-pond-detailbtn{font-size:.34rem}
body.era2-premium .era2-pond-inspector-stats{gap:.3rem;margin-top:.3rem}
body.era2-premium .era2-pond-inspector-stats span{padding:.32rem .38rem;font-size:.35rem}
body.era2-premium .era2-pond-inspector-stats b{font-size:.39rem}
body.era2-premium .era2-life-grid{gap:.3rem;margin-top:.34rem}
body.era2-premium .era2-life-item{grid-template-columns:1.55rem minmax(0,1fr);gap:.34rem;padding:.36rem .4rem;border-radius:.58rem}
body.era2-premium .era2-life-item>i{width:1.55rem;height:1.55rem;font-size:.72rem}
body.era2-premium .era2-life-item span b{font-size:.36rem}
body.era2-premium .era2-life-item span small{font-size:.31rem;line-height:1.35}
body.era2-premium .era2-inheritance-strip{margin-top:.34rem;padding:.34rem .4rem;gap:.2rem}
body.era2-premium .era2-inheritance-strip span{font-size:.3rem}
body.era2-premium .era2-inheritance-strip b{font-size:.3rem}
body.era2-premium .era2-pond-inspector-shell.full{max-height:min(42vh,22rem);overflow:auto;padding-right:.08rem}
body.era2-premium .era2-pond-inspector-shell.full .era2-pond-inspector-extra.hidden{display:block}
@media(max-width:390px){
  body.era2-premium .p-actiondock{grid-template-columns:4.75rem minmax(0,1fr) 4.75rem;gap:.35rem}
  body.era2-premium .p-sideaction{height:4.6rem}
  body.era2-premium .cellframe .bigbtn#btn-primary{width:min(10.4rem,48vw);height:4.18rem}
  body.era2-premium .era2-pond-inspector{bottom:8.55rem;width:min(24.8rem,96%);padding:.52rem .55rem .56rem}
  body.era2-premium .era2-pond-inspector-head b{font-size:.66rem}
  body.era2-premium .era2-pond-inspector-head small{font-size:.35rem}
  body.era2-premium .era2-pond-inspector-buttons{grid-template-columns:minmax(0,1fr) 4.95rem}
}

/* =====================================================================
   V7.06 — ÈRE 2 VIVANTE · gameplay tactile organique
   ===================================================================== */
body.era2-premium .era2-live-world{position:absolute;inset:0;z-index:4;overflow:hidden;border-radius:inherit;pointer-events:auto;touch-action:none}
body.era2-premium .era2-live-stage{position:absolute;inset:4.15rem .12rem 4rem .12rem;overflow:hidden;pointer-events:auto;touch-action:none;border-radius:1.15rem}
body.era2-premium .era2-live-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1;touch-action:none;cursor:crosshair}
body.era2-premium #cellcanvas{opacity:0!important;pointer-events:none!important}
body.era2-premium .p-pond-svg{filter:saturate(1.08) contrast(1.05) brightness(.86);transform:scale(1.015)}
body.era2-premium .era2-live-vignette{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,transparent 35%,rgba(1,18,24,.12) 70%,rgba(0,10,15,.38) 100%),linear-gradient(180deg,rgba(2,20,25,.18),transparent 17%,transparent 76%,rgba(0,10,14,.24));mix-blend-mode:multiply}
body.era2-premium .era2-live-top{position:absolute;z-index:5;left:.55rem;right:.55rem;top:4.55rem;display:flex;justify-content:space-between;align-items:flex-start;gap:.55rem;pointer-events:none}
body.era2-premium .era2-live-habitat,body.era2-premium .era2-live-instinct{pointer-events:auto;border:1px solid rgba(122,230,210,.2);background:rgba(3,35,41,.74);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#eafff9;box-shadow:0 .4rem 1rem rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.04)}
body.era2-premium .era2-live-habitat{min-width:7.4rem;max-width:45vw;min-height:2.35rem;border-radius:1.3rem 1.05rem 1.25rem .92rem;padding:.34rem .62rem .34rem .4rem;display:flex;align-items:center;gap:.42rem;text-align:left}
body.era2-premium .era2-live-habitat>i{width:1.48rem;height:1.48rem;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,rgba(168,255,225,.22),rgba(37,128,118,.18));border:1px solid rgba(170,255,229,.22);font-style:normal;font-size:.74rem;box-shadow:0 0 1rem rgba(99,237,207,.1)}
body.era2-premium .era2-live-habitat span,body.era2-premium .era2-live-generation span{display:block;min-width:0}
body.era2-premium .era2-live-habitat small,body.era2-premium .era2-live-generation small,body.era2-premium .era2-live-instinct small{display:block;color:#76cfc0;font-size:.28rem;font-weight:900;letter-spacing:.12em}
body.era2-premium .era2-live-habitat b{display:block;max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:.05rem;color:#effffb;font-size:.52rem}
body.era2-premium .era2-live-generation{pointer-events:none;position:relative;min-width:6.6rem;padding:.38rem .52rem .44rem;border-radius:1.1rem 1.35rem .95rem 1.22rem;background:rgba(3,33,40,.68);border:1px solid rgba(118,218,204,.15);backdrop-filter:blur(9px);box-shadow:0 .4rem 1rem rgba(0,0,0,.22)}
body.era2-premium .era2-live-generation>b{display:block;margin-top:.05rem;color:#f0fff9;font-size:.58rem;letter-spacing:.03em}
body.era2-premium .era2-live-generation>em{position:absolute;right:.48rem;bottom:.18rem;font-size:.27rem;color:#a9d8cf;font-style:normal}
body.era2-premium .era2-live-xp{position:relative;width:100%;height:.22rem;margin-top:.3rem;border-radius:999px;background:rgba(125,219,202,.09);overflow:hidden}
body.era2-premium .era2-live-xp>i{display:block;width:var(--xp,0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(72,194,155,.8),rgba(166,244,190,.94));box-shadow:0 0 .45rem rgba(126,244,192,.3);transition:width .35s ease}
body.era2-premium .era2-live-senses{position:absolute;z-index:5;left:.55rem;right:.55rem;bottom:6.9rem;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}
body.era2-premium .era2-live-instinct{pointer-events:auto;min-width:6.15rem;min-height:2.45rem;border-radius:48% 52% 45% 55% / 56% 44% 58% 42%;padding:.34rem .56rem .34rem .42rem;display:flex;align-items:center;gap:.4rem;text-align:left;animation:e2InstinctBreath 3.1s ease-in-out infinite}
body.era2-premium .era2-live-instinct>i{display:block;width:1.2rem;height:1.2rem;border-radius:50%;border:1px solid rgba(190,255,231,.34);box-shadow:0 0 0 .2rem rgba(89,226,195,.06),0 0 .85rem rgba(101,241,211,.18);position:relative}
body.era2-premium .era2-live-instinct>i:before,body.era2-premium .era2-live-instinct>i:after{content:'';position:absolute;border-radius:50%;inset:.23rem;border:1px solid rgba(186,255,231,.42)}
body.era2-premium .era2-live-instinct>i:after{inset:.46rem;background:rgba(184,255,228,.78);border:0;box-shadow:0 0 .6rem rgba(119,247,210,.45)}
body.era2-premium .era2-live-instinct b{display:block;margin-top:.04rem;font-size:.46rem;color:#effff9;letter-spacing:.03em}
body.era2-premium .era2-live-hp{pointer-events:none;position:relative;min-width:4.1rem;padding:.28rem .45rem .3rem .62rem;border-radius:1.2rem .9rem 1.25rem .84rem;background:rgba(4,32,39,.66);border:1px solid rgba(119,217,202,.14);backdrop-filter:blur(8px);overflow:hidden}
body.era2-premium .era2-live-hp>i{position:absolute;left:0;bottom:0;top:0;width:var(--hp,100%);background:linear-gradient(90deg,rgba(46,150,111,.2),rgba(128,226,153,.16));transition:width .2s ease}
body.era2-premium .era2-live-hp>b,body.era2-premium .era2-live-hp>small{position:relative;z-index:1;display:block;text-align:right}
body.era2-premium .era2-live-hp>b{font-size:.52rem;color:#effff8}body.era2-premium .era2-live-hp>small{font-size:.25rem;color:#7dc9bb;font-weight:900;letter-spacing:.08em}
body.era2-premium .era2-live-danger{align-self:center;opacity:0;transform:scale(.86);padding:.22rem .45rem;border-radius:999px;background:rgba(92,27,24,.54);border:1px solid rgba(255,145,120,.22);color:#ffd1c3;font-size:.3rem;font-weight:1000;letter-spacing:.14em;transition:opacity .18s,transform .18s;box-shadow:0 0 1.2rem rgba(226,74,55,.1)}
body.era2-premium .era2-live-danger.active{opacity:1;transform:scale(1);animation:e2DangerBreath .7s ease-in-out infinite alternate}
body.era2-premium .era2-live-reproduce{position:absolute;z-index:6;left:50%;bottom:7.15rem;transform:translateX(-50%);min-width:9.8rem;max-width:46vw;min-height:1.75rem;padding:.3rem .7rem;border-radius:56% 44% 52% 48% / 46% 55% 45% 54%;border:1px solid rgba(118,220,193,.12);background:rgba(3,34,40,.52);color:#8fbab2;font-size:.31rem;font-weight:900;letter-spacing:.06em;backdrop-filter:blur(7px);pointer-events:auto;transition:transform .2s,box-shadow .2s,border-color .2s,color .2s}
body.era2-premium .era2-live-reproduce.ready{color:#ebfff6;border-color:rgba(169,246,189,.4);background:rgba(20,72,54,.72);box-shadow:0 0 1.2rem rgba(105,244,169,.18);animation:e2GenerationReady 1.8s ease-in-out infinite}
body.era2-premium .era2-live-reproduce:disabled{pointer-events:none;opacity:.58}
body.era2-premium .era2-live-gesture{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.35rem;padding:.28rem .5rem;border-radius:999px;background:rgba(2,30,36,.5);border:1px solid rgba(146,230,214,.1);color:rgba(225,255,246,.72);font-size:.28rem;font-weight:900;letter-spacing:.11em;pointer-events:none;animation:e2GestureHint 6s ease forwards}
body.era2-premium .era2-live-gesture>i{font-style:normal;font-size:.62rem}
body.era2-premium .era2-live-world.travelling .era2-live-stage{animation:e2LiveTravel .9s ease}
body.era2-premium .era2-live-world.rebirth .era2-live-stage{animation:e2Rebirth .95s ease}
body.era2-premium .era2-live-world.pulse .era2-live-stage{filter:saturate(1.12) brightness(1.05)}
@keyframes e2InstinctBreath{0%,100%{box-shadow:0 .4rem 1rem rgba(0,0,0,.26),0 0 0 rgba(104,241,208,0)}50%{box-shadow:0 .4rem 1rem rgba(0,0,0,.26),0 0 1.1rem rgba(104,241,208,.13)}}
@keyframes e2DangerBreath{from{box-shadow:0 0 .35rem rgba(234,78,58,.12)}to{box-shadow:0 0 1.15rem rgba(234,78,58,.28)}}
@keyframes e2GenerationReady{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.025)}}
@keyframes e2GestureHint{0%,55%{opacity:.78}75%{opacity:.32}100%{opacity:0}}
@keyframes e2LiveTravel{0%{opacity:1;filter:blur(0) saturate(1)}45%{opacity:.45;filter:blur(3px) saturate(.65)}100%{opacity:1;filter:blur(0) saturate(1)}}
@keyframes e2Rebirth{0%{filter:brightness(1) saturate(1)}25%{filter:brightness(.35) saturate(.3)}60%{filter:brightness(1.35) saturate(1.2)}100%{filter:brightness(1) saturate(1)}}

/* Les anciennes cartes/niches restent dans le code pour compatibilité, mais ne sont pas rendues en mode vivant. */
body.era2-premium .era2-live-world .era2-pond-map,body.era2-premium .era2-live-world .era2-pond-inspector{display:none!important}

/* Instinct : aucune voix narrative en Ère 2, uniquement des perceptions biologiques. */
.era2-instinct-sheet{display:grid;gap:.72rem}.era2-instinct-sheet>span{font-size:.55rem;font-weight:950;letter-spacing:.13em;color:#79d5c5}.era2-instinct-sheet h3{margin:0;color:#f2fffb;font-size:1.05rem}.era2-instinct-sheet>p{margin:0;color:#a7c9c2;font-size:.72rem;line-height:1.55}.era2-instinct-organ{position:relative;width:4.2rem;height:3.35rem;margin:.2rem auto .1rem;border-radius:48% 52% 43% 57% / 55% 46% 54% 45%;background:radial-gradient(circle at 32% 28%,rgba(174,255,224,.88),rgba(46,157,141,.88) 44%,rgba(7,64,73,.96) 78%);border:1px solid rgba(190,255,232,.38);box-shadow:inset 0 0 1rem rgba(218,255,243,.12),0 0 1.4rem rgba(83,238,199,.12);animation:e2InstinctOrgan 3s ease-in-out infinite}.era2-instinct-organ i{position:absolute;width:.52rem;height:.52rem;border-radius:50%;background:rgba(4,76,72,.62);border:1px solid rgba(207,255,235,.22)}.era2-instinct-organ i:nth-child(1){left:25%;top:34%}.era2-instinct-organ i:nth-child(2){left:56%;top:22%}.era2-instinct-organ i:nth-child(3){left:61%;top:58%}.era2-instinct-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem}.era2-instinct-grid>div{display:flex;align-items:center;gap:.5rem;min-height:3.4rem;padding:.5rem .58rem;border-radius:1rem .76rem 1.05rem .82rem;background:rgba(5,39,45,.72);border:1px solid rgba(116,212,199,.11)}.era2-instinct-grid>div.hot{border-color:rgba(189,231,133,.24);box-shadow:inset 0 0 .8rem rgba(137,232,155,.04)}.era2-instinct-grid>div>b{font-size:1.05rem;color:#bdf3de}.era2-instinct-grid>div>span{font-size:.54rem;font-weight:900;color:#effff9;line-height:1.25}.era2-instinct-grid small{display:block;margin-top:.12rem;color:#88b9b0;font-size:.45rem;font-weight:600}.era2-instinct-actions{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-top:.15rem}@keyframes e2InstinctOrgan{0%,100%{transform:scale(1) rotate(-1deg)}50%{transform:scale(1.035) rotate(1deg)}}

@media(max-width:520px){
  body.era2-premium .era2-live-stage{inset:4.05rem .08rem 3.9rem .08rem}
  body.era2-premium .era2-live-top{top:4.35rem;left:.42rem;right:.42rem}
  body.era2-premium .era2-live-habitat{min-width:6.6rem;min-height:2.15rem;padding:.3rem .5rem .3rem .34rem}
  body.era2-premium .era2-live-habitat>i{width:1.32rem;height:1.32rem}
  body.era2-premium .era2-live-habitat small,body.era2-premium .era2-live-generation small,body.era2-premium .era2-live-instinct small{font-size:.25rem}
  body.era2-premium .era2-live-habitat b{font-size:.47rem}
  body.era2-premium .era2-live-generation{min-width:5.9rem;padding:.34rem .45rem .4rem}
  body.era2-premium .era2-live-generation>b{font-size:.52rem}
  body.era2-premium .era2-live-senses{left:.42rem;right:.42rem;bottom:7.25rem}
  body.era2-premium .era2-live-instinct{min-width:5.7rem;min-height:2.25rem;padding:.3rem .48rem .3rem .36rem}
  body.era2-premium .era2-live-instinct>i{width:1.05rem;height:1.05rem}
  body.era2-premium .era2-live-instinct b{font-size:.42rem}
  body.era2-premium .era2-live-reproduce{bottom:7.5rem;min-width:8.8rem;font-size:.28rem}
  .era2-instinct-grid{grid-template-columns:1fr}.era2-instinct-actions{grid-template-columns:1fr}
}

/* Événements écologiques courts : le monde change sans ouvrir de fenêtre. */
body.era2-premium .era2-live-eco-event{position:absolute;z-index:5;left:50%;top:7.55rem;transform:translate(-50%,-.4rem) scale(.94);opacity:0;pointer-events:none;padding:.24rem .55rem;border-radius:50% 50% 46% 54% / 56% 44% 58% 42%;background:rgba(3,37,42,.66);border:1px solid rgba(150,235,215,.14);backdrop-filter:blur(7px);color:#d9fff3;font-size:.28rem;font-weight:1000;letter-spacing:.13em;transition:opacity .25s,transform .25s;box-shadow:0 .35rem 1rem rgba(0,0,0,.18)}
body.era2-premium .era2-live-eco-event.active{opacity:1;transform:translate(-50%,0) scale(1)}
body.era2-premium .era2-live-world.eco-hunt .era2-live-vignette{background:radial-gradient(ellipse at 50% 48%,transparent 26%,rgba(88,20,18,.08) 64%,rgba(37,5,8,.38) 100%);animation:e2EcoThreat 1.2s ease-in-out infinite alternate}
body.era2-premium .era2-live-world.eco-bloom .era2-live-stage{filter:saturate(1.12) brightness(1.04)}
body.era2-premium .era2-live-world.eco-current .era2-live-vignette{animation:e2CurrentDrift 2.2s ease-in-out infinite alternate}
@keyframes e2EcoThreat{from{opacity:.62}to{opacity:.94}}
@keyframes e2CurrentDrift{from{transform:translateX(-.18rem)}to{transform:translateX(.18rem)}}
@media(max-width:520px){body.era2-premium .era2-live-eco-event{top:7.15rem;font-size:.25rem}}

/* =====================================================================
   V7.06.1 — ÈRE 2 : contrôle tactile lisible + vraies actions de jeu
   ===================================================================== */
body.era2-premium .p-actiondock{display:none!important}
body.era2-premium .era2-live-stage{inset:4.15rem .12rem 4.05rem .12rem}
body.era2-premium .era2-live-top{top:4.45rem;left:.5rem;right:.5rem;align-items:center}
body.era2-premium .era2-live-habitat{min-width:6.4rem;max-width:48vw;min-height:2rem;padding:.28rem .48rem .28rem .34rem;border-radius:1.15rem .92rem 1.08rem .82rem}
body.era2-premium .era2-live-habitat>i{width:1.25rem;height:1.25rem;font-size:.62rem}
body.era2-premium .era2-live-habitat small{font-size:.24rem}
body.era2-premium .era2-live-habitat b{font-size:.44rem}
body.era2-premium .era2-live-hp{min-width:4rem;padding:.3rem .42rem .32rem .62rem;border-radius:1.1rem .82rem 1.12rem .82rem}
body.era2-premium .era2-live-hp>b{font-size:.5rem}
body.era2-premium .era2-live-hp>small{font-size:.23rem}

body.era2-premium .era2-live-danger{
  position:absolute;z-index:7;left:50%;top:6.82rem;transform:translate(-50%,-.2rem) scale(.92);
  opacity:0;pointer-events:none;padding:.24rem .52rem;border-radius:999px;background:rgba(92,27,24,.68);
  border:1px solid rgba(255,145,120,.28);color:#ffd8ce;font-size:.27rem;font-weight:1000;letter-spacing:.11em;
  transition:opacity .18s,transform .18s;box-shadow:0 0 1.2rem rgba(226,74,55,.13);white-space:nowrap
}
body.era2-premium .era2-live-danger.active{opacity:1;transform:translate(-50%,0) scale(1);animation:e2DangerBreath .7s ease-in-out infinite alternate}

body.era2-premium .era2-live-guide{
  position:absolute;z-index:6;left:50%;top:7.45rem;transform:translateX(-50%);width:min(20rem,86%);
  padding:.38rem .58rem .4rem;border-radius:.78rem;background:linear-gradient(180deg,rgba(3,34,40,.72),rgba(3,27,34,.62));
  border:1px solid rgba(119,222,202,.13);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
  text-align:center;pointer-events:none;box-shadow:0 .32rem .9rem rgba(0,0,0,.18)
}
body.era2-premium .era2-live-guide>b{display:block;color:#eafff8;font-size:.34rem;letter-spacing:.06em}
body.era2-premium .era2-live-guide>span{display:block;margin-top:.12rem;color:#9bcac0;font-size:.28rem;line-height:1.32}

body.era2-premium .era2-live-controls{
  position:absolute;z-index:8;left:.48rem;right:.48rem;bottom:.48rem;height:3.65rem;display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));gap:.36rem;align-items:stretch;pointer-events:none
}
body.era2-premium .era2-live-control{
  pointer-events:auto;min-width:0;border:1px solid rgba(123,226,208,.18);background:linear-gradient(180deg,rgba(4,43,48,.86),rgba(2,27,33,.9));
  color:#effff9;border-radius:1.12rem .88rem 1.08rem .9rem;box-shadow:0 .42rem 1rem rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.04);
  display:grid;grid-template-columns:1.1rem minmax(0,1fr);grid-template-rows:auto auto;column-gap:.32rem;align-content:center;align-items:center;
  padding:.38rem .42rem;text-align:left;touch-action:manipulation;transition:transform .13s ease,filter .13s ease,border-color .13s ease
}
body.era2-premium .era2-live-control:active{transform:scale(.96);filter:brightness(1.13)}
body.era2-premium .era2-live-control>i{grid-row:1/3;width:1.08rem;height:1.08rem;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:.56rem;background:rgba(113,240,204,.08);border:1px solid rgba(178,255,232,.16)}
body.era2-premium .era2-live-control>b{min-width:0;font-size:.36rem;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.era2-premium .era2-live-control>small{min-width:0;color:#8dbab1;font-size:.25rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.era2-premium .era2-live-control.instinct{border-color:rgba(102,224,200,.23)}
body.era2-premium .era2-live-control.dash{border-color:rgba(120,203,230,.2)}
body.era2-premium .era2-live-control.action{border-color:rgba(181,226,128,.2)}
body.era2-premium .era2-live-control.action.hunt{border-color:rgba(242,168,111,.26);background:linear-gradient(180deg,rgba(60,43,34,.86),rgba(36,30,29,.9))}
body.era2-premium .era2-live-control:disabled{opacity:.52;filter:saturate(.65);pointer-events:none}

body.era2-premium .era2-live-reproduce{
  bottom:4.48rem;min-width:9.2rem;max-width:52vw;min-height:1.48rem;padding:.24rem .62rem;
  font-size:.27rem;background:rgba(3,34,40,.66);border-color:rgba(118,220,193,.16)
}
body.era2-premium .era2-live-reproduce:disabled{opacity:.42}
body.era2-premium .era2-live-gesture,body.era2-premium .era2-live-senses,body.era2-premium .era2-live-generation{display:none!important}
body.era2-premium .era2-live-eco-event{top:9.55rem}

@media(max-width:520px){
  body.era2-premium .era2-live-stage{inset:4.05rem .08rem 4rem .08rem}
  body.era2-premium .era2-live-top{top:4.28rem;left:.38rem;right:.38rem}
  body.era2-premium .era2-live-habitat{min-width:5.8rem;max-width:47vw;min-height:1.85rem;padding:.25rem .42rem .25rem .3rem}
  body.era2-premium .era2-live-habitat>i{width:1.1rem;height:1.1rem}
  body.era2-premium .era2-live-habitat b{font-size:.4rem}
  body.era2-premium .era2-live-hp{min-width:3.6rem;padding:.26rem .36rem .28rem .52rem}
  body.era2-premium .era2-live-danger{top:6.38rem;font-size:.24rem}
  body.era2-premium .era2-live-guide{top:6.95rem;width:min(19rem,88%);padding:.34rem .48rem .36rem}
  body.era2-premium .era2-live-guide>b{font-size:.3rem}
  body.era2-premium .era2-live-guide>span{font-size:.25rem}
  body.era2-premium .era2-live-controls{left:.36rem;right:.36rem;bottom:.4rem;height:3.5rem;gap:.28rem}
  body.era2-premium .era2-live-control{grid-template-columns:.95rem minmax(0,1fr);column-gap:.24rem;padding:.32rem .3rem;border-radius:.98rem .78rem .95rem .8rem}
  body.era2-premium .era2-live-control>i{width:.95rem;height:.95rem;font-size:.48rem}
  body.era2-premium .era2-live-control>b{font-size:.31rem}
  body.era2-premium .era2-live-control>small{font-size:.22rem}
  body.era2-premium .era2-live-reproduce{bottom:4.22rem;min-width:8.5rem;font-size:.25rem}
  body.era2-premium .era2-live-eco-event{top:8.95rem;font-size:.23rem}
}

@media(max-width:390px){
  body.era2-premium .era2-live-control{grid-template-columns:1fr;grid-template-rows:.8rem auto auto;text-align:center;justify-items:center;gap:.05rem;padding:.24rem .18rem}
  body.era2-premium .era2-live-control>i{grid-row:auto;width:.8rem;height:.8rem;font-size:.4rem}
  body.era2-premium .era2-live-control>b{font-size:.29rem;width:100%}
  body.era2-premium .era2-live-control>small{font-size:.2rem;width:100%}
  body.era2-premium .era2-live-guide{width:91%}
}

/* =====================================================================
   V7.06.2 — ÈRE 2 : refuges organiques + réflexes compacts premium
   ===================================================================== */
body.era2-premium .era2-live-controls{
  left:50%;right:auto;bottom:.52rem;width:auto;height:3.35rem;transform:translateX(-50%);
  display:flex;align-items:center;justify-content:center;gap:.62rem;pointer-events:none
}
body.era2-premium .era2-live-control{
  pointer-events:auto;position:relative;width:3.22rem;height:3.22rem;min-width:3.22rem;padding:.34rem .2rem .3rem;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.06rem;text-align:center;
  border-radius:48% 52% 46% 54% / 54% 46% 56% 44%;
  border:1px solid rgba(146,238,217,.21);
  background:radial-gradient(circle at 35% 28%,rgba(88,181,164,.22),rgba(3,38,44,.92) 62%,rgba(2,24,30,.96));
  box-shadow:0 .48rem 1.2rem rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.07),0 0 0 .12rem rgba(80,217,190,.035);
  color:#effff9;touch-action:manipulation;transition:transform .13s ease,filter .13s ease,border-color .13s ease,box-shadow .13s ease
}
body.era2-premium .era2-live-control:nth-child(2){transform:translateY(-.16rem) scale(1.06)}
body.era2-premium .era2-live-control:nth-child(2):active{transform:translateY(-.16rem) scale(1.0)}
body.era2-premium .era2-live-control:active{transform:scale(.94);filter:brightness(1.14)}
body.era2-premium .era2-live-control>i{
  position:relative;display:block;width:1.12rem;height:1.12rem;min-height:1.12rem;border:0;background:none;border-radius:50%;box-shadow:none
}
body.era2-premium .era2-live-control>b{font-size:.34rem;line-height:1.05;letter-spacing:.035em;white-space:nowrap;overflow:visible}
body.era2-premium .era2-live-control>small{max-width:2.65rem;color:#8fc8bc;font-size:.21rem;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.era2-premium .era2-live-control.instinct{border-color:rgba(98,229,201,.28)}
body.era2-premium .era2-live-control.dash{border-color:rgba(118,207,233,.27);background:radial-gradient(circle at 36% 28%,rgba(91,170,203,.24),rgba(3,39,49,.92) 62%,rgba(2,24,31,.96))}
body.era2-premium .era2-live-control.action{border-color:rgba(180,226,127,.28);background:radial-gradient(circle at 36% 28%,rgba(150,190,91,.20),rgba(22,48,41,.92) 62%,rgba(4,29,31,.96))}
body.era2-premium .era2-live-control.action.hunt{border-color:rgba(244,172,111,.31);background:radial-gradient(circle at 36% 28%,rgba(183,107,62,.23),rgba(54,40,34,.92) 62%,rgba(31,27,28,.96))}

/* SENTIR : onde biologique concentrique */
body.era2-premium .era2-live-control.instinct>i:before,
body.era2-premium .era2-live-control.instinct>i:after{content:'';position:absolute;border-radius:50%;border:1px solid rgba(183,255,232,.62)}
body.era2-premium .era2-live-control.instinct>i:before{inset:.13rem;box-shadow:0 0 .62rem rgba(82,238,204,.18)}
body.era2-premium .era2-live-control.instinct>i:after{inset:.39rem;background:rgba(189,255,231,.72);border:0;box-shadow:0 0 .5rem rgba(89,241,205,.42)}
/* FUIR : impulsion fuselée, sans pictogramme bloc */
body.era2-premium .era2-live-control.dash>i:before{content:'';position:absolute;left:.16rem;top:.46rem;width:.77rem;height:.22rem;border-radius:70% 15% 70% 15%;background:linear-gradient(90deg,rgba(152,226,242,.22),rgba(196,250,255,.88));transform:rotate(-12deg);box-shadow:-.28rem .12rem .45rem rgba(104,213,237,.18)}
body.era2-premium .era2-live-control.dash>i:after{content:'';position:absolute;right:.05rem;top:.31rem;width:.42rem;height:.42rem;border-top:2px solid rgba(205,251,255,.86);border-right:2px solid rgba(205,251,255,.86);transform:rotate(45deg);border-radius:.12rem}
/* ABSORBER/MORDRE : bouche/anneau organique */
body.era2-premium .era2-live-control.action>i:before{content:'';position:absolute;inset:.16rem;border:1.5px solid rgba(218,250,184,.68);border-radius:58% 42% 55% 45% / 48% 57% 43% 52%;transform:rotate(-9deg)}
body.era2-premium .era2-live-control.action>i:after{content:'';position:absolute;left:.45rem;top:.45rem;width:.22rem;height:.22rem;border-radius:50%;background:rgba(220,255,189,.78);box-shadow:0 0 .48rem rgba(188,239,139,.4)}
body.era2-premium .era2-live-control.action.hunt>i:before{border-color:rgba(255,219,185,.76);border-radius:70% 30% 70% 30% / 50% 45% 55% 50%;transform:rotate(18deg)}
body.era2-premium .era2-live-control.action.hunt>i:after{background:rgba(255,207,168,.86);box-shadow:0 0 .48rem rgba(246,161,100,.42)}
body.era2-premium .era2-live-control.cooldown{filter:saturate(.55) brightness(.72)}
body.era2-premium .era2-live-control:disabled{opacity:.5;pointer-events:none}

body.era2-premium .era2-live-hide{
  position:absolute;z-index:8;right:.5rem;top:6.55rem;display:flex;align-items:center;gap:.3rem;
  opacity:0;transform:translateY(-.18rem) scale(.94);pointer-events:none;padding:.24rem .38rem .24rem .28rem;
  border-radius:52% 48% 45% 55% / 55% 45% 58% 42%;background:rgba(13,57,42,.78);
  border:1px solid rgba(130,225,161,.24);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  box-shadow:0 .32rem .9rem rgba(0,0,0,.24),0 0 1rem rgba(93,209,136,.08);transition:opacity .2s,transform .2s
}
body.era2-premium .era2-live-hide.active{opacity:1;transform:translateY(0) scale(1)}
body.era2-premium .era2-live-hide>i{width:.82rem;height:.82rem;border-radius:50% 40% 55% 45%;background:radial-gradient(circle at 38% 35%,rgba(165,239,185,.62),rgba(45,112,76,.48));box-shadow:0 0 .55rem rgba(112,226,151,.2)}
body.era2-premium .era2-live-hide span{display:block;text-align:left}
body.era2-premium .era2-live-hide b{display:block;color:#ddffe7;font-size:.27rem;letter-spacing:.08em}
body.era2-premium .era2-live-hide small{display:block;margin-top:.02rem;color:#9ccfaf;font-size:.2rem;white-space:nowrap}
body.era2-premium .era2-live-world.is-hidden .era2-live-vignette{background:radial-gradient(ellipse at 50% 48%,rgba(52,121,77,.025) 28%,rgba(2,22,24,.15) 72%,rgba(0,10,14,.4) 100%)}
body.era2-premium .era2-live-reproduce{bottom:4.14rem}

@media(max-width:520px){
  body.era2-premium .era2-live-controls{bottom:.46rem;height:3.2rem;gap:.46rem}
  body.era2-premium .era2-live-control{width:3rem;height:3rem;min-width:3rem;padding:.3rem .18rem .27rem}
  body.era2-premium .era2-live-control>b{font-size:.31rem}
  body.era2-premium .era2-live-control>small{max-width:2.4rem;font-size:.19rem}
  body.era2-premium .era2-live-control>i{width:1rem;height:1rem;min-height:1rem}
  body.era2-premium .era2-live-hide{right:.38rem;top:6.08rem;padding:.21rem .32rem .21rem .24rem}
  body.era2-premium .era2-live-hide b{font-size:.24rem}
  body.era2-premium .era2-live-hide small{font-size:.18rem}
  body.era2-premium .era2-live-reproduce{bottom:3.98rem}
}
@media(max-width:390px){
  body.era2-premium .era2-live-controls{gap:.34rem}
  body.era2-premium .era2-live-control{width:2.82rem;height:2.82rem;min-width:2.82rem}
  body.era2-premium .era2-live-control>b{font-size:.29rem}
  body.era2-premium .era2-live-control>small{font-size:.18rem}
}

/* =====================================================================
   V7.06.3 — ÈRE 2 : passages visibles + spécialisation compréhensible
   ===================================================================== */
body.era2-premium .p-resource.mutation{cursor:pointer;transition:filter .18s ease,transform .18s ease,box-shadow .18s ease}
body.era2-premium .p-resource.mutation:active{transform:scale(.97)}
body.era2-premium .p-resource.mutation.era2-spec-earned{animation:e2SpecHudGain .78s ease-in-out 2;box-shadow:inset 0 0 0 1px rgba(190,255,220,.25),0 0 1.2rem rgba(120,244,192,.22)}
@keyframes e2SpecHudGain{0%,100%{filter:brightness(1)}50%{filter:brightness(1.45) saturate(1.25)}}

body.era2-premium #pCycleStatus{position:relative;padding-bottom:.34rem}
body.era2-premium #pCycleStatus .p-era2-spec-reward{display:block;margin-top:.05rem;color:#8fe0c5;font-size:.20rem;font-weight:900;letter-spacing:.025em;line-height:1;white-space:nowrap}

body.era2-premium .era2-live-spec-gain{
  position:absolute;z-index:10;left:50%;top:9.45rem;min-width:9.2rem;max-width:72%;padding:.42rem .66rem .46rem;
  transform:translate(-50%,-.35rem) scale(.9);opacity:0;pointer-events:none;text-align:center;
  border-radius:53% 47% 55% 45% / 46% 56% 44% 54%;
  background:radial-gradient(circle at 50% 28%,rgba(55,142,111,.94),rgba(8,55,53,.9) 64%,rgba(3,34,40,.9));
  border:1px solid rgba(177,255,218,.3);box-shadow:0 .45rem 1.3rem rgba(0,0,0,.28),0 0 1.4rem rgba(101,242,176,.13);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)
}
body.era2-premium .era2-live-spec-gain b{display:block;color:#edfff4;font-size:.34rem;letter-spacing:.06em}
body.era2-premium .era2-live-spec-gain small{display:block;margin-top:.12rem;color:#b3dfce;font-size:.23rem;font-weight:700}
body.era2-premium .era2-live-spec-gain.active{animation:e2SpecGainFloat 2.6s ease both}
body.era2-premium .era2-live-sense-legend{
  position:absolute;left:50%;top:9.95rem;transform:translateX(-50%);z-index:7;
  min-width:10rem;max-width:min(14rem,90%);padding:.28rem .46rem .34rem;border-radius:.9rem;
  background:linear-gradient(180deg,rgba(7,34,39,.94),rgba(5,27,31,.96));border:1px solid rgba(146,242,221,.16);
  box-shadow:0 .2rem .85rem rgba(0,0,0,.28);opacity:0;pointer-events:none
}
body.era2-premium .era2-live-sense-legend b{display:block;color:#ebfff6;font-size:.31rem;letter-spacing:.06em}
body.era2-premium .era2-live-sense-legend span{display:block;margin-top:.1rem;color:#a8d7cd;font-size:.22rem;font-weight:700;line-height:1.22}
body.era2-premium .era2-live-sense-legend.active{animation:e2SenseLegend 2.3s ease both}
@keyframes e2SenseLegend{0%{opacity:0;transform:translateX(-50%) translateY(.22rem) scale(.96)}14%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}82%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}100%{opacity:0;transform:translateX(-50%) translateY(-.18rem) scale(1)}}
@keyframes e2SpecGainFloat{0%{opacity:0;transform:translate(-50%,.25rem) scale(.84)}12%,72%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-.55rem) scale(.96)}}

@media(max-width:520px){
  body.era2-premium #pCycleStatus .p-era2-spec-reward{font-size:.18rem}
  body.era2-premium .era2-live-spec-gain{top:8.7rem;min-width:8.4rem;padding:.36rem .58rem .4rem}
  body.era2-premium .era2-live-spec-gain b{font-size:.3rem}
  body.era2-premium .era2-live-spec-gain small{font-size:.2rem}
  body.era2-premium .era2-live-sense-legend{top:9.45rem;min-width:8.8rem;padding:.32rem .48rem .36rem}
  body.era2-premium .era2-live-sense-legend b{font-size:.28rem}
  body.era2-premium .era2-live-sense-legend span{font-size:.2rem}
}


/* V7.06.5 — communauté/profil era 3 */
body.era3-premium #pEraLabel{display:block;white-space:normal;line-height:1.06;max-width:8.2rem}
body.era3-premium .e3-home-build-drawer{width:min(88vw,29rem)!important;max-width:29rem!important}
body.era3-premium .e3-home-build-list{padding:1rem!important;gap:.8rem!important}
body.era3-premium .e3-home-build-card{grid-template-columns:5.25rem minmax(0,1fr)!important;align-items:start!important;padding:.95rem!important;border-radius:1rem!important}
body.era3-premium .e3-home-build-card img{width:5.25rem!important;height:5.25rem!important;border-radius:.85rem!important}
body.era3-premium .e3-home-build-card b{font-size:.8rem!important;line-height:1.15!important}
body.era3-premium .e3-home-build-card span{font-size:.56rem!important;line-height:1.45!important}
body.era3-premium .e3-home-build-card small{font-size:.48rem!important;line-height:1.38!important}
body.era3-premium .e3-home-build-card>button{min-height:2.95rem!important;font-size:.6rem!important}
body.era3-premium .community-wrap{gap:1rem}
body.era3-premium .community-tabs button,body.era3-premium .community-channel-tabs button{min-height:2.6rem;font-size:.56rem;padding:.55rem .84rem}
body.era3-premium .community-intro{padding:1rem 1.05rem}
body.era3-premium .community-intro b{font-size:.9rem}
body.era3-premium .community-intro span{font-size:.56rem;line-height:1.5}
body.era3-premium .community-player{padding:.9rem;border-radius:.92rem;gap:.45rem .65rem}
body.era3-premium .community-player strong{font-size:.72rem}
body.era3-premium .community-player span,body.era3-premium .community-player small{font-size:.48rem;line-height:1.4}
body.era3-premium .community-player>em{font-size:.43rem;padding:.26rem .54rem}
body.era3-premium .community-player>button,body.era3-premium .community-actions button,body.era3-premium .community-request button,body.era3-premium .community-create-fed button,body.era3-premium .community-chat-compose button,body.era3-premium .community-wide,body.era3-premium .community-logo-upload,body.era3-premium .community-profile-quick button{min-height:2.4rem;padding:.46rem .76rem;border-radius:.7rem;font-size:.5rem}
body.era3-premium .community-request{padding:.78rem;border-radius:.82rem}
body.era3-premium .community-request b{font-size:.6rem}
body.era3-premium .community-request span{font-size:.46rem}
body.era3-premium .community-subsection h3{font-size:.58rem}
body.era3-premium .community-create-fed input,body.era3-premium #communityPrivateTarget,body.era3-premium .community-chat-compose textarea{font-size:.54rem;padding:.72rem .78rem}
body.era3-premium .community-chat-log{max-height:42vh;padding:.25rem}
body.era3-premium .community-msg b{font-size:.48rem}
body.era3-premium .community-msg time{font-size:.38rem}
body.era3-premium .community-msg p{font-size:.55rem;line-height:1.5}
body.era3-premium .community-msg small{font-size:.38rem}
body.era3-premium .community-chat-compose{gap:.45rem}
body.era3-premium .community-chat-compose textarea{min-height:6rem}
body.era3-premium .community-empty{font-size:.5rem;padding:1rem;line-height:1.5}
body.era3-premium .community-profile-hero{display:grid;grid-template-columns:5.6rem minmax(0,1fr);gap:1rem;padding:1rem;border-radius:1rem;background:linear-gradient(160deg,rgba(7,46,52,.92),rgba(3,24,30,.95));border:1px solid rgba(103,206,198,.15)}
body.era3-premium .community-profile-logo{width:5.6rem;height:5.6rem;border-radius:1rem;overflow:hidden;background:radial-gradient(circle at 36% 30%,rgba(45,204,184,.22),rgba(5,33,40,.88));border:1px solid rgba(102,207,198,.18);display:grid;place-items:center}
body.era3-premium .community-profile-logo img{width:100%;height:100%;object-fit:cover}
body.era3-premium .community-profile-copy{display:grid;gap:.22rem;align-content:start}
body.era3-premium .community-profile-copy span{font-size:.48rem;letter-spacing:.1em;color:#79d9ca;font-weight:900}
body.era3-premium .community-profile-copy b{font-size:1rem;color:#effffb;line-height:1.1}
body.era3-premium .community-profile-copy strong{font-size:.62rem;color:#bfeadf}
body.era3-premium .community-profile-copy small{font-size:.48rem;color:#8fb6b0;line-height:1.45}
body.era3-premium .community-profile-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.28rem}
body.era3-premium .community-logo-upload{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#13a781,#08715e);color:#effff9;font-weight:900;letter-spacing:.035em;cursor:pointer}
body.era3-premium .community-logo-upload input{display:none}
body.era3-premium .community-profile-note{font-style:normal;font-size:.44rem;color:#80a7a1;margin-top:.1rem}
body.era3-premium .community-profile-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}
body.era3-premium .community-profile-kpis article,body.era3-premium .community-profile-server article{display:grid;gap:.16rem;padding:.82rem .9rem;border-radius:.9rem;background:rgba(5,33,39,.82);border:1px solid rgba(101,194,186,.11)}
body.era3-premium .community-profile-kpis span,body.era3-premium .community-profile-server span{font-size:.44rem;color:#7fd1c1;text-transform:uppercase;letter-spacing:.08em;font-weight:900}
body.era3-premium .community-profile-kpis b,body.era3-premium .community-profile-server b{font-size:.88rem;color:#effffb;line-height:1.1}
body.era3-premium .community-profile-kpis small,body.era3-premium .community-profile-server small{font-size:.44rem;color:#88aca7;line-height:1.4}
body.era3-premium .community-profile-server{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}
body.era3-premium .community-profile-badges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}
body.era3-premium .community-profile-badge{display:grid;gap:.2rem;justify-items:center;padding:.72rem .45rem;border-radius:.88rem;border:1px solid rgba(103,196,188,.14);background:rgba(4,28,34,.82);text-align:center}
body.era3-premium .community-profile-badge img{width:2.75rem;height:2.75rem;object-fit:contain;filter:drop-shadow(0 .25rem .45rem rgba(0,0,0,.35))}
body.era3-premium .community-profile-badge span{font-size:.44rem;color:#e8fbf7;line-height:1.3}
body.era3-premium .community-profile-badge small{font-size:.38rem;color:#89b7af}
body.era3-premium .community-profile-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}
@media(max-width:720px){
  body.era3-premium .community-profile-kpis,body.era3-premium .community-profile-server{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  body.era3-premium .e3-home-build-drawer{width:calc(100vw - .8rem)!important;max-width:none!important;right:.4rem!important;left:.4rem!important;top:calc(max(.55rem,env(safe-area-inset-top)) + 8.1rem)!important;bottom:4rem!important}
  body.era3-premium .e3-home-build-card{grid-template-columns:4.55rem minmax(0,1fr)!important;padding:.78rem!important}
  body.era3-premium .e3-home-build-card img{width:4.55rem!important;height:4.55rem!important}
  body.era3-premium .e3-home-build-card b{font-size:.72rem!important}
  body.era3-premium .e3-home-build-card span{font-size:.52rem!important}
  body.era3-premium .e3-home-build-card small{font-size:.45rem!important}
  body.era3-premium .community-tabs button,body.era3-premium .community-channel-tabs button{font-size:.5rem;min-height:2.45rem}
  body.era3-premium .community-profile-hero{grid-template-columns:1fr}
  body.era3-premium .community-profile-logo{width:6rem;height:6rem;justify-self:center}
  body.era3-premium .community-profile-kpis,body.era3-premium .community-profile-server,body.era3-premium .community-profile-quick,body.era3-premium .community-profile-badges{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* V7.06.6 — profils serveur, fiches joueurs et communauté réellement dynamique */
body.era3-premium .community-status{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.62rem .78rem;border-radius:.78rem;background:rgba(6,42,46,.72);border:1px solid rgba(90,211,193,.13)}
body.era3-premium .community-profile-panel{display:grid;gap:1rem}
body.era3-premium .community-status span{font-size:.48rem;color:#66e1c8;font-weight:900;letter-spacing:.08em}
body.era3-premium .community-status b{font-size:.46rem;color:#a9c9c4;font-weight:700;text-align:right}
body.era3-premium .community-player-ident{display:grid!important;grid-template-columns:2.7rem minmax(0,1fr)!important;gap:.55rem!important;align-items:center!important}
body.era3-premium .community-player-ident>img{width:2.7rem;height:2.7rem;border-radius:.68rem;object-fit:cover;background:#082b31;border:1px solid rgba(111,219,204,.16)}
body.era3-premium .community-player-ident>span{display:grid;gap:.08rem}
body.era3-premium .community-player-ident small{font-size:.46rem;color:#8caea9}
body.era3-premium .community-actions{grid-template-columns:repeat(4,minmax(0,1fr));}
body.era3-premium .community-member-profile{margin-top:.2rem;min-height:1.75rem;padding:.28rem .45rem;border:1px solid rgba(94,211,193,.17);border-radius:.48rem;background:rgba(8,66,63,.7);color:#bdf1e6;font-size:.36rem;font-weight:900}
body.era3-premium .community-profile-copy p{margin:.14rem 0 0;font-size:.54rem;line-height:1.45;color:#d5eee8}
body.era3-premium .community-profile-motto{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem;margin-top:.35rem}
body.era3-premium .community-profile-motto>span{grid-column:1/-1;font-size:.42rem!important;color:#7fd1c1!important;letter-spacing:.07em!important}
body.era3-premium .community-profile-motto input{min-width:0;min-height:2.45rem;padding:.55rem .65rem;border-radius:.62rem;border:1px solid rgba(101,205,194,.18);background:#061e25;color:#eafff8;font:600 .52rem/1.2 var(--g-font-ui,system-ui);outline:none}
body.era3-premium .community-profile-motto button{min-height:2.45rem;padding:.45rem .7rem;border:0;border-radius:.62rem;background:linear-gradient(180deg,#13a781,#08715e);color:#effff9;font-size:.48rem;font-weight:900}
body.era3-premium .community-pvp-history{display:grid;gap:.42rem}
body.era3-premium .community-pvp-history article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.16rem .6rem;align-items:center;padding:.68rem .75rem;border-radius:.72rem;background:rgba(4,29,35,.78);border:1px solid rgba(102,194,186,.1)}
body.era3-premium .community-pvp-history article.win{border-color:rgba(81,221,170,.19)}
body.era3-premium .community-pvp-history article.loss{border-color:rgba(225,117,98,.16)}
body.era3-premium .community-pvp-history div{display:grid;gap:.08rem}
body.era3-premium .community-pvp-history span{font-size:.38rem;color:#77d8c6;font-weight:900;letter-spacing:.07em}
body.era3-premium .community-pvp-history b{font-size:.58rem;color:#ecfffb}
body.era3-premium .community-pvp-history strong{font-size:.52rem;color:#d6b96e}
body.era3-premium .community-pvp-history small{grid-column:1/-1;font-size:.4rem;color:#86aaa5}
body.era3-premium .community-profile-loading{display:grid;place-items:center;gap:.35rem;min-height:12rem;padding:1rem;border-radius:1rem;background:rgba(4,29,35,.75);border:1px solid rgba(104,202,194,.13);text-align:center}
body.era3-premium .community-profile-loading b{font-size:.72rem;color:#eafff8}
body.era3-premium .community-profile-loading span{font-size:.5rem;color:#91b7b1}
body.era3-premium .community-msg-profile{padding:0;border:0;background:none;color:#baf2e7;font:800 .48rem/1.2 var(--g-font-ui,system-ui);cursor:pointer;text-align:left}
body.era3-premium .community-rank-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.15rem .5rem;align-items:center}
body.era3-premium .community-rank-row span{grid-column:1}
body.era3-premium .community-rank-row button{grid-column:2;grid-row:1/3;min-height:2rem;padding:.4rem .58rem;border:0;border-radius:.55rem;background:#0d7765;color:#effff9;font-size:.43rem;font-weight:900}
@media(max-width:620px){
 body.era3-premium .community-status{align-items:flex-start;display:grid}
 body.era3-premium .community-status b{text-align:left}
 body.era3-premium .community-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.era3-premium .community-profile-motto{grid-template-columns:1fr}
 body.era3-premium .community-profile-motto>span{grid-column:auto}
 body.era3-premium .community-pvp-history article{grid-template-columns:1fr}
 body.era3-premium .community-pvp-history small{grid-column:auto}
}


/* V7.06.7 — Ère 4 activée */
body.era3-premium .p-era3-advance{border-color:rgba(115,207,255,.48)!important;background:linear-gradient(135deg,rgba(13,88,112,.96),rgba(10,117,96,.96))!important;box-shadow:0 .45rem 1.25rem rgba(0,90,120,.28),inset 0 1px rgba(255,255,255,.08)!important}
body.era3-premium .p-era3-advance b{color:#dff8ff!important}
body.era3-premium .p-era3-advance span{color:#f1fffb!important}
body.era4-premium .g-era4-active{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.9rem 1rem;margin-bottom:.8rem;border-radius:.9rem;background:linear-gradient(145deg,rgba(8,68,82,.88),rgba(7,43,55,.94));border:1px solid rgba(104,216,240,.24);box-shadow:0 .55rem 1.25rem rgba(0,0,0,.22)}
body.era4-premium .g-era4-active>div{display:grid;gap:.12rem}
body.era4-premium .g-era4-active span{font-size:.48rem;letter-spacing:.12em;color:#80ddf0;font-weight:900}
body.era4-premium .g-era4-active b{font-size:.78rem;color:#effdff}
body.era4-premium .g-era4-active small{font-size:.5rem;line-height:1.48;color:#a5c8ce;max-width:32rem}
body.era4-premium .g-era4-active .g-btn{min-width:7.2rem;min-height:2.7rem}
@media(max-width:620px){body.era4-premium .g-era4-active{grid-template-columns:1fr}body.era4-premium .g-era4-active .g-btn{width:100%}}


/* V7.06.9 — era4 mobile & fond progressif */
body.era4-premium #pEraLabel,body.era5-premium #pEraLabel{display:block;white-space:normal;line-height:1.02;max-width:8rem}
body.era4-premium .p-brandblock{align-items:center}
body.era4-premium .cellframe .bigbtn#btn-primary{width:min(12.6rem,56vw)!important;height:4.45rem!important;font-size:.86rem!important;line-height:1.02!important;white-space:normal!important;padding:.34rem .52rem!important;text-wrap:balance}
body.era4-premium .p-primary-wrap{height:6.55rem}
@media(max-width:620px){
  body.era4-premium .cellframe .bigbtn#btn-primary{width:min(13.4rem,58vw)!important;height:4.45rem!important;font-size:.8rem!important;padding:.28rem .44rem!important}
  body.era4-premium #pEraLabel{max-width:6.8rem}
}
body.era4-premium .era5-world.interplanetary{background:radial-gradient(circle at 50% 42%,#0f4349 0,#072631 28%,#03131c 66%,#020b12 100%)}
body.era4-premium .era5-world.interplanetary.stage-launch .era5-planet{background:radial-gradient(circle at 32% 28%,#77d8c3,#2b8e8b 43%,#0c3a48 73%);box-shadow:inset -28px -24px 35px rgba(0,0,0,.52),0 0 44px rgba(88,226,200,.22)}
body.era4-premium .era5-world.interplanetary.stage-frontier .era5-planet{background:radial-gradient(circle at 32% 28%,#7cd5bf,#397eb8 46%,#0b2f51 76%);box-shadow:inset -28px -24px 35px rgba(0,0,0,.5),0 0 52px rgba(86,183,237,.18)}
body.era4-premium .era5-world.interplanetary.stage-network .era5-planet{background:radial-gradient(circle at 32% 28%,#9cf7dd,#45c4d8 44%,#143f72 78%);box-shadow:inset -28px -24px 35px rgba(0,0,0,.46),0 0 58px rgba(111,236,255,.26)}
body.era4-premium .era5-world.interplanetary .era5-nebula{opacity:.85;transition:all .35s ease}
body.era4-premium .era5-world.interplanetary.stage-frontier .era5-nebula{background:radial-gradient(ellipse,rgba(57,122,198,.22),rgba(11,63,72,.09) 44%,transparent 72%)}
body.era4-premium .era5-world.interplanetary.stage-network .era5-nebula{background:radial-gradient(ellipse,rgba(65,202,226,.26),rgba(27,91,141,.10) 44%,transparent 72%)}
body.era4-premium .era5-world.interplanetary.prestige .era5-stars{opacity:.72}
body.era4-premium .era5-world.interplanetary.fragile .era5-nebula{filter:blur(18px) saturate(.75)}
body.era4-premium .era4-secondary-planet{position:absolute;border-radius:50%;opacity:0;transform:scale(.8);transition:opacity .35s ease,transform .35s ease;box-shadow:inset -12px -10px 18px rgba(0,0,0,.45),0 0 18px rgba(101,204,225,.16)}
body.era4-premium .era4-secondary-planet.p1{left:18%;top:26%;width:min(12vw,58px);aspect-ratio:1;background:radial-gradient(circle at 30% 28%,#9ee6d6,#2f7c89 62%,#163c53 100%)}
body.era4-premium .era4-secondary-planet.p2{right:16%;bottom:22%;width:min(10vw,48px);aspect-ratio:1;background:radial-gradient(circle at 35% 28%,#ffe8a1,#8a8560 62%,#3b4459 100%)}
body.era4-premium .era5-world.interplanetary.stage-frontier .era4-secondary-planet.p1,
body.era4-premium .era5-world.interplanetary.stage-network .era4-secondary-planet.p1{opacity:.9;transform:scale(1)}
body.era4-premium .era5-world.interplanetary.stage-network .era4-secondary-planet.p2{opacity:.82;transform:scale(1)}
body.era4-premium .era4-route{position:absolute;border:1px dashed rgba(112,224,241,.24);border-radius:999px;opacity:0;transition:opacity .35s ease}
body.era4-premium .era4-route.route1{left:24%;top:38%;width:48%;height:18%;transform:rotate(-13deg)}
body.era4-premium .era4-route.route2{left:26%;top:46%;width:50%;height:24%;transform:rotate(12deg)}
body.era4-premium .era5-world.interplanetary.stage-network .era4-route{opacity:1}
body.era4-premium .era4-ship{position:absolute;left:58%;top:40%;width:1rem;height:.42rem;opacity:0;transform:rotate(-18deg);filter:drop-shadow(0 0 10px rgba(131,236,255,.32))}
body.era4-premium .era4-ship:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#d9f8ff,#6cdcf0 56%,#176577);clip-path:polygon(0 50%,36% 0,90% 50%,36% 100%)}
body.era4-premium .era4-ship:after{content:'';position:absolute;left:-.42rem;top:.16rem;width:.5rem;height:.12rem;background:linear-gradient(90deg,rgba(129,246,255,.9),rgba(129,246,255,0));border-radius:999px}
body.era4-premium .era5-world.interplanetary.missioning .era4-ship{opacity:1;animation:era4ShipCruise 7.2s linear infinite}
@keyframes era4ShipCruise{0%{left:24%;top:60%;transform:rotate(-18deg) scale(.92)}50%{left:56%;top:39%;transform:rotate(-12deg) scale(1)}100%{left:76%;top:28%;transform:rotate(-6deg) scale(.92)}}

/* ============================================================
   GENESIS V7.06.10 — Ère 4 système natal + correctifs CTA Ère 3
   ============================================================ */
body.era3-premium .cellframe .bigbtn#btn-primary{
  width:min(12.4rem,56vw)!important;
  height:4.5rem!important;
  font-size:.84rem!important;
  line-height:1.02!important;
  white-space:normal!important;
  text-wrap:balance;
  padding:.34rem .52rem!important;
}
@media (max-width:480px){
  body.era3-premium .cellframe .bigbtn#btn-primary{
    width:min(13.1rem,60vw)!important;
    height:4.42rem!important;
    font-size:.78rem!important;
    padding:.28rem .44rem!important;
  }
}
body.era3-premium .p-era3-hud-toggle{
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
}
body.era4-premium .g-ui-zoom,
body.era5-premium .g-ui-zoom{
  bottom:6.2rem;
}


/* V7.06.11 — ajustements fins CTA Ère 4 + toggle HUD Ère 3 */
body.era4-premium .p-primary-wrap{height:5.8rem!important}
body.era4-premium .cellframe .bigbtn#btn-primary{
  width:min(9.9rem,43vw)!important;
  height:3.92rem!important;
  font-size:.72rem!important;
  line-height:1.04!important;
  padding:.24rem .36rem!important;
  white-space:normal!important;
  text-wrap:balance;
}
@media(max-width:620px){
  body.era4-premium .cellframe .bigbtn#btn-primary{
    width:min(9.2rem,41vw)!important;
    height:3.82rem!important;
    font-size:.68rem!important;
    padding:.2rem .3rem!important;
  }
}
@media(max-width:390px){
  body.era4-premium .cellframe .bigbtn#btn-primary{
    width:min(8.7rem,40vw)!important;
    height:3.72rem!important;
    font-size:.64rem!important;
  }
}

body.era3-premium .p-era3-hud-toggle{
  position:fixed!important;
  z-index:171!important;
  left:50%!important;
  right:auto!important;
  top:calc(max(.55rem,env(safe-area-inset-top)) + 7.45rem)!important;
  bottom:auto!important;
  transform:translateX(-50%)!important;
  width:1rem!important;
  height:.38rem!important;
  padding:0!important;
  border-radius:0 0 .32rem .32rem!important;
  background:rgba(5,28,33,.18)!important;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  color:transparent!important;
  border:1px solid rgba(98,228,209,.08)!important;
  box-shadow:none!important;
  font-size:0!important;
}
body.era3-premium .p-era3-hud-toggle::before{
  content:'';
  display:block;
  width:.42rem;
  height:.12rem;
  border-radius:999px;
  background:rgba(221,251,245,.88);
}
body.era3-premium .p-era3-hud-toggle:hover{background:rgba(5,28,33,.26)!important}
body.era3-premium.era3-top-hud-collapsed .p-era3-hud-toggle{
  top:calc(max(.55rem,env(safe-area-inset-top)) + 3.88rem)!important;
}
@media(max-width:390px){
  body.era3-premium .p-era3-hud-toggle{width:1.35rem!important;height:.66rem!important}
}

/* ============================================================
   GENESIS V7.06.12 — cohabitation planétaire / rivalité / Union
   ============================================================ */
.planetary-rival-badge{position:fixed;z-index:169;right:.55rem;top:calc(max(.55rem,env(safe-area-inset-top)) + 8.05rem);display:grid;grid-template-columns:1.4rem auto;align-items:center;gap:.34rem;min-width:6.8rem;padding:.34rem .48rem;border-radius:.8rem;border:1px solid rgba(108,226,207,.18);background:linear-gradient(180deg,rgba(5,39,45,.94),rgba(3,25,31,.94));color:#eafff8;box-shadow:0 .4rem 1rem rgba(0,0,0,.28);backdrop-filter:blur(10px)}
.planetary-rival-badge>i{display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:50%;background:rgba(81,213,189,.1);font-style:normal;font-size:.68rem}.planetary-rival-badge>span{display:grid;text-align:left}.planetary-rival-badge b{font-size:.38rem;letter-spacing:.07em}.planetary-rival-badge small{font-size:.29rem;color:#8ebcb3;margin-top:.05rem}
body.era2-premium .planetary-rival-badge{top:calc(max(.55rem,env(safe-area-inset-top)) + 7.05rem)}
body.era1-premium:not(.era2-premium):not(.era3-premium):not(.era4-premium):not(.era5-premium) .planetary-rival-badge{top:calc(max(.55rem,env(safe-area-inset-top)) + 8.15rem)}
.planetary-feature{display:grid;gap:.72rem}.planetary-rival-card{display:grid;grid-template-columns:3.3rem minmax(0,1fr);gap:.7rem;align-items:center;padding:.8rem;border-radius:1rem;background:linear-gradient(150deg,rgba(7,48,54,.92),rgba(4,27,33,.96));border:1px solid rgba(103,218,201,.14)}.planetary-rival-icon{display:grid;place-items:center;width:3.3rem;height:3.3rem;border-radius:50% 47% 52% 48%;background:radial-gradient(circle at 32% 28%,rgba(126,244,210,.28),rgba(21,103,97,.35) 52%,rgba(4,35,41,.8));border:1px solid rgba(142,237,218,.22);font-size:1.15rem}.planetary-rival-card span,.planetary-catchup>span,.planetary-dominance>span{display:block;font-size:.43rem;letter-spacing:.1em;color:#73d5c3;font-weight:950}.planetary-rival-card b{display:block;margin-top:.1rem;font-size:.82rem;color:#effffb}.planetary-rival-card small{display:block;margin-top:.16rem;font-size:.48rem;color:#8fbab3}.planetary-catchup,.planetary-dominance{padding:.78rem .82rem;border-radius:.9rem;background:rgba(5,37,43,.82);border:1px solid rgba(104,203,190,.13)}.planetary-catchup.protected{border-color:rgba(111,192,255,.24);box-shadow:inset 0 0 1rem rgba(81,157,234,.05)}.planetary-catchup b,.planetary-dominance b{display:block;margin-top:.12rem;font-size:.68rem;color:#effffb}.planetary-catchup p{margin:.25rem 0;font-size:.52rem;color:#b5d7d1;line-height:1.45}.planetary-catchup small,.planetary-dominance small{font-size:.46rem;color:#8eb4ae}.planetary-territory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.planetary-territory>div{display:grid;gap:.1rem;padding:.68rem;border-radius:.8rem;background:rgba(4,30,36,.82);border:1px solid rgba(103,198,187,.11);text-align:center}.planetary-territory span{font-size:.37rem;color:#79cbbb;font-weight:900;letter-spacing:.07em}.planetary-territory b{font-size:.7rem;color:#effffb}.planetary-rules{display:grid;gap:.28rem;padding:.8rem;border-radius:.9rem;background:rgba(3,25,31,.7);border:1px solid rgba(103,198,187,.09)}.planetary-rules>b{font-size:.5rem;color:#9ee4d6;letter-spacing:.08em}.planetary-rules>span{font-size:.47rem;color:#9bbeb8;line-height:1.42}.planetary-dominance{border-color:rgba(238,190,99,.2);background:linear-gradient(150deg,rgba(61,45,24,.66),rgba(28,28,28,.82))}.planetary-dominance>span{color:#eacb86}.planetary-dominance .g-btn{margin-top:.5rem}
@media(max-width:480px){.planetary-rival-badge{right:.38rem;top:calc(max(.55rem,env(safe-area-inset-top)) + 7.7rem);min-width:6rem;padding:.28rem .38rem}.planetary-rival-badge>i{width:1.15rem;height:1.15rem}.planetary-rival-badge b{font-size:.34rem}.planetary-rival-badge small{font-size:.26rem}.planetary-territory{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ============================================================
   GENESIS V7.06.12 FINAL — rival physiquement visible Ères 1 / 2
   ============================================================ */
body.era1-premium:not(.era2-premium):not(.era3-premium):not(.era4-premium):not(.era5-premium) .planetary-world-rival{
  position:absolute;z-index:13;right:7%;top:43%;width:5.4rem;min-height:4.7rem;padding:.2rem;border:0;background:transparent;color:#eafff8;display:grid;justify-items:center;align-content:center;gap:.12rem;cursor:pointer;pointer-events:auto;filter:drop-shadow(0 .45rem .8rem rgba(0,0,0,.38));animation:planetaryRivalDrift 8.5s ease-in-out infinite;transform-origin:center center;
}
body.era1-premium:not(.era2-premium):not(.era3-premium):not(.era4-premium):not(.era5-premium) .planetary-rival-organism{
  position:relative;display:block;width:2.65rem;height:2.4rem;border-radius:49% 51% 44% 56% / 54% 45% 55% 46%;background:radial-gradient(circle at 32% 28%,rgba(255,231,165,.96),rgba(174,106,59,.94) 45%,rgba(61,54,61,.98) 82%);border:1px solid rgba(255,220,154,.64);box-shadow:inset 0 0 .65rem rgba(255,244,204,.16),0 0 1.05rem rgba(215,140,73,.18);overflow:visible;
}
body.era1-premium:not(.era2-premium):not(.era3-premium):not(.era4-premium):not(.era5-premium) .planetary-world-rival.is-player .planetary-rival-organism{
  background:radial-gradient(circle at 32% 28%,rgba(237,218,255,.97),rgba(128,83,181,.94) 45%,rgba(47,45,81,.98) 82%);border-color:rgba(226,198,255,.64);box-shadow:inset 0 0 .65rem rgba(247,234,255,.16),0 0 1.05rem rgba(155,105,220,.2)
}
.planetary-rival-organism>i{position:absolute;border-radius:50%;background:rgba(23,45,47,.54);border:1px solid rgba(255,255,255,.16)}
.planetary-rival-organism>i:nth-child(1){width:.52rem;height:.52rem;left:.55rem;top:.54rem}.planetary-rival-organism>i:nth-child(2){width:.38rem;height:.38rem;right:.5rem;top:.7rem}.planetary-rival-organism>i:nth-child(3){width:.3rem;height:.3rem;left:1.2rem;bottom:.44rem}
.planetary-rival-world-copy{display:grid;text-align:center;gap:.05rem;padding:.17rem .28rem;border-radius:.5rem;background:rgba(2,25,30,.68);border:1px solid rgba(206,239,231,.08);backdrop-filter:blur(5px)}
.planetary-rival-world-copy b{font-size:.31rem;line-height:1.1;letter-spacing:.09em;color:#ffdda4}.planetary-world-rival.is-player .planetary-rival-world-copy b{color:#e8cdff}.planetary-rival-world-copy small{font-size:.25rem;color:#9abdb8;line-height:1.15;max-width:4.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.planetary-world-rival:active{transform:scale(.94)}
@keyframes planetaryRivalDrift{0%,100%{translate:0 0;rotate:-2deg}25%{translate:-.45rem .3rem;rotate:2deg}50%{translate:-.15rem -.35rem;rotate:-1deg}75%{translate:.38rem .18rem;rotate:1.5deg}}
@media(max-width:420px){
  body.era1-premium:not(.era2-premium):not(.era3-premium):not(.era4-premium):not(.era5-premium) .planetary-world-rival{right:3.5%;top:41%;transform:scale(.92)}
}

/* V7.06.13 — biosphères séparées / premier contact en Ère 3 */
.planetary-first-contact .planetary-contact-choice{display:grid;gap:.24rem;margin:.8rem 0;padding:.72rem .8rem;border-radius:.82rem;background:rgba(52,120,116,.16);border:1px solid rgba(117,230,209,.22)}
.planetary-first-contact .planetary-contact-choice b{font-size:.88rem;color:#effffb}
.planetary-first-contact .planetary-contact-choice small{font-size:.58rem;line-height:1.5;color:#9bc7c0}
body.era3-premium .e3-region.rival-owned{border-color:rgba(202,152,255,.42);background:linear-gradient(145deg,rgba(45,29,66,.86),rgba(10,34,42,.94));box-shadow:inset 0 0 1.2rem rgba(167,98,228,.06),0 .45rem 1rem rgba(0,0,0,.24)}
body.era3-premium .e3-region.rival-owned .e3-region-copy>span{color:#d9b8ff}
body.era3-premium .e3-region.rival-owned>button{border-color:rgba(199,151,250,.3);background:rgba(88,48,121,.72);color:#f4e7ff}

/* V7.06.16 — guerre planétaire ciblée + régence IA */
.planetary-regency{display:grid;gap:.2rem;padding:.78rem .82rem;border-radius:.9rem;background:linear-gradient(150deg,rgba(37,44,58,.9),rgba(9,31,38,.92));border:1px solid rgba(128,177,221,.2)}
.planetary-regency>span,.planetary-war-head span,.planetary-operation span,.planetary-target span,.planetary-war-report span{font-size:.4rem;font-weight:950;letter-spacing:.09em;color:#88d9cb}
.planetary-regency>b{font-size:.68rem;color:#effffb}.planetary-regency>small{font-size:.47rem;line-height:1.45;color:#a1c4c0}
.planetary-war-panel{display:grid;gap:.58rem;padding:.72rem;border-radius:1rem;background:linear-gradient(155deg,rgba(35,22,25,.84),rgba(4,28,34,.94));border:1px solid rgba(238,111,102,.18)}
.planetary-war-head{display:flex;justify-content:space-between;align-items:flex-end;gap:.6rem;padding:.08rem .1rem .25rem}.planetary-war-head>div{display:grid;gap:.08rem}.planetary-war-head b{font-size:.75rem;color:#fff4ef}.planetary-war-head small{max-width:48%;font-size:.43rem;line-height:1.35;text-align:right;color:#d0aaa5}
.planetary-operation-list,.planetary-target-list,.planetary-report-list{display:grid;gap:.42rem}
.planetary-operation,.planetary-target{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem;align-items:center;padding:.58rem .62rem;border-radius:.78rem;background:rgba(6,34,40,.84);border:1px solid rgba(105,208,194,.11)}
.planetary-operation.mine{border-color:rgba(89,219,187,.25);background:rgba(6,49,47,.7)}.planetary-operation.danger{border-color:rgba(241,112,101,.28);background:rgba(58,26,28,.68)}.planetary-target.areta{border-color:rgba(239,195,91,.27);background:linear-gradient(150deg,rgba(61,46,24,.7),rgba(8,31,35,.82))}
.planetary-operation>div,.planetary-target>div{display:grid;gap:.08rem}.planetary-operation b,.planetary-target b{font-size:.58rem;color:#f4fffc}.planetary-operation small,.planetary-target small{font-size:.42rem;line-height:1.35;color:#91bcb5}.planetary-operation .g-btn,.planetary-target .g-btn{min-width:6.8rem;min-height:2.4rem;font-size:.45rem}
.planetary-war-report{display:grid;gap:.08rem;padding:.5rem .58rem;border-radius:.68rem;background:rgba(3,25,31,.7);border:1px solid rgba(102,190,180,.08)}.planetary-war-report>b{font-size:.52rem;color:#eafff8}.planetary-war-report>small{font-size:.4rem;color:#8fb6af;line-height:1.35}.planetary-war-report.occupation,.planetary-war-report.defended{border-color:rgba(92,218,179,.16)}.planetary-war-report.repelled,.planetary-war-report.counter_failed{border-color:rgba(230,112,104,.14)}
@media(max-width:480px){.planetary-war-head{align-items:flex-start;flex-direction:column}.planetary-war-head small{max-width:none;text-align:left}.planetary-operation,.planetary-target{grid-template-columns:minmax(0,1fr)}.planetary-operation .g-btn,.planetary-target .g-btn{width:100%}}

/* V7.06.17 — notifications multijoueur / planète partagée */
.planetary-rival-badge{position:fixed}
.planetary-rival-badge>u{position:absolute;right:-.18rem;top:-.22rem;min-width:1.05rem;height:1.05rem;padding:0 .18rem;display:grid;place-items:center;border-radius:999px;background:#b93b46;color:#fff;text-decoration:none;font-size:.34rem;font-weight:1000;border:2px solid #06232a;box-shadow:0 .25rem .65rem rgba(0,0,0,.35)}
.planetary-notifications{display:grid;gap:.5rem;padding:.72rem;border-radius:.95rem;background:linear-gradient(155deg,rgba(9,37,45,.92),rgba(4,24,31,.94));border:1px solid rgba(108,218,204,.14)}
.planetary-notice-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.planetary-notice-head>div{display:grid;gap:.08rem}.planetary-notice-head span{font-size:.4rem;font-weight:950;letter-spacing:.09em;color:#82d8c9}.planetary-notice-head b{font-size:.62rem;color:#effffb}.planetary-notice-head .g-btn{min-height:2rem;padding:.35rem .52rem;font-size:.4rem}
.planetary-notice-list{display:grid;gap:.36rem}.planetary-notice{display:grid;grid-template-columns:1.45rem minmax(0,1fr);gap:.5rem;align-items:start;padding:.5rem .55rem;border-radius:.7rem;background:rgba(3,27,33,.72);border:1px solid rgba(113,205,193,.08);opacity:.74}.planetary-notice.unread{opacity:1;border-color:rgba(114,226,208,.24);box-shadow:inset .18rem 0 0 rgba(93,218,196,.45)}.planetary-notice>i{display:grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:.5rem;background:rgba(95,215,194,.08);font-style:normal;font-size:.7rem}.planetary-notice>div{display:grid;gap:.08rem}.planetary-notice span{font-size:.5rem;font-weight:900;color:#effffb}.planetary-notice small{font-size:.42rem;line-height:1.42;color:#94bbb4}.planetary-notice.kind-war.unread,.planetary-notice.kind-secession.unread{border-color:rgba(235,112,104,.28);box-shadow:inset .18rem 0 0 rgba(235,112,104,.56)}.planetary-notice.kind-sovereignty.unread,.planetary-notice.kind-dominance.unread{border-color:rgba(234,194,95,.28);box-shadow:inset .18rem 0 0 rgba(234,194,95,.55)}
@media(max-width:480px){.planetary-notice-head{align-items:flex-start;flex-direction:column}.planetary-notice-head .g-btn{width:100%}.planetary-notice{grid-template-columns:1.25rem minmax(0,1fr);padding:.46rem}.planetary-notice>i{width:1.2rem;height:1.2rem;font-size:.62rem}}

/* V7.06.18 — visibilité possessions Union / verrouillage de cible */
.g-colony-v7.union-partner{border-color:rgba(111,215,198,.28);background:linear-gradient(180deg,rgba(10,51,55,.78),rgba(5,31,38,.82));box-shadow:inset 0 0 0 1px rgba(120,234,214,.04)}
.g-colony-v7.union-partner .g-colony-head em{color:#8ee4d4}
.g-union-world-note{padding:.55rem .62rem;border-radius:.62rem;background:rgba(64,179,161,.08);border:1px dashed rgba(116,220,202,.2);color:#bcece3;font-size:.58rem;font-weight:800;line-height:1.35}

/* =====================================================================
   V7.07 — TERRITOIRES GALACTIQUES
   ===================================================================== */
.g-territory-summary{margin:.72rem 0;padding:.78rem .9rem;border:1px solid rgba(117,196,218,.18);border-radius:.9rem;background:linear-gradient(135deg,rgba(20,61,75,.34),rgba(36,28,67,.28));display:grid;grid-template-columns:1fr auto;gap:.18rem .65rem;align-items:center}
.g-territory-summary span{font-size:.65rem;font-weight:900;letter-spacing:.13em;color:#9edbd1}.g-territory-summary b{font-size:1.15rem;color:#e9fffb}.g-territory-summary small{grid-column:1/-1;color:#9eb8bb;line-height:1.35}
.g-territory-section{margin-top:.72rem;padding-top:.65rem;border-top:1px solid rgba(147,214,207,.12)}
.g-territory-section>strong{display:block;margin-bottom:.48rem;font-size:.62rem;letter-spacing:.12em;color:#9edbd1}
.g-territory-owner,.g-territory-history{display:flex;gap:.55rem;align-items:center;padding:.46rem .52rem;margin:.28rem 0;border-radius:.7rem;background:rgba(7,30,39,.48);border:1px solid rgba(127,198,194,.08)}
.g-territory-owner>i{width:.58rem;height:.58rem;border-radius:50%;box-shadow:0 0 10px currentColor;flex:0 0 auto}.g-territory-owner span,.g-territory-history span{display:flex;min-width:0;flex-direction:column}.g-territory-owner b,.g-territory-history b{font-size:.76rem;color:#eafffb}.g-territory-owner small,.g-territory-history small{font-size:.64rem;color:#8faeb2;line-height:1.3}
.g-territory-history time{min-width:4.7rem;font-size:.6rem;color:#73959d;font-variant-numeric:tabular-nums}
@media(max-width:520px){.g-territory-owner,.g-territory-history{padding:.42rem .46rem}.g-territory-history time{min-width:4.25rem;font-size:.56rem}}

/* V7.07.1 — Guerre interstellaire */
.g-war-zone{margin-top:.7rem;padding-top:.65rem;border-top:1px solid rgba(232,97,90,.18)}
.g-war-defense,.g-war-operation,.g-gal-war-panel{margin:.45rem 0;padding:.68rem .75rem;border-radius:.8rem;background:linear-gradient(145deg,rgba(25,40,50,.82),rgba(42,22,30,.78));border:1px solid rgba(232,97,90,.2)}
.g-war-defense>span,.g-war-operation>span,.g-gal-war-panel>span{display:block;font-size:.46rem;letter-spacing:.12em;font-weight:900;color:#e99d98}
.g-war-defense>b,.g-war-operation>b,.g-gal-war-panel>b{display:block;margin-top:.12rem;font-size:.72rem;color:#fff4f2}.g-war-defense>small,.g-war-operation>small,.g-gal-war-panel>small{display:block;margin-top:.16rem;font-size:.52rem;line-height:1.4;color:#c7a6a4}
.g-war-defense.enemy{background:linear-gradient(145deg,rgba(51,28,33,.85),rgba(25,25,38,.78))}.g-war-defense.enemy>span{color:#ef8179}
.g-war-actions{display:grid;grid-template-columns:1fr 1fr;gap:.42rem;margin:.45rem 0}.g-war-actions .g-btn{min-width:0;font-size:.56rem;padding:.52rem .35rem}
.g-war-operation.mine{border-color:rgba(79,209,197,.25);background:linear-gradient(145deg,rgba(9,60,60,.82),rgba(22,39,55,.78))}.g-war-operation.mine>span{color:#66ddd1}.g-war-operation.danger{box-shadow:0 0 0 1px rgba(232,97,90,.08),0 0 22px rgba(232,97,90,.08)}
.g-btn.danger{background:linear-gradient(145deg,#8f3434,#c54d47)!important;border-color:rgba(255,148,140,.36)!important;color:#fff!important}.g-btn.danger:disabled{opacity:.42!important}
.g-gal-war-panel{margin:.7rem 0;background:linear-gradient(145deg,rgba(44,24,30,.92),rgba(20,28,43,.9))}.g-war-chip-row{display:flex;flex-wrap:wrap;gap:.3rem;margin:.45rem 0}.g-war-chip{padding:.3rem .45rem;border-radius:999px;background:rgba(232,97,90,.12);border:1px solid rgba(232,97,90,.18);font-size:.52rem;color:#f2beb9}
.g-gal-war-op{display:flex;align-items:center;gap:.5rem;margin:.35rem 0;padding:.46rem .5rem;border-radius:.65rem;background:rgba(5,23,31,.55)}.g-gal-war-op>i{font-style:normal;font-size:1rem}.g-gal-war-op>span{display:flex;flex-direction:column;min-width:0}.g-gal-war-op b{font-size:.62rem;color:#f6efef}.g-gal-war-op small{font-size:.5rem;color:#af9497;line-height:1.35}.g-gal-war-op.mine{border-left:2px solid #4fd1c5}.g-gal-war-op.danger{border-left:2px solid #e8615a}
@media(max-width:520px){.g-war-actions{grid-template-columns:1fr}.g-war-defense,.g-war-operation,.g-gal-war-panel{padding:.6rem}.g-war-chip{font-size:.49rem}}

/* V7.07.2 — Logistique & ravitaillement interstellaire */
.g-supply-world,.g-logistics-summary,.g-front-supply{border:1px solid rgba(105,230,211,.28);background:rgba(5,34,40,.72);border-radius:14px;padding:.72rem .8rem;display:grid;gap:.28rem}
.g-supply-world>span,.g-logistics-summary>span,.g-front-supply>span{font-size:.66rem;font-weight:900;letter-spacing:.08em;color:#8ff7ea}
.g-supply-world>b,.g-logistics-summary>b{font-size:.86rem;color:#effffb}
.g-supply-world small,.g-logistics-summary small,.g-front-supply small{font-size:.68rem;line-height:1.35;color:#a9c9c6}
.g-supply-world.cut,.g-logistics-summary.warning,.g-front-supply.cut{border-color:rgba(239,143,104,.46);background:rgba(59,28,24,.58)}
.g-supply-world.cut>span,.g-logistics-summary.warning>span,.g-front-supply.cut>span{color:#ffb18e}
.g-front-supply>div{height:7px;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden}
.g-front-supply>div>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4fd1c5,#8ff7ea)}
.g-front-supply.cut>div>i{background:linear-gradient(90deg,#e8615a,#f3a169)}
.g-military-supply{display:flex;align-items:center;justify-content:space-between;margin:.38rem 0 .2rem;padding:.28rem .44rem;border-radius:8px;background:rgba(79,209,197,.08);font-size:.65rem;color:#9fe8dd}
.g-military-supply.cut{background:rgba(232,97,90,.11);color:#ffb09e}
.g-gal-war-op span em{display:block;margin-top:.18rem;font-style:normal;font-size:.64rem;color:#8ff7ea}
.g-gal-war-op.supply-cut{border-color:rgba(232,97,90,.46)!important}
.g-gal-war-op.supply-cut span em{color:#ff9e89}
.g-convoy-row{display:flex;justify-content:space-between;gap:.65rem;align-items:center;padding:.48rem .6rem;border-radius:10px;background:rgba(79,209,197,.07);font-size:.7rem}
.g-convoy-row span{color:#cce8e4}.g-convoy-row b{color:#8ff7ea;white-space:nowrap}
.g-logistics-summary{margin:.7rem 0}
@media(max-width:620px){.g-supply-world,.g-logistics-summary,.g-front-supply{padding:.64rem .68rem}.g-supply-world small,.g-logistics-summary small,.g-front-supply small{font-size:.66rem}}

/* V7.07.3 — Diplomatie galactique avancée */
.g-diplomacy-panel,.g-diplomacy-world{margin:.72rem 0;padding:.78rem;border:1px solid rgba(116,211,195,.22);border-radius:.9rem;background:linear-gradient(180deg,rgba(11,35,43,.88),rgba(7,24,31,.92));box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.g-diplomacy-panel>span,.g-diplomacy-world>span{display:block;font-size:.65rem;letter-spacing:.12em;color:#83e5d4;font-weight:800}.g-diplomacy-panel>b{display:block;margin:.18rem 0 .55rem;font-size:.9rem;color:#e9fbf7}.g-diplomacy-panel>small{display:block;margin:.62rem 0 .3rem;font-size:.59rem;letter-spacing:.1em;color:#7fa7ad;font-weight:800}
.g-dip-request,.g-dip-treaty{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;gap:.55rem;align-items:center;margin:.34rem 0;padding:.5rem .54rem;border-radius:.7rem;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)}
.g-dip-request.incoming{border-color:rgba(118,226,207,.22);background:rgba(54,139,129,.09)}.g-dip-request>i,.g-dip-treaty>i{font-style:normal;font-size:1.15rem;text-align:center}.g-dip-request span,.g-dip-treaty span{min-width:0}.g-dip-request b,.g-dip-treaty b{display:block;color:#edf9f7;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g-dip-request small,.g-dip-treaty small{display:block;color:#91adb1;font-size:.61rem;margin-top:.12rem}.g-dip-request>div{display:flex;gap:.28rem}.g-dip-request button,.g-dip-treaty button{min-width:2rem;min-height:1.9rem;border-radius:.5rem;border:1px solid rgba(113,224,205,.24);background:rgba(25,83,78,.36);color:#dffaf4;font-weight:800}.g-dip-request button:last-child{border-color:rgba(228,103,98,.22);background:rgba(111,39,38,.28)}.g-dip-request em,.g-dip-treaty em{font-style:normal;font-size:.56rem;color:#78b9ae;letter-spacing:.08em}.g-dip-treaty button{font-size:.56rem;padding:.25rem .45rem}
.g-dip-chip-row{display:flex;flex-wrap:wrap;gap:.3rem;margin:.42rem 0}.g-dip-chip{display:inline-flex;align-items:center;gap:.2rem;padding:.28rem .44rem;border-radius:99px;background:rgba(74,154,143,.14);border:1px solid rgba(113,224,205,.18);font-size:.58rem;color:#ccefe9}.g-diplomacy-world small{display:block;color:#91adb1;font-size:.61rem;line-height:1.35;margin:.35rem 0}.g-diplomacy-world.mine{border-color:rgba(238,204,108,.18)}
@media(max-width:620px){.g-dip-request,.g-dip-treaty{grid-template-columns:1.7rem minmax(0,1fr) auto;gap:.42rem;padding:.48rem}.g-diplomacy-panel,.g-diplomacy-world{padding:.66rem;border-radius:.78rem}.g-dip-request b,.g-dip-treaty b{font-size:.68rem}}

/* V7.07.4 — Vassalisation, tribut, intégration et libération */
.g-vassal-panel{margin:12px 0;padding:12px;border:1px solid rgba(202,169,83,.35);border-radius:14px;background:linear-gradient(145deg,rgba(41,31,19,.74),rgba(12,26,31,.82));display:grid;gap:9px}.g-vassal-panel>span,.g-vassal-self>span{font-size:.68rem;letter-spacing:.12em;color:#e9cf83}.g-vassal-self,.g-vassal-subject{border:1px solid rgba(233,207,131,.18);border-radius:11px;padding:10px;background:rgba(5,16,20,.48);display:grid;gap:8px}.g-vassal-self.rebellion,.g-vassal-subject.rebellion{border-color:rgba(232,97,90,.52);background:rgba(59,19,19,.42)}.g-vassal-bars{display:grid;grid-template-columns:1fr 1fr;gap:8px}.g-vassal-bars label{font-size:.7rem;display:grid;gap:4px}.g-vassal-bars label>b{font-size:.82rem}.g-vassal-bars i{display:block;height:6px;border-radius:9px;background:rgba(255,255,255,.09);overflow:hidden}.g-vassal-bars em{display:block;height:100%;background:linear-gradient(90deg,#67d2c4,#e4c66a);border-radius:9px}.g-vassal-subject{grid-template-columns:minmax(0,1fr) auto;align-items:center}.g-vassal-subject>span{display:grid;gap:3px}.g-vassal-subject>div{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.g-vassal-subject button{font-size:.62rem;padding:.45rem .55rem}.g-vassal-ultimatum{margin-top:9px;padding:10px;border:1px solid rgba(233,207,131,.35);border-radius:11px;background:rgba(61,43,17,.38);display:grid;gap:6px}.g-vassal-ultimatum>span{color:#e9cf83;font-size:.69rem;letter-spacing:.08em}.g-vassal-ultimatum small{opacity:.8}@media(max-width:620px){.g-vassal-bars{grid-template-columns:1fr}.g-vassal-subject{grid-template-columns:1fr}.g-vassal-subject>div{justify-content:stretch}.g-vassal-subject button{flex:1}}

/* =====================================================================
   V7.07.5 — Ère 4 : commandement militaire et conquête régionale
   ===================================================================== */
.g-era4-goal,.g-era4-command-summary{display:grid;gap:10px;padding:14px;border:1px solid rgba(119,226,210,.22);border-radius:16px;background:rgba(8,29,36,.72);margin:12px 0}
.g-era4-goal>div:first-child{display:grid;gap:4px}.g-era4-goal span,.g-era4-command-summary span{font-size:.72rem;letter-spacing:.08em;opacity:.78}.g-era4-goal b{font-size:1.08rem}.g-era4-goal small{opacity:.72;line-height:1.35}
.g-era4-command-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.g-era4-command-summary span{display:flex;justify-content:space-between;gap:8px;padding:9px;border-radius:12px;background:rgba(255,255,255,.035)}
.g-era4-units{display:grid;gap:10px}.g-era4-unit{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.09);background:rgba(7,25,31,.62)}
.g-era4-unit>div{display:flex;align-items:center;gap:10px;min-width:0}.g-era4-unit i{font-style:normal;font-size:1.5rem}.g-era4-unit span{display:grid;gap:2px;min-width:0}.g-era4-unit small{opacity:.68;font-size:.72rem}.g-era4-unit button{flex:0 0 auto}
.g-era4-world{display:grid;gap:10px;padding:13px;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:rgba(7,25,31,.66);margin:8px 0}.g-era4-world.mine{border-color:rgba(79,209,197,.28)}.g-era4-world.enemy{border-color:rgba(238,125,96,.26)}
.g-era4-world-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.g-era4-world-head>div{display:grid;gap:2px}.g-era4-world-head span{font-size:.64rem;letter-spacing:.1em;opacity:.65}.g-era4-world-head b{font-size:.98rem}.g-era4-world-head small{opacity:.66}.g-era4-world-head em{font-style:normal;font-size:.72rem;white-space:nowrap;opacity:.82}
.g-era4-world-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.g-era4-world-stats span{display:grid;gap:2px;padding:7px 6px;text-align:center;border-radius:10px;background:rgba(255,255,255,.04);font-size:.68rem;opacity:.82}.g-era4-world-stats b{font-size:.85rem;opacity:1}
.g-era4-yield{padding:8px 10px;border-radius:10px;background:rgba(79,209,197,.07);font-size:.68rem;line-height:1.35;opacity:.84}
.g-era4-postures,.g-era4-mini-actions{display:flex;gap:6px;flex-wrap:wrap}.g-era4-postures button,.g-era4-mini-actions button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:inherit;border-radius:9px;padding:7px 9px;font-size:.67rem;font-weight:700}.g-era4-postures button.selected{border-color:rgba(79,209,197,.58);background:rgba(79,209,197,.12)}
#inspect .cta.danger,.g-btn.danger{border-color:rgba(238,125,96,.55);background:rgba(238,125,96,.12)}#inspect .cta.ghost{background:rgba(255,255,255,.04)}
@media(max-width:620px){.g-era4-command-summary{grid-template-columns:1fr}.g-era4-unit{align-items:flex-start}.g-era4-unit button{padding-inline:10px}.g-era4-world-stats{grid-template-columns:1fr 1fr 1fr}.g-era4-world-head{align-items:flex-start}.g-era4-world-head em{white-space:normal;text-align:right}}


/* ============================================================
   GENESIS V7.07.8 — UX commandement militaire / Cargos / conquête
   ============================================================ */
.g-military-modal{position:fixed;inset:0;z-index:430;display:grid;place-items:center;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));background:rgba(1,10,16,.76);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:auto}.g-military-modal.hidden{display:none}.g-military-shell{position:relative;width:min(46rem,96vw);max-height:min(88vh,58rem);overflow:auto;overscroll-behavior:contain;border:1px solid rgba(104,224,218,.28);border-radius:1.25rem;background:radial-gradient(circle at 15% 0,rgba(25,116,118,.18),transparent 28%),linear-gradient(160deg,rgba(6,31,39,.98),rgba(3,18,27,.99));box-shadow:0 2rem 5rem rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.06);color:#eafffb}.g-military-close{position:sticky;float:right;top:.7rem;right:.7rem;z-index:5;width:2.65rem;height:2.65rem;border-radius:50%;border:1px solid rgba(122,226,218,.28);background:rgba(4,31,38,.92);color:#eafffb;font-size:1.55rem;line-height:1;box-shadow:0 .45rem 1.2rem rgba(0,0,0,.28)}.g-military-head{padding:1.25rem 4rem .9rem 1.25rem;border-bottom:1px solid rgba(111,216,209,.12)}.g-military-head>span{display:block;font-size:.64rem;font-weight:900;letter-spacing:.16em;color:#72dfd2}.g-military-head h2{margin:.25rem 0 .3rem;font-size:1.35rem;line-height:1.12}.g-military-head p{margin:0;max-width:36rem;color:#9cbfbe;font-size:.78rem;line-height:1.52}.g-military-body{display:grid;gap:.8rem;padding:1rem 1.25rem 1.15rem}.g-military-footer{position:sticky;bottom:0;z-index:4;display:grid;grid-template-columns:minmax(7rem,.65fr) minmax(12rem,1.35fr);gap:.65rem;padding:.8rem 1.25rem calc(.8rem + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(3,18,27,.82),rgba(3,18,27,.99) 28%);border-top:1px solid rgba(111,216,209,.12)}.g-military-footer .g-btn{min-height:3rem}.g-mil-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.g-mil-tabs button{display:grid;gap:.12rem;place-items:center;min-height:4.35rem;padding:.55rem .35rem;border-radius:.82rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);color:#dcefed;font-weight:900;font-size:.7rem}.g-mil-tabs button small{font-size:.55rem;font-weight:700;color:#7fa9a7}.g-mil-tabs button.selected{border-color:rgba(89,225,199,.58);background:linear-gradient(155deg,rgba(27,126,105,.35),rgba(10,70,76,.42));box-shadow:inset 0 0 0 1px rgba(116,239,214,.08)}.g-mil-single,.g-mil-fleet-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.85rem;align-items:center;padding:1rem;border:1px solid rgba(112,214,208,.16);border-radius:1rem;background:rgba(5,27,34,.72)}.g-mil-single>div:first-child,.g-mil-fleet-row>div:first-child{display:grid;gap:.14rem}.g-mil-single span,.g-mil-fleet-row span{font-size:.58rem;letter-spacing:.12em;font-weight:900;color:#76d9cf}.g-mil-single b,.g-mil-fleet-row b{font-size:1rem}.g-mil-single small,.g-mil-fleet-row small{font-size:.64rem;color:#85aaa8}.g-mil-big-stepper,.g-mil-stepper{display:flex;align-items:center;gap:.32rem}.g-mil-big-stepper strong{min-width:4.2rem;text-align:center;font-size:1.3rem}.g-mil-stepper strong{min-width:3.2rem;text-align:center;font-size:.92rem}.g-mil-step,.g-mil-max{min-width:2.35rem;height:2.35rem;border-radius:.7rem;border:1px solid rgba(112,214,208,.18);background:rgba(20,81,83,.46);color:#ecfffb;font-weight:900;font-size:1rem}.g-mil-max{min-width:3.1rem;font-size:.58rem;letter-spacing:.06em}.g-mil-unit-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;align-items:center;padding:.72rem .8rem;border-radius:.9rem;border:1px solid rgba(255,255,255,.08);background:rgba(7,28,35,.66)}.g-mil-unit-name{display:flex;align-items:center;gap:.65rem;min-width:0}.g-mil-unit-name>i{width:2.45rem;height:2.45rem;display:grid;place-items:center;border-radius:.75rem;background:rgba(30,111,106,.18);font-style:normal;font-size:1.25rem}.g-mil-unit-name span{display:grid;gap:.08rem;min-width:0}.g-mil-unit-name b{font-size:.78rem}.g-mil-unit-name small{font-size:.6rem;color:#85aaa8}.g-mil-preset{display:flex;gap:.42rem;flex-wrap:wrap}.g-mil-preset button{flex:1 1 7rem;min-height:2.35rem;border:1px solid rgba(116,218,211,.14);border-radius:.7rem;background:rgba(255,255,255,.035);color:#bfe5e0;font-size:.61rem;font-weight:900;letter-spacing:.04em}.g-mil-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.g-mil-summary>div,.g-mil-cost{padding:.72rem;border-radius:.8rem;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);display:grid;gap:.08rem}.g-mil-summary span,.g-mil-cost span{font-size:.55rem;letter-spacing:.09em;color:#79aaa7}.g-mil-summary b,.g-mil-cost b{font-size:.9rem}.g-mil-summary .bad,.g-mil-cost.bad{border-color:rgba(238,97,90,.34);background:rgba(123,39,43,.15)}.g-mil-summary .bad b,.g-mil-cost.bad b{color:#ffb0aa}.g-mil-cost small{font-size:.58rem;color:#8fb1ae}.g-mil-capacity{display:grid;gap:.3rem;padding:.75rem .85rem;border-radius:.85rem;background:rgba(4,24,31,.8);border:1px solid rgba(96,191,197,.14)}.g-mil-capacity>span{font-size:.56rem;letter-spacing:.1em;color:#7bcfc8;font-weight:900}.g-mil-capacity>b{font-size:.8rem}.g-mil-capacity>i{height:.42rem;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.g-mil-capacity>i>em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4fcfb8,#65c4ed)}.g-mil-capacity>small,.g-mil-note{font-size:.62rem;line-height:1.42;color:#8baaa8}.g-mil-note{padding:.7rem .8rem;border-left:3px solid rgba(90,213,196,.5);background:rgba(67,169,157,.07);border-radius:.25rem .7rem .7rem .25rem}.g-era4-force-detail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}.g-era4-force-detail span{padding:.42rem .5rem;border-radius:.62rem;text-align:center;background:rgba(79,209,197,.07);border:1px solid rgba(79,209,197,.1);font-size:.68rem;font-weight:800}.g-era4-force-detail.assault span{background:rgba(238,125,96,.07);border-color:rgba(238,125,96,.1)}
@media(max-width:620px){.g-military-modal{padding:.45rem}.g-military-shell{width:100%;max-height:96vh;border-radius:1rem}.g-military-head{padding:1rem 3.5rem .75rem 1rem}.g-military-head h2{font-size:1.12rem}.g-military-body{padding:.8rem .85rem 1rem}.g-military-footer{padding:.65rem .85rem calc(.65rem + env(safe-area-inset-bottom));grid-template-columns:.72fr 1.28fr}.g-mil-tabs{grid-template-columns:1fr}.g-mil-tabs button{grid-template-columns:auto 1fr auto;place-items:center start;min-height:3rem;text-align:left;padding:.45rem .65rem}.g-mil-tabs button small{justify-self:end}.g-mil-single,.g-mil-fleet-row{grid-template-columns:1fr;gap:.55rem}.g-mil-big-stepper{justify-content:space-between}.g-mil-unit-row{grid-template-columns:1fr;gap:.5rem}.g-mil-stepper{justify-content:flex-end}.g-mil-summary{grid-template-columns:1fr 1fr}.g-mil-preset button{flex-basis:45%}.g-military-close{top:.45rem;right:.45rem}.g-era4-postures button,.g-era4-mini-actions button{min-height:2.55rem;flex:1 1 30%}}
@media(max-width:390px){.g-military-footer{grid-template-columns:1fr}.g-mil-stepper{justify-content:space-between}.g-mil-stepper strong{min-width:2.4rem}.g-mil-step,.g-mil-max{min-width:2.25rem}.g-mil-summary{grid-template-columns:1fr 1fr}}


/* V7.08.1 — protection inter-ères et garnisons IA de frontière */
.g-frontier-guardian,.g-inter-era-shield{margin:.72rem 0;padding:.78rem .88rem;border:1px solid rgba(107,191,89,.42);border-radius:14px;background:linear-gradient(135deg,rgba(24,68,58,.55),rgba(18,34,57,.72));box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.g-frontier-guardian span,.g-inter-era-shield span{display:block;font-size:.69rem;letter-spacing:.09em;font-weight:900;opacity:.88}
.g-frontier-guardian b,.g-inter-era-shield b{display:block;margin:.25rem 0;font-size:.92rem}
.g-frontier-guardian small,.g-inter-era-shield small{display:block;line-height:1.42;opacity:.78}
.g-era4-world.frontier-guarded{border-color:rgba(107,191,89,.46);box-shadow:0 0 0 1px rgba(107,191,89,.08),0 12px 34px rgba(0,0,0,.18)}
.g-era4-world.frontier-guarded .g-era4-world-head>div>span{color:#a7e9a0}
.g-inter-era-shield{border-color:rgba(79,209,197,.48);background:linear-gradient(135deg,rgba(14,71,77,.55),rgba(22,38,64,.76))}
@media(max-width:720px){.g-frontier-guardian,.g-inter-era-shield{padding:.74rem .78rem;border-radius:12px}.g-frontier-guardian small,.g-inter-era-shield small{font-size:.73rem}}
.community-inter-era{width:100%;padding:.55rem .65rem;border:1px solid rgba(79,209,197,.35);border-radius:10px;background:rgba(24,72,80,.28);font-size:.72rem;font-weight:800;line-height:1.35;color:rgba(231,255,252,.88)}

/* V7.08.3 — stabilisation galaxie : télémétrie et verrous restent côté serveur, aucun rendu lourd supplémentaire. */

/* =====================================================================
   GENESIS V7.09 — Marché galactique / économie inter-empires
   ===================================================================== */
.g-market-panel{margin-top:18px;padding:16px;border:1px solid rgba(114,218,255,.22);border-radius:18px;background:linear-gradient(145deg,rgba(8,27,45,.92),rgba(11,17,31,.96));box-shadow:0 16px 42px rgba(0,0,0,.18)}
.g-market-head{display:grid;gap:4px;margin-bottom:12px}.g-market-head>span{font-size:.72rem;letter-spacing:.14em;opacity:.7}.g-market-head>b{font-size:1.05rem}.g-market-head>small{opacity:.76;line-height:1.4}
.g-market-sell-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 16px}.g-market-panel h4{margin:14px 0 7px;font-size:.72rem;letter-spacing:.12em;opacity:.72}
.g-market-book{display:grid;gap:8px}.g-market-offer,.g-market-my{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border-radius:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
.g-market-offer>span,.g-market-my>span{display:grid;gap:2px;min-width:0}.g-market-offer b,.g-market-my b{font-size:.9rem}.g-market-offer small,.g-market-my small{font-size:.73rem;opacity:.7;overflow-wrap:anywhere}.g-market-offer .g-btn,.g-market-my .g-btn{flex:0 0 auto;min-height:36px;padding:7px 10px;font-size:.7rem}
@media(max-width:680px){.g-market-sell-actions{grid-template-columns:1fr}.g-market-offer,.g-market-my{align-items:flex-start;flex-direction:column}.g-market-offer .g-btn,.g-market-my .g-btn{width:100%}}


/* V7.09.1 — Terraformation & adaptation avancée */
.g-terraform-tech{margin:14px 0;padding:15px;border:1px solid rgba(116,225,187,.24);border-radius:18px;background:linear-gradient(145deg,rgba(5,39,38,.82),rgba(7,24,34,.94));display:grid;gap:8px}.g-terraform-tech>span{font-size:.7rem;letter-spacing:.14em;opacity:.72}.g-terraform-tech>b{font-size:1rem}.g-terraform-tech>small{font-size:.76rem;line-height:1.45;opacity:.75}.g-terraform-tech>em{font-style:normal;color:#9ff0cb;font-size:.78rem}
.g-terraform-card{margin-top:11px;padding:12px;border-radius:15px;background:rgba(43,137,113,.09);border:1px solid rgba(110,226,188,.16);display:grid;gap:9px}.g-terraform-head{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center}.g-terraform-head>span{font-size:.66rem;letter-spacing:.13em;opacity:.7}.g-terraform-head>b{font-size:.95rem}.g-terraform-head>em{grid-column:1/-1;font-style:normal;font-size:.7rem;opacity:.68}.g-terraform-params{display:flex;gap:6px;flex-wrap:wrap}.g-terraform-params small{padding:5px 7px;border-radius:9px;background:rgba(255,255,255,.045);font-size:.68rem;opacity:.82}.g-terraform-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.g-terraform-action{min-width:0;border:1px solid rgba(113,218,181,.2);background:rgba(6,35,39,.72);color:inherit;border-radius:11px;padding:8px 9px;text-align:left;display:grid;gap:2px}.g-terraform-action span{font-size:.72rem;font-weight:800}.g-terraform-action small{font-size:.62rem;opacity:.68}.g-terraform-action:disabled{opacity:.35}.g-terraform-active{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:9px 10px;border-radius:11px;background:rgba(97,215,177,.1);border:1px solid rgba(97,215,177,.18)}.g-terraform-active b{font-size:.75rem}.g-terraform-active span{font-size:.72rem;font-weight:800;color:#a7f3d0}
@media(max-width:680px){.g-terraform-actions{grid-template-columns:1fr}.g-terraform-tech .g-btn{width:100%}}


/* V7.09.2 — crises sectorielles et événements galactiques locaux */
.g-sector-events-panel{margin-top:.65rem;padding:.72rem;border-radius:.9rem;border:1px solid rgba(117,176,255,.22);background:linear-gradient(145deg,rgba(10,31,57,.82),rgba(15,25,42,.92));display:grid;gap:.48rem}.g-sector-events-panel>span{font-size:.43rem;letter-spacing:.12em;color:#93c9ff;font-weight:900}.g-sector-events-panel>b{font-size:.75rem}.g-sector-events-panel>small{font-size:.49rem;line-height:1.4;color:#9fb3c8}.g-sector-event{padding:.62rem;border-radius:.74rem;background:rgba(5,18,31,.72);border:1px solid rgba(122,180,241,.16)}.g-sector-event.resolved{border-color:rgba(112,226,167,.26);background:rgba(8,42,36,.7)}.g-sector-event-head span{display:block;font-size:.4rem;letter-spacing:.09em;color:#8fb4da}.g-sector-event-head b{display:block;margin-top:.12rem;font-size:.67rem}.g-sector-event p{margin:.25rem 0;font-size:.5rem;line-height:1.4;color:#b8c9da}.g-sector-event small.impact{display:block;color:#e3b37f}.g-sector-event .g-progress{height:.36rem;margin:.42rem 0 .24rem;border-radius:999px;overflow:hidden;background:rgba(96,145,202,.14)}.g-sector-event .g-progress i{display:block;height:100%;background:linear-gradient(90deg,#4779b7,#9fd2ff)}.g-sector-event.resolved .g-progress i{background:linear-gradient(90deg,#2b9c77,#8ae6bd)}.g-sector-event>.g-btn{width:100%;margin-top:.42rem}.g-sector-event>em{display:block;margin-top:.36rem;font-size:.48rem;color:#91e1bc;font-style:normal}.g-sector-colony-alert{margin-top:.55rem;padding:.55rem .62rem;border-radius:.65rem;border:1px solid rgba(255,176,99,.22);background:rgba(76,42,17,.38)}.g-sector-colony-alert b,.g-sector-colony-alert small{display:block}.g-sector-colony-alert b{font-size:.58rem;color:#ffd0a1}.g-sector-colony-alert small{margin-top:.12rem;font-size:.46rem;line-height:1.35;color:#cbb29a}
@media(max-width:680px){.g-sector-events-panel{padding:.62rem}.g-sector-event>.g-btn{min-height:42px}}

/* V8.00 — production/public launch: aucune modification de baseline gameplay. */


/* ============================================================
   GENESIS V8.00.2 — Nettoyage HUD Ère 3
   - flèche de repli sous les blocs du haut
   - population courant/capacité
   - suppression du CTA Développer et du compteur central redondant
   ============================================================ */
body.era3-premium .p-primary-wrap{display:none!important}
body.era3-premium .p-actiondock{display:none!important}
body.era3-premium .p-statusbox.generation strong{font-size:.96rem!important;letter-spacing:-.035em;white-space:nowrap}
body.era3-premium .p-era3-hud-toggle{border-top:1px solid rgba(98,228,209,.24);border-radius:.65rem;min-height:1.1rem}
@media(max-width:390px){
  body.era3-premium .p-statusbox.generation strong{font-size:.88rem!important}
}


/* ============================================================
   GENESIS V8.00.4 — Correctifs HUD / régions Ère 3
   - suppression de la bande noire sous la scène
   - flèche collée sous OBJECTIF ACTUEL, hors de la carte
   - bandeau régions toggle persistant
   ============================================================ */
body.era3-premium .e3-home-stage{
  width:128%!important;
  height:128%!important;
  aspect-ratio:auto!important;
  max-width:none!important;
  max-height:none!important;
  left:50%!important;
  top:50%!important;
}
body.era3-premium .e3-home-region-bg{object-fit:cover!important;object-position:center center!important}
body.era3-premium .p-era3-hud-toggle{
  right:auto!important;
  transform:translateX(-50%)!important;
  margin-top:0!important;
  border-top:1px solid rgba(98,228,209,.24)!important;
  border-radius:0 0 .62rem .62rem!important;
}
@media(max-width:520px){
  body.era3-premium .e3-home-stage{width:132%!important;height:132%!important;top:51%!important}
}


/* ============================================================
   GENESIS V8.00.5 — Carte régionale scrollable & suppression flèche
   ============================================================ */
body.era3-premium .p-era3-hud-toggle{display:none!important}
body.era3-premium .e3-home-world{
  --e3-safe-top:8.95rem!important;
  --e3-safe-bottom:4.45rem!important;
  inset:0!important;
  overflow:hidden!important;
}
body.era3-premium .e3-home-world.filter-open{--e3-safe-top:12.95rem!important}
body.era3-premium .e3-home-topband,
body.era3-premium .e3-home-bottomband{display:none!important}
body.era3-premium .e3-home-camera{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:var(--e3-safe-top)!important;
  bottom:var(--e3-safe-bottom)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-x pan-y pinch-zoom!important;
  cursor:auto!important;
}
body.era3-premium .e3-home-stage{
  position:relative!important;
  left:0!important;
  top:0!important;
  transform:none!important;
  transform-origin:top left!important;
  width:max(155vw,58rem)!important;
  height:auto!important;
  min-height:max(118vh,42rem)!important;
  aspect-ratio:1448 / 1086!important;
  margin:0!important;
  max-width:none!important;
  max-height:none!important;
}
body.era3-premium .e3-home-region-bg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  background:#041116!important;
}
@media(max-width:520px){
  body.era3-premium .e3-home-world{--e3-safe-top:8.7rem!important;--e3-safe-bottom:4.2rem!important}
  body.era3-premium .e3-home-world.filter-open{--e3-safe-top:12.45rem!important}
  body.era3-premium .e3-home-stage{width:max(182vw,56rem)!important;min-height:max(125vh,44rem)!important}
}


/* ============================================================
   GENESIS V8.00.6 — Carte complète zoom/pan + bâtiments isométriques
   ============================================================ */
body.era3-premium .e3-home-camera{
  overflow:auto!important;
  touch-action:none!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(96,211,193,.45) rgba(3,24,30,.28);
}
body.era3-premium .e3-home-camera::-webkit-scrollbar{width:7px;height:7px}
body.era3-premium .e3-home-camera::-webkit-scrollbar-thumb{background:rgba(96,211,193,.45);border-radius:999px}
body.era3-premium .e3-home-camera::-webkit-scrollbar-track{background:rgba(3,24,30,.28)}
body.era3-premium .e3-home-stage{
  position:relative!important;
  left:0!important;
  top:0!important;
  transform:none!important;
  aspect-ratio:auto!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  flex:none!important;
}
body.era3-premium .e3-home-region-bg{
  object-fit:contain!important;
  object-position:center center!important;
  background:#041116!important;
}
body.era3-premium .e3-map-zoom-controls{
  position:absolute;z-index:18;right:.55rem;bottom:.55rem;display:flex;align-items:center;gap:.22rem;
  padding:.25rem;border-radius:.72rem;background:rgba(3,27,33,.91);border:1px solid rgba(103,221,205,.22);
  box-shadow:0 .35rem 1rem rgba(0,0,0,.34);backdrop-filter:blur(8px);pointer-events:auto
}
body.era3-premium .e3-map-zoom-controls button{min-width:2rem;height:2rem;border:0;border-radius:.5rem;background:rgba(9,67,65,.72);color:#eafff8;font-size:.9rem;font-weight:900;display:grid;place-items:center}
body.era3-premium .e3-map-zoom-controls button:nth-child(2){min-width:3.25rem;background:rgba(4,42,47,.88);font-size:.43rem;color:#9ee3d7}
body.era3-premium .e3-map-zoom-controls button:active{transform:scale(.96)}

/* Les constructions sont posées directement sur les emplacements 3/4 : aucun cadre, halo ou flou autour du PNG. */
body.era3-premium .e3-home-slots .e3-colony-slot.occupied{
  width:5.2rem!important;height:5.2rem!important;border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;overflow:visible!important;padding:0!important;
}
body.era3-premium .e3-home-slots .e3-colony-slot.occupied::after{display:none!important;content:none!important}
body.era3-premium .e3-home-slots .e3-colony-slot.occupied.active{outline:0!important;box-shadow:none!important;background:transparent!important}
body.era3-premium .e3-home-slots .e3-colony-slot.occupied img,
body.era3-premium .e3-home-slots .e3-colony-slot img{
  width:118%!important;height:118%!important;object-fit:contain!important;padding:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;filter:none!important;image-rendering:auto!important;
}
body.era3-premium .e3-home-slots .e3-colony-slot.occupied em{z-index:5}
@media(max-width:520px){
  body.era3-premium .e3-map-zoom-controls{right:.42rem;bottom:.42rem}
  body.era3-premium .e3-map-zoom-controls button{min-width:1.85rem;height:1.85rem}
  body.era3-premium .e3-home-slots .e3-colony-slot.occupied{width:4.85rem!important;height:4.85rem!important}
}


/* ============================================================
   GENESIS V8.00.7 — Bâtiments calés sur l'emplacement + suppression flou
   ============================================================ */
body.era3-premium .e3-home-stage{--e3-slot-scale:1}
body.era3-premium .e3-home-slots .e3-colony-slot{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.era3-premium .e3-home-slots .e3-colony-slot.empty{
  width:clamp(1.05rem,calc(2.35rem * var(--e3-slot-scale,1)),4.2rem)!important;
  height:clamp(1.05rem,calc(2.35rem * var(--e3-slot-scale,1)),4.2rem)!important;
}
body.era3-premium .e3-home-slots .e3-colony-slot.empty b{
  font-size:clamp(.85rem,calc(1.18rem * var(--e3-slot-scale,1)),2.1rem)!important;
}
body.era3-premium .e3-home-slots .e3-colony-slot.occupied{
  width:clamp(2.2rem,calc(5.35rem * var(--e3-slot-scale,1)),11rem)!important;
  height:clamp(2.2rem,calc(5.35rem * var(--e3-slot-scale,1)),11rem)!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
  border:0!important;
}
body.era3-premium .e3-home-slots .e3-colony-slot.occupied.active,
body.era3-premium .e3-home-slots .e3-colony-slot.occupied.selected{
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}
body.era3-premium .e3-home-slots .e3-colony-slot.occupied img{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-56%) scale(1.08)!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  padding:0!important;
  margin:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:drop-shadow(0 .18rem .32rem rgba(0,0,0,.18))!important;
  mix-blend-mode:normal!important;
}
body.era3-premium .e3-home-slots .e3-colony-slot.occupied::before,
body.era3-premium .e3-home-slots .e3-colony-slot.occupied::after{display:none!important;content:none!important}


/* ============================================================
   GENESIS V8.00.8 — CTA passage Ère 4 isolé de la carte/régions
   ============================================================ */
body.era3-premium #pEra3Advance{
  z-index:420!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  isolation:isolate!important;
}
body.era3-premium #pEra3Advance *{pointer-events:none!important}

/* === Achievement unlock popup === */
.achv-unlock{position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:18px;}
.achv-unlock.hidden{display:none;}
.achv-unlock-backdrop{position:absolute;inset:0;border:0;background:rgba(2,10,16,.52);}
.achv-unlock-card{position:relative;z-index:1;width:min(420px,92vw);padding:22px 20px 18px;border-radius:28px;border:1px solid rgba(98,244,255,.35);background:linear-gradient(180deg,rgba(8,34,43,.98),rgba(4,16,24,.98));box-shadow:0 18px 50px rgba(0,0,0,.45),0 0 0 1px rgba(72,234,255,.10) inset;text-align:center;overflow:hidden;}
.achv-unlock-shine{position:absolute;inset:-20% -35% auto;height:55%;background:radial-gradient(circle at center,rgba(105,255,239,.22),rgba(105,255,239,0) 60%);pointer-events:none;}
.achv-unlock-close{position:absolute;top:10px;right:10px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(120,240,255,.22);background:rgba(9,29,36,.85);color:#e9ffff;font-size:26px;line-height:1;display:flex;align-items:center;justify-content:center;}
.achv-unlock-kicker{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px 14px;border-radius:999px;background:rgba(52,199,184,.18);border:1px solid rgba(102,246,232,.24);color:#bafdf5;font-size:12px;font-weight:800;letter-spacing:.18em;}
#achievementUnlockImg{position:relative;z-index:1;display:block;width:min(210px,58vw);max-width:100%;margin:0 auto 8px;filter:drop-shadow(0 10px 26px rgba(0,0,0,.45));}
.achv-unlock-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;align-items:center;}
.achv-unlock-copy strong{font-size:29px;line-height:1.08;color:#f7ffff;}
.achv-unlock-copy p{margin:0;color:#d7eef0;font-size:15px;line-height:1.45;}
.achv-unlock-copy small{display:block;color:#7deedf;font-weight:700;font-size:13px;letter-spacing:.03em;}
@media (max-width:640px){
  .achv-unlock-card{padding:20px 16px 16px;border-radius:24px;}
  .achv-unlock-copy strong{font-size:24px;}
  .achv-unlock-copy p{font-size:14px;}
}

/* ============================================================
   GENESIS V8.00.19 — Bâtiments Ère 3 : agrandissement net + recadrage serré
   Les PNG rognés côté assets sont affichés plus grands pour recouvrir visuellement la plateforme.
   ============================================================ */
body.era3-premium .e3-home-slots .e3-colony-slot.occupied{
  width:clamp(6.6rem,calc(12.8rem * var(--e3-slot-scale,1)),21rem)!important;
  height:clamp(6.6rem,calc(12.8rem * var(--e3-slot-scale,1)),21rem)!important;
  overflow:visible!important;
}
body.era3-premium .e3-home-slots .e3-colony-slot.occupied img{
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-49%) scale(1.08)!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  max-width:none!important;
  max-height:none!important;
}
@media(max-width:520px){
  body.era3-premium .e3-home-slots .e3-colony-slot.occupied{
    width:clamp(6.1rem,calc(11.6rem * var(--e3-slot-scale,1)),17rem)!important;
    height:clamp(6.1rem,calc(11.6rem * var(--e3-slot-scale,1)),17rem)!important;
  }
}

/* ============================================================
   GENESIS V8.00.20 — Level-up bâtiments + cohérence visuelle
   ============================================================ */
.e3-upgrade-panel{display:grid;gap:.55rem;margin:.75rem 0;padding:.72rem;border-radius:.8rem;border:1px solid rgba(88,224,208,.18);background:linear-gradient(180deg,rgba(8,54,59,.78),rgba(3,31,37,.82));}
.e3-upgrade-panel.ready{border-color:rgba(83,235,194,.42);box-shadow:inset 0 0 1.2rem rgba(46,196,165,.07)}
.e3-upgrade-panel.locked{border-color:rgba(218,170,86,.30)}
.e3-upgrade-panel.max{border-color:rgba(239,206,111,.46);background:linear-gradient(180deg,rgba(66,52,20,.42),rgba(5,31,36,.86));}
.e3-upgrade-title{display:flex;align-items:center;gap:.42rem;flex-wrap:wrap}.e3-upgrade-title>span{font-size:1rem}.e3-upgrade-title>b{font-size:.62rem;letter-spacing:.07em;color:#f2fffc}.e3-upgrade-title>em{margin-left:auto;font-style:normal;font-size:.43rem;color:#ffe5a1;font-weight:900;letter-spacing:.08em}
.e3-upgrade-panel p{margin:0;color:#a9c5c1;font-size:.49rem;line-height:1.45}
.e3-upgrade-effects{display:grid;grid-template-columns:1fr 1fr;gap:.38rem}.e3-upgrade-effects>span{display:grid;gap:.12rem;padding:.42rem .5rem;border-radius:.55rem;background:rgba(3,28,34,.74);border:1px solid rgba(116,208,199,.12);font-size:.45rem;color:#8fb3ae}.e3-upgrade-effects b{color:#dcfff8;font-size:.53rem}
.e3-upgrade-requirements{display:grid;gap:.28rem;padding:.55rem;border-radius:.6rem;background:rgba(2,24,29,.72)}.e3-upgrade-requirements>b{font-size:.45rem;color:#77e2d3;letter-spacing:.12em}.e3-upgrade-requirements>span{font-size:.46rem;color:#c8dedb;line-height:1.35}
.e3-upgrade-blockers{display:grid;gap:.22rem;margin:0;padding:.5rem .5rem .5rem 1.25rem;border-radius:.55rem;background:rgba(99,50,22,.24);border:1px solid rgba(229,163,92,.16)}.e3-upgrade-blockers li{font-size:.45rem;color:#f0c99c}
.e3-upgrade-btn{width:100%;min-height:2.3rem!important}
.e3-upgrade-panel.max .e3-upgrade-effects>span{border-color:rgba(241,206,118,.16)}
@media(max-width:520px){.e3-upgrade-panel{padding:.65rem}.e3-upgrade-effects{grid-template-columns:1fr}.e3-upgrade-title>b{font-size:.68rem}.e3-upgrade-requirements>span,.e3-upgrade-blockers li{font-size:.5rem}}
body.era3-premium .e3-home-slots .e3-colony-slot.level-5 img{transform:translate(-50%,-49%) scale(1.16)!important;filter:drop-shadow(0 .22rem .42rem rgba(255,210,107,.24)) drop-shadow(0 0 .5rem rgba(78,231,219,.14))!important}
.e3-home-detail-head img.majestic{filter:drop-shadow(0 .35rem .8rem rgba(239,204,105,.28)) drop-shadow(0 0 .65rem rgba(72,229,214,.12))}

/* =====================================================================
   GENESIS V8.00.23 — PARITÉ PC / DESKTOP
   Couche desktop dédiée : le HUD premium mobile est conservé sur mobile,
   mais recomposé pour clavier/souris et grands écrans sans étirement.
   ===================================================================== */
@media (min-width:901px){
  :root{
    --g-pc-shell:min(74rem,calc(100vw - 4rem));
    --g-pc-dock:min(50rem,calc(100vw - 16rem));
  }

  /* Toutes les ères utilisent le même shell premium sur PC. */
  body.era1-premium .era1-premium-hud{display:block!important;position:absolute;inset:0;z-index:20;pointer-events:none;color:#eefdfb;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
  body.era1-premium .era1-premium-hud button{pointer-events:auto;font-family:inherit;cursor:pointer}
  body.era1-premium .topbar{display:none!important}
  body.era1-premium .view{inset:0!important}
  body.era1-premium #view-cell{overflow:hidden!important;background:#03181e}
  body.era1-premium #view-cell>.cellframe{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;width:100%!important;height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;background:#06272c!important;display:block!important;isolation:isolate}
  body.era1-premium .cellframe #cellcanvas{inset:0!important;width:100%!important;height:100%!important;border-radius:0!important}
  body.era1-premium .corner{display:none!important}

  /* Barre supérieure : largeur maîtrisée au lieu d'occuper 1920 px. */
  body.era1-premium .p-topcard{
    position:absolute;top:1.15rem;left:50%!important;right:auto!important;transform:translateX(-50%);
    width:var(--g-pc-shell);height:5.15rem;display:grid;grid-template-columns:minmax(15rem,1.1fr) minmax(25rem,1.45fr) 3.5rem;align-items:stretch;
    background:linear-gradient(180deg,rgba(3,28,35,.96),rgba(3,20,27,.92));border:1px solid rgba(91,221,214,.2);border-radius:1.15rem;
    overflow:hidden;box-shadow:0 16px 42px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(16px);pointer-events:auto
  }
  body.era1-premium .p-brandblock{display:flex;align-items:center;gap:.8rem;padding:.75rem 1rem;border-right:1px solid rgba(96,220,218,.12);min-width:0}
  body.era1-premium .p-cell-logo{width:3.35rem;height:3.35rem;display:grid;place-items:center;flex:none;border-radius:50%;font-size:1.55rem;background:radial-gradient(circle at 38% 35%,#2ef0d6 0,#0b726f 40%,#04262d 72%);border:1px solid rgba(134,255,240,.48);box-shadow:0 0 18px rgba(31,232,213,.24)}
  body.era1-premium .p-brandblock>div:last-child{display:grid;gap:.22rem;min-width:0}
  body.era1-premium .p-brandblock strong{font-size:1.1rem;letter-spacing:.08em;line-height:1;white-space:nowrap}
  body.era1-premium .p-brandblock span{font-size:.58rem;letter-spacing:.06em;color:#42d7cb;font-weight:800;white-space:nowrap}
  body.era1-premium .p-top-resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}
  body.era1-premium .p-resource{display:grid;place-items:center;align-content:center;gap:.12rem;border-right:1px solid rgba(96,220,218,.1);min-width:0}
  body.era1-premium .p-resource>b{font-size:1.12rem;line-height:1}
  body.era1-premium .p-resource>strong{font-size:.92rem;line-height:1.1}
  body.era1-premium .p-resource>span{font-size:.53rem;font-weight:700;color:#7bd786;white-space:nowrap}
  body.era1-premium .p-resource.water>span{color:#59d4f9}body.era1-premium .p-resource.mutation>span{color:#d787ff}
  body.era1-premium .p-settings{align-self:center;justify-self:center;width:2.45rem;height:2.45rem;border-radius:.72rem;border:1px solid rgba(105,221,220,.2);background:rgba(7,29,38,.8);color:#9de4df;font-size:1.05rem}

  /* État / objectif sous le header, centré. */
  body.era1-premium .p-statusrow{
    position:absolute;top:6.75rem!important;left:50%!important;right:auto!important;transform:translateX(-50%);width:var(--g-pc-shell);height:4.15rem;
    display:grid;grid-template-columns:7.5rem 8.5rem minmax(0,1fr);gap:.6rem;pointer-events:auto
  }
  body.era1-premium .p-statusbox,body.era1-premium .p-objective{height:4.15rem!important;background:linear-gradient(180deg,rgba(3,30,37,.94),rgba(3,22,29,.86));border:1px solid rgba(92,221,215,.16);border-radius:.85rem;box-shadow:0 10px 25px rgba(0,0,0,.26);backdrop-filter:blur(12px)}
  body.era1-premium .p-statusbox{display:grid;place-items:center;align-content:center;gap:.2rem}
  body.era1-premium .p-statusbox span,body.era1-premium .p-objective>span{font-size:.52rem;letter-spacing:.07em;font-weight:800;color:#9ed7d6}
  body.era1-premium .p-statusbox strong{font-size:1.18rem;color:#54e3cd}
  body.era1-premium .p-objective{position:relative;padding:.62rem .9rem .55rem;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;column-gap:.55rem;align-items:center}
  body.era1-premium .p-objective>span{grid-column:1/-1;color:#61ded5}
  body.era1-premium .p-objective>strong{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.era1-premium .p-objective>em{font-style:normal;font-size:.64rem;color:#63e6d7;font-weight:800}
  body.era1-premium .p-progress{grid-column:1/2;height:.42rem;border-radius:1rem;background:#0a3439;overflow:hidden;margin-top:.1rem}
  body.era1-premium .p-progress i{display:block;height:100%;background:linear-gradient(90deg,#1dd1b5,#59e2c4);border-radius:inherit;box-shadow:0 0 10px rgba(49,231,201,.35)}

  /* Outils latéraux : vrais boutons souris, sans manger la scène centrale. */
  body.era1-premium .p-left-tools{position:absolute;top:12rem;left:max(1.4rem,calc(50% - 37rem));display:grid;gap:.7rem;pointer-events:auto}
  body.era1-premium .p-roundtool{width:4.1rem;height:4.1rem;border-radius:1rem;border:1px solid rgba(91,218,215,.25);background:linear-gradient(180deg,rgba(2,28,35,.92),rgba(1,18,25,.9));color:#d7f7f4;display:grid;place-items:center;align-content:center;gap:.12rem;box-shadow:0 10px 24px rgba(0,0,0,.3);transition:transform .15s,border-color .15s,background .15s}
  body.era1-premium .p-roundtool:hover{transform:translateY(-2px);border-color:rgba(114,238,224,.52);background:rgba(7,53,57,.94)}
  body.era1-premium .p-roundtool b{font-size:1.2rem;line-height:1}body.era1-premium .p-roundtool span{font-size:.48rem;font-weight:800}

  /* Les annotations de la mare restent dans une zone de lecture centrale. */
  body.era1-premium .p-worldnodes{position:absolute;top:11.5rem;bottom:10.5rem;left:50%;width:min(68rem,calc(100vw - 14rem));transform:translateX(-50%);pointer-events:none}

  /* Dock d'action desktop centré. */
  body.era1-premium .p-actiondock{
    position:absolute;left:50%!important;right:auto!important;transform:translateX(-50%);bottom:5.6rem!important;width:var(--g-pc-dock);height:6.35rem;
    display:grid;grid-template-columns:7.4rem minmax(13rem,1fr) 7.4rem;gap:1rem;align-items:end;pointer-events:none
  }
  body.era1-premium .p-sideaction,body.era1-premium .p-primary-wrap,body.era1-premium .p-energy,body.era1-premium .cellframe .bigbtn#btn-primary{pointer-events:auto}
  body.era1-premium .p-sideaction{height:5.15rem;border-radius:1.35rem;border:1px solid rgba(90,218,213,.3);background:linear-gradient(180deg,rgba(4,44,51,.94),rgba(2,23,30,.96));color:#d7f9f5;display:grid;place-items:center;align-content:center;gap:.12rem;box-shadow:0 12px 28px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.04);transition:transform .15s,border-color .15s}
  body.era1-premium .p-sideaction:hover{transform:translateY(-3px);border-color:rgba(113,238,222,.58)}
  body.era1-premium .p-sideaction>b{font-size:1.25rem;color:#7af1dd}body.era1-premium .p-sideaction>strong{font-size:.62rem}body.era1-premium .p-sideaction>span{font-size:.46rem;color:#a9c8ca}
  body.era1-premium .p-primary-wrap{position:relative;display:grid;place-items:center;align-content:end;height:6.35rem}
  body.era1-premium .p-energy{position:absolute;top:.15rem;z-index:3;display:grid;place-items:center;gap:.05rem;font-size:.56rem;color:#d9f6dc;text-shadow:0 1px 4px #001}
  body.era1-premium .p-energy b{font-size:.76rem;color:#e5fda9}body.era1-premium .p-energy>span{font-size:.46rem;letter-spacing:.08em}
  body.era1-premium .cellframe .bigbtn#btn-primary{position:relative!important;z-index:2!important;margin:0!important;min-width:0!important;width:14rem!important;height:4.65rem!important;border-radius:1.25rem!important;padding:0 1rem!important;font-size:.95rem!important;letter-spacing:.04em!important;background:linear-gradient(180deg,#14a979,#08745f)!important;border:1px solid rgba(90,255,204,.72)!important;color:#e5fff8!important;box-shadow:0 0 0 .32rem rgba(2,62,57,.42),0 14px 30px rgba(0,0,0,.34),0 0 24px rgba(44,234,176,.2),inset 0 8px 20px rgba(117,255,213,.12)!important}
  body.era1-premium .cellframe .bigbtn#btn-primary:hover{filter:brightness(1.08)}

  /* Navigation desktop : compacte, centrée, lisible à la souris. */
  body.era1-premium .p-bottomnav{
    position:absolute;left:50%!important;right:auto!important;transform:translateX(-50%);bottom:1rem!important;width:min(48rem,calc(100vw - 16rem));height:3.85rem;
    display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:linear-gradient(180deg,rgba(3,27,34,.97),rgba(2,18,24,.98));border:1px solid rgba(99,220,217,.2);border-radius:.9rem;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.38);backdrop-filter:blur(14px);pointer-events:auto
  }
  body.era2-premium .p-bottomnav,body:is(.era3-premium,.era4-premium,.era5-premium) .p-bottomnav{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.era1-premium .p-bottomnav button{border:0;border-right:1px solid rgba(103,220,216,.08);background:transparent;color:#8faeb0;display:grid;place-items:center;align-content:center;gap:.14rem;padding:0;transition:background .15s,color .15s}
  body.era1-premium .p-bottomnav button:last-child{border-right:0}body.era1-premium .p-bottomnav button:hover{background:rgba(30,112,101,.18);color:#d9fff6}
  body.era1-premium .p-bottomnav button b{font-size:1.05rem;line-height:1}body.era1-premium .p-bottomnav button span{font-size:.47rem;font-weight:800;letter-spacing:.03em}
  body.era1-premium .p-bottomnav button.active{color:#b9f989;background:radial-gradient(circle at 50% 100%,rgba(77,212,87,.17),transparent 75%);box-shadow:inset 0 0 0 1px rgba(77,209,92,.24)}

  /* Messages ponctuels et journal : plus petits, hors du centre d'action. */
  body.era1-premium .cellframe>.eventlog{position:absolute;z-index:19;left:50%;bottom:12.4rem;transform:translateX(-50%);width:min(36rem,58vw);min-height:0;color:#b9fff0;font-size:.68rem;pointer-events:none;opacity:.9}

  /* Panneau historique : devient un tiroir latéral PC si une action l'ouvre. */
  body.era1-premium #cellpanel{position:fixed;z-index:920;top:7.2rem;right:1.5rem;bottom:5.8rem;left:auto;width:min(28rem,34vw);border:1px solid rgba(92,220,215,.28);border-radius:1rem;background:linear-gradient(180deg,rgba(4,30,37,.99),rgba(2,17,24,.995));padding:1rem;box-shadow:0 20px 55px rgba(0,0,0,.52);transform:translateX(calc(100% + 2.5rem));transition:transform .22s ease,visibility .22s;overflow:auto;pointer-events:none;visibility:hidden}
  body.era1-premium #cellpanel.mobile-sheet-open{transform:translateX(0);pointer-events:auto;visibility:visible}
  body.era1-premium #cellpanel:before{display:none}
  body.era1-premium .mobile-sheet-close{display:grid;position:sticky;top:.1rem;margin:0 0 .35rem auto;width:2.5rem;height:2.5rem;place-items:center;border:1px solid rgba(120,228,220,.3);border-radius:50%;background:#09282e;color:#d8fbf7;font-size:1.45rem;z-index:3}

  /* Panneaux fonctionnels : vraie fenêtre desktop, pas une feuille mobile étirée. */
  .p-feature-sheet{
    left:50%!important;right:auto!important;transform:translateX(-50%);top:7.25rem!important;bottom:5.65rem!important;width:min(72rem,calc(100vw - 6rem));
    border-radius:1.15rem;box-shadow:0 28px 75px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.05)
  }
  .p-feature-head{min-height:4.55rem;padding:.8rem 4.5rem .7rem 1.25rem}
  .p-feature-head h2{font-size:1.32rem}.p-feature-head span{font-size:.58rem}
  .p-feature-body{padding:1rem 1.1rem 2rem;font-size:1rem}
  #pFeatureClose{right:1rem;top:.85rem;width:2.65rem;height:2.65rem}
  .e3-techgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .e3-socialgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .e3-regionmap:not(.detailed){grid-template-columns:repeat(6,minmax(0,1fr))}
  .e3-build-catalog{grid-template-columns:1fr}
  .e3-inventory-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}

  /* Missions et paramètres près du shell principal. */
  #pMissionList{width:min(42rem,calc(100vw - 8rem));max-height:60vh}
  body.era1-premium .p-settings-menu{position:fixed!important;top:6.8rem!important;right:max(2rem,calc(50% - 37rem))!important;left:auto!important;width:18rem!important;max-height:calc(100dvh - 9rem);overflow:auto;z-index:1000!important}

  /* Ère 2 : la mare vivante occupe l'espace entre HUD et navigation. */
  body.era2-premium .p-actiondock{display:none!important}
  body.era2-premium .era2-live-stage{inset:11.45rem 1.3rem 5.25rem 1.3rem;border-radius:1rem}
  body.era2-premium .era2-live-top{top:11.8rem;left:max(2rem,calc(50% - 34rem));right:max(2rem,calc(50% - 34rem));gap:1rem}
  body.era2-premium .era2-live-habitat{min-width:11rem;max-width:22rem;min-height:3.1rem;padding:.5rem .85rem}
  body.era2-premium .era2-live-habitat>i{width:2rem;height:2rem;font-size:.9rem}
  body.era2-premium .era2-live-habitat small,body.era2-premium .era2-live-generation small,body.era2-premium .era2-live-instinct small{font-size:.42rem}
  body.era2-premium .era2-live-habitat b{font-size:.68rem;max-width:18rem}
  body.era2-premium .era2-live-generation{min-width:9rem;padding:.5rem .72rem}.era2-live-generation>b{font-size:.7rem!important}
  body.era2-premium .era2-live-senses{left:max(2rem,calc(50% - 34rem));right:max(2rem,calc(50% - 34rem));bottom:6.25rem}
  body.era2-premium .era2-live-instinct{min-width:9rem;min-height:3rem;padding:.48rem .75rem}
  body.era2-premium .era2-live-instinct b{font-size:.58rem}
  body.era2-premium .era2-live-reproduce{bottom:6.3rem;min-width:13rem;max-width:24rem;min-height:2.2rem;font-size:.42rem}
  body.era2-premium .era2-live-gesture{font-size:.38rem;padding:.4rem .7rem}
  body.era2-premium .era2-live-danger{top:15.4rem;font-size:.4rem}

  /* Ères 3–5 : avatar et scène respirent davantage sur écran large. */
  body.era3-premium .era3-species-hero{bottom:10.7rem;width:11.5rem}
  body:is(.era4-premium,.era5-premium) .future-orbit{width:25rem;height:9rem}

  /* Carte générale : panneau d'inspection à droite et commandes centrées. */
  .g-map-topcard{left:50%!important;right:auto!important;transform:translateX(-50%);width:var(--g-pc-shell);top:1rem;height:4.8rem;grid-template-columns:13rem minmax(0,1fr) 3.1rem;padding:.45rem .6rem}
  .g-map-logo{width:3rem;height:3rem}.g-map-brand strong{font-size:.82rem}.g-map-brand span{font-size:.43rem}.g-map-title .vtitle{font-size:1rem}.g-map-title .vsub{font-size:.5rem}
  .g-map-crumbs{top:6.2rem;left:max(2rem,calc(50% - 37rem));right:auto;width:min(42rem,55vw)}
  .g-map-legend{top:8.75rem;left:max(2rem,calc(50% - 37rem));right:auto;max-width:20rem}
  .g-map-inspect{top:8rem!important;bottom:auto!important;left:auto!important;right:max(2rem,calc(50% - 37rem))!important;width:22rem!important;max-height:calc(100dvh - 14rem)!important}
  .g-map-controls{left:50%!important;right:auto!important;transform:translateX(-50%);bottom:1.15rem!important;width:34rem;height:3.8rem;grid-template-columns:minmax(0,1.8fr) 3.2rem 3.2rem 5rem}

  /* Survols et focus clavier visibles. */
  body.era1-premium button:focus-visible,.p-feature-sheet button:focus-visible,.g-map-view button:focus-visible{outline:2px solid rgba(115,244,224,.88);outline-offset:2px}
}

/* PC intermédiaire / petits laptops : conserve l'esprit desktop sans compression. */
@media (min-width:901px) and (max-width:1199px){
  :root{--g-pc-shell:calc(100vw - 2.5rem);--g-pc-dock:min(44rem,calc(100vw - 10rem))}
  body.era1-premium .p-topcard{grid-template-columns:minmax(12rem,1fr) minmax(20rem,1.35fr) 3.2rem}
  body.era1-premium .p-left-tools{left:1rem}.p-feature-sheet{width:calc(100vw - 3rem)}
  .g-map-inspect{right:1rem!important;width:19rem!important}.g-map-legend{left:1rem}.g-map-crumbs{left:1rem}
  .e3-regionmap:not(.detailed){grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (min-width:901px){
  body.era1-premium .p-settings-wrap{display:grid!important;grid-template-rows:1fr 1fr!important;align-items:center!important;justify-items:center!important;gap:.2rem!important;height:100%!important;padding:.35rem 0!important}
  body.era1-premium .p-settings,body.era1-premium .p-advice-btn{width:2rem!important;height:2rem!important;border-radius:.62rem!important;font-size:.9rem!important}
  body.era1-premium .p-bottomnav{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
/* GENESIS V8.00.24 — actions de récupération SQL visibles PC/mobile */
.g-startup-error-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.g-startup-error-actions button+button{background:#0b5f62;border-color:rgba(111,236,226,.4)}