/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}:root{--bg:#07131d;--panel:#0c1d29;--panel2:#102633;--line:#1c3a48;--text:#edf8fa;--muted:#8faab4;--cyan:#27e4d1;--cyan2:#13aeb0;--red:#ff725f;--gold:#f6c568;--green:#57e6a1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Microsoft YaHei UI,PingFang SC,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0}button,input,select{font:inherit}button{color:inherit}.shell{background:radial-gradient(circle at 55% -20%,#123d4a 0,#0000 35%),linear-gradient(135deg,#07131d,#081721 65%,#061019);min-height:100vh;overflow:hidden}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#07141dda;border-bottom:1px solid #183441;justify-content:space-between;align-items:center;height:72px;padding:0 22px 0 26px;display:flex;position:relative}.brand{align-items:center;gap:12px;display:flex}.brand>b{width:38px;height:38px;color:var(--cyan);border:1px solid #2ddfd08a;place-items:center;display:grid;transform:rotate(45deg);box-shadow:0 0 22px #25d9cd3b}.brand>b:first-letter{transform:rotate(-45deg)}.brand span{flex-direction:column;display:flex}.brand strong{letter-spacing:1px;font-size:17px}.brand small{color:#79959f;letter-spacing:.5px;margin-top:3px;font-size:11px}.tools{color:#8ba7af;align-items:center;gap:10px;font-size:11px;display:flex}.tools button,.heading>button,.hero>div>button,.award button{cursor:pointer;background:#0e2531;border:1px solid #264754;border-radius:6px;padding:8px 11px}.tools button:hover,.heading>button:hover{border-color:var(--cyan);color:var(--cyan)}.online{background:var(--green);width:7px;height:7px;box-shadow:0 0 10px var(--green);border-radius:50%}.orb{--p:0deg;background:conic-gradient(var(--cyan) var(--p),#193542 0);border-radius:50%;place-items:center;width:43px;height:43px;font-size:10px;font-weight:700;display:grid;position:relative}.orb:before{content:"";background:#0a1a24;border-radius:50%;position:absolute;inset:4px}.orb{isolation:isolate}.orb:after{content:""}.orb{color:var(--cyan)}.orb:first-line{z-index:1;position:relative}.workspace{grid-template-columns:198px minmax(580px,1fr) 310px;height:calc(100vh - 72px);display:grid}.nav{background:#081720a8;border-right:1px solid #17313d;flex-direction:column;padding:23px 14px 16px;display:flex}.nav>label{letter-spacing:2px;color:#54727d;margin:0 9px 14px;font-size:9px}.nav>button{text-align:left;cursor:pointer;color:#71909a;background:0 0;border:0;border-left:2px solid #0000;border-radius:7px;align-items:center;gap:10px;margin-bottom:4px;padding:12px 10px;display:flex}.nav>button.active{border-left-color:var(--cyan);color:var(--text);background:linear-gradient(90deg,#123641,#0d2531)}.nav>button>b{color:#4a707c;font:600 10px ui-monospace,monospace}.nav>button.active>b{color:var(--cyan)}.nav>button span{flex-direction:column;display:flex}.nav>button strong{font-size:13px}.nav>button small{color:#62808a;margin-top:3px;font-size:9px}.nav footer{border-top:1px solid #18343f;flex-direction:column;gap:5px;margin-top:auto;padding:15px 9px 0;display:flex}.nav footer span{color:#607e89;font-size:9px}.nav footer b{font-size:11px}.nav footer>i{background:#17333e;border-radius:3px;height:3px;margin-top:5px}.nav footer em{background:var(--cyan);height:100%;box-shadow:0 0 8px var(--cyan);display:block}.stage{scrollbar-color:#2c5260 transparent;padding:27px clamp(24px,3vw,54px) 42px;overflow:auto}.module{max-width:1220px;margin:auto;animation:.45s enter}.eyebrow,.heading label{letter-spacing:2px;color:#718f99;font-size:9px}.eyebrow span{color:var(--cyan);margin-right:12px}.missionGrid{grid-template-columns:minmax(340px,.9fr) minmax(420px,1.15fr);align-items:center;gap:42px;min-height:calc(100vh - 235px);display:grid}.hero>label{color:#ff9b88;background:#632f2b4f;border:1px solid #86453b;border-radius:3px;padding:6px 10px;font-size:10px;display:inline-block}.hero h1{letter-spacing:-2px;margin:23px 0 20px;font-size:clamp(36px,4vw,62px);line-height:1.12}.hero h1 em{color:var(--cyan);font-style:normal;display:block}.hero>p{color:#9cb3ba;max-width:600px;font-size:14px;line-height:1.8}.hero>div{gap:10px;margin:27px 0;display:flex}.hero .primary,.primary{color:#02191b;cursor:pointer;background:linear-gradient(135deg,#15c8bb,#087f86);border:1px solid #2befdd;border-radius:5px;padding:12px 20px;font-weight:700;box-shadow:0 9px 30px #0fb9ae30}.hero aside{border-top:1px solid #1a3742;gap:28px;padding-top:18px;display:flex}.hero aside b{color:#315863;align-items:center;gap:8px;font:700 19px ui-monospace,monospace;display:flex}.hero aside span{color:#87a4ad;font:500 10px/1.35 sans-serif}.incident{background:linear-gradient(#0b2330,#08141c);border:1px solid #21505c;border-radius:9px;height:480px;position:relative;overflow:hidden;box-shadow:0 30px 70px #0008,inset 0 0 60px #0a405042}.incident:before{content:"";transform-origin:bottom;background-image:linear-gradient(#1a425025 1px,#0000 1px),linear-gradient(90deg,#1a425025 1px,#0000 1px);background-size:35px 35px;position:absolute;inset:0;transform:perspective(500px)rotateX(55deg)scale(1.5)}.incident>label{color:#ff9a87;font:10px ui-monospace;position:absolute;top:17px;right:18px}.scan{background:var(--cyan);height:1px;box-shadow:0 0 18px var(--cyan);animation:4s linear infinite scan;position:absolute;left:0;right:0}.cloud{color:#497783;font-size:64px;position:absolute;top:18%;left:12%}.cloud i{background:var(--red);width:5px;height:5px;box-shadow:0 0 12px var(--red);border-radius:50%;animation:1.4s infinite pulse;position:absolute}.cloud i:nth-child(2){top:3px;left:60px}.cloud i:nth-child(3){top:60px;left:40px}.cloud i:nth-child(4){top:34px;left:87px}.shield{width:138px;height:138px;color:var(--cyan);border:1px solid #31e8d2;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 50px #16c9bd2c,inset 0 0 35px #16c9bd23}.shield:before,.shield:after{content:"";border:1px dashed #2aa99f76;border-radius:50%;animation:15s linear infinite spin;position:absolute;inset:-16px}.shield:after{animation-direction:reverse;inset:-31px}.shield>b{margin-top:8px;font:700 11px ui-monospace}.shield small{color:#7cb1b6;font-size:8px}.servers{justify-content:space-between;display:flex;position:absolute;bottom:84px;left:8%;right:8%}.servers span{background:#102b37;border:1px solid #28515d;border-radius:4px;padding:12px 15px;font:700 10px ui-monospace}.servers .danger{color:#ff9c89;border-color:#8f4e43}.servers .danger b{background:var(--red);color:#07141d;border-radius:50%;margin-left:5px;padding:1px 5px}.incidentCard{border-left:3px solid var(--red);background:#2c171aeb;grid-template-columns:90px 1fr;gap:3px;padding:11px 14px;display:grid;position:absolute;bottom:16px;left:16px;right:16px}.incidentCard span{color:#ff9b89;grid-row:1/3;font-size:9px}.incidentCard b{font:700 12px ui-monospace}.incidentCard small{color:#ad7e7a;font-size:9px}.ethics{border:1px solid #2a4651;border-left:3px solid var(--gold);color:#93aab1;background:#15232b;padding:12px 16px;font-size:11px}.ethics b{color:var(--gold);margin-right:12px}.heading{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.heading h2{margin:7px 0 5px;font-size:28px}.heading p{color:#7f9aa3;margin:0;font-size:12px}.flow{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.flow article{background:linear-gradient(150deg,#102733,#0b1d27);border:1px solid #1e3f4b;flex-direction:column;min-height:155px;padding:18px;display:flex;position:relative}.flow article>b{color:#4d7781;font:9px ui-monospace}.flow article>i{color:var(--cyan);margin:14px 0;font-size:29px;font-style:normal}.flow article strong{font-size:13px}.flow article small{color:#78949d;margin-top:5px;font-size:9px}.concepts{grid-template-columns:1.3fr 1fr 1fr;gap:12px;display:grid}.concepts article{background:#0d202b;border:1px solid #1c3b47;min-height:250px;padding:20px}.concepts label{color:var(--cyan);border:1px solid #206a6b;padding:3px 6px;font-size:9px}.concepts h3{margin:15px 0 8px;font-size:17px}.concepts p{color:#89a3ac;font-size:11px;line-height:1.7}.micro{flex-direction:column;gap:5px;margin-top:14px;display:flex}.micro span,.micro b{background:#102f3a;padding:8px 10px;font:9px ui-monospace}.micro em{float:right;color:var(--green)}.micro .shadow{opacity:.38;text-decoration:line-through}.micro .shadow em,.micro small{color:var(--red)}.formula{color:var(--cyan);background:#112d36;margin-top:35px;padding:13px;font-size:11px;display:block}.link{color:var(--cyan);cursor:pointer;background:0 0;border:0;padding:14px 0}.source{color:#5e7a84;margin-top:14px;font-size:9px}.topology{grid-template-columns:minmax(500px,1fr) 250px;gap:16px;display:grid}.map{background:#091a24 radial-gradient(#1a46544d 1px,#0000 1px) 0 0/24px 24px;border:1px solid #21414d;height:550px;position:relative;overflow:hidden}.zones{grid-template-columns:30% 24% 46%;display:grid;position:absolute;inset:0}.zones i{background:#0b263237;border-right:1px dashed #2b5b69}.zones i:nth-child(2){background:#2130262e}.zones i:nth-child(3){background:#0e322f2e}.node{cursor:pointer;z-index:2;background:#102a36;border:1px solid #28515f;border-radius:5px;flex-direction:column;align-items:center;width:130px;padding:12px 8px;display:flex;position:absolute}.node:hover,.node.selected{border-color:var(--cyan);box-shadow:0 0 24px #18caba2b}.node>i{color:var(--cyan);font-size:24px;font-style:normal}.node b{margin:5px;font-size:10px}.node small{color:#71929b;font:8px ui-monospace}.node.internet{top:42%;left:5%}.node.firewall{top:42%;left:34%}.node.web{top:13%;left:66%}.node.db{top:42%;left:76%}.node.admin{top:72%;left:61%}.node.student{top:72%;left:82%}.node:after{content:"";z-index:-1;border-top:1px solid #2f6977;width:80px;position:absolute;top:50%;left:100%}.node.firewall:after{width:200px}.node.web:after,.node.db:after,.node.admin:after,.node.student:after{display:none}.packet{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 12px var(--cyan);border-radius:50%;animation:3s linear infinite packet;position:absolute;top:49%;left:28%}.packet.p2{animation-delay:1.3s}.inspector{background:#0d202b;border:1px solid #1d3b47;flex-direction:column;padding:22px;display:flex}.inspector>label{color:#547681;font:9px ui-monospace}.inspector>div{width:70px;height:70px;color:var(--cyan);background:#10323b;border-radius:50%;place-items:center;margin:28px auto 8px;font-size:30px;display:grid}.inspector h3{text-align:center}.inspector>span{color:#6d8993;border-top:1px solid #1f3c47;padding:11px 0;font-size:9px}.inspector>span b{color:#d9eef1;margin-top:4px;display:block}.inspector>p{color:#89a3ab;font-size:10px;line-height:1.7}.inspector>aside{border-left:2px solid var(--gold);color:#89a4a8;background:#142d32;margin-top:auto;padding:12px;font-size:9px}.inspector>aside b{color:var(--gold);margin-bottom:5px;display:block}.lab{grid-template-columns:minmax(620px,1.45fr) minmax(290px,.72fr);gap:14px;display:grid}.workbench,.console{background:#0b1d27;border:1px solid #1c3b47}.panelTitle{border-bottom:1px solid #1a3945;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.panelTitle>b{font-size:12px}.panelTitle span{color:var(--green);background:#113329;border-radius:9px;padding:5px 8px;font-size:9px}.panelTitle span.warn{color:#ff9a87;background:#3a2120}.ruleTable{padding:10px}.ruleRow{border-bottom:1px solid #16333e;grid-template-columns:42px 1fr 1.15fr .75fr 60px 120px;align-items:center;min-height:43px;font-size:9px;transition:all .2s;display:grid}.ruleRow:not(.head):hover{background:#102a35}.ruleRow.checking{box-shadow:inset 3px 0 var(--cyan);background:#123b42}.ruleRow.disabled{opacity:.35}.ruleRow>span{padding:5px}.ruleRow>span>b,.ruleRow>span>small{display:block}.ruleRow>span>small{color:#66858e}.ruleRow.head{color:#52737e;min-height:28px;font-size:8px}.ruleRow em{border-radius:8px;padding:3px 6px;font-style:normal}.ruleRow em.allow{color:var(--green);background:#10352a}.ruleRow em.deny{color:#ff8d7b;background:#3a201f}.rowActions{gap:3px;display:flex}.rowActions button{cursor:pointer;background:#102732;border:1px solid #294955;padding:3px 6px}.builder{background:#0e222d;border-top:1px solid #1c3c48;padding:11px}.builder>div{gap:5px;display:flex}.builder label{color:#68858e;flex:1;font-size:8px}.builder select,.scenario select{color:#d9ebef;background:#0a1b25;border:1px solid #274652;width:100%;margin-top:4px;padding:7px 5px;font-size:9px}.builder>button{width:100%;color:var(--cyan);cursor:pointer;background:#103338;border:1px dashed #2e726f;margin-top:9px;padding:8px}.diagnostic{background:#102d29;border:1px solid #235848;align-items:center;gap:9px;margin:0 10px 10px;padding:10px;display:flex}.diagnostic>b{color:var(--green)}.diagnostic span{flex-direction:column;flex:1;display:flex}.diagnostic strong{font-size:9px}.diagnostic small{color:#76948f;margin-top:3px;font-size:8px}.diagnostic.warn{background:#302021;border-color:#643c36}.diagnostic.warn>b{color:var(--red)}.diagnostic button{color:var(--cyan);cursor:pointer;background:0 0;border:0;font-size:8px}.console{padding-bottom:10px}.scenario{color:#6d8a94;padding:11px 14px;font-size:8px;display:block}.packetCard{background:linear-gradient(145deg,#11333e,#10252e);border:1px solid #2a5360;margin:3px 13px 11px;padding:13px}.packetCard>label{color:var(--cyan);justify-content:space-between;font:8px ui-monospace;display:flex}.packetCard>div{color:var(--cyan);justify-content:space-between;align-items:center;margin:17px 0;display:flex}.packetCard>div span{color:#eff;flex-direction:column;display:flex}.packetCard small{color:#65828b;font-size:7px}.packetCard b{font-size:10px}.packetCard footer{gap:5px;display:flex}.packetCard footer span{color:#62808a;background:#0a1c25;flex:1;padding:7px;font-size:7px}.packetCard footer b{color:#d9edf0;display:block}.track{align-items:center;margin:14px;display:flex}.track>b{border:1px solid #31515c;border-radius:50%;place-items:center;width:34px;height:34px;font-size:8px;display:grid}.track>i{background:#28505c;flex:1;height:1px;position:relative}.track em{background:var(--cyan);border-radius:50%;width:6px;height:6px;animation:1.5s infinite travel;position:absolute;top:-3px}.track.allowed i{background:var(--green)}.track.denied i:last-of-type{background:var(--red)}.simulate{color:#cffff9;cursor:pointer;background:#0d5e61;border:1px solid #2cd9ca;width:calc(100% - 26px);margin:0 13px;padding:10px}.trace{background:#07161e;border:1px solid #173541;min-height:150px;margin:10px 13px 0;padding:10px}.trace>label{color:#527681;justify-content:space-between;font:8px ui-monospace;display:flex}.trace>label button{color:#65858e;background:0 0;border:0;font-size:8px}.trace p{color:#91a9af;margin:8px 0;font-size:8px}.trace p b{color:var(--cyan);margin-right:8px}.trace>span{color:#4e6c76;text-align:center;margin-top:36px;font-size:8px;display:block}.score{color:#77939c;font-size:10px}.score b{color:var(--cyan);margin-left:8px;font-size:25px}.challenges{flex-direction:column;gap:8px;display:flex}.challenges article{background:#0d202b;border:1px solid #1b3a46;grid-template-columns:54px 1fr auto;align-items:center;padding:13px 16px;display:grid}.challenges article.current{border-left:3px solid var(--cyan)}.challenges article.done{background:#0e2b27}.challenges article>b{color:#335a64;font:700 18px ui-monospace}.challenges article>div label{color:var(--cyan);font-size:8px}.challenges article>div label em{color:var(--green);margin-left:9px;font-style:normal}.challenges h3{margin:5px 0;font-size:13px}.challenges p{color:#809ba4;margin:0;font-size:9px}.challenges small{color:var(--gold);margin-top:6px;display:block}.challenges aside{gap:6px;display:flex}.challenges aside button{cursor:pointer;background:#102a35;border:1px solid #2b5360;padding:8px;font-size:9px}.challenges aside button:last-child{color:var(--cyan);border-color:#2d9d94}.award{background:#252318;border:1px solid #5b4b2c;align-items:center;gap:13px;margin-top:14px;padding:13px;display:flex}.award>span{font-size:25px}.award p{color:#9d967a;flex:1;font-size:9px}.award p b{color:var(--gold);display:block}.reportHero{background:linear-gradient(135deg,#0f2e36,#0c202a);border:1px solid #23505a;grid-template-columns:180px 1fr 170px;align-items:center;gap:25px;padding:25px;display:grid}.mastery{--m:0deg;background:conic-gradient(var(--cyan) var(--m),#183943 0);border-radius:50%;place-items:center;width:145px;height:145px;display:grid}.mastery:before{content:"";position:absolute}.mastery span{color:#73929a;background:#0c232c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:118px;height:118px;font-size:9px;display:flex}.mastery b{color:#fff;font-size:36px}.reportHero article label{color:var(--cyan);font-size:9px}.reportHero article h3{margin:8px 0;font-size:21px}.reportHero article p{color:#8ca4ab;font-size:10px;line-height:1.7}.reportHero>aside{text-align:center;border-left:1px solid #28505b}.reportHero>aside label{color:#6e8c94;font:8px ui-monospace}.reportHero>aside div{color:#4f6e75;border:1px solid #405e65;border-radius:50%;place-items:center;width:70px;height:70px;margin:12px auto;font-size:25px;display:grid}.reportHero>aside div.unlocked{color:var(--gold);border-color:var(--gold);box-shadow:0 0 25px #f6c56832}.reportHero>aside b,.reportHero>aside span{display:block}.reportHero>aside span{color:#6a878f;font-size:8px}.reportGrid{grid-template-columns:1.1fr .9fr 1fr;gap:10px;margin-top:10px;display:grid}.reportGrid>article{background:#0d202b;border:1px solid #1d3b47;padding:17px}.reportGrid h3{margin:0 0 15px;font-size:12px}.skill{grid-template-columns:55px 1fr 25px;align-items:center;gap:8px;margin:10px 0;font-size:8px;display:grid}.skill>i{background:#173642;height:5px}.skill em{background:var(--cyan);height:100%;display:block}.metrics{grid-template-columns:1fr 1fr;gap:8px;display:grid}.metrics b{color:var(--cyan);background:#102a35;padding:12px;font-size:20px}.metrics span{color:#76929a;margin-top:5px;font-size:8px;display:block}.reportGrid ol{color:#8da5ac;padding-left:18px;font-size:9px}.reportGrid li{margin:10px 0}.reportGrid li b{color:var(--cyan);margin-right:6px}.privacy{color:#839da5;background:#0c1e28;border:1px solid #1d3b47;margin-top:10px;padding:11px 14px;font-size:9px}.privacy p{line-height:1.7}.refs{color:#617f88;gap:16px;margin-top:10px;font-size:8px;display:flex}.refs a{color:#75a9b0}.refs span{margin-left:auto}.ai{background:#091821;border-left:1px solid #1a3742;flex-direction:column;min-width:0;display:flex;position:relative}.collapse{cursor:pointer;background:#102a35;border:1px solid #244550;border-right:0;width:18px;height:36px;position:absolute;top:16px;left:-18px}.ai>header{border-bottom:1px solid #193743;align-items:center;gap:10px;height:68px;padding:14px;display:flex}.ai>header>b{background:linear-gradient(145deg,#1b7778,#0f3f4a);border-radius:10px;place-items:center;width:37px;height:37px;display:grid;position:relative}.ai>header>b i{background:var(--green);border-radius:50%;width:7px;height:7px;position:absolute;top:-2px;right:-2px}.ai>header span{flex-direction:column;display:flex}.ai>header strong{font-size:12px}.ai>header small{color:var(--green);margin-top:4px;font-size:8px}.context{background:#102733;border:1px solid #1d414d;margin:11px;padding:10px}.context span,.context b,.context small{display:block}.context span{color:#66858e;font-size:7px}.context b{margin:4px 0;font-size:10px}.context small{color:#66818a;font-size:8px}.chat{flex:1;padding:4px 11px;overflow:auto}.chat>div{gap:7px;margin:10px 0;display:flex}.chat>div>b{background:#16505a;border-radius:50%;flex:none;place-items:center;width:23px;height:23px;font-size:7px;display:grid}.chat p{color:#a9bec4;background:#102936;border:1px solid #1b414d;border-radius:2px 9px 9px;margin:0;padding:9px;font-size:9px;line-height:1.6}.chat .user{flex-direction:row-reverse}.chat .user p{background:#123b3d;border-color:#266968}.prompts{flex-wrap:wrap;gap:4px;padding:8px 11px;display:flex}.prompts button{color:#83a5ad;cursor:pointer;background:#0e2530;border:1px solid #254a56;padding:5px;font-size:7px}.ask{background:#071820;border:1px solid #2a5360;margin:0 11px;display:flex}.ask input{color:#dff3f5;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:10px;font-size:9px}.ask button{background:var(--cyan);color:#063035;cursor:pointer;border:0;width:34px}.ai>footer{color:#54717b;padding:7px 11px 12px;font-size:7px}.mobileAI,.focus .nav,.focus .ai{display:none}.focus .workspace{grid-template-columns:1fr}.focus .stage{padding-left:7vw;padding-right:7vw}.still *{animation-duration:.01ms!important;animation-iteration-count:1!important}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes scan{0%{top:0}to{top:100%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes packet{0%{left:28%}45%{left:47%}to{left:76%}}@keyframes travel{0%{left:0}to{left:100%}}@media (width>=1181px) and (width<=1400px){.workspace{grid-template-columns:170px minmax(0,1fr) 260px}.stage{padding-left:24px;padding-right:24px}.missionGrid{grid-template-columns:minmax(270px,.85fr) minmax(330px,1.15fr);gap:22px}.hero h1{font-size:44px}.hero>p{font-size:12px}.hero aside{gap:15px}.incident{height:450px}.lab{grid-template-columns:minmax(500px,1.2fr) minmax(260px,.72fr)}.ai>header{padding-left:11px}.context,.chat,.prompts,.ask{margin-left:8px;margin-right:8px}}@media (width<=1180px){.workspace{grid-template-columns:170px 1fr}.ai{z-index:30;width:310px;transition:all .25s;position:fixed;top:72px;bottom:0;right:0;transform:translate(100%)}.ai.open{transform:none;box-shadow:-20px 0 60px #0009}.mobileAI{z-index:35;background:var(--cyan);color:#062328;border:0;border-radius:20px;padding:9px 14px;font-weight:700;display:block;position:fixed;bottom:16px;right:18px}.missionGrid{grid-template-columns:1fr}.incident{height:350px}.lab,.topology{grid-template-columns:1fr}.inspector{min-height:260px}.reportGrid,.concepts{grid-template-columns:1fr 1fr}.concepts .wide{grid-column:1/-1}}@media (width<=760px){.topbar{height:auto;min-height:66px;padding:10px 13px}.brand small,.tools>.online,.tools{font-size:0}.tools button{display:none}.workspace{height:calc(100vh - 66px);display:block}.nav{scrollbar-width:none;border-bottom:1px solid #17313d;border-right:0;flex-direction:row;height:62px;padding:6px;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav>label,.nav footer,.nav>button small{display:none}.nav>button{min-width:92px;margin:0;padding:7px}.nav>button>b{font-size:8px}.stage{height:calc(100vh - 128px);padding:18px 14px 35px}.missionGrid{gap:20px;min-height:auto}.hero h1{font-size:35px}.incident{height:310px}.hero aside{gap:12px}.flow{grid-template-columns:1fr 1fr}.concepts,.reportGrid{grid-template-columns:1fr}.concepts .wide{grid-column:auto}.map{height:520px}.topology{display:block}.node{width:105px}.node.student{top:80%;left:70%}.node.admin{top:80%;left:45%}.node.db{left:68%}.node.web{top:12%;left:61%}.inspector{margin-top:10px}.ruleRow{grid-template-columns:30px 1fr 1fr 55px 48px}.ruleRow>span:nth-child(4){display:none}.ruleRow>span:last-child{grid-column:1/-1;padding-left:30px}.builder>div{grid-template-columns:1fr 1fr;display:grid}.reportHero{text-align:center;grid-template-columns:1fr}.reportHero>aside{border-top:1px solid #28505b;border-left:0;padding-top:15px}.mastery{margin:auto}.challenges article{grid-template-columns:38px 1fr}.challenges aside{grid-column:2;margin-top:10px}.refs{flex-wrap:wrap}.refs span{margin-left:0}.heading h2{font-size:23px}.heading{gap:8px}.heading>button{font-size:8px}.ai{top:66px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}button{transition:border-color .2s,background .2s,color .2s,transform .2s}button:disabled{opacity:.45;cursor:not-allowed}.primary:disabled{color:#7d9b9e;box-shadow:none;background:#1c4448;border-color:#31575a}.tools .online{width:auto;height:auto;box-shadow:none;background:0 0;align-items:center;gap:6px;display:flex}.tools .online i{background:var(--green);width:7px;height:7px;box-shadow:0 0 10px var(--green);border-radius:50%;display:block}.nav>button{padding-top:9px;padding-bottom:9px;position:relative}.nav>button>em{color:#2e615f;margin-left:auto;font-size:9px;font-style:normal}.nav>button.active>em{color:var(--green)}.panel-title{border-bottom:1px solid #1a3945;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.panel-title>b{font-size:12px}.panel-title span{color:var(--green);background:#113329;border-radius:10px;padding:5px 8px;font-size:9px}.panel-title span.warn{color:#ff9a87;background:#3a2120}.heading>div+button,.heading>.score{cursor:pointer;background:#0e2531;border:1px solid #264754;border-radius:6px;align-self:center;padding:9px 12px}.mission-module{max-width:1280px}.mission-layout{grid-template-columns:minmax(380px,.9fr) minmax(480px,1.1fr);align-items:center;gap:42px;min-height:500px;display:grid}.mission-copy .alert-chip{color:#ff9b88;background:#632f2b4f;border:1px solid #86453b;border-radius:3px;padding:6px 10px;font-size:10px;display:inline-block}.mission-copy h1{letter-spacing:-2px;margin:24px 0 18px;font-size:clamp(40px,4.1vw,64px);line-height:1.08}.mission-copy h1 em{color:var(--cyan);font-style:normal;display:block}.mission-copy>p{color:#9cb3ba;max-width:650px;font-size:14px;line-height:1.9}.mission-actions{gap:10px;margin:28px 0;display:flex}.mission-actions>button:not(.primary),.knowledge-callout button,.match-demo button,.batch-summary button,.task-details+button{cursor:pointer;background:#0e2531;border:1px solid #264754;border-radius:6px;padding:11px 16px}.objectives{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.objectives span{color:#78959d;border-top:1px solid #234651;padding-top:11px;font-size:9px;line-height:1.5}.objectives b{color:var(--cyan);font-size:11px;display:block}.incident-stage{background:linear-gradient(#0b2633,#07131b);border:1px solid #21505c;border-radius:12px;height:455px;position:relative;overflow:hidden;box-shadow:0 30px 70px #0008,inset 0 0 80px #0a405035}.incident-stage:before{content:"";background-image:linear-gradient(#1a42501f 1px,#0000 1px),linear-gradient(90deg,#1a42501f 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.scene-network{justify-content:space-between;align-items:center;display:flex;position:absolute;top:23%;left:8%;right:8%}.scene-network:before,.scene-network:after{content:"";background:#2d6070;height:1px;position:absolute;top:50%}.scene-network:before{left:14%;right:52%}.scene-network:after{left:52%;right:14%}.scene-source,.scene-db,.scene-fw{z-index:2;background:#102b37;border:1px solid #315866;border-radius:8px;padding:15px 18px;font:700 11px ui-monospace;position:relative}.scene-fw{width:118px;height:118px;color:var(--cyan);border-radius:50%;place-items:center;font-size:30px;display:grid;box-shadow:0 0 40px #27e4d12c}.scene-fw small{font-size:8px;display:block}.scene-db{color:#ff9c89;border-color:#8f4e43}.scene-db b{background:var(--red);color:#07141d;border-radius:50%;padding:1px 5px}.scene-network>i{z-index:3;background:var(--red);width:10px;height:10px;box-shadow:0 0 18px var(--red);border-radius:50%;position:absolute;top:calc(50% - 5px);left:13%}.scene-network>i.packet-fly{animation:2.1s ease-in-out infinite scenePacket}.scene-card{border:1px solid #2b505d;border-left:3px solid var(--red);background:#091922e8;padding:16px;position:absolute;bottom:18px;left:18px;right:18px}.scene-card label{color:#6f9099;justify-content:space-between;font:9px ui-monospace;display:flex}.scene-card label em{color:#ff9b88;font-style:normal}.scene-card h3{margin:8px 0;font-size:18px}.scene-card p{color:#96adb4;margin:0;font-size:10px;line-height:1.7}.scene-card>div{gap:5px;margin-top:12px;display:flex}.scene-card>div button{background:#2c4e59;border:0;width:32px;height:3px;padding:0}.scene-card>div button.active{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.closure-strip{color:#78969e;background:#0b202a;border:1px solid #21424e;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;font-size:9px;display:flex}.closure-strip b{color:var(--cyan);margin-right:6px}.closure-strip span{background:#102d37;padding:6px 8px}.closure-strip i{color:#3b6570;font-style:normal}.mission-briefs{grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0;display:grid}.mission-briefs article{background:#0d202b;border:1px solid #1e3f4b;padding:16px}.mission-briefs label{color:#66858e;font-size:8px}.mission-briefs b,.mission-briefs span{display:block}.mission-briefs b{margin:9px 0 5px;font-size:12px}.mission-briefs span{color:var(--cyan);font:9px ui-monospace}.mission-briefs p{color:#78959e;margin:8px 0 0;font-size:9px}.packet-lessons{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.learning-packet{text-align:left;cursor:pointer;background:linear-gradient(145deg,#11313c,#0c202a);border:1px solid #28515e;border-radius:9px;flex-direction:column;min-height:178px;padding:16px;display:flex;position:relative;overflow:hidden}.learning-packet:before{content:"";border:1px solid #2a5e694d;border-radius:50%;width:120px;height:120px;position:absolute;top:-50px;right:-50px}.learning-packet:hover{border-color:var(--cyan);transform:translateY(-2px)}.learning-packet.flipped{background:linear-gradient(145deg,#0e3840,#0b252e);border-color:#2e8f8a}.learning-packet label{color:#66858e;justify-content:space-between;font-size:8px;display:flex}.learning-packet label em{color:var(--cyan);font-style:normal}.learning-packet>strong{margin:22px 0 4px;font-size:15px}.learning-packet>i{color:var(--cyan);margin:4px 0;font-style:normal}.learning-packet>p{color:#89a5ad;font-size:10px}.learning-packet footer{color:#6f8d96;justify-content:space-between;gap:8px;margin-top:auto;font-size:8px;display:flex}.field-board{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:14px;display:grid}.field-board article{background:#0c1f29;border-top:2px solid #2d6d73;padding:13px}.field-board b,.field-board span,.field-board small{display:block}.field-board b{font-size:11px}.field-board span{color:#78969e;margin:5px 0;font-size:8px}.field-board small{color:var(--cyan);font:8px ui-monospace}.knowledge-callout{background:#0e2530;border:1px solid #2b5360;align-items:center;gap:15px;margin-top:14px;padding:16px;display:flex}.knowledge-callout>b{color:var(--gold)}.knowledge-callout p{color:#8ca6ad;flex:1;margin:0;font-size:10px;line-height:1.7}.principle-grid{grid-template-columns:1.25fr .8fr .8fr;gap:10px;display:grid}.principle-grid>article{background:#0d202b;border:1px solid #1d3b47;padding:19px}.match-demo label,.principle-card label{color:var(--cyan);font-size:8px}.demo-packet{background:#0a1720;border:1px solid #2c4d59;margin:15px 0 8px;padding:10px;font:9px ui-monospace}.demo-packet b{float:right;color:var(--red)}.demo-rule{border-left:3px solid var(--green);background:#102b36;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;margin:5px 0;padding:10px;font-size:9px;display:grid}.demo-rule em{color:var(--green);font-style:normal}.demo-rule small{color:#6f8e97;grid-column:2/-1}.demo-rule.bad{border-left-color:var(--red);box-shadow:0 0 20px #ff725f12}.demo-rule.shadow{opacity:.38;border-left-color:#9b8cff}.match-demo>p,.principle-card p{color:#86a0a8;font-size:10px;line-height:1.7}.match-demo>button{width:100%;color:var(--cyan)}.principle-card h3{margin:17px 0 8px;font-size:17px}.principle-card strong{color:var(--cyan);background:#102f37;margin-top:26px;padding:11px;font-size:10px;display:block}.service-table{border:1px solid #1d3b47;margin-top:12px}.service-table>div{border-bottom:1px solid #183743;grid-template-columns:.7fr .8fr 2fr;align-items:center;min-height:36px;padding:0 14px;font-size:9px;display:grid}.service-table>div:first-child{color:#5f818b;background:#0b1b24}.service-table>div:last-child{border-bottom:0}.service-table span:last-child{color:#809da5}.subtabs{gap:6px;margin-bottom:12px;display:flex}.subtabs button{color:#78969e;cursor:pointer;background:#0d222c;border:1px solid #294d59;padding:9px 14px}.subtabs button.active{border-color:var(--cyan);color:var(--cyan);background:#103339}.topology-toolbar{background:#0c212b;border:1px solid #21424e;justify-content:space-between;align-items:center;margin-bottom:9px;padding:10px 13px;display:flex}.topology-toolbar p{color:#91a8af;margin:0;font-size:9px}.topology-toolbar button{color:var(--cyan);cursor:pointer;background:#12313b;border:1px solid #2c5964;padding:7px 10px}.zone-board{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.drop-zone{border:1px dashed var(--zone);min-height:212px}@supports (color:color-mix(in lab, red, red)){.drop-zone{border:1px dashed color-mix(in srgb,var(--zone) 45%,#25434e);background:color-mix(in srgb,var(--zone) 5%,#0a1d27)}}.drop-zone{padding:10px}.drop-zone>header{border-bottom:1px solid var(--zone);grid-template-columns:1fr auto;gap:3px;display:grid}@supports (color:color-mix(in lab, red, red)){.drop-zone>header{border-bottom:1px solid color-mix(in srgb,var(--zone) 30%,#1a3945)}}.drop-zone>header{padding-bottom:8px}.drop-zone>header b{color:var(--zone);font-size:11px}.drop-zone>header span{color:#688892;font:8px ui-monospace}.drop-zone>header em{color:#587782;grid-area:1/2/3;font-size:8px;font-style:normal}.drop-zone>div{grid-template-columns:1fr 1fr;gap:7px;margin-top:9px;display:grid}.drop-zone button{text-align:left;cursor:grab;background:#102a35;border:1px solid #31515c;grid-template-columns:28px 1fr;align-items:center;min-height:69px;padding:8px;display:grid}.drop-zone button i{color:var(--zone);grid-row:1/4;font-size:20px;font-style:normal}.drop-zone button b{font:700 8px ui-monospace}.drop-zone button span,.drop-zone button small{color:#75939c;font-size:7px}.topology-legend{color:#6c8992;align-items:center;gap:16px;margin-top:8px;font-size:8px;display:flex}.topology-legend span{align-items:center;gap:5px;display:flex}.topology-legend i{border-radius:50%;width:8px;height:8px}.topology-legend i.good{background:var(--green)}.topology-legend i.bad{background:var(--red)}.topology-legend b{color:var(--cyan);margin-left:auto}.rule-workspace{grid-template-columns:minmax(700px,1.5fr) minmax(330px,.65fr);gap:10px;display:grid}.rule-list-panel,.rule-builder{background:#0b1d27;border:1px solid #1c3b47}.rule-table{padding:8px}.rule-head,.rule-line{border-bottom:1px solid #173440;grid-template-columns:46px 1.15fr 1fr 1fr 58px 130px;align-items:center;min-height:50px;font-size:8px;display:grid}.rule-head{color:#557681;background:#091820;min-height:30px}.rule-line:hover{background:#102a35}.rule-line.disabled{opacity:.35}.rule-line>span{padding:6px}.rule-line span b,.rule-line span small{display:block}.rule-line span small{color:#67858e;margin-top:3px}.rule-line em{border-radius:10px;padding:4px 7px;font-style:normal}.rule-line em.allow{color:var(--green);background:#10382c}.rule-line em.deny{color:#ff8d7b;background:#3a201f}.rule-actions{gap:3px;display:flex}.rule-actions button{cursor:pointer;background:#102832;border:1px solid #294b57;padding:5px;font-size:7px}.rule-builder{padding-bottom:14px}.rule-builder>label,.form-grid label{color:#6d8992;flex-direction:column;gap:5px;font-size:8px;display:flex}.rule-builder>.full{margin:12px 13px}.rule-builder input,.rule-builder select,.rule-builder textarea{color:#e5f4f6;background:#091a23;border:1px solid #294b57;outline:0;padding:8px}.rule-builder input:focus,.rule-builder select:focus,.rule-builder textarea:focus{border-color:var(--cyan)}.rule-builder textarea{resize:vertical;min-height:64px}.form-grid{grid-template-columns:1fr 1fr;gap:8px;padding:0 13px;display:grid}.rule-builder>.check{color:#88a2a9;flex-direction:row;align-items:center;margin:8px 13px;display:flex}.rule-builder>.check input{accent-color:var(--cyan)}.form-warnings{background:#301f21;border:1px solid #684039;margin:8px 13px;padding:8px}.form-warnings p{color:#ff9a87;margin:4px;font-size:8px}.builder-actions{gap:7px;margin:10px 13px 0;display:flex}.builder-actions button{cursor:pointer;background:#102832;border:1px solid #294b57;flex:1;padding:9px}.simulation-layout{grid-template-columns:270px 1fr;gap:10px;display:grid}.packet-library,.simulator-panel,.trace-panel{background:#0b1d27;border:1px solid #1c3b47}.packet-library{max-height:610px;overflow:auto}.packet-library>button{text-align:left;cursor:pointer;background:#0d2530;border:1px solid #234550;width:calc(100% - 16px);margin:4px 8px;padding:9px}.packet-library>button.active{border-color:var(--cyan);background:#12343c}.packet-library>button span{float:right;border-radius:9px;padding:3px 6px;font-size:7px}.packet-library>button span.allow{color:var(--green);background:#10382c}.packet-library>button span.deny{color:#ff8d7b;background:#3a201f}.packet-library>button b,.packet-library>button small{display:block}.packet-library>button b{font-size:9px}.packet-library>button small{color:#6b8992;margin-top:4px;font-size:7px}.simulator-panel{padding:12px}.packet-detail{background:linear-gradient(145deg,#11333e,#10252e);border:1px solid #2a5360;padding:13px}.packet-detail>label{color:var(--cyan);justify-content:space-between;font:8px ui-monospace;display:flex}.packet-detail label em{color:#92acb4;font-style:normal}.packet-detail>div{justify-content:space-between;align-items:center;margin:16px 0;display:flex}.packet-detail>div>span{flex-direction:column;display:flex}.packet-detail>div>span:last-child{text-align:right}.packet-detail small{color:#64818a;font-size:7px}.packet-detail b{font-size:11px}.packet-detail em{color:#73919a;font:8px ui-monospace}.packet-detail>div>i{color:var(--cyan);font-size:22px;font-style:normal}.packet-detail footer{align-items:center;gap:7px;display:flex}.packet-detail footer b{color:var(--cyan);background:#0a1d25;padding:6px 8px}.packet-detail footer span{color:#78969e;margin-left:auto;font-size:8px}.packet-canvas{border:1px solid #21434f;border-radius:5px;width:100%;height:auto;margin:10px 0;display:block}.prediction{align-items:center;gap:7px;display:flex}.prediction>span{color:#77949d;font-size:9px}.prediction button{cursor:pointer;background:#102832;border:1px solid #294b57;padding:8px 11px}.prediction button.selected.allow{border-color:var(--green);color:var(--green);background:#10352a}.prediction button.selected.deny{border-color:var(--red);color:#ff9a87;background:#3a201f}.prediction button.primary{margin-left:auto}.result-banner{justify-content:space-between;align-items:center;margin-top:9px;padding:10px 13px;display:flex}.result-banner.allowed{color:var(--green);background:#10362c;border:1px solid #2b7560}.result-banner.denied{color:#ff9683;background:#382021;border:1px solid #74453d}.result-banner span{font-size:8px}.trace-panel{margin-top:10px}.trace-rule{border-bottom:1px solid #15333f;grid-template-columns:45px 180px 1fr 125px;align-items:center;min-height:38px;padding:0 13px;font-size:8px;display:grid}.trace-rule>span{color:#50727c;font:9px ui-monospace}.trace-rule small{color:#708d96}.trace-rule em{text-align:right;color:#67858e;font-style:normal}.trace-rule.checking{box-shadow:inset 3px 0 var(--cyan);background:#12343d}.trace-rule.hit-allow em{color:var(--green)}.trace-rule.hit-deny em{color:#ff8f7d}.batch-summary{background:#0c212b;border:1px solid #21424e;align-items:center;gap:18px;margin-top:10px;padding:11px 14px;font-size:9px;display:flex}.batch-summary span{color:#8cabb2;background:#102f38;padding:6px 9px}.batch-summary button{color:var(--cyan);margin-left:auto}.scan-screen{background:#091a23;border:1px solid #21434f;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:450px;display:flex}.scanner{border:1px solid #2a6570;border-radius:50%;width:170px;height:170px;position:relative;overflow:hidden;box-shadow:0 0 50px #27e4d119}.scanner:before{content:"";background:var(--cyan);transform-origin:0;width:50%;height:2px;box-shadow:0 0 14px var(--cyan);animation:1.4s linear infinite spin;position:absolute;top:50%;left:50%}.scan-screen span{color:#78969e;font-size:9px}.diagnosis-overview{grid-template-columns:1.3fr .7fr;gap:10px;display:grid}.radar-panel,.risk-stats{background:#0c202a;border:1px solid #1d3c47;min-height:310px}.radar-panel{justify-content:center;align-items:center;display:flex}.radar-panel>div{border-left:1px solid #21424e;flex-direction:column;max-width:220px;padding-left:24px;display:flex}.radar-panel label{color:#6c8992;font-size:8px}.radar-panel>div b{color:var(--cyan);font-size:58px;line-height:1.1}.radar-panel>div span{color:#8ba5ad;font-size:9px;line-height:1.7}.risk-stats{grid-template-columns:1fr 1fr;gap:8px;padding:20px;display:grid}.risk-stats article{background:#102a35;flex-direction:column;padding:15px;display:flex}.risk-stats article b{color:#ff8d7b;font-size:26px}.risk-stats article span{color:#78969e;font-size:8px}.risk-stats p{color:#879fa6;grid-column:1/-1;margin:0;font-size:9px;line-height:1.7}.score-bars{background:#0b1d27;border:1px solid #1c3b47;grid-template-columns:1fr 1fr;gap:8px 18px;margin-top:10px;padding:14px;display:grid}.score-bars>div{grid-template-columns:80px 1fr 28px;align-items:center;gap:8px;font-size:8px;display:grid}.score-bars i{background:#173642;height:5px}.score-bars em{background:linear-gradient(90deg,var(--red),var(--gold),var(--green));height:100%;display:block}.risk-list{background:#0b1d27;border:1px solid #1c3b47;margin-top:10px}.risk-list>article{cursor:pointer;border-bottom:1px solid #173440;grid-template-columns:45px 1fr 100px;align-items:center;gap:9px;padding:11px 14px;display:grid}.risk-list>article>span{color:#ff8f7d;font:700 10px ui-monospace}.risk-list article.p2>span,.risk-list article.p3>span{color:var(--gold)}.risk-list article b{font-size:10px}.risk-list article p,.risk-list article small{color:#78969e;margin:4px 0 0;font-size:8px;display:block}.risk-list article small{color:#f1c76c;line-height:1.6}.risk-list article aside button{color:var(--cyan);cursor:pointer;background:#102b35;border:1px solid #2a5662;padding:7px;font-size:8px}.all-clear{text-align:center;padding:42px}.all-clear>b{border:1px solid var(--green);width:60px;height:60px;color:var(--green);border-radius:50%;place-items:center;font-size:24px;display:inline-grid}.all-clear p{color:#78969e;font-size:9px}.ai-modules{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;display:grid}.ai-modules article{border-top:2px solid var(--cyan);background:#0d222c;padding:13px}.ai-modules b{font-size:10px}.ai-modules p{color:#78969e;margin-bottom:0;font-size:8px;line-height:1.6}.challenge-map{grid-template-columns:1fr 1fr;gap:9px;display:grid}.challenge-map>article{background:#0d202b;border:1px solid #1b3a46;padding:15px}.challenge-map>article:last-child{grid-column:1/-1}.challenge-map>article.active{border-left:3px solid var(--cyan)}.challenge-map article>header{align-items:center;gap:8px;display:flex}.challenge-map header>span{color:#335a64;font:700 20px ui-monospace}.challenge-map header label{color:var(--cyan);font-size:8px}.challenge-map header em{color:var(--green);margin-left:auto;font-size:8px;font-style:normal}.challenge-map h3{margin:8px 0;font-size:14px}.challenge-map>article>p{color:#809ba4;font-size:9px}.challenge-map>article>small{color:var(--gold);font-size:8px;line-height:1.6;display:block}.challenge-map>article>footer{gap:5px;margin-top:12px;display:flex}.challenge-map footer button{cursor:pointer;background:#102a35;border:1px solid #2b5360;padding:7px 9px;font-size:8px}.challenge-map footer .primary{margin-left:auto}.task-details{background:#091b24;border:1px solid #244650;margin-top:11px;padding:11px}.task-details>b{color:var(--cyan);font-size:9px}.task-details ol{color:#8ba5ad;padding-left:20px;font-size:8px;line-height:1.8}.task-details p{color:#78969e;font-size:8px}.task-details strong{color:#d6e9ed}.adaptive-bank{background:#0b1d27;border:1px solid #1c3b47;margin-top:12px}.bank-head{border-bottom:1px solid #1b3a46;justify-content:space-between;align-items:center;padding:16px;display:flex}.bank-head label{color:var(--cyan);font:8px ui-monospace}.bank-head h3{margin:5px 0;font-size:15px}.bank-head p{color:#78969e;margin:0;font-size:8px}.bank-head>div:last-child{gap:4px;display:flex}.bank-head button{background:#102a35;border:1px solid #2b5360;padding:6px 8px;font-size:8px}.bank-head button.active{border-color:var(--cyan);color:var(--cyan)}.quiz-card{padding:18px}.quiz-card>label{color:var(--gold);font-size:8px}.quiz-card>h3{font-size:17px}.quiz-card>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.quiz-card>div button{text-align:left;color:#a8bec4;cursor:pointer;background:#102833;border:1px solid #2a4c58;padding:10px}.quiz-card>div button span{border:1px solid #365c67;border-radius:50%;place-items:center;width:22px;height:22px;margin-right:8px;display:inline-grid}.quiz-card>div button.correct{border-color:var(--green);color:var(--green);background:#10362b}.quiz-card>div button.wrong{border-color:var(--red);color:#ff8f7d;background:#382021}.quiz-card>p{border-left:2px solid var(--cyan);color:#9ab1b7;background:#102c34;padding:10px;font-size:9px}.quiz-card>footer{color:#708d96;justify-content:space-between;align-items:center;margin-top:12px;font-size:8px;display:flex}.quiz-card>footer button{color:var(--cyan);background:#10313a;border:1px solid #2c5b65;padding:7px 10px}.report-hero{background:linear-gradient(135deg,#0f2e36,#0c202a);border:1px solid #23505a;grid-template-columns:180px 1fr 180px;align-items:center;gap:25px;padding:25px;display:grid}.report-hero article label{color:var(--cyan);font-size:9px}.report-hero article h3{margin:8px 0;font-size:21px}.report-hero article p{color:#8ca4ab;font-size:10px;line-height:1.7}.report-hero>aside{text-align:center;border-left:1px solid #28505b}.report-hero>aside label{color:#6e8c94;font:8px ui-monospace}.report-hero>aside div{color:#4f6e75;border:1px solid #405e65;border-radius:50%;place-items:center;width:70px;height:70px;margin:12px auto;font-size:25px;display:grid}.report-hero>aside div.unlocked{color:var(--gold);border-color:var(--gold);box-shadow:0 0 25px #f6c56832}.report-hero>aside b,.report-hero>aside span{display:block}.report-hero>aside span{color:#6a878f;font-size:8px}.report-grid{grid-template-columns:1.15fr .9fr 1fr;gap:10px;margin-top:10px;display:grid}.report-grid>article{background:#0d202b;border:1px solid #1d3b47;padding:17px}.report-grid h3{margin:0 0 15px;font-size:12px}.metric-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.metric-grid b{color:var(--cyan);background:#102a35;padding:11px;font-size:18px}.metric-grid span{color:#78969e;margin-top:4px;font-size:7px;display:block}.report-grid ol{color:#8ba5ad;padding-left:19px;font-size:9px;line-height:1.7}.report-grid li{margin:7px 0}.report-grid li b{color:var(--cyan)}.growth{background:#0c212b;border:1px solid #21424e;justify-content:space-around;align-items:center;margin-top:10px;padding:13px;display:flex}.growth article{text-align:center}.growth article b,.growth article span{display:block}.growth article b{color:var(--cyan);font-size:22px}.growth article span{color:#78969e;font-size:8px}.growth>i{color:#3e6872;font-style:normal}.refs em{margin-left:auto;font-style:normal}.mobile-ai{display:none}.privacy-banner{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d2631f2;border:1px solid #2b5b67;grid-template-columns:1fr auto auto;align-items:center;gap:10px;width:min(820px,100vw - 36px);padding:14px;display:grid;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 20px 60px #000a}.privacy-banner b{color:var(--cyan);font-size:11px}.privacy-banner p{color:#8ca6ad;margin:4px 0 0;font-size:8px}.privacy-banner button{cursor:pointer;background:#102f39;border:1px solid #2d5b66;padding:8px 10px;font-size:8px}@keyframes scenePacket{0%{background:var(--red);left:13%}48%{background:var(--red);left:47%}52%{left:49%;transform:scale(1.8)}to{background:var(--cyan);left:79%}}@media (width<=1450px){.workspace{grid-template-columns:180px minmax(0,1fr) 275px}.stage{padding-left:22px;padding-right:22px}.mission-layout{grid-template-columns:minmax(330px,.85fr) minmax(420px,1.15fr);gap:24px}.mission-copy h1{font-size:48px}.rule-workspace{grid-template-columns:minmax(600px,1.35fr) 320px}.rule-head,.rule-line{grid-template-columns:40px 1.1fr .9fr .95fr 52px 120px}.field-board{grid-template-columns:repeat(3,1fr)}}@media (width<=1180px){.workspace{grid-template-columns:175px 1fr}.ai{z-index:40;width:320px;transition:all .25s;position:fixed;top:72px;bottom:0;right:0;transform:translate(100%)}.ai.open{transform:none;box-shadow:-20px 0 60px #0009}.mobile-ai{z-index:45;background:var(--cyan);color:#062328;border:0;border-radius:20px;padding:9px 14px;font-weight:700;display:block;position:fixed;bottom:16px;right:18px}.mission-layout,.rule-workspace{grid-template-columns:1fr}.mission-layout{min-height:auto}.incident-stage{height:380px}.packet-lessons,.principle-grid{grid-template-columns:1fr 1fr}.match-demo{grid-column:1/-1}.zone-board{grid-template-columns:1fr 1fr}.simulation-layout{grid-template-columns:230px 1fr}.diagnosis-overview{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr 1fr}.report-grid>article:last-child{grid-column:1/-1}}@media (width<=760px){.workspace{display:block}.nav{height:70px}.nav>button{min-width:118px}.nav>button>em{display:none}.stage{height:calc(100vh - 136px)}.mission-layout{display:block}.mission-copy h1{font-size:38px}.incident-stage{height:330px;margin-top:18px}.scene-source,.scene-db{padding:10px;font-size:8px}.scene-fw{width:86px;height:86px}.objectives,.mission-briefs,.packet-lessons,.principle-grid,.zone-board,.challenge-map,.quiz-card>div,.report-grid{grid-template-columns:1fr}.closure-strip{display:none}.field-board{grid-template-columns:1fr 1fr}.knowledge-callout,.topology-toolbar,.topology-legend,.batch-summary{flex-direction:column;align-items:flex-start}.drop-zone{min-height:180px}.rule-head,.rule-line{grid-template-columns:34px 1.2fr .9fr 48px}.rule-head>span:nth-child(4),.rule-line>span:nth-child(4),.rule-head>span:nth-child(3),.rule-line>span:nth-child(3){display:none}.rule-head>span:last-child,.rule-line>span:last-child{grid-column:2/-1}.simulation-layout{grid-template-columns:1fr}.packet-library{max-height:260px}.trace-rule{grid-template-columns:32px 120px 1fr}.trace-rule>em{text-align:left;grid-column:2/-1}.radar-panel{flex-direction:column}.radar-panel>div{text-align:center;border-top:1px solid #21424e;border-left:0;padding:12px}.score-bars{grid-template-columns:1fr}.risk-list>article{grid-template-columns:38px 1fr}.risk-list>article aside{grid-column:2}.ai-modules{grid-template-columns:1fr 1fr}.challenge-map>article:last-child{grid-column:auto}.report-hero{text-align:center;grid-template-columns:1fr}.report-hero>aside{border-top:1px solid #28505b;border-left:0;padding-top:12px}.metric-grid{grid-template-columns:1fr 1fr}.growth{flex-wrap:wrap;gap:14px}.growth>i{display:none}.privacy-banner{grid-template-columns:1fr}.privacy-banner button{width:100%}.prediction{flex-wrap:wrap}.prediction button.primary{width:100%;margin-left:0}.tools .online{display:none}}.audio-level{color:var(--cyan);align-items:center;gap:5px;font-size:12px;display:flex}.audio-level input{accent-color:var(--cyan);width:66px}.simulation-tools{align-items:center;gap:7px;display:flex}.simulation-tools label{color:#77949d;align-items:center;gap:5px;font-size:8px;display:flex}.simulation-tools select{color:#dff3f5;background:#0d2530;border:1px solid #294b57;padding:7px;font-size:8px}.simulation-tools button{cursor:pointer;background:#0e2531;border:1px solid #264754;border-radius:6px;padding:8px 11px}.ai-consent{background:linear-gradient(135deg,#103542,#0c242e);border:1px solid #315b66;margin:0 11px 8px;padding:10px}.ai-consent b{color:var(--cyan);font-size:9px;display:block}.ai-consent p{color:#91abb2;margin:5px 0 8px;font-size:8px;line-height:1.55}.ai-consent button{border:1px solid var(--cyan);color:#d9ffff;cursor:pointer;background:#0e5053;padding:6px 8px;font-size:8px}.online-status{color:var(--green)!important}.thinking-row p{color:#9ccbd0;border-style:dashed;animation:1.3s ease-in-out infinite softPulse}.ask button:disabled{opacity:.45;cursor:not-allowed}@keyframes softPulse{50%{opacity:.58}}@media (width<=760px){.simulation-tools{justify-content:space-between;width:100%}.audio-level{display:none}}:root{--bg:#edf6ff;--panel:#fff;--panel2:#f4f9ff;--line:#cfe2f5;--text:#17324f;--muted:#6683a0;--cyan:#1686e7;--cyan2:#4db7ff;--red:#e85b62;--gold:#e8a52b;--green:#25a97a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{color:var(--text);background:#edf6ff}.shell{background:radial-gradient(circle at 74% 0,#cae8ff 0,#0000 28%),linear-gradient(145deg,#f8fcff,#eaf4fe 65%,#f5fbff)}.topbar{background:#ffffffde;border-color:#cce0f2;box-shadow:0 8px 30px #5c92bb17}.brand>b{color:#167ad1;background:linear-gradient(145deg,#ecf8ff,#cfeaff);border-color:#68b9f6;box-shadow:0 8px 24px #258fe82e}.brand strong{color:#123c66}.brand small,.tools{color:#6684a0}.tools button,.heading>button,.simulation-tools button{color:#2d608e;background:#f6fbff;border-color:#c7def0}.tools button:hover,.heading>button:hover{color:#1475c6;background:#eaf6ff;border-color:#238ae0}.online{background:#2bb889;box-shadow:0 0 10px #2bb889}.orb{background:conic-gradient(#1686e7 var(--p),#d7e7f5 0);color:#1677c8}.orb:before{background:#fff}.nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb8;border-color:#cfe1f0}.nav>label{color:#7894ad}.nav>button{color:#64809a}.nav>button:hover{color:#173e63;background:#edf7ff}.nav>button.active{color:#153b60;background:linear-gradient(90deg,#dff1ff,#f4faff);border-left-color:#1686e7;box-shadow:0 8px 20px #388dce15}.nav>button>b,.nav>button.active>b{color:#1686e7}.nav>button small,.nav footer span{color:#829ab0}.nav footer{border-color:#d6e5f2}.nav footer>i{background:#d7e7f3}.nav footer em{box-shadow:none;background:#1686e7}.stage{scrollbar-color:#a7cae5 transparent}.module{color:#17324f}.eyebrow,.heading label{color:#6b8aa6}.eyebrow span,.heading label{color:#1686e7}.heading h2{color:#123b63}.heading p{color:#69849c}.primary,.hero .primary,.mission-actions .primary{color:#fff!important;background:linear-gradient(135deg,#2497ed,#116bc5)!important;border-color:#58b8ff!important;box-shadow:0 12px 30px #167ed032!important}.mission-actions button:not(.primary){color:#285d87!important;background:#fff!important;border-color:#bfd9ed!important}.mission-copy h1{color:#143a60}.mission-copy h1 em{color:#167fd6}.mission-copy>p{color:#5d7891}.alert-chip{color:#cc4d55!important;background:#fff1f1!important;border-color:#f2b7b8!important}.objectives span{box-shadow:0 10px 26px #4d89b20f;color:#63819b!important;background:#ffffffc9!important;border-color:#cfe2f2!important}.objectives b{color:#1686e7!important}.incident-stage{background:#dcefff;border:1px solid #b9d8ef;overflow:hidden;box-shadow:0 24px 60px #3a80b735}.incident-art{object-fit:cover;z-index:0;filter:saturate(.96)contrast(.98);width:100%;height:100%;position:absolute;inset:0}.incident-stage:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 42%,#eaf6fff2 78%);position:absolute;inset:0}.scene-network{z-index:2;position:relative}.scene-source,.scene-db,.scene-fw{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);color:#1c669f!important;background:#ffffffd9!important;border-color:#a9d3ef!important;box-shadow:0 10px 30px #477fa72a!important}.scene-network>i{z-index:3}.scene-card{z-index:4!important;color:#1b3f60!important;background:#ffffffed!important;border-color:#bcd8ec!important;box-shadow:0 14px 32px #4a7da326!important}.scene-card p{color:#5d7891!important}.scene-card label{color:#3975a5!important}.scene-card label em{color:#d2535a!important}.scene-card button{background:#b9d7ec!important}.scene-card button.active{background:#1987df!important}.closure-strip,.mission-briefs article,.ethics,.knowledge-callout,.service-table,.flow article,.principle-card,.match-demo,.panel-title,.packet-library,.simulator-panel,.trace-panel,.topology-toolbar,.rule-list-panel,.rule-builder,.diagnosis-overview>div,.score-bars,.risk-list,.ai-modules article,.challenge-map>article,.adaptive-bank,.report-hero,.report-grid>article,.growth,.privacy,.refs{box-shadow:0 12px 34px #477fa710;color:#173d61!important;background:#ffffffd8!important;border-color:#cfe1f0!important}.closure-strip span,.mission-briefs p,.mission-briefs span,.principle-card p,.flow small,.knowledge-callout p,.topology-toolbar p,.trace-rule small,.ai-modules p,.challenge-map p,.report-hero p,.report-grid li,.privacy p{color:#67839c!important}.learning-packet,.field-board article,.packet-detail,.demo-packet,.demo-rule,.service-table>div,.packet-library>button,.rule-line,.quiz-card>div button,.metric-grid b{color:#254e73!important;background:#f7fbff!important;border-color:#d5e6f3!important}.learning-packet:hover,.packet-library>button.active{background:#e8f5ff!important;border-color:#4a9ee0!important}.learning-packet p,.learning-packet footer,.field-board span,.field-board small,.packet-detail small,.packet-detail em,.packet-detail footer span{color:#708ba3!important}.learning-packet strong,.packet-detail b{color:#153f65!important}.drop-zone{background:var(--zone)!important}@supports (color:color-mix(in lab, red, red)){.drop-zone{background:color-mix(in srgb,var(--zone) 6%,#fff)!important}}.drop-zone{border-color:var(--zone)!important}@supports (color:color-mix(in lab, red, red)){.drop-zone{border-color:color-mix(in srgb,var(--zone) 35%,#c8ddec)!important}}.drop-zone button{color:#285174!important;background:#fff!important;border-color:#d0e1ee!important}.drop-zone button.correct{border-color:#78c7ae!important}.drop-zone button.wrong{background:#fff4f4!important;border-color:#e89a9f!important}.rule-head{color:#5e7d98!important;background:#edf6fd!important}.rule-line:hover,.trace-rule.checking{background:#eaf6ff!important}.rule-line.checking{box-shadow:inset 3px 0 #1686e7;background:#dff3ff!important}.rule-line small{color:#7892a8!important}.rule-actions button,.builder-actions button,.prediction button,.challenge-map footer button,.bank-head button,.quiz-card footer button{color:#376383!important;background:#f5faff!important;border-color:#c7ddec!important}.rule-builder input,.rule-builder select,.rule-builder textarea,.simulation-tools select{color:#244c70!important;background:#fff!important;border-color:#c8deee!important}.form-warnings{background:#fff2f2!important;border-color:#efb1b5!important}.form-warnings p{color:#cf4a53!important}.rule-line em.allow,.packet-library span.allow{color:#14855e!important;background:#e6f8f1!important}.rule-line em.deny,.packet-library span.deny{color:#cf4e55!important;background:#fff0f0!important}.packet-visual{background:#dcedfa;border:1px solid #bfdcf0;border-radius:18px;height:260px;margin:12px 0;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #fff8,0 14px 30px #3d7dab1b}.packet-visual-bg{object-fit:cover;filter:saturate(.88)brightness(1.05);opacity:.92;width:100%;height:100%;position:absolute;inset:0}.packet-visual:after{content:"";pointer-events:none;background:linear-gradient(90deg,#f8fcffe6 0,#edf8ff45 40%,#f8fcffd9 100%);position:absolute;inset:0}.packet-track{z-index:2;border-top:2px dashed #55a9df;position:absolute;top:53%;left:12%;right:12%}.visual-node,.visual-firewall{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;border:1px solid #b8d8ed;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 12px 32px #3e7da32e}.visual-node{border-radius:16px;width:122px;height:78px}.visual-node.source{left:4%}.visual-node.destination{right:4%}.visual-node b{color:#174f7f;font-size:11px}.visual-node span{color:#6b89a0;margin-top:5px;font-size:8px}.visual-firewall{border-color:#62b2e8;border-radius:50%;width:118px;height:118px;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 12px #dff3ff99,0 16px 38px #197dc03b}.visual-firewall span{color:#126bb4;font-size:11px;font-weight:800}.visual-firewall small{color:#7190a8;margin-top:5px;font-size:8px}.packet-object{z-index:5;object-fit:contain;filter:drop-shadow(0 12px 16px #167fd04d);width:86px;height:86px;transition:left .45s,filter .3s,transform .3s;position:absolute;top:23%;left:13%}.packet-visual.running.motion .packet-object{animation:visualPacket var(--speed) cubic-bezier(.35,.02,.55,1) forwards}.packet-visual.running.still .packet-object,.packet-visual.denied .packet-object{left:44%;transform:scale(.85)}.packet-visual.allowed .packet-object{left:78%}.packet-visual.denied .packet-object{filter:grayscale(.25)hue-rotate(135deg)drop-shadow(0 10px 18px #e34f5e88)}.packet-label{z-index:5;color:#24628e;background:#ffffffdc;border:1px solid #c6dfee;border-radius:20px;padding:6px 12px;font:700 9px ui-monospace;position:absolute;top:14px;left:50%;transform:translate(-50%)}.packet-outcome{z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px;padding:8px 15px;font-size:10px;font-weight:800;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.packet-outcome.allowed{color:#14835f;background:#e4f8f0e8;border:1px solid #88cfb4}.packet-outcome.denied{color:#c9454e;background:#fff0f0e8;border:1px solid #efa1a5}@keyframes visualPacket{0%{left:13%;transform:scale(1)}55%{left:44%;transform:scale(.84)}70%{left:44%;transform:scale(1.06)}to{left:78%;transform:scale(1)}}.result-banner.allowed{color:#137f5c!important;background:#e7f8f1!important;border-color:#8dd1b8!important}.result-banner.denied{color:#c74b53!important;background:#fff0f0!important;border-color:#efa5aa!important}.trace-rule{color:#2b5678!important;border-color:#e0ebf4!important}.trace-rule.hit-allow{background:#e8f8f2!important}.trace-rule.hit-deny{background:#fff0f0!important}.radar-panel canvas{filter:drop-shadow(0 10px 20px #3385ba24)}.risk-stats article{background:#f3f9fe!important}.risk-stats article span,.risk-stats p{color:#708ba2!important}.risk-list>article{border-color:#e1ebf3!important}.risk-list>article:hover,.risk-list>article.selected{background:#eff8ff!important}.challenge-map>article.done{background:#ecf9f4!important}.quiz-card>div button.correct{color:#16845f!important;background:#e5f7ef!important;border-color:#84cdb1!important}.quiz-card>div button.wrong{color:#c84951!important;background:#fff0f0!important;border-color:#eca0a5!important}.report-hero{background-image:linear-gradient(90deg,#ffffffeb,#f2f9ffed),url(/courseware-images/firewall-topology-background.png)!important;background-position:50%!important;background-size:cover!important}.mastery{background:conic-gradient(#1686e7 var(--m),#d9e9f5 0)}.mastery span{color:#6f8ba3;background:#fff}.mastery b{color:#174e7a}.metric-grid b{color:#1686e7!important}.ai{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdf;border-color:#cfe1f0}.collapse{color:#1a76bd;background:#fff;border-color:#c8ddeb}.ai>header{background:linear-gradient(135deg,#f7fcff,#e9f5ff);border-color:#d5e4ef}.ai-avatar{object-fit:contain;filter:drop-shadow(0 8px 12px #278bd233);flex:none;width:52px;height:52px}.ai>header strong{color:#17466d}.ai>header small{color:#5c84a3}.context{background:#f2f8fd;border-color:#d1e3ef}.context span,.context small{color:#7690a6}.context b{color:#225579}.chat>div>b{color:#176caa;background:#dcefff}.chat p{color:#355f7e!important;background:#f2f8fd!important;border-color:#d2e3ef!important}.chat .user p{background:#e3f3ff!important}.chat .online-reply p{box-shadow:inset 2px 0 #25a97a;background:#e8f8f2!important;border-color:#91d5bc!important}.prompts button{color:#2c648d!important;background:#f5faff!important;border-color:#c7ddeb!important}.ask{border-color:#d2e2ee!important}.ask input{color:#244b6e!important;background:#fff!important}.ask button{color:#fff!important;background:#1686e7!important}.ai>footer{color:#7892a8!important;border-color:#d5e3ee!important}.ai-consent{background:#eef8ff!important;border-color:#bddced!important}.ai-consent p{color:#66839d!important}.ai-consent button{color:#fff!important;background:#1686e7!important;border-color:#1686e7!important}.privacy-banner{background:#ffffffef;border-color:#c6ddec;box-shadow:0 20px 60px #477fa72e}.privacy-banner p{color:#66849c}.privacy-banner button{color:#2c6288;background:#f4f9fd;border-color:#c7ddeb}@media (width<=760px){.packet-visual{height:230px}.visual-node{width:82px;height:62px}.visual-firewall{width:88px;height:88px}.packet-object{width:60px;height:60px}.ai-avatar{width:44px;height:44px}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}