:root{color-scheme:dark;--bg:#0b1112;--panel:#10191b;--line:#293638;--text:#e0e7df;--muted:#96aaa7;--acid:#d2df9b;--cyan:#8dbfbc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 'Segoe UI',sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--acid);outline-offset:4px}header{height:96px;border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:16px;font-size:14px;letter-spacing:2px}.brand small{display:block;font-size:12px;letter-spacing:3px;color:var(--muted);margin-top:5px}.seal{border:1px solid var(--acid);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-family:Georgia,serif;color:var(--acid);letter-spacing:0}.edition,.eyebrow,footer,.view-label,.compass,.badge,.explode{font:12px/1.6 Consolas,monospace;letter-spacing:1.3px;color:var(--muted)}.edition b{color:var(--acid)}main{display:grid;grid-template-columns:230px minmax(0,1fr) 280px;min-height:calc(100vh - 150px)}.fleet{padding:30px 22px;border-right:1px solid var(--line)}h1{font:38px/1.1 Georgia,serif;font-weight:normal;margin:16px 0 30px}#fleet{display:grid;gap:8px}.vessel{border:1px solid transparent;border-left:2px solid transparent;background:none;text-align:left;width:100%;padding:13px 10px;font-size:15px}.vessel span{display:block;font:12px Consolas,monospace;margin-top:7px;color:var(--muted)}.vessel:hover{background:#182325}.vessel.active{border-color:var(--line);border-left-color:var(--acid);background:#192324;color:var(--acid)}.archive-note{border-top:1px solid var(--line);margin-top:35px;padding-top:22px;font:12px Consolas,monospace;color:var(--acid)}.archive-note span{display:block;color:var(--muted);line-height:1.7;margin-top:13px}.workspace{min-width:0;padding:28px 26px}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}h2{font:36px/1.2 Georgia,serif;font-weight:normal;margin:8px 0 20px}.badge{font-size:12px;border:1px solid var(--line);padding:5px 9px;color:var(--acid)}#viewport{position:relative;height:clamp(380px,52vh,680px);overflow:hidden;background:radial-gradient(ellipse at center,#203234 0%,#101a1d 65%,#0d1618 100%);border:1px solid var(--line)}#viewport:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#66808010 1px,transparent 1px),linear-gradient(90deg,#66808010 1px,transparent 1px);background-size:40px 40px;pointer-events:none}#canvas-host{position:absolute;inset:0}canvas{display:block;touch-action:none}#reference{height:100%;width:100%;object-fit:contain;position:absolute;inset:0}.view-label{position:absolute;top:17px;left:18px;pointer-events:none}.loading{position:absolute;left:20px;bottom:18px;background:#10191be0;padding:8px 12px;font-size:14px;max-width:85%;pointer-events:none}.compass{position:absolute;bottom:18px;right:18px;font-size:25px;text-align:right;pointer-events:none}.compass span{display:block;font-size:10px}.view-buttons,.toggles{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}button{border:1px solid var(--line);background:transparent;padding:8px 12px;font-size:14px}button:hover{background:#213032}button.active,button[aria-pressed=true]{background:var(--acid);color:#182321;border-color:var(--acid)}button:disabled{opacity:.4;cursor:default}.toggles{margin-top:9px}.explode{display:flex;align-items:center;gap:16px;margin-top:24px;flex-wrap:wrap}.explode input{flex:1;min-width:100px;accent-color:var(--acid)}.explode output{width:36px;color:var(--acid)}.gesture{font-size:13px;color:var(--muted);margin-top:16px}.details{border-left:1px solid var(--line);padding:30px 23px}h3{font:25px/1.3 Georgia,serif;margin:20px 0 12px}.details p{color:var(--muted);font-size:15px;line-height:1.7}#sections{display:grid;gap:7px;margin:24px 0 16px}.section{text-align:left;display:flex;justify-content:space-between;gap:10px}.section span{color:var(--muted);font:12px Consolas,monospace}.section.active span{color:#364630}#isolate{width:100%}.record-note{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.record-note p{font-size:14px}#source-link{font-size:14px;border-bottom:1px solid var(--cyan);padding-bottom:4px;color:var(--cyan)}footer{display:flex;justify-content:space-between;gap:16px;padding:18px 30px;border-top:1px solid var(--line);font-size:11px}footer b{color:var(--acid)}[hidden]{display:none!important}@media(min-width:1550px){main{grid-template-columns:260px minmax(0,1fr) 320px}.workspace{padding:32px 40px}}@media(max-width:1100px){main{grid-template-columns:195px minmax(0,1fr)}.details{grid-column:2;border-left:0;border-top:1px solid var(--line)}#sections{grid-template-columns:repeat(2,1fr)}.fleet{grid-row:1/3}.workspace{padding:24px 18px}.badge{display:none}}@media(max-width:680px){header{height:78px;padding:0 18px}.edition{display:none}.brand{font-size:12px}main{display:block}.fleet{padding:20px 18px 12px;border-right:0;border-bottom:1px solid var(--line)}h1,.fleet>.eyebrow,.archive-note{display:none}#fleet{display:flex;overflow:auto;gap:5px}.vessel{width:auto;min-width:145px;white-space:nowrap}.workspace{padding:22px 14px}.details{padding:25px 20px}#viewport{height:420px}h2{font-size:32px}.compass{display:none}.view-buttons button{flex:1;padding:9px 5px;font-size:13px}footer{flex-direction:column;padding:18px}.explode{letter-spacing:0;font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

summary{cursor:pointer;font-size:14px;color:var(--acid);padding:14px 0;border-bottom:1px solid var(--line)}summary:focus-visible{outline:2px solid var(--acid)}