:root{color-scheme:dark;--ink:#e8e6df;--muted:#a9babe;--gold:#e2c18b;--sea:#79b9bb;--panel:#0f222a;--hair:#385057;--bg:#071218}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif}body{background:radial-gradient(ellipse at 40% 0%,#1e3940,#08171b 50%,#071117)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e8c28c;outline-offset:2px}a{color:var(--sea)}.top{min-height:75px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #42646a;padding:13px clamp(18px,3vw,42px);gap:24px;background:linear-gradient(90deg,#10272d,#0a161d)}.brand{display:flex;gap:13px;align-items:center}.logo{color:var(--gold);font-size:32px}.brand small,.brand b{display:block}.brand small{font-size:9px;letter-spacing:.20em;color:#bacdc9}.brand b{font:600 21px Georgia,'Times New Roman',serif;letter-spacing:.065em}.brand em{font:700 11px system-ui;color:var(--gold);font-style:normal}.topnav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.topnav a{color:#e2e7e4;text-decoration:none;border:1px solid #4a676f;border-radius:9px;padding:7px 13px;font-size:12px}.topnav a:hover{background:#1a373f}.shell{display:grid;grid-template-columns:295px minmax(0,1fr) 265px;min-height:calc(100vh - 120px)}.side,.inspector{padding:30px 21px 23px;background:linear-gradient(145deg,#11272d,#0b1b22 62%,#0d1b22)}.side{border-right:1px solid #3c585d}.inspector{border-left:1px solid #3c585d;overflow-y:auto}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:.17em;font-weight:700;margin:0 0 15px}.side h1{font:400 clamp(29px,3.0vw,38px)/1.12 Georgia,serif;letter-spacing:-.015em;margin:0 0 17px}.side h1 i{color:#e4c79d;font-weight:400}.lead{font-size:13px;line-height:1.65;color:#cbd9d7;margin:0 0 22px}.notice{background:#283534;border:1px solid #7d846a;border-left:3px solid #dac083;padding:12px;border-radius:8px;margin-bottom:28px;display:flex;flex-direction:column;gap:3px;font-size:12px;color:#e0e7df}.notice strong{color:#f6dfa9}.notice span{color:#c5cfc8}.side h2,.inspector h2{font:400 23px/1.2 Georgia,serif;color:#e8dac0;margin:25px 0 15px}.views{display:grid;gap:8px}.views button{width:100%;background:#142c34;color:#e6ece8;border:1px solid #38545f;border-radius:10px;text-align:left;display:flex;gap:12px;align-items:center;padding:10px 12px;transition:background .15s,border-color .15s}.views button:hover{background:#26454b}.views button[aria-pressed=true]{background:linear-gradient(90deg,#395255,#1a353d);border-color:#e0bf82;box-shadow:inset 3px 0 #d8c088}.views b,.views small{display:block}.views small{color:#bdcbca;font-size:11px}.views .num{border:1px solid #677579;border-radius:7px;min-width:31px;text-align:center;padding:5px 2px;font:600 11px monospace;color:#e2c28b}.side-footer{border-top:1px solid #36535e;margin-top:30px;padding-top:22px;display:grid;gap:7px;font-size:12px;color:#b6c9c9}.side-footer b{color:#e6d2a2}.stage{display:flex;flex-direction:column;min-width:0;background:#071921}.viewport{position:relative;flex:1;min-height:600px;overflow:hidden;background:radial-gradient(ellipse at 50% 5%,#46606a,#203a48 40%,#122731 78%,#07141c)}.viewport canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.grade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#06172065,transparent 25%,transparent 74%,#061b26a9);mix-blend-mode:multiply}.stage-head{position:absolute;top:20px;left:22px;right:22px;display:flex;gap:10px;align-items:center;justify-content:space-between;pointer-events:none}.live{background:#10262ada;backdrop-filter:blur(12px);border:1px solid #567177;border-radius:50px;padding:7px 13px;font-size:11px;letter-spacing:.04em;display:flex;align-items:center;gap:9px}.live i{height:7px;width:7px;border-radius:50%;background:#7ed8c5;box-shadow:0 0 10px #7ed8c5}.tag{font-size:9px;background:#5b3f27de;border:1px solid #ba925e;color:#f3dfbd;padding:7px 12px;letter-spacing:.08em;border-radius:20px;font-weight:800}.stage-bottom{position:absolute;bottom:20px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:end;gap:20px;pointer-events:none}.scale{background:#0b2027d9;border:1px solid #3a5960;border-radius:9px;padding:10px 12px}.scale b,.scale small{display:block}.scale b{font:600 20px Georgia,serif}.scale small{color:#c4d3cf;font-size:10px}.hint{font-size:11px;text-shadow:0 2px 6px #000;background:#0b202797;padding:7px 9px;border-radius:8px}.compass{position:absolute;top:68px;right:27px;display:flex;flex-direction:column;align-items:center;color:#f3d69a;text-shadow:0 2px 10px #000}.compass span{font-size:10px}.compass b{font-size:28px}.screen-status{position:absolute;top:74px;left:24px;color:#c8d7d8;font-size:11px;max-width:260px;text-shadow:0 2px 9px #000}.stage-tools{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#112a33;border-top:1px solid #33535a;gap:15px;flex-wrap:wrap}.tools-left,.tools-right{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.stage-tools button{background:#20444b;color:#eaf2ee;border:1px solid #56747b;border-radius:9px;padding:7px 13px}.stage-tools button:hover{background:#3d6165}.stage-tools label{display:flex;align-items:center;gap:5px;white-space:nowrap;color:#d3dfdb;font-size:12px}.stage-tools input{accent-color:#ceb781}.inspector>p:not(.eyebrow){font-size:12px;color:#c4d2d0}.pois{display:grid;gap:7px}.pois button{text-align:left;background:#142b32;color:#e8e6df;border:1px solid #3b545d;border-radius:9px;padding:9px 11px}.pois button:hover,.pois button[aria-pressed=true]{border-color:#d6b884;background:#304449}.pois b{display:block;font-size:12px}.pois small{font-size:10px;color:#a9c6c7}.poi-detail{border-top:1px solid #39545e;margin-top:14px;padding-top:12px;font-size:12px;min-height:60px;color:#bdcbd0}.poi-detail b{color:var(--gold)}.poi-detail p{margin:5px 0}.stats{display:grid;gap:5px}.stats span{display:flex;justify-content:space-between;gap:7px;padding:9px 0;border-bottom:1px solid #344951;color:#b8c7c8;font-size:11px}.stats b{color:#e3d5b8;white-space:nowrap}.fine{font-size:11px;color:#afc0bf;line-height:1.65}.sources{display:block;text-decoration:none;margin-top:22px;padding:10px 12px;border-radius:9px;border:1px solid #677464;color:#ebd9af;font-size:11px}.foot{border-top:1px solid #3a5559;padding:11px 24px;display:flex;justify-content:space-between;gap:24px;color:#adbfc0;font-size:10px;letter-spacing:.05em}
@media(max-width:1250px){.shell{grid-template-columns:245px minmax(0,1fr) 220px}.side,.inspector{padding:22px 14px}.topnav a{padding:7px 9px}.tag{max-width:160px;text-align:center}}
@media(max-width:950px){.shell{grid-template-columns:240px minmax(0,1fr)}.inspector{grid-column:1/-1;border-left:0;border-top:1px solid #3c585d;display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.inspector .eyebrow,.inspector h2,.inspector>p,.inspector .sources{grid-column:1/-1}.inspector .pois{grid-column:1/2}.inspector .poi-detail{grid-column:2/3}.inspector .stats{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px}.viewport{min-height:580px}}
@media(max-width:680px){.top{padding:12px 16px;align-items:flex-start;flex-direction:column;gap:12px}.brand b{font-size:19px}.topnav{gap:7px}.topnav a{font-size:11px}.shell{display:flex;flex-direction:column}.side{border-right:0;border-bottom:1px solid #3c585d}.side h1{font-size:31px}.side h1 br{display:none}.lead{font-size:12px}.side h2{margin:15px 0 10px}.views{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.views button{flex-direction:column;padding:8px 5px;gap:5px;text-align:center;min-height:76px}.views b{font-size:10px}.views small{display:none}.notice{margin-bottom:12px}.side-footer{margin-top:16px}.viewport{min-height:420px}.stage-tools{padding:12px}.stage-head{left:12px;top:12px;right:12px}.tag{font-size:8px;max-width:135px}.stage-bottom{left:12px;right:12px;bottom:13px}.hint{display:none}.inspector{display:block}.pois{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.foot{flex-direction:column;padding:15px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* V2.14 : titre et métadonnées lisibles sur les couches détaillées */
.stage-head .live{box-shadow:0 8px 24px #06151fa0}.scale small{letter-spacing:.015em}.stage-tools label{accent-color:#cfb478}