:root{color-scheme:dark;--cream:#eff1f9;--muted:#a6b3c7;--gold:#e1bf85;--edge:#40526c;--glass:#071322de;--blue:#7ccadd}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#030817;color:var(--cream);font:14px/1.35 system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:#132237e8;border:1px solid #354962;border-radius:7px;padding:8px 12px;transition:background .12s}button:hover,button:focus-visible{background:#24415e;outline-color:#a6e3ed}input,select{background:#0d1b2bf0;border:1px solid #40506c;border-radius:5px;padding:7px;width:100%}.shell{display:flex;flex-direction:column;height:100dvh;min-height:480px}.topbar{height:57px;flex-shrink:0;background:linear-gradient(180deg,#0b1524,#080e1c);border-bottom:1px solid #26374c;display:flex;align-items:center;gap:25px;padding:6px 18px;z-index:8}.brand{display:flex;gap:10px;align-items:center;white-space:nowrap}.brand .sigil{font-size:28px;color:var(--gold)}.brand strong{letter-spacing:.18em;font-size:15px}.brand small{display:block;font-size:9px;letter-spacing:.14em;color:#a6b0c3;margin-top:2px}.brand small span{color:var(--gold)}.locations{display:flex;align-items:center;gap:7px;margin-left:auto}.locations a{font-size:12px;border-radius:6px;color:#bdcce0;padding:9px 12px;text-decoration:none}.locations a:hover,.locations a.active{background:#18334e;color:#f6d5a5}.topactions{display:flex;gap:8px}.topactions button{white-space:nowrap;padding:7px 10px}.viewport{position:relative;overflow:hidden;flex:1;min-height:0;background:#02060c}.viewport canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab;outline:none}.viewport canvas:active{cursor:grabbing}.topoverlay{position:absolute;top:18px;left:21px;right:21px;display:flex;justify-content:space-between;pointer-events:none;gap:20px;text-shadow:0 2px 5px black}.meta{display:grid;gap:4px}.meta b{font:26px/1.2 Georgia,serif;letter-spacing:.01em}.meta small{color:#b8c9df;font-size:12px}.gold{color:var(--gold);letter-spacing:.15em;font-size:10px;font-weight:800}.topcoords{padding:9px 11px;align-self:start;font-size:12px;border:1px solid #39475e99;background:#071322c4;border-radius:6px;white-space:nowrap}.science-warning{position:absolute;left:22px;top:119px;max-width:min(540px,calc(100% - 390px));color:#c9ccda;display:flex;align-items:flex-start;gap:9px;background:#0a1625bd;padding:9px 12px;border:1px solid #52657a7a;border-radius:8px;font-size:11px;line-height:1.5;pointer-events:none}.warnDot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#ecbc7e;flex-shrink:0}.science-warning b{color:#e8d4b8}.sideglass{position:absolute;right:15px;top:74px;width:286px;max-height:calc(100% - 232px);overflow:auto;padding:15px;background:var(--glass);border:1px solid #465675ba;box-shadow:0 15px 35px #0007;border-radius:10px;display:grid;gap:11px;backdrop-filter:blur(12px)}.sideglass header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3a4961;padding-bottom:9px;margin-bottom:3px}.sideglass header b{font-size:13px;color:#e3d3ae}.sideglass header button{font-size:18px;padding:2px 9px}.sideglass label{font-size:11px;color:var(--muted);display:grid;gap:5px}.sideglass label input,.sideglass label select{font-size:12px;color:#edf3ff}.sideglass input[type=range]{padding:0;accent-color:var(--gold)}.sideglass output{text-align:right;color:#dfc89f}.pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.simulation-note{border-left:2px solid #ad9477;padding:7px 9px;background:#16243acb;color:#b8c8dd;font-size:10px;line-height:1.5}.sideglass.hidden{display:none}.secondary{border-color:#9c926d;color:#f3d7a0}.compass{position:absolute;left:20px;bottom:145px;font-size:11px;color:#afcae0;text-shadow:0 2px 4px #000;pointer-events:none}.zoom{position:absolute;right:21px;bottom:147px;display:flex;flex-direction:column;align-items:center;gap:4px;background:#091c2cbf;padding:4px;border-radius:7px;border:1px solid #43536d8c}.zoom button{font-size:23px;width:33px;height:33px;line-height:24px;padding:1px}.zoom span{font-size:10px;min-width:34px;text-align:center}.bottomdock{position:absolute;left:12px;right:12px;bottom:23px;display:grid;justify-items:center;gap:8px;pointer-events:none}.tools,.timebar{pointer-events:auto;border:1px solid #4558789c;border-radius:10px;background:#071323ee;box-shadow:0 6px 25px #0008;display:flex;align-items:center;gap:2px;padding:5px;backdrop-filter:blur(12px)}.tools button{min-width:57px;min-height:48px;border:none;background:transparent;font-size:21px;border-radius:6px;padding:5px 7px 2px;color:#93a9c6}.tools button span{display:block;font-size:9px;margin-top:2px;letter-spacing:.01em}.tools button.enabled{background:#1c3a57b8;color:#edd3a4}.tools button:hover{background:#2e4c6b}.timebar{gap:7px;padding:4px 10px}.timebar button{border:0;background:transparent;color:#cfdded;padding:3px 7px;min-width:28px}.timebar .play{font-size:16px;color:#f4d7a4}.timebar span{font-size:11px;color:#aabbd1;min-width:127px;text-align:center}.microcredit{position:absolute;right:15px;bottom:4px;font-size:9px;color:#8498b1;text-shadow:0 1px 3px black;pointer-events:none}.searchPanel,.objectinfo{position:absolute;top:78px;left:20px;width:min(360px,calc(100% - 40px));padding:14px;background:#0a192add;border:1px solid #576a81;border-radius:10px;box-shadow:0 12px 24px #0009;backdrop-filter:blur(10px)}.searchPanel label{display:block;font-size:11px;color:var(--gold);margin-bottom:9px}.searchrow{display:flex;gap:6px}.searchrow input{flex:1;min-width:0}.searchrow button{background:#dec393;color:#121a2a;font-weight:700}.results{max-height:185px;overflow:auto;margin-top:8px}.results button{display:block;width:100%;border:0;border-bottom:1px solid #253e58;background:transparent;text-align:left;font-size:12px;padding:8px}.results button small{display:block;color:#9badc7}.objectinfo{top:260px;max-height:calc(100% - 430px);overflow:auto}.objectinfo h3{margin:7px 25px 11px 0;font:21px Georgia,serif}.objectinfo p{font-size:12px;color:#b3c9db;margin:5px 0 10px}.objectinfo .close{position:absolute;right:9px;top:9px;padding:2px 9px;font-size:18px}.objectinfo #centerOn{width:100%;color:var(--gold)}[hidden]{display:none!important}
@media(max-width:1000px){.topbar{padding:5px 9px;gap:8px}.topactions button span{display:none}.locations a{font-size:11px;padding:7px}.science-warning{max-width:calc(100% - 345px)}.tools button{min-width:44px}.tools button span{font-size:8px}}
@media(max-width:680px){.shell{min-height:380px}.topbar{height:53px}.brand{gap:5px}.brand strong{font-size:11px}.brand small{font-size:7px;letter-spacing:.08em}.brand .sigil{font-size:21px}.locations{margin-left:auto;gap:0}.locations a{font-size:10px;padding:5px}.locations a:nth-child(2){display:none}.topactions{gap:2px}.topactions button{padding:6px 8px}.topoverlay{top:11px;left:13px;right:12px}.meta b{font-size:19px}.meta small{font-size:10px}.topcoords{font-size:9px;padding:5px 6px}.gold{font-size:8px;letter-spacing:.07em}.science-warning{top:93px;left:10px;max-width:calc(100% - 20px);font-size:9px;padding:5px 7px}.sideglass{top:145px;right:9px;width:min(285px,calc(100% - 18px));max-height:calc(100% - 305px);z-index:4}.tools{max-width:100%;width:100%;overflow:auto;justify-content:start;scrollbar-width:thin}.tools button{flex:0 0 51px}.bottomdock{bottom:17px;left:5px;right:5px;gap:6px}.compass{left:10px;bottom:138px;font-size:10px}.zoom{right:10px;bottom:136px}.timebar span{min-width:105px;font-size:10px}.timebar button{padding:2px 5px}.microcredit{font-size:7px;right:8px}.searchPanel{left:8px;top:144px;width:calc(100% - 16px);z-index:6}.objectinfo{left:8px;top:280px;width:calc(100% - 16px);max-height:calc(100% - 425px);z-index:6}}

@media(max-width:500px){.brand small{display:none}.locations a{white-space:nowrap}.locations a:not(.active){font-size:0;padding:5px}.locations a:not(.active)::before{content:"✦";font-size:14px}.topbar{gap:5px}}

/* ÆL-SIRIL 0.13 : cartes sphériques et commandes rapides */
.quickview{position:absolute;left:50%;transform:translateX(-50%);top:10px;z-index:4;display:flex;gap:4px;background:#051020b9;border:1px solid #56718480;border-radius:9px;padding:4px;max-width:calc(100% - 15px);overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.quickview button{font-size:11px;padding:7px 8px;flex:none}.quickview .enabled,.objectinfo #traverse{background:#284c65;color:#f2dcaf}.objectinfo #traverse{display:block;width:100%;margin-top:6px}.objectinfo #traverse[hidden]{display:none}.objectinfo{max-height:calc(100% - 360px)}.bottomdock{bottom:20px}
@media(max-width:1100px){.quickview{top:70px}.science-warning{top:117px}.sideglass{z-index:5}}
@media(max-width:680px){.quickview{top:59px;left:5px;right:5px;transform:none;justify-content:flex-start}.quickview button{font-size:10px;padding:5px}.science-warning{top:99px;max-width:calc(100% - 20px)}.sideglass{top:160px;max-height:calc(100% - 305px)}.objectinfo{top:260px;max-height:calc(100% - 393px)}.bottomdock{bottom:14px}.zoom{bottom:151px}.compass{bottom:155px}}

/* ÆL-SIRIL V0.17 — échelle de grille adaptative */
.grid-step{position:absolute;bottom:151px;left:50%;transform:translateX(-50%);font:11px system-ui,sans-serif;letter-spacing:.03em;color:#f1f7ff;text-shadow:0 1px 5px #000,0 0 12px #000;background:#081c2aaa;border:1px solid #b2cfdf65;padding:4px 9px;border-radius:6px;pointer-events:none;white-space:nowrap;max-width:55vw;overflow:hidden;text-overflow:ellipsis}.quickview #dome180.enabled{background:#345a76;border-color:#b7dfee;color:white}
@media(max-width:680px){.grid-step{left:10px;right:10px;bottom:196px;transform:none;text-align:center;max-width:none;font-size:9px}}

/* V0.18 : fiche 3D intégrée et nouvelles couches panoramiques */
.objectinfo #explore3d{display:block;width:100%;margin-top:7px;background:#355879;color:#ffe5b2;border-color:#e1ba72}
.bodyViewer{position:absolute;z-index:15;inset:65px 14px 120px 14px;display:flex;flex-direction:column;min-height:200px;background:#04111cf7;border:1px solid #b8a47c;border-radius:14px;overflow:hidden;box-shadow:0 30px 100px #000d}
.bodyViewer[hidden]{display:none!important}.bodyViewer>header{padding:9px 14px;display:flex;justify-content:space-between;gap:12px;align-items:center;background:#112337;border-bottom:1px solid #4a6377}.bodyViewer>header b{font:20px Georgia,serif;color:#f5dfb5}.bodyViewer>header small{font-size:10px;color:#aebfd6;display:block;margin-top:3px}.viewerButtons{display:flex;gap:8px;align-items:center}.viewerButtons a{color:#e9d7b1;background:#1d3b52;text-decoration:none;padding:9px;border-radius:7px;white-space:nowrap}.viewerButtons button{white-space:nowrap;background:#563a32;border-color:#a78570}.bodyViewer iframe{width:100%;flex:1;min-height:0;border:0;background:#030710}.objectinfo #explore3d[hidden]{display:none}.sideglass #lightRead{font-size:10px;line-height:1.5}
@media(max-width:680px){.bodyViewer{inset:54px 4px 105px 4px}.bodyViewer>header{padding:7px 8px}.bodyViewer>header b{font-size:15px}.bodyViewer>header small{font-size:9px}.viewerButtons a{padding:5px}.viewerButtons button{padding:5px}}
