
:root{color-scheme:dark;--bg:#070f1d;--card:#111f32;--card2:#0d1a2a;--text:#eff6fc;--muted:#aec1d5;--cyan:#58dcf5;--orange:#ffb659;--line:#244159;--wide:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 75% 0%,#17324b 0,transparent 32%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
a{color:var(--cyan);text-underline-offset:3px}a:hover{color:#b7f5ff}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ffcb77;outline-offset:3px}img{max-width:100%;height:auto}.wrap{width:min(var(--wide),calc(100% - 40px));margin-inline:auto}
.skip{position:absolute;left:-1000px;top:8px;padding:12px 20px;background:#fff;color:#111;z-index:999}.skip:focus{left:12px}
.header{z-index:30;position:sticky;top:0;background:rgba(6,17,32,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;color:white;font-size:18px;font-weight:900;letter-spacing:.07em;text-decoration:none;white-space:nowrap}.brand-icon{width:41px;height:41px;display:grid;place-items:center;background:linear-gradient(130deg,#123f5f,#153049);border:1px solid #4682a3;border-radius:11px;color:var(--cyan);font-size:23px}.brand b{color:var(--orange)}.nav{display:flex;gap:23px;align-items:center}.nav a,.smallnav a{color:#d3e2ee;text-decoration:none;font-size:14px;font-weight:650}.nav a:hover,.nav .active{color:var(--cyan)}.play-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;background:linear-gradient(125deg,#ffd18a,#ff9e3f);color:#092036!important;border-radius:10px;font-weight:850!important;padding:11px 19px;box-shadow:0 9px 28px rgba(255,150,55,.13)}.play-link:hover{filter:brightness(1.1)}.mobile-menu{display:none}.mobile-menu summary{cursor:pointer;color:white;padding:8px 11px;border:1px solid var(--line);border-radius:8px;list-style:none}.smallnav{display:grid;gap:12px;padding:15px;background:#0f2236;border:1px solid var(--line);border-radius:9px;position:absolute;right:20px;min-width:230px;box-shadow:0 15px 35px #0008}
.hero{padding:86px 0 62px;border-bottom:1px solid #1c374c;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:55px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:850;text-transform:uppercase;color:var(--cyan)}h1,h2,h3{line-height:1.14;letter-spacing:-.025em;margin:0}h1{font-size:clamp(44px,5.9vw,84px);font-weight:950;margin-top:15px}h1 strong{color:var(--orange)}.hero p{color:#c3d4e5;font-size:18px;max-width:660px;margin:22px 0 26px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn-secondary{display:inline-flex;justify-content:center;align-items:center;border:1px solid #47768b;background:#10273b;color:#e2f5ff;padding:11px 18px;font-weight:750;border-radius:10px;text-decoration:none}.btn-secondary:hover{background:#18405c}.hero-art{position:relative;border:1px solid #4a6b7d;border-radius:20px;overflow:hidden;box-shadow:0 26px 70px #000b,0 0 55px #1d6b8040}.hero-art img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}.hero-caption{position:absolute;bottom:0;left:0;right:0;padding:13px 20px;background:linear-gradient(0deg,#061326eb,transparent);font-weight:800;font-size:13px;letter-spacing:.14em;color:#fff}.tag-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.tag-row span,.pill{display:inline-flex;border:1px solid #2e5064;background:#122738;color:#bcddea;font-size:12px;font-weight:700;border-radius:30px;padding:6px 12px}
.section{padding:80px 0}.section.alt{background:#0b1727;border-block:1px solid #193246}.section-header{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:28px}.section-title{font-size:clamp(28px,3.2vw,43px);margin-top:10px}.section-desc{max-width:640px;color:var(--muted);margin:9px 0 0}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{background:linear-gradient(160deg,#12263b,#0e1b2b);border:1px solid #28506a;border-radius:14px;padding:25px;min-width:0}.card:hover{border-color:#4e91ad}.card h3{font-size:22px;margin:12px 0}.card p{color:#b9ccdd;margin:0}.card .index{font-weight:900;color:var(--orange);font-size:26px}.card a.more{display:inline-flex;margin-top:20px;font-size:14px;font-weight:800;text-decoration:none}.icon-chip{display:inline-grid;place-items:center;width:45px;height:45px;background:#173953;border:1px solid #316484;border-radius:11px;font-size:23px}.mission-line{display:grid;gap:12px}.mission{display:grid;grid-template-columns:148px 1fr;gap:18px;align-items:start;padding:18px 20px;background:#102238;border:1px solid #25435b;border-radius:12px}.mission .mission-num{font-weight:900;color:var(--orange);font-size:13px;letter-spacing:.06em}.mission strong{display:block;font-size:18px}.mission p{color:var(--muted);margin:3px 0 0}.highlight{border-left:4px solid var(--orange);background:#172337;border-radius:0 12px 12px 0;padding:17px 22px;margin-top:25px;color:#d4e3eb}.highlight strong{color:white}.text-link{font-weight:800;text-decoration:none}.help{margin-top:27px}.help details{padding:18px 22px;border:1px solid #294a62;border-radius:10px;background:#122338;margin-bottom:10px}.help summary{cursor:pointer;font-weight:800}.help p{color:var(--muted);margin-bottom:0}
.footer{background:#050c17;border-top:1px solid #2a455b;padding:45px 0 23px}.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:25px}.footer h3{font-size:15px;margin:0 0 13px}.footer a{color:#bccee1;display:block;margin:8px 0;text-decoration:none;font-size:14px}.footer a:hover{color:var(--cyan)}.footer p{color:#8daabe;font-size:14px;max-width:430px}.footer-bottom{border-top:1px solid #183047;margin-top:28px;padding-top:18px;color:#90aec2;font-size:12px}
.article-hero{padding:64px 0 36px;background:radial-gradient(ellipse at right top,#15334c,transparent 50%);border-bottom:1px solid var(--line)}.article-hero h1{font-size:clamp(34px,4.2vw,58px);margin-top:11px;max-width:920px}.article-lead{font-size:19px;max-width:840px;color:#c3d7e6}.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(235px,300px);gap:48px;align-items:start;padding:45px 0 70px}.article{color:#c9d9e7;font-size:16px;line-height:1.85}.article h2{font-size:28px;color:white;margin:35px 0 16px}.article h3{font-size:21px;color:white;margin:27px 0 12px}.article p{margin:0 0 18px}.article ul,.article ol{padding-left:23px;margin:0 0 23px}.article li{margin-bottom:10px}.article table{width:100%;border-collapse:collapse;margin:26px 0;font-size:14px}.article th,.article td{text-align:left;border:1px solid #305169;padding:12px}.article th{color:white;background:#153047}.side-card{position:sticky;top:105px;background:#0e2235;padding:20px;border:1px solid #30516a;border-radius:13px}.side-card h3{font-size:18px;margin-bottom:12px}.side-card a{display:block;padding:10px 0;border-top:1px solid #274258;text-decoration:none;font-size:14px}.callout{margin:22px 0;padding:20px;background:#163045;border-left:3px solid var(--cyan);border-radius:0 8px 8px 0}.callout strong{color:white}.card small{font-size:12px;color:#93abc0}.contact-card{background:#0e2338;border:1px solid #325771;border-radius:12px;padding:22px;margin-top:22px}.contact-card strong{display:block;font-size:18px;color:white}.contact-warning{color:#ffdc9a;font-size:14px}.notices{max-width:840px}.notices li{margin-bottom:13px}
@media(max-width:980px){.hero-grid{gap:32px}.article-layout{gap:27px;grid-template-columns:minmax(0,1fr) 215px}.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{gap:11px}.nav a{font-size:12px}}
@media(max-width:700px){.wrap{width:min(var(--wide),calc(100% - 28px))}.header-inner{min-height:68px}.nav{display:none}.mobile-menu{display:block}.brand{font-size:16px}.hero{padding:46px 0}.hero-grid{grid-template-columns:1fr;gap:28px}.hero-art{max-width:480px;justify-self:center}.hero p{font-size:16px}.section{padding:51px 0}.section-header{display:block}.grid3,.grid2,.footer-main{grid-template-columns:1fr}.mission{grid-template-columns:1fr;gap:4px}.article-hero{padding:43px 0 28px}.article-layout{grid-template-columns:1fr;padding-top:24px;gap:22px}.side-card{position:static;order:-1}.article{font-size:15px}.article h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Keep primary navigation accessible without squeezing its links on tablets. */
@media (max-width:1180px){.header .nav{display:none}.header .mobile-menu{display:block}}
@media (max-width:700px){.header-inner > .play-link{display:none}}

/* Original, player-facing resources added after the content review. */
.breadcrumbs{font-size:13px;color:#adc6d7;margin:10px 0}.breadcrumbs a{color:#71d8e9}
.resource-note{border:1px solid #35647d;border-left:4px solid #f7ae5c;background:#102739;border-radius:8px;padding:16px 20px;color:#dfecf7}
.table-scroll{max-width:100%;overflow-x:auto;margin:22px 0;border-radius:10px}.table-scroll table{min-width:620px;margin:0}.table-scroll small{display:block;font-size:12px;line-height:1.6;color:#acc4d5;margin-top:5px}
.intel-entry{padding:16px 0 6px;border-bottom:1px solid #264358}.intel-entry h3 small{font-size:13px;font-weight:500;color:#91c7df;letter-spacing:0}.intel-entry code{background:#183950;color:#f5cb86;border-radius:4px;padding:2px 5px}
.interactive-card{margin:22px 0;border:1px solid #39627c;background:#102638;border-radius:13px;padding:23px;box-shadow:0 14px 35px #0002}
.interactive-card label{display:block;font-weight:750;color:#eff9ff;margin-bottom:8px}.inspector-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.interactive-card input,.interactive-card select{background:#061a2d;border:1px solid #5a8096;border-radius:8px;color:#f0f8ff;min-height:44px;padding:9px 12px;font:inherit;max-width:100%}
.interactive-card input[type=number]{width:130px}
.interactive-card button{min-height:44px;padding:9px 17px;border-radius:8px;border:1px solid #ffbf7c;background:#f6ad5c;color:#132335;font-weight:800;cursor:pointer}
.interactive-card button:hover{filter:brightness(1.08)}.interactive-card button:disabled{opacity:.5;cursor:not-allowed}
.interactive-card .tool-muted{background:#14364d;color:#e6f9ff;border-color:#5a8096}.form-hint{color:#adc2d3;font-size:13px}
#mission-output{margin-top:18px}#mission-output h3{font-size:22px}.mission-stats{display:grid;grid-template-columns:minmax(160px,1fr) minmax(0,2fr);gap:0;margin:16px 0;border:1px solid #31526a;border-radius:8px;overflow:hidden}.mission-stats dt,.mission-stats dd{padding:10px 12px;margin:0;border-bottom:1px solid #28485f;overflow-wrap:anywhere}.mission-stats dt{background:#18364c;font-weight:700}.mission-stats dd{background:#0b2133}.mission-stats dt:nth-last-of-type(1),.mission-stats dd:last-child{border-bottom:0}
.practice-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.practice-toolbar label{margin:0;min-width:175px}.practice-toolbar select{display:block;width:100%}.practice-stats{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:15px 0;font-size:14px;color:#cfe0ed}.practice-stats span{background:#123449;padding:6px 12px;border-radius:7px}
.practice-arena{height:320px;position:relative;overflow:hidden;border:1px solid #3d6982;border-radius:10px;background:radial-gradient(circle at center,#14334f,#061523 80%);background-size:100% 100%;touch-action:manipulation;cursor:crosshair}
.practice-arena::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 49.75%,#83cfea16 50%,transparent 50.25%),linear-gradient(90deg,transparent 49.75%,#83cfea16 50%,transparent 50.25%)}
.practice-target{position:absolute;z-index:2;display:none;place-items:center;width:62px;height:62px;min-height:unset!important;padding:0!important;border:3px solid #fff0a3!important;border-radius:50%!important;background:radial-gradient(circle,#f8e9bf 0 12%,#eaa757 13% 30%,#293d52 31% 48%,#e5bd7e 49% 65%,#19334d 66%)!important;color:transparent!important;box-shadow:0 0 22px #efbe68aa;cursor:crosshair}
#practice-prompt{position:absolute;inset:0;display:grid;place-items:center;padding:22px;text-align:center;color:#c5d8e8}
#practice-prompt[hidden]{display:none}
@media(max-width:700px){.interactive-card{padding:15px}.mission-stats{grid-template-columns:minmax(116px,1fr) minmax(0,1.5fr)}.practice-arena{height:300px}.practice-toolbar{align-items:stretch}.practice-toolbar button{width:100%}}
