:root{
  --ink:#071d33; --navy:#082b4a; --navy2:#0e3b64; --line:#d8e3eb; --soft:#f4f8fb; --paper:#fff;
  --red:#d6422b; --blue:#2d70b7; --teal:#1d9a9b; --gold:#f0b33a; --green:#4e9d64; --muted:#60798e;
  --shadow:0 18px 55px rgba(6,31,55,.14); --small:12px; --radius:18px; --max:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--soft);color:var(--ink);font-family:Arial, Helvetica, sans-serif;line-height:1.5;font-size:16px}
a{color:inherit} img{max-width:100%;display:block}.skip{position:absolute;left:-999px;top:8px;background:#fff;color:#000;padding:10px 14px;border-radius:8px;z-index:99}.skip:focus{left:8px}
.top-ribbon{background:#061d34;color:#d8edf8;font-size:12px}.top-ribbon .wrap{max-width:var(--max);margin:0 auto;padding:7px 18px;display:flex;justify-content:space-between;gap:16px;align-items:center}.ribbon-links{display:flex;gap:14px;flex-wrap:wrap}.ribbon-links a{text-decoration:none;color:#eaf7ff}
.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.header .wrap{max-width:var(--max);margin:0 auto;padding:12px 18px;display:flex;align-items:center;gap:20px;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:52px;height:52px;object-fit:contain}.brand strong{display:block;letter-spacing:.05em}.brand span{display:block;font-size:12px;color:var(--muted);margin-top:1px}.nav{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.nav a,.nav button{border:0;background:transparent;padding:10px 11px;border-radius:11px;color:#173d5d;text-decoration:none;font-weight:700;font-size:13px;cursor:pointer}.nav a:hover,.nav button:hover,.nav a[aria-current="page"]{background:#edf5fb;color:#082b4a}.mobile-menu{display:none}
.hero{background:#fff}.hero-grid{max-width:var(--max);margin:0 auto;padding:24px 18px 30px;display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:22px}.hero-main{position:relative;background:linear-gradient(135deg,#062847,#0b406a 60%,#082b4a);border-radius:3px;min-height:240px;color:#fff;padding:36px;overflow:hidden;box-shadow:var(--shadow)}.hero-main:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 24%,rgba(255,255,255,.16),transparent 20%),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px}.hero-main>*{position:relative}.eyebrow{font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#b9e9ff}.hero h1{font-size:clamp(32px,5vw,54px);line-height:.98;margin:10px 0 14px;max-width:660px}.hero p{max-width:650px;margin:0 0 20px;color:#e2f3ff;font-size:17px}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:4px;padding:11px 14px;text-decoration:none;font-weight:800;border:1px solid transparent;cursor:pointer}.btn.red{background:var(--red);color:#fff}.btn.blue{background:var(--blue);color:#fff}.btn.light{background:#fff;color:#092843;border-color:#dce8f0}.btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}.quick-panel{background:#fff;border:1px solid var(--line);border-radius:3px;box-shadow:var(--shadow);padding:18px}.quick-panel h2{font-size:18px;margin:0 0 12px}.quick-list{display:grid;gap:8px}.quick-list a{border:1px solid #dce8f0;border-radius:3px;padding:10px 11px;text-decoration:none;font-weight:800;display:flex;justify-content:space-between;align-items:center;background:#fbfdff}.quick-list a:hover{background:#edf6fb}.quick-list small{display:block;font-weight:400;color:var(--muted);font-size:12px}.wrap-main{max-width:var(--max);margin:0 auto;padding:28px 18px}.section-title{display:flex;justify-content:space-between;gap:18px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:12px;margin:10px 0 18px}.section-title h2{margin:0;font-size:27px}.section-title p{margin:0;color:var(--muted);max-width:600px}.feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mini-card{background:#fff;border:1px solid var(--line);border-radius:3px;padding:18px;box-shadow:0 6px 20px rgba(6,31,55,.06);transition:.2s transform,.2s box-shadow}.mini-card:hover,.system-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#edf6fb;color:#0a4269;font-weight:900;margin-bottom:10px}.mini-card h3,.system-card h3{margin:0 0 7px}.mini-card p,.system-card p{margin:0;color:#4f6576}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.system-card{background:#fff;border:1px solid var(--line);border-radius:3px;padding:18px;box-shadow:0 6px 20px rgba(6,31,55,.06);transition:.2s transform,.2s box-shadow;position:relative;overflow:hidden}.system-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--red),var(--blue),var(--teal))}.card-meta{font-size:12px;color:var(--muted);margin:8px 0 14px;word-break:break-word}.card-actions{display:flex;gap:8px;flex-wrap:wrap}.small-btn{font-size:12px;border:1px solid #cbdbe6;border-radius:3px;text-decoration:none;padding:8px 10px;font-weight:800;background:#fff;color:#0b3455}.small-btn.ext{background:#082b4a;color:#fff;border-color:#082b4a}.small-btn:hover{filter:brightness(.97)}.showcase{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.map-card,.panel-card{background:#fff;border:1px solid var(--line);border-radius:3px;padding:18px;box-shadow:var(--shadow)}.map-card img{background:#f5f9fb;border:1px solid #dde9f1;border-radius:4px}.layer-controls{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.chip{border:1px solid #d7e5ee;background:#fff;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:800;cursor:pointer}.chip.active{background:#092b48;color:#fff}.step-list{counter-reset:item;display:grid;gap:9px}.step{background:#f9fcfe;border:1px solid #dce9f0;border-radius:4px;padding:12px}.step:before{counter-increment:item;content:counter(item);background:#d6422b;color:#fff;border-radius:50%;width:24px;height:24px;display:inline-grid;place-items:center;margin-right:8px;font-weight:900}.live-strip{background:#082b4a;color:#fff;margin:24px 0;padding:18px 0}.live-strip .wrap{max-width:var(--max);margin:0 auto;padding:0 18px;display:flex;gap:12px;align-items:center;overflow:auto}.domain-chip{white-space:nowrap;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:8px 11px;background:rgba(255,255,255,.08);text-decoration:none;font-size:13px}.domain-chip:hover{background:rgba(255,255,255,.18)}.footer{background:#061d34;color:#d8edf8;margin-top:40px}.footer .wrap{max-width:var(--max);margin:0 auto;padding:28px 18px;display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:22px}.footer h3,.footer h4{color:#fff;margin:0 0 10px}.footer a{display:block;color:#d8edf8;text-decoration:none;margin:6px 0;font-size:13px}.footer p{margin:0;color:#b8d4e5}.utility-dock{position:fixed;right:18px;bottom:18px;z-index:80;display:grid;gap:8px}.utility-dock button{border:1px solid #cbdce8;background:#fff;border-radius:999px;box-shadow:0 8px 22px rgba(0,0,0,.14);padding:10px 12px;font-weight:900;cursor:pointer}.utility-dock button:hover{background:#eef7fc}.drawer{position:fixed;right:0;top:0;height:100vh;width:min(430px,100%);background:#fff;z-index:100;box-shadow:-18px 0 60px rgba(0,0,0,.22);transform:translateX(104%);transition:transform .22s ease;overflow:auto}.drawer.open{transform:translateX(0)}.drawer header{background:#082b4a;color:#fff;padding:18px;display:flex;justify-content:space-between;align-items:center}.drawer .body{padding:18px}.drawer button.close{background:#fff;color:#082b4a;border:0;border-radius:50%;width:32px;height:32px;font-weight:900}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.control-grid button,.control-grid select,.searchbox input{width:100%;padding:10px;border:1px solid #cbdce8;border-radius:4px;background:#fff}.search-results{display:grid;gap:8px;margin-top:12px}.search-results a{border:1px solid #dce8f0;text-decoration:none;border-radius:4px;padding:10px}.hero-page{background:#fff;border-bottom:1px solid var(--line)}.page-head{max-width:var(--max);margin:0 auto;padding:25px 18px;display:grid;grid-template-columns:1fr 320px;gap:20px}.page-title-block{background:#082b4a;color:#fff;border-radius:3px;padding:28px;position:relative;overflow:hidden}.page-title-block h1{font-size:clamp(30px,5vw,48px);margin:8px 0}.page-title-block p{color:#e1f2ff;margin:0;max-width:760px}.page-info{background:#fff;border:1px solid var(--line);border-radius:3px;padding:18px;box-shadow:var(--shadow)}.tool-shell{display:grid;grid-template-columns:280px 1fr;gap:16px}.side-tabs{display:grid;gap:8px}.tab-btn{border:1px solid #d8e5ee;background:#fff;border-radius:4px;padding:12px;text-align:left;font-weight:800;cursor:pointer}.tab-btn.active{background:#082b4a;color:#fff}.tab-panel{display:none;background:#fff;border:1px solid var(--line);border-radius:3px;padding:18px;box-shadow:var(--shadow)}.tab-panel.active{display:block}.canvas-box{background:linear-gradient(180deg,#eef8ff,#fff);border:1px solid #d8e6ef;border-radius:4px;min-height:300px;position:relative;overflow:hidden;padding:18px}.orb{width:104px;height:104px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#9ed7ff 45%,#2d70b7);margin:34px auto;animation:breathe 5s ease-in-out infinite;box-shadow:0 20px 50px rgba(45,112,183,.3)}@keyframes breathe{0%,100%{transform:scale(.85)}50%{transform:scale(1.18)}}.presentation .header,.presentation .top-ribbon,.presentation .footer{display:none}.presentation .hero-grid,.presentation .page-head,.presentation .wrap-main{max-width:1500px}.presentation body{background:#fff}.large-text{font-size:19px}.high-contrast{--soft:#fff;--paper:#fff;--line:#111;--ink:#000;--navy:#000;--navy2:#111;--muted:#222}.low-overwhelm *{animation:none!important;transition:none!important}.reduced-motion *{animation:none!important;transition:none!important} .low-overwhelm .live-strip,.low-overwhelm .hero-main:before{display:none}.notice{background:#fff9e8;border:1px solid #efd59a;border-radius:4px;padding:12px;margin:12px 0}.dictionary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.term{background:#fff;border:1px solid var(--line);border-radius:3px;padding:14px}.term b{display:block}.status-dot{display:inline-block;width:9px;height:9px;background:#48a564;border-radius:50%;margin-right:6px}.extnote{font-size:12px;color:#60798e;margin-top:8px}.reference-warning{background:#fff;border-left:5px solid #d6422b;padding:12px;margin:12px 0}.hide-public{display:none!important}
@media (max-width:900px){.hero-grid,.page-head,.showcase,.tool-shell{grid-template-columns:1fr}.feature-row{grid-template-columns:repeat(2,1fr)}.system-grid{grid-template-columns:1fr 1fr}.footer .wrap{grid-template-columns:1fr 1fr}.nav{display:none}.mobile-menu{display:inline-flex}.header .wrap{align-items:flex-start}.quick-panel{order:-1}}
@media (max-width:620px){.top-ribbon .wrap{display:block}.brand img{width:44px;height:44px}.hero-main{padding:24px}.system-grid,.feature-row,.footer .wrap,.dictionary{grid-template-columns:1fr}.utility-dock{right:10px;bottom:10px}.page-title-block{padding:22px}.card-actions{display:grid}.small-btn,.btn{width:100%}.hero-grid{padding:14px}.wrap-main{padding:20px 14px}.control-grid{grid-template-columns:1fr}}

/* v10 recovery depth */
.all-systems{grid-template-columns:repeat(3,1fr)}.compact-grid{grid-template-columns:repeat(4,1fr)}.system-band{margin:20px 0 28px}.system-band h3{font-size:22px;margin:0 0 12px;color:#082b4a;border-left:6px solid #d6422b;padding-left:10px}.system-card.small{min-height:185px}.system-card:after{content:"";position:absolute;left:var(--mx,50%);top:var(--my,50%);width:260px;height:260px;background:radial-gradient(circle,rgba(45,112,183,.10),transparent 60%);transform:translate(-50%,-50%);pointer-events:none}.command-panel{background:linear-gradient(180deg,#fff,#f5fbff)}.route-table{width:100%;border-collapse:collapse}.route-table th,.route-table td{border-bottom:1px solid #dbe8f0;padding:10px;text-align:left;vertical-align:top}.route-table th{background:#edf6fb;color:#082b4a}.deck{display:none;position:fixed;inset:0;background:#061d34;color:#fff;z-index:200}.deck.open{display:block}.deck-close{position:fixed;right:18px;top:18px;z-index:3;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.12);color:#fff;border-radius:999px;padding:10px 14px;font-weight:900}.deck-slides{height:100%;display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.deck article{min-width:100%;height:100%;display:grid;place-content:center;text-align:center;scroll-snap-align:start;padding:8vw}.deck span{color:#b9e9ff;text-transform:uppercase;font-weight:900;letter-spacing:.12em}.deck h2{font-size:clamp(44px,8vw,104px);line-height:.92;margin:12px auto;max-width:1100px}.deck p{font-size:clamp(18px,2vw,26px);color:#d8edf8;max-width:900px;margin:auto}.phrase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.phrase-grid button{border:1px solid #cbdce8;background:#fff;border-radius:4px;padding:12px;font-weight:800}.tab-panel textarea{width:100%;border:1px solid #cbdce8;border-radius:4px;padding:12px;margin:12px 0;font:inherit}.timer-face{display:grid;place-items:center;gap:14px;min-height:260px}.timer-face span{font-size:64px;font-weight:900;color:#082b4a}.dictionary.compact{grid-template-columns:1fr}.game-stage{height:360px;border:1px solid #d8e6ef;background:linear-gradient(180deg,#83c8ff 0 48%,#88c974 49%);border-radius:4px;position:relative;overflow:hidden;margin:15px 0}.avatar,.dog,.marker{position:absolute;display:grid;place-items:center;background:#fff;border:2px solid #082b4a;box-shadow:0 8px 20px rgba(0,0,0,.16)}.avatar{width:58px;height:58px;border-radius:50%;left:80px;top:210px}.dog{width:52px;height:52px;border-radius:50%;left:145px;top:220px}.marker{right:80px;top:170px;border-radius:6px;padding:9px;font-weight:900}.map-card img{width:100%;height:auto}.nav.open{display:grid}.reference-warning{background:#fff;border-left:6px solid #d6422b;padding:14px}.dictionary img{max-width:100%;height:auto;border:1px solid #dce8f0}@media(max-width:1050px){.all-systems,.compact-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.all-systems,.compact-grid,.phrase-grid{grid-template-columns:1fr}.deck h2{font-size:42px}.route-table{font-size:13px}}