:root{font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;color:#eef7f5;background:#041019;--sand:#ebcf9a;--line:rgba(154,198,197,.24);--sub:#b7c9d1}*{box-sizing:border-box}body{margin:0;min-height:100dvh;overflow:hidden;background:#040d19}.scene{position:fixed;inset:0;background:radial-gradient(circle at 66% 33%,#142f47 0,#071a2d 24%,#02060f 72%);overflow:hidden}.scene:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,12,20,.90),transparent 36%,transparent 77%,rgba(3,10,19,.26));z-index:2}.stars{position:absolute;inset:-20%;width:140%;height:140%;object-fit:cover;opacity:.72;filter:saturate(1.25)}#globe{position:absolute;inset:0;width:100%;height:100%;touch-action:none;display:block;z-index:1;cursor:grab}#globe:active{cursor:grabbing}#poster{display:none;position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);height:min(78vh,820px);aspect-ratio:1;object-fit:cover;border-radius:50%;box-shadow:0 0 90px #4d7eb830}.top{position:fixed;z-index:10;top:0;left:0;right:0;min-height:84px;padding:19px 26px 13px;display:flex;align-items:center;gap:14px;justify-content:space-between;background:linear-gradient(#05131fdd,#081b25aa 78%,transparent)}.brand{font-family:Georgia,'Times New Roman',serif;font-size:27px;letter-spacing:1.7px;color:#f0dfbb;line-height:1}.brand small{display:block;letter-spacing:2.5px;font:10px system-ui;margin-bottom:7px;color:#a7e1da}.toptag{font-size:11px;color:#d0e6e5;letter-spacing:.7px}.top a,.quick a,.quick button{border:1px solid #65818e95;background:#153040dd;color:#e9eadb;text-decoration:none;font-size:12px;padding:10px 12px;border-radius:8px;cursor:pointer}.top a:hover,.quick a:hover,.quick button:hover{background:#234f5e}.panel{position:fixed;z-index:11;left:16px;top:96px;width:min(348px,calc(100vw - 32px));max-height:calc(100dvh - 117px);overflow:auto;border:1px solid var(--line);background:linear-gradient(145deg,#071d2af3,#061725ed);backdrop-filter:blur(16px);box-shadow:0 25px 80px #0009;border-radius:13px;padding:20px}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#a6d9d7;font-weight:700}.panel h1{font:32px/1.1 Georgia,serif;color:var(--sand);margin:10px 0}.panel p{margin:10px 0;font-size:12.5px;line-height:1.6;color:#d8e7e2}.panel select,.panel input[type=range]{width:100%}.panel select{appearance:none;border:1px solid #536d75;padding:10px 12px;margin:8px 0 13px;background:#0d2838;color:#ebf5f0;border-radius:8px;font:inherit;font-size:13px}.ctrl-label{display:flex;justify-content:space-between;align-items:center;gap:7px;margin-top:12px;font-size:12px;font-weight:600;color:#d8e4e2}.ctrl-label strong{color:#ebcb91;font-weight:600}.panel input[type=range]{accent-color:#e9c77a;margin:10px 0}.actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0}.actions button,.actions a{background:#193846;color:#e9f1ed;border:1px solid #627e84;border-radius:8px;padding:10px 8px;text-align:center;text-decoration:none;font:600 12px system-ui;cursor:pointer}.actions button:hover,.actions a:hover{background:#2a5260}.actions button:focus-visible,.actions a:focus-visible{outline:3px solid #e9ce97}.divider{height:1px;background:var(--line);margin:15px 0}.metric{font-size:11px;color:#aabdc2;line-height:1.7}.metric b{color:#f2deaa}.notice{font-size:11px;background:rgba(140,97,31,.18);border:1px solid rgba(234,185,97,.5);padding:10px 12px;border-radius:8px;line-height:1.5;color:#f2dcb8}.right{position:fixed;right:19px;top:116px;z-index:9;max-width:244px;text-align:right}.right h2{font:20px Georgia,serif;color:#edcf9e;margin:0}.right .minor{font-size:11px;line-height:1.5;color:#d0e0e4}.footer{position:fixed;z-index:10;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:9px;background:linear-gradient(transparent,#041119dc 38%,#041119ec);padding:25px 22px 14px;font-size:11px;color:#cae2e1;pointer-events:none}.footer *{pointer-events:auto}.quick{display:flex;gap:8px;flex-wrap:wrap}.footer strong{color:#f0d4a8}#toast{position:fixed;bottom:63px;left:50%;transform:translateX(-50%);background:#0c2b35;border:1px solid #92b7bc;padding:11px 17px;border-radius:11px;max-width:480px;z-index:30;opacity:0;transition:.25s;pointer-events:none}#toast.show{opacity:1}.toggle{display:flex;align-items:center;gap:7px;font-size:12px;color:#dce8e5;margin:8px 0}.toggle input{accent-color:#e9c77a}.status strong{color:#dfc08b}.danger{color:#ffd6b2}.hide{display:none!important}@media(max-width:800px){.top{padding:14px;min-height:65px}.brand{font-size:20px}.top .toptag{display:none}.panel{left:8px;top:74px;padding:13px;width:min(294px,calc(100vw - 16px));max-height:calc(100dvh - 140px)}.panel h1{font-size:23px}.panel p{font-size:11px}.panel select{padding:8px;margin:5px 0 9px}.ctrl-label{margin-top:8px}.right{right:12px;top:81px;max-width:160px}.right h2{font-size:16px}.footer{padding:19px 9px 7px}.footer .text{display:none}.quick a,.quick button{font-size:11px;padding:8px}.brand small{font-size:8px}}@media(max-height:650px){.panel{top:65px;max-height:calc(100dvh - 94px)}.panel h1{font-size:22px;margin:5px 0}.panel p{margin:5px 0}.actions{margin:6px 0}}

/* V2.14 transition to dedicated local LOD (no synthetic global pin). */
a.cityBridge{display:block;margin:14px 0 4px;padding:12px 13px;border-radius:12px;border:1px solid #d8bb87;background:linear-gradient(105deg,#243f40,#1a3440);text-decoration:none;color:#fff0ca;font-weight:700;font-size:13px;line-height:1.45}
a.cityBridge small{display:block;font-size:10px;color:#ccdedb;font-weight:400;margin-top:4px}
a.cityBridge:hover{background:#37565a}a.cityBridge:focus-visible{outline:3px solid #f4d090;outline-offset:2px}a.cityBridge[hidden]{display:none!important}

/* V2.15 · huit globes réellement séparés par leur profil et leurs ressources de surface */
.era-section{border:1px solid rgba(211,171,108,.40);padding:12px;border-radius:13px;background:linear-gradient(140deg,rgba(28,53,65,.7),rgba(20,35,45,.30));margin:12px 0}
.era-nav{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;margin:9px 0}
.era-nav button{border:1px solid #56727b;border-radius:7px;background:#102937;color:#c9d8d9;padding:9px 0;font:600 12px Georgia,serif;cursor:pointer}
.era-nav button.selected,.era-nav button[aria-pressed="true"]{background:#e0c38d;color:#172d34;border-color:#f0d8ac;box-shadow:0 0 0 1px #a5cccd}
.era-nav button:focus-visible,.era-library:focus-visible{outline:2px solid #f5dbac;outline-offset:3px}
.era-intro{color:#d9e3df!important;font-size:11.3px!important;line-height:1.52!important;margin:7px 0!important}
.era-library{display:inline-block;color:#efd4a4;font-size:11px;text-underline-offset:4px;margin:2px 0}
#eraStatus{margin:8px 0 0}
body.embed .top,body.embed .panel,body.embed .right,body.embed .footer,body.embed #toast{display:none!important}
body.embed .scene:after{display:none}
body.embed #globe{cursor:crosshair}
@media(max-width:860px){.era-nav button{padding:8px 0;font-size:11px}}