:root{color-scheme:dark;--backdrop:#0f1016;--panel:#1f212d;--answer:#33374a;--raised:#454a62;--button:#5a607d;--muted:#9ca5c2;--text:#c6cbdf;--green:#0cdb00;--white:#fff;--radius:16px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:108px}
body{margin:0;background:var(--backdrop);color:var(--text);font-family:Montserrat,"Avenir Next",Avenir,"Century Gothic",Arial,sans-serif;font-size:16px;line-height:1.65}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
a,button,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:5px}
img{display:block;max-width:100%;height:auto}
p{margin:0 0 22px}
p:last-child{margin-bottom:0}
h1,h2,h3{line-height:1.16;margin:0;font-weight:800;color:var(--muted);overflow-wrap:break-word}
h1{font-size:clamp(36px,4.4vw,62px);letter-spacing:-1.8px;margin-bottom:24px}
h2{font-size:clamp(26px,3vw,38px);margin-bottom:28px;letter-spacing:-.8px}
h3{font-size:21px;letter-spacing:-.25px}
.vog-sheath{width:100%;max-width:1280px;margin-inline:auto;padding-inline:32px}
.vog-helm{height:88px;position:sticky;top:0;z-index:30;background:var(--backdrop)}
.vog-fore-holder{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.vog-reef{flex:0 0 auto}.vog-reef img{width:145px;height:auto}
.vog-fore-area,.vog-fore-tap{display:flex;align-items:center;gap:12px}.vog-fore-area{margin-left:auto;gap:24px}
.vog-trigger{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 28px;border:0;border-radius:1000px;font-size:16px;font-weight:800;line-height:1.3;text-align:center;transition:filter .15s}
.vog-trigger:hover{filter:brightness(1.12)}.vog-idle{background:var(--green);color:#050605}.vog-bare{background:var(--button);color:var(--white)}
.vog-compass-ring{display:flex;align-items:center;gap:10px;background:none;border:0;color:var(--muted);font-weight:700;padding:12px 0}
.vog-compass-stencil{width:20px;height:16px;display:block;border-top:2px solid currentColor;border-bottom:2px solid currentColor;position:relative}
.vog-compass-stencil:after{content:"";height:2px;background:currentColor;position:absolute;left:0;right:4px;top:5px}
.vog-kiln-compass{position:absolute;right:max(24px,calc((100vw - 1216px)/2));top:78px;min-width:210px;padding:12px;background:var(--answer);border-radius:16px;box-shadow:0 12px 28px #0006}
.vog-kiln-compass[hidden]{display:none}.vog-kiln-compass a{display:block;border-radius:100px;padding:10px 20px;font-weight:700}.vog-kiln-compass a:hover{background:var(--button);color:white}
.vog-node-loft{padding-top:20px}
.vog-splash{margin-bottom:64px}
.vog-splash-token{position:relative;isolation:isolate;min-height:360px;background:var(--panel);border-radius:var(--radius);overflow:hidden}
.vog-splash-token:before{content:"";position:absolute;z-index:-1;right:0;top:0;width:min(100%,790px);height:100%;background:url('hero.webp') right center/auto 339px no-repeat}
.vog-splash-prose{padding:40px;width:60%;max-width:690px}
.vog-splash-prose p{font-size:17px;line-height:1.6}
.vog-splash-prose p:last-child{font-size:23px;line-height:1.3;font-weight:800;color:white;max-width:370px;margin-top:22px}
.vog-splash-wing{display:flex;align-items:center;gap:40px;padding:26px 8px 0}
.vog-splash-wing>p:first-child{flex:1;margin:0;font-size:15px;color:var(--muted)}
.vog-splash-wing>p:last-child{flex-shrink:0}
.vog-vault{margin-bottom:64px;scroll-margin-top:108px}
.vog-vault>p{max-width:1080px}.vog-vault>p:has(.vog-trigger){margin-top:26px}
.vog-ladder{display:grid;gap:12px;margin:24px 0}
details{border-radius:12px;background:var(--answer);overflow:hidden}
summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;background:var(--raised);list-style:none}
summary::-webkit-details-marker{display:none}
summary:after{content:"";width:11px;height:11px;flex:0 0 11px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-right:4px;align-self:center}
details[open]>summary:after{transform:rotate(225deg);margin-top:6px}
summary h3{color:white;font-size:19px;line-height:1.35}
.vog-tier{padding:22px 24px;color:var(--text)}
.vog-vane{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0}
.vog-flow{min-width:0}.vog-vane .vog-flow{background:var(--panel);border-radius:16px;padding:30px;min-height:205px}
.vog-vane h3{font-size:21px;margin-bottom:18px;color:var(--text)}
.vog-rib .vog-vane .vog-flow:nth-child(odd) p{font-size:34px;line-height:1.2;font-weight:800;color:white;max-width:390px}
.vog-rib .vog-vane .vog-flow:nth-child(even) p{color:var(--muted)}
.vog-mill-digest{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;overflow:hidden;border-radius:12px;margin:28px 0;background:var(--panel);font-size:15px}
th,td{text-align:left;vertical-align:top;padding:17px 20px;overflow-wrap:anywhere}
th{background:var(--button);color:white;font-size:15px;font-weight:800}
td{border-bottom:1px solid #33374a}tr:last-child td{border-bottom:0}
.vog-mill-digest tr:nth-child(even) td{background:#262936}
.vog-mill-digest th:first-child{width:34%}
.vog-edge{background:var(--panel);padding:34px 40px;border-radius:16px;border-left:4px solid var(--green)}
.vog-edge h2{font-size:18px;margin-bottom:12px}.vog-edge .vog-ladder{margin-bottom:0}.vog-edge h3{font-size:32px;color:white;margin-bottom:20px}
code{font:800 1.05em ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--green);background:var(--backdrop);border:1px dashed var(--green);border-radius:6px;padding:4px 9px;white-space:nowrap}
.vog-disk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:28px 0;background:var(--panel);border-radius:16px;padding:26px 0}
.vog-disk .vog-flow{padding:0 24px;border-right:1px solid var(--answer)}.vog-disk .vog-flow:last-child{border:0}.vog-disk h3{font-size:23px;color:white;margin-bottom:14px}.vog-disk p{font-size:15px;color:var(--muted)}
.vog-dune-digest{display:block;width:100%;margin:28px 0 34px}
.vog-dune-digest thead{display:block;border-radius:100px;background:#26272f;margin-bottom:16px}
.vog-dune-digest thead tr{display:flex}.vog-dune-digest th{background:none;border-radius:100px;width:50%;text-align:center;padding:11px 20px}.vog-dune-digest th:first-child{background:var(--button)}
.vog-dune-digest tbody{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.vog-dune-digest tbody tr{display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:124px;padding:20px 16px;background:var(--panel);border-radius:12px}
.vog-dune-digest td{padding:0;border:0;font-size:17px;font-weight:800;line-height:1.35;color:white}
.vog-dune-digest td+td{font-size:13px;color:var(--muted);font-weight:500;margin-top:16px}
.vog-bay .vog-vane{grid-template-columns:repeat(3,minmax(0,1fr))}.vog-bay .vog-vane p{font-size:28px;line-height:1.3;font-weight:800;color:white}
.vog-beam-train{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 34px}
.vog-beam-train li{display:flex;align-items:center;justify-content:center;flex:1 0 105px;min-height:64px;border-radius:12px;background:var(--panel);font-size:14px;font-weight:800;color:var(--text);padding:12px}
.vog-bank{display:grid;grid-template-columns:1fr 1fr;gap:28px}.vog-bank .vog-flow{padding:28px;border-radius:16px;background:var(--panel)}.vog-bank h3{color:white;font-size:26px;margin-bottom:24px}
.vog-zone .vog-ladder{gap:0;background:var(--panel);border-radius:16px;padding:12px 32px}
.vog-zone .vog-flow{position:relative;padding:26px 0 26px 34px;border-bottom:1px solid var(--answer)}.vog-zone .vog-flow:last-child{border:0}
.vog-zone .vog-flow:before{content:"";position:absolute;left:0;top:32px;width:10px;height:10px;border:3px solid var(--green);border-radius:50%}.vog-zone h3{margin-bottom:14px;color:white}
.vog-nest{max-width:1060px;padding:18px 0}.vog-nest h2{max-width:750px}.vog-nest p{font-size:17px}
.vog-rail{background:var(--panel);padding:32px;border-radius:16px}.vog-rail h2{margin-bottom:20px}
.vog-knot-floor{border-top:1px solid var(--answer);padding-top:32px;padding-bottom:40px;color:var(--muted);font-size:14px}
.vog-node-ways{display:flex;gap:16px 28px;flex-wrap:wrap;margin-bottom:26px}.vog-node-ways a:hover{color:var(--green)}
.vog-plinth-pod{display:none}
.vog-lane-pill{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.vog-lane-pill:focus{position:fixed;left:16px;top:16px;z-index:100;width:auto;height:auto;margin:0;clip:auto;padding:12px 20px;background:var(--green);color:#000;border-radius:100px}
.vog-node-arc{max-width:1000px;margin-inline:auto;padding-block:32px 60px;overflow-wrap:break-word}.vog-node-arc h1,.vog-node-arc h2,.vog-node-arc h3{margin:30px 0 20px}.vog-node-arc a{color:var(--green)}
@media(min-width:769px) and (max-width:1100px){.vog-splash-prose{width:64%;padding:30px}.vog-splash-token:before{opacity:.4}.vog-disk{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 0}.vog-disk .vog-flow:nth-child(2){border-right:0}}
@media(max-width:768px){
 body{padding-bottom:calc(104px + env(safe-area-inset-bottom));font-size:16px;line-height:1.6}
 html{scroll-padding-top:90px}.vog-sheath{padding-inline:16px}.vog-helm{height:76px}.vog-fore-holder{gap:12px}.vog-reef img{width:125px}.vog-fore-area{gap:0}.vog-fore-tap{display:none}.vog-compass-ring{font-size:13px}.vog-kiln-compass{top:68px;right:16px}
 .vog-node-loft{padding-top:12px}.vog-splash{margin-bottom:44px}.vog-splash-token{padding-top:205px}.vog-splash-token:before{height:240px;top:0;background-size:auto 240px;width:100%;background-position:right top}
 .vog-splash-prose{width:100%;max-width:none;padding:24px;position:relative;background:var(--panel)}
 h1{font-size:36px;letter-spacing:-1.1px;margin-bottom:20px}.vog-splash-prose p{font-size:16px}.vog-splash-prose p:last-child{font-size:24px;max-width:none}.vog-splash-wing{display:block;padding:20px 4px 0}.vog-splash-wing>p:first-child{font-size:15px;margin-bottom:20px}.vog-splash-wing .vog-trigger{width:100%;min-height:50px}
 .vog-vault{margin-bottom:44px;scroll-margin-top:92px}h2{font-size:28px;letter-spacing:-.6px;margin-bottom:22px}h3{font-size:19px}
 summary{padding:16px}summary h3{font-size:18px}.vog-tier{padding:18px 16px}
 .vog-vane,.vog-bay .vog-vane{grid-template-columns:1fr;gap:10px}.vog-vane .vog-flow{padding:24px;min-height:0}.vog-vane h3{font-size:18px}.vog-rib .vog-vane .vog-flow:nth-child(odd) p{font-size:32px}.vog-bay .vog-vane p{font-size:30px}
 th,td{padding:12px 10px;font-size:14px}.vog-mill-digest th{font-size:13px}.vog-mill-digest th:first-child{width:36%}.vog-dock .vog-mill-digest th:first-child{width:40%}
 .vog-edge{padding:26px 22px}.vog-edge h3{font-size:28px}.vog-disk{grid-template-columns:1fr 1fr;padding:22px 0;gap:26px 0}.vog-disk .vog-flow{padding:0 16px}.vog-disk .vog-flow:nth-child(2){border-right:0}.vog-disk h3{font-size:22px}.vog-disk p{font-size:14px}
 .vog-dune-digest tbody{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vog-dune-digest tbody tr{min-height:125px;padding:18px 14px}.vog-dune-digest td{font-size:16px}
 .vog-beam-train{gap:8px}.vog-beam-train li{flex-basis:90px;min-height:56px}.vog-bank{grid-template-columns:1fr;gap:12px}.vog-bank .vog-flow{padding:24px}
 .vog-zone .vog-ladder{padding:0 20px}.vog-zone .vog-flow{padding-left:28px}.vog-nest{padding-inline:8px}.vog-nest p{font-size:16px}.vog-rail{padding:24px}
 .vog-plinth-pod{position:fixed;display:flex;align-items:center;justify-content:space-around;gap:8px;bottom:0;left:0;right:0;z-index:40;height:calc(88px + env(safe-area-inset-bottom));padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;border-top:1px solid var(--answer);background:var(--panel)}
 .vog-plinth-pod>a,.vog-plinth-pod>button{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--muted);font-size:13px;font-weight:800;line-height:1.2;background:none;border:0;padding:0;min-height:60px}
 .vog-plinth-pod .vog-core-knob{gap:5px;align-self:flex-end}.vog-core-cove{width:52px;height:52px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center;color:#061405;margin-top:-26px}
 .vog-forge-stencil{position:relative;display:block;width:23px;height:25px}.vog-forge-stencil:before{content:"";position:absolute;width:9px;height:9px;background:currentColor;left:7px;top:0;border-radius:50%}.vog-forge-stencil:after{content:"";position:absolute;width:21px;height:12px;background:currentColor;bottom:0;left:1px;border-radius:8px 8px 10px 10px}
 .vog-plinth-pod .vog-compass-stencil{margin:4px 0 5px}.vog-knot-floor{padding-top:28px}.vog-node-ways{gap:12px 20px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.vog-trigger{transition:none}}

/* official_build: меню на все секции (R9) */
.vog-sect-menu{position:relative;margin-left:auto}.vog-sect-menu>summary{list-style:none;cursor:pointer;padding:8px 14px;border:1px solid currentColor;border-radius:999px;font-weight:700}.vog-sect-menu>summary::-webkit-details-marker{display:none}.vog-sect-menu>nav{display:none}.vog-sect-menu[open]>nav{display:flex;flex-direction:column;position:absolute;right:0;top:calc(100% + 8px);min-width:280px;max-height:70vh;overflow:auto;padding:10px;background:#fff;color:#111;border-radius:10px;box-shadow:0 10px 30px #0006;z-index:90}.vog-sect-menu[open]>nav a{padding:10px 12px;color:#111;text-decoration:none;border-radius:6px}.vog-sect-menu[open]>nav a:hover{background:#0000000d}

/* All eight game covers preserve their original bytes and source order. */
.vog-dune-digest tbody tr{justify-content:flex-start;padding:12px}
.vog-dune-digest td img{width:100%;aspect-ratio:400/665;object-fit:contain;border-radius:8px;margin-bottom:16px;background:var(--backdrop)}
.vog-dune-digest td+td{margin-top:auto;padding-top:12px}
.vog-node-ways{justify-content:center}.vog-knot-floor>p{text-align:center}
.vog-sect-menu{overflow:visible;background:transparent}
.vog-sect-menu[open]>nav{max-width:calc(100vw - 32px);background:var(--panel);color:var(--text);border:1px solid var(--answer)}
.vog-sect-menu[open]>nav a{color:var(--text)}
.vog-sect-menu[open]>nav a:hover{background:var(--answer)}
.container{width:100%;max-width:1280px;margin-inline:auto;padding-inline:24px}
.skip-link{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.skip-link:focus{position:fixed;top:12px;left:12px;width:auto;height:auto;clip-path:none;padding:12px;z-index:100;background:var(--green);color:#000}
.page-main,.page-body{max-width:1000px;margin-inline:auto;overflow-wrap:anywhere}
.page-main{padding-block:32px 60px}.page-body h2,.page-body h3,.page-body h4{margin:28px 0 16px}
.page-links{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding:24px}
