:root{color-scheme:dark;--bg:#05070A;--surface:#0B0F14;--cyan:#19E6E6;--red:#FF2A2A;--text:#F4F7FB;--muted:#a9bcc6;--line:#1D2A33;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6}a{color:var(--cyan);text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}button{color:var(--text);background:#12212a;border:1px solid var(--line);border-radius:8px;min-height:44px;padding:9px 15px}button:hover,a:hover{color:var(--cyan)}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:20px;z-index:10;background:var(--bg);padding:12px}.skip-link:focus{top:10px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 32px;border-bottom:1px solid var(--line)}.brand{color:var(--text);font-weight:850;letter-spacing:.08em;font-size:18px}.brand b{color:var(--red)}.brand small{display:block;font-size:11px;letter-spacing:.12em;color:var(--muted);font-weight:500}.site-links{display:flex;gap:24px;font-size:13px}.workspace{max-width:1600px;margin:auto;display:grid;grid-template-columns:210px minmax(0,1fr) minmax(340px,.9fr);gap:32px;padding:32px}.sidebar{border-right:1px solid var(--line);padding-right:20px}.eyebrow,.nav-label{font-size:10px;letter-spacing:.16em;font-weight:750;color:var(--cyan);margin:0 0 14px}.nav{display:grid;gap:5px}.nav a{display:flex;gap:12px;align-items:center;min-height:44px;padding:9px 12px;font-size:13px;color:var(--muted);border:1px solid transparent;border-radius:8px}.nav a:hover{background:#111e27;color:var(--text)}.nav a.active{background:#07323a;color:var(--cyan);border-color:#13515b}.nav-label{color:#8296a2;margin:20px 12px 6px;font-size:9px}.sidebar-note{font-size:11px;color:var(--muted);margin-top:32px}main{min-width:0}.breadcrumb{font-size:10px;letter-spacing:.09em;color:var(--muted);margin-bottom:34px}.breadcrumb span{color:var(--cyan)}h1{font-size:clamp(32px,3.2vw,52px);letter-spacing:-.045em;line-height:1.1;margin:14px 0 22px}h1 span{color:var(--red)}.lead{color:var(--muted);font-size:16px;max-width:560px}.lead strong{color:var(--text)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}.primary{background:var(--cyan);color:#061217;font-weight:750;border:1px solid var(--cyan)}.primary:hover{color:#061217;background:#8af2ff}.actions a{display:inline-flex;align-items:center;min-height:44px;border:1px solid var(--line);border-radius:8px;padding:9px 15px;font-size:13px}.flow-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:28px 0}.flow-list a{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:#0e161d}.flow-list a:hover{border-color:var(--cyan)}.flow-list em{font-style:normal;font-size:11px;color:var(--cyan)}.flow-list strong{display:block;font-size:13px}.flow-list small{display:block;font-size:11px;color:var(--muted)}.definition{padding:18px;border-left:2px solid var(--cyan);background:#0e171e;color:var(--muted);font-size:13px;margin:24px 0}.definition strong{color:var(--text)}.boundary{display:flex;gap:12px;padding-top:22px;border-top:1px solid var(--line);margin-top:32px;font-size:11px;color:var(--muted)}.boundary strong{color:var(--text);font-size:12px}.boundary p{margin:6px 0}.status-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--red);margin-top:6px}.spatial-panel{align-self:start;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#0b1219;min-width:0}.map-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px}.map-header .eyebrow{margin-bottom:4px}.map-header h2{font-size:17px;margin:0}.map-header button{font-size:11px;padding:8px}.world-stage{position:relative;height:380px;background:radial-gradient(ellipse at 50% 50%,#142732,#080b10 75%)}#world{position:absolute;inset:0}#world canvas{display:block;width:100%;height:100%;touch-action:none}.world-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;text-align:center;pointer-events:none}.orbital-mark{display:grid;place-items:center;width:130px;height:130px;border:1px solid var(--cyan);border-radius:50%;box-shadow:0 0 70px #00e5ff18;font-size:30px;font-weight:800;color:var(--cyan)}.world-fallback p{font-size:14px;color:var(--muted)}.world-fallback small{font-size:11px;color:var(--muted)}.map-hint{font-size:11px;color:var(--muted);margin:16px 20px}.legend{display:flex;flex-wrap:wrap;gap:10px 16px;font-size:10px;color:var(--muted);padding:0 20px 18px;border-bottom:1px solid var(--line)}.legend i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px}.tour-controls{display:flex;flex-wrap:wrap;gap:8px;padding:18px 20px 8px}.tour-controls button{font-size:12px}.tour-status{font-size:11px;color:var(--muted);margin:4px 20px 18px}.detail-note{font-size:13px;color:var(--muted)}.step-controls{display:flex;justify-content:space-between;gap:12px;margin-top:32px}.step-controls a{font-size:12px;padding:10px;border:1px solid var(--line);border-radius:8px}main:focus{outline:none}
@media(min-width:1100px){.sidebar{position:sticky;top:24px;align-self:start}.spatial-panel{position:sticky;top:24px}}
@media(max-width:1100px){.workspace{grid-template-columns:175px minmax(0,1fr);gap:24px}.spatial-panel{grid-column:2}.world-stage{height:340px}.sidebar{grid-row:1 / span 2}.breadcrumb{margin-bottom:24px}}
@media(max-width:640px){.topbar{padding:18px;align-items:flex-start;gap:12px}.brand{font-size:14px}.site-links{flex-direction:column;gap:6px;font-size:11px}.workspace{display:flex;flex-direction:column;padding:18px;gap:24px}.sidebar{padding:0;border:0}.sidebar>.eyebrow,.sidebar-note,.nav-label{display:none}.nav{display:flex;gap:6px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:thin;scrollbar-color:var(--cyan) transparent}.nav a{flex:none;font-size:12px;padding:8px 10px;gap:6px;border-color:var(--line)}.breadcrumb{margin-bottom:20px}h1{font-size:36px}.lead{font-size:14px}.flow-list{gap:8px}.flow-list a{padding:12px;gap:8px}.world-stage{height:300px}.map-header{padding:16px}.boundary{margin-top:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.workspace{grid-template-columns:190px minmax(0,1fr);gap:24px}.spatial-panel{grid-column:2;position:static}.sidebar{grid-row:1 / span 2}.world-stage{height:600px}.glyph-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.glyph-card{padding:12px 5px;text-align:center;border:1px solid var(--line);background:var(--surface);border-radius:7px}.glyph-card img{height:60px;max-width:60px;object-fit:contain}.glyph-card b,.glyph-card small{display:block}.glyph-card b{color:var(--cyan);font:12px monospace}.glyph-card small{font-size:9px}.language-examples{display:flex;gap:10px;flex-wrap:wrap}.language-examples span{padding:10px;border:1px solid var(--line);font:12px monospace;color:var(--cyan)}@media(max-width:1100px){.workspace{grid-template-columns:175px minmax(0,1fr)}.world-stage{height:500px}}@media(max-width:640px){.workspace{display:flex}.world-stage{height:420px}.glyph-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}