:root{--bg:#081327;--surface:#101f3a;--surface2:#142746;--line:#2e4668;--ice:#d9edff;--muted:#9cb5cf;--cyan:#48e9ea;--lime:#c5fb69;--coral:#ff776d;--gold:#ffd36a;--blue:#6293ff;--shadow:0 28px 70px #020a1bbb}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--ice);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:2px}button:disabled{opacity:.48;cursor:not-allowed}a{color:var(--cyan)}.ambient{z-index:-1;position:fixed;inset:0;background:radial-gradient(ellipse 60% 50% at 80% 1%,#174d7088 0,transparent 70%),radial-gradient(ellipse 44% 58% at 5% 85%,#2b266a77 0,transparent 70%),linear-gradient(155deg,#071024,#0c1f39 67%,#0c1930)}.ambient:before{content:"";position:absolute;inset:0;opacity:.09;background-image:linear-gradient(90deg,#c9ecff 1px,transparent 1px),linear-gradient(#c9ecff 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 80%,transparent)}.app-shell{max-width:1560px;min-height:100vh;margin:auto;padding:0 26px;display:flex;flex-direction:column}.topbar{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #ffffff20}.identity{display:flex;align-items:center;gap:13px}.brand-symbol{background:linear-gradient(140deg,var(--cyan),#39a4d4);height:44px;width:48px;border-radius:12px;color:#091a30;font-weight:1000;font-size:36px;line-height:39px;text-align:center;position:relative;box-shadow:0 3px 28px #48e9ea44}.brand-symbol span{font-size:17px;position:absolute;right:4px;bottom:-2px}.identity strong{font-size:17px;letter-spacing:.12em;font-weight:1000}.identity small{display:block;color:#90b8d3;font-size:10px;letter-spacing:.17em;margin-top:5px;font-weight:800}.top-actions{display:flex;align-items:center;gap:9px}.status{display:inline-flex;align-items:center;gap:9px;color:#bad2e7;font-size:10px;font-weight:900;letter-spacing:.12em;margin-right:10px}.status i{display:block;width:8px;height:8px;background:var(--lime);border-radius:100%;box-shadow:0 0 14px var(--lime)}.icon-btn,.ghost{border:1px solid #375575;background:#122b46;color:#ddf3ff;border-radius:9px;font-size:12px;font-weight:900;padding:11px 15px;transition:.2s}.icon-btn:hover,.ghost:hover{background:#244767}.bottom{display:flex;justify-content:space-between;gap:12px;font-size:10px;font-weight:800;letter-spacing:.1em;color:#80a1bd;padding:24px 4px 22px;white-space:nowrap}.bottom span:last-child{color:#c3d27b}main{flex:1}.eyebrow{font-size:11px;font-weight:1000;letter-spacing:.2em;color:var(--cyan);text-transform:uppercase;margin:0 0 12px}.head-main{font-weight:1000;line-height:.98;font-size:clamp(46px,5.7vw,92px);letter-spacing:-.075em;margin:0;text-transform:uppercase}.head-main span{color:var(--lime)}.lede{color:#afc7de;line-height:1.64;font-size:16px;max-width:610px}.intro{padding:clamp(32px,6vw,85px) 0 10px;display:grid;grid-template-columns:1.04fr .96fr;gap:40px;align-items:center}.intro h2{font-weight:900;letter-spacing:-.03em;line-height:1.13;font-size:24px;color:#eff9ff;margin:16px 0}.intro .lede{margin:22px 0 30px}.cta,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--lime);color:#092031;border:0;border-radius:11px;padding:16px 24px;font-size:13px;font-weight:1000;letter-spacing:.035em;box-shadow:0 8px 0 #90c24624;min-height:50px}.cta:hover{background:#e0ffac}.secondary{background:var(--cyan)}.danger{background:var(--coral)}.outline{display:inline-flex;justify-content:center;align-items:center;min-height:44px;border:1px solid #4b6b8b;background:#142948;color:#def4ff;padding:12px 18px;border-radius:10px;font-size:12px;font-weight:900}.outline:hover{background:#203b5b}.stacked-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.intro-art{background:radial-gradient(circle at 50% 45%,#235681,#101e3a 65%);border:1px solid #486a8d;border-radius:24px;min-height:440px;box-shadow:var(--shadow);position:relative;overflow:hidden;padding:30px}.intro-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,#e9faff08 0px,#e9faff08 1px,transparent 1px,transparent 20px);pointer-events:none}.big-chip{position:absolute;inset:20% 28% 25%;background:linear-gradient(135deg,#263f71,#152c52);border:4px solid #5fe8e4;border-radius:24px;box-shadow:0 0 60px #35dbf257,0 10px 40px #0009;display:grid;place-items:center;transform:rotate(-7deg);font-size:5.5rem}.big-chip:after{content:"DATA IN TRANSIT";font-size:12px;letter-spacing:.18em;position:absolute;bottom:35px;font-weight:900;color:var(--cyan)}.orb{position:absolute;width:88px;height:88px;border-radius:20px;border:2px solid #ffffff50;display:grid;place-items:center;font-size:39px;background:linear-gradient(135deg,#182f57,#244968);box-shadow:0 20px 30px #07112880}.orb.one{left:8%;top:10%;transform:rotate(-7deg)}.orb.two{right:8%;top:12%;transform:rotate(8deg)}.orb.three{left:11%;bottom:11%;transform:rotate(9deg)}.orb.four{right:10%;bottom:9%;transform:rotate(-8deg)}.orblines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.game-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #547a88;border-radius:40px;padding:8px 12px;color:var(--lime);font-size:11px;font-weight:900;letter-spacing:.07em;background:#1b425655}.facts{display:flex;gap:11px;flex-wrap:wrap;margin:0 0 23px}.fact{border:1px solid #ffffff2b;background:#152b49;padding:12px 16px;border-radius:11px;display:flex;flex-direction:column;gap:6px;min-width:135px}.fact b{font-size:13px}.fact small{font-size:10px;letter-spacing:.05em;color:var(--muted)}.subhead{font-size:clamp(28px,3.7vw,48px);font-weight:1000;line-height:1.06;letter-spacing:-.05em;margin:0 0 8px}.paper{background:#e7f2f8;color:#172f46;border-radius:14px;padding:23px 24px;box-shadow:0 8px 22px #0002}.paper h3{margin:0 0 12px;font-size:17px;letter-spacing:-.01em}.paper p,.paper li{font-size:14px;line-height:1.55}.paper p:last-child{margin-bottom:0}.paper code{font-weight:800;color:#035e86}.briefing{padding:44px 0;max-width:1050px;margin:auto}.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:25px 0}.brief-card{border:1px solid #395475;border-radius:15px;background:linear-gradient(160deg,#1b3557,#12243e);padding:25px;min-height:182px;position:relative}.brief-card .number{background:var(--cyan);color:#09263c;font-size:12px;border-radius:6px;display:inline-block;font-weight:1000;padding:7px 11px;margin-bottom:12px}.brief-card h3{margin:0 0 8px;font-size:20px}.brief-card p{color:var(--muted);line-height:1.5;margin:0;font-size:14px}.mission{padding:27px 0 0}.mission-top{display:flex;gap:16px;align-items:flex-end;justify-content:space-between;margin-bottom:19px}.mission-top h1{font-size:clamp(25px,3.2vw,42px);letter-spacing:-.055em;margin:0;line-height:1.05}.meter-wrap{display:flex;flex-direction:column;gap:8px;min-width:210px}.meter-label{display:flex;justify-content:space-between;font-size:11px;font-weight:900;color:#bdd5e9}.meter{height:9px;background:#203b59;border-radius:20px;overflow:hidden;border:1px solid #4b7084}.meter>div{background:linear-gradient(90deg,var(--cyan),var(--lime));height:100%;transition:.35s}.mission-layout{display:grid;grid-template-columns:minmax(260px,335px) minmax(450px,1fr);gap:16px}.side{display:flex;flex-direction:column;gap:12px}.panel{border:1px solid #34516e;background:#0e213d;border-radius:15px;padding:20px;box-shadow:0 8px 20px #06102555}.panel h3{font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px;color:#ecf7ff}.tag{color:#0e2a3d;background:var(--gold);font-size:10px;font-weight:1000;letter-spacing:.06em;padding:6px 8px;border-radius:6px;display:inline-block}.tag.blue{background:var(--cyan)}.tag.green{background:var(--lime)}.panel .desc{color:#b5ccdf;font-size:13px;line-height:1.54;margin:13px 0}.objective{color:#f5faff;background:#213956;border-left:4px solid var(--lime);padding:12px;font-size:13px;font-weight:800;line-height:1.5;margin:12px 0;border-radius:3px 8px 8px 3px}.ip{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--lime);font-weight:900}.soft{font-size:12px;color:var(--muted);line-height:1.5}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stat{background:#213b58;border:1px solid #3e6078;border-radius:9px;padding:10px}.stat small{display:block;text-transform:uppercase;letter-spacing:.07em;color:#9eb6ce;font-size:9px;font-weight:800}.stat strong{display:block;font-size:18px;margin-top:4px;color:#fff}.stat strong.warm{color:var(--gold)}.map-box{border:1px solid #43638c;position:relative;overflow:hidden;background:linear-gradient(120deg,#142747,#0a1d35 70%);border-radius:16px;box-shadow:var(--shadow)}.map-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #4264827d;padding:12px 18px;font-weight:900;font-size:12px;letter-spacing:.08em;background:#183352aa}.map-head small{color:var(--cyan);font-size:10px}.map-svg{display:block;width:100%;height:auto;aspect-ratio:1000 / 550}.map-svg .edge{stroke:#6183a4;stroke-width:7;stroke-linecap:round;opacity:.55;transition:.3s}.map-svg .edge.known-ok{stroke:var(--cyan);opacity:.9}.map-svg .edge.known-slow{stroke:var(--gold);opacity:.93;stroke-dasharray:9 7}.map-svg .edge.known-dead{stroke:var(--coral);opacity:.75;stroke-dasharray:6 11}.map-svg .edge.traversed{stroke:var(--lime);opacity:1;stroke-width:9}.map-svg .point{cursor:pointer;transition:filter .15s}.map-svg .point:hover{filter:brightness(1.2)}.map-svg .node-back{fill:#234466;stroke:#7ea4c9;stroke-width:3}.map-svg .point.current .node-back{fill:#257c84;stroke:var(--lime);stroke-width:5;filter:drop-shadow(0px 0px 9px #74e9c8)}.map-svg .point.target .node-back{fill:#5b486e;stroke:var(--gold)}.map-svg .node-name{fill:#edf8ff;font-size:21px;text-anchor:middle;font-weight:1000;pointer-events:none}.map-svg .node-sub{fill:#b7d1e8;font-size:13px;text-anchor:middle;pointer-events:none}.map-svg .node-icon{fill:#7ad8e4;font-size:24px;text-anchor:middle;pointer-events:none}.map-svg .motion-packet{fill:var(--lime);stroke:#fff;stroke-width:4;filter:drop-shadow(0 0 12px #c6ff8a)}.map-legend{background:#071931af;padding:10px 15px;display:flex;gap:16px;flex-wrap:wrap;font-size:10px;color:#b5cde0;font-weight:800;letter-spacing:.025em}.key{display:inline-block;width:17px;border-top:4px solid #6183a4;margin-right:4px;vertical-align:middle}.key.ok{border-color:var(--cyan)}.key.slow{border-color:var(--gold)}.key.dead{border-color:var(--coral)}.console{margin-top:13px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.buttons{display:flex;gap:8px;flex-wrap:wrap}.buttons button{min-height:40px;padding:9px 13px}.terminal{background:#081627;border:1px solid #36516b;border-radius:10px;padding:13px;min-height:113px;max-height:220px;overflow:auto}.terminal .line{color:#b4d4e6;font:11px/1.48 ui-monospace,monospace;margin:0 0 5px;white-space:pre-wrap}.terminal .line.good{color:var(--lime)}.terminal .line.bad{color:var(--coral)}.terminal .line.warn{color:var(--gold)}.route-table{display:grid;gap:5px;margin-top:9px}.route-row{border:1px solid #395575;background:#182d48;color:#d6f2ff;border-radius:7px;padding:7px 9px;text-align:left;font-size:11px;line-height:1.35}.route-row:hover{background:#2a4b6d}.route-row em{font-style:normal;color:var(--gold)}.newspaper{background:linear-gradient(115deg,#153659,#133052);border:1px solid #496e8e;border-radius:14px;padding:27px;margin:25px auto;max-width:900px}.newspaper h2{font-size:33px;margin:0 0 15px;letter-spacing:-.04em}.newspaper p{line-height:1.5;color:#c5d9e7}.callout{border-left:4px solid var(--gold);background:#273c58;border-radius:6px;padding:12px 14px;line-height:1.45;font-size:13px}.callout.success{border-color:var(--lime)}.callout.error{border-color:var(--coral)}.complete-actions{display:flex;justify-content:flex-end;margin:13px 0;gap:9px}.complete-actions button{min-height:42px}.lab{padding:34px 0}.lab-layout{display:grid;grid-template-columns:minmax(300px,1.08fr) minmax(300px,.92fr);gap:17px}.packet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;margin:17px 0}.packet-card{background:#213c57;border:1px solid #50718d;border-radius:11px;padding:12px;min-height:90px;display:flex;flex-direction:column;gap:6px;justify-content:center}.packet-card.small{min-height:65px}.packet-card b{font-size:11px;letter-spacing:.08em;color:var(--cyan)}.packet-card code{font:900 16px/1.24 ui-monospace,monospace;color:#f4faff;overflow-wrap:anywhere}.packet-card small{font-size:10px;color:#a6bed5}.packet-card.corrupt{border-color:#856c73}.packet-card.duplicate{background:#20304f}.packet-card.is-select{border-color:var(--lime);background:#264454;box-shadow:inset 0 0 0 1px var(--lime)}.id-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:15px 0}.id-grid button{border:1px solid #567089;border-radius:8px;padding:11px 3px;background:#1e3754;color:white;font-weight:1000;font-size:13px}.id-grid button.selected{background:var(--lime);border-color:var(--lime);color:#091e30}.wide{width:100%}.pillline{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.hintbox{font-size:12px;color:#c0d9eb;line-height:1.45;border:1px dashed #6b859c;border-radius:9px;padding:10px 12px}.progress-chips{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.progress-chips .chip{font-size:11px;font-weight:900;border:1px solid #50718d;border-radius:7px;background:#1d3b5c;color:#cfe5f4;padding:8px 10px}.progress-chips .chip.done{border-color:var(--lime);background:#234d4d;color:var(--lime)}.message-board{font:700 clamp(17px,2vw,26px)/1.4 ui-monospace,monospace;min-height:96px;letter-spacing:.03em;background:#0b1d35;padding:18px;border:1px dashed #7390a3;border-radius:11px;overflow-wrap:anywhere}.decode-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:13px 0}.decode-buttons button{background:#213d5c;border:1px solid #597895;color:#f3faff;border-radius:10px;padding:11px 9px;text-align:left}.decode-buttons button:hover{border-color:var(--lime)}.decode-buttons button:disabled{opacity:.27}.decode-buttons b{display:block;font-size:12px;color:var(--cyan)}.decode-buttons code{font-size:14px;font-weight:800;white-space:pre-wrap}.success-hero{text-align:center;max-width:770px;margin:60px auto}.success-hero .trophy{display:inline-grid;place-items:center;width:105px;height:105px;background:linear-gradient(135deg,#39d9ca,#d5ff78);border-radius:32px;font-size:58px;transform:rotate(-8deg);box-shadow:0 0 80px #47e9cc55}.success-hero h1{font-size:clamp(42px,5vw,69px);line-height:1;letter-spacing:-.06em;margin:21px 0 8px}.success-hero p{color:#b4d0e4;line-height:1.5}.toast{position:fixed;z-index:200;right:24px;bottom:25px;max-width:min(450px,calc(100vw - 40px));padding:15px 19px;border:1px solid #4b7189;background:#163451;color:#e3faff;border-left:5px solid var(--cyan);border-radius:11px;box-shadow:var(--shadow);font-size:13px;font-weight:800;line-height:1.45;transform:translateY(120%);visibility:hidden;opacity:0;transition:transform .26s,opacity .26s,visibility .26s}.toast.show{transform:translateY(0);visibility:visible;opacity:1}.toast.err{border-left-color:var(--coral)}.toast.good{border-left-color:var(--lime)}.fx{position:fixed;inset:0;pointer-events:none;z-index:100}.confetti{position:absolute;width:9px;height:15px;animation:fall 1.6s linear forwards}@keyframes fall{0%{transform:translateY(-30px) rotate(0deg);opacity:1}100%{transform:translateY(103vh) rotate(600deg);opacity:0}}.reflection{width:100%;background:#0c1e34;border:1px solid #56728c;border-radius:10px;color:#effaff;min-height:105px;padding:13px;resize:vertical;line-height:1.4}.learning-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:13px}.learning-strip span{border:1px solid #335978;border-radius:20px;padding:8px 11px;color:#beddeb;font-size:11px;font-weight:850}.muted{color:var(--muted)}
@media(max-width:1020px){.app-shell{padding:0 16px}.intro{gap:17px}.mission-layout{grid-template-columns:1fr}.side{display:grid;grid-template-columns:1fr 1fr}.side .panel:first-child{grid-column:1 / -1}.console{grid-template-columns:1fr 1fr}.lab-layout{grid-template-columns:1fr}}
@media(max-width:670px){.app-shell{padding:0 11px}.topbar{min-height:75px}.identity small,.status,.bottom span:last-child{display:none}.top-actions{gap:5px}.identity strong{font-size:14px}.brand-symbol{width:37px;height:36px;font-size:29px;line-height:34px}.intro{grid-template-columns:1fr;padding-top:23px}.intro-art{min-height:250px;grid-row:1}.big-chip{inset:20% 31%;font-size:3.2rem;border-width:3px}.big-chip:after{font-size:7px;bottom:14px}.orb{width:52px;height:52px;font-size:23px;border-radius:13px}.intro .lede{font-size:14px}.head-main{font-size:57px}.brief-grid{grid-template-columns:1fr}.mission-top{flex-direction:column;align-items:stretch}.meter-wrap{min-width:auto}.side{display:flex}.map-head{font-size:10px;padding:10px}.map-svg{min-height:285px}.map-svg .node-name{font-size:24px}.map-svg .node-sub{font-size:16px}.console{grid-template-columns:1fr}.lab{padding:15px 0}.packet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.id-grid{grid-template-columns:repeat(4,1fr)}.stats-row{grid-template-columns:repeat(3,1fr)}.panel{padding:15px}.bottom{justify-content:center}.success-hero{margin:20px auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.map-scroll{overflow-x:auto;overscroll-behavior-x:contain}
@media(max-width:670px){.map-svg{min-width:650px;width:650px;height:auto;min-height:0}.map-scroll{scrollbar-width:thin;scrollbar-color:#67a3c7 #0c233a}}