@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Noto+Sans+Thai:wght@400;500;600&display=swap');

:root{color-scheme:dark;--bg:#07090c;--line:#23282e;--muted:#818b97;--ink:#d6dee4;--cyan:#79e1d4;--pink:#ed6ea7;--mono:'IBM Plex Mono',monospace;--sans:'DM Sans',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:13px var(--sans);min-width:320px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button:disabled{cursor:default}a{color:inherit;text-decoration:none}.masthead{height:94px;margin:0 38px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:13px;align-items:center;font-size:19px;letter-spacing:2.4px;font-weight:600}.brand svg{width:33px;height:33px;stroke:var(--cyan);fill:none;stroke-width:1.7}.brand-sub{display:block;font:9px var(--mono);letter-spacing:2.2px;color:var(--muted);margin-top:5px}.header-note{font-size:12px;line-height:1.6;color:#9da6af;position:absolute;left:50%;transform:translateX(-50%)}.header-note span{color:#5e6977}.demo-badge{font:9px var(--mono);letter-spacing:1.2px;border:1px solid #334139;padding:9px 11px;color:#a8bbad;display:flex;align-items:center;gap:8px;white-space:nowrap}.demo-badge i{width:5px;height:5px;background:#92bba1;border-radius:50%}main{margin:0 38px}.controlbar{height:59px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.view-switch{height:100%;display:flex;gap:24px}.view-switch button{position:relative;border:0;background:none;color:#77828e;font-size:11px;padding:0 2px}.view-switch button.selected{color:#e3e9ed}.view-switch button.selected:after{content:'';height:2px;background:var(--cyan);position:absolute;bottom:-1px;left:0;right:0}.view-icon{margin-right:6px;font:15px var(--mono);vertical-align:-1px;color:#839c9e}.playback{display:flex;gap:8px}.playback button{border:1px solid #272f36;background:transparent;height:28px;min-width:30px;display:grid;place-items:center;font:11px var(--mono);padding:0 8px}.playback button:hover{background:#172126;color:var(--cyan)}.playback svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.3;fill:none}.viewport{position:relative;overflow:hidden;height:clamp(480px,calc(100svh - 425px),900px);min-height:400px;background:radial-gradient(ellipse at 50% 55%,#0c1015 0%,#07090c 65%)}#world{display:block;width:100%;height:100%;touch-action:pan-y}.viewport-heading{position:absolute;left:22px;top:27px;pointer-events:none;max-width:65%}.eyebrow{font:8px var(--mono);letter-spacing:2px;color:#6e7c87;margin-bottom:9px}h1{font:500 18px var(--mono);color:#d9e5e9;margin:0 0 7px;padding-left:11px;border-left:2px solid #77d9e5}#phase-desc{font:10px var(--mono);color:#6e7c87;margin:0 0 0 13px}.viewport-meta{position:absolute;right:21px;top:29px;font:9px var(--mono);display:flex;gap:16px;align-items:center;color:#687b86}#run-state{display:flex;align-items:center;gap:7px}#run-state i{width:4px;height:4px;background:var(--cyan);box-shadow:0 0 8px #79e1d477;border-radius:50%}#clock{color:#a9b6bc}.map-caption{position:absolute;bottom:33px;left:50%;transform:translateX(-50%);font:10px var(--mono);letter-spacing:.5px;color:#89969f;text-align:center;width:90%;pointer-events:none}.viewport-corner{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font:7px var(--mono);letter-spacing:1.25px;color:#62717e;white-space:nowrap}.viewport-corner span{margin:0 7px;color:#a4afb4}.phase-nav{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:48px;gap:0}.phase-nav button{position:relative;background:none;border:0;border-right:1px solid var(--line);font:10px var(--mono);color:#778591;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 12px;white-space:nowrap}.phase-nav button:last-child{border-right:0}.phase-nav button>span{font-size:8px;color:#4f606c}.phase-nav button i{position:absolute;bottom:-1px;left:0;width:0;height:2px;background:var(--phase)}.phase-nav button.active{color:var(--phase);background:linear-gradient(0deg,color-mix(in srgb,var(--phase) 7%,transparent),transparent)}.phase-nav button.active>span{color:var(--phase)}.phase-nav button:hover{color:var(--phase);background:#ffffff05}.telemetry{display:grid;grid-template-columns:1.05fr 1.65fr .8fr .7fr;border-bottom:1px solid var(--line)}.instrument{padding:18px 20px 15px;border-right:1px solid var(--line);min-width:0;height:179px}.instrument:first-child{padding-left:0}.instrument:last-child{border-right:0;padding-right:0}h2{margin:0 0 15px;font:8px var(--mono);letter-spacing:1px;color:#a7b3be;display:flex;align-items:center;justify-content:space-between;gap:8px}h2>span{font-size:7px;color:#66727f;letter-spacing:.2px}.system-row{display:grid;grid-template-columns:76px 1fr 29px;align-items:center;gap:10px;font:8px var(--mono);margin:8px 0;color:#667784}.system-row.current{color:#c2d3da}.system-bar{height:2px;background:#1b222b}.system-bar i{display:block;height:100%;width:0;transition:width .4s;background:var(--phase)}.system-row>span:last-child{text-align:right;color:#86949e}#trace-feed{display:flex;flex-direction:column;gap:9px;font:9px var(--mono);overflow:hidden;height:116px}.trace-row{display:grid;grid-template-columns:37px 1fr 32px;gap:10px;color:#92a1af;line-height:1.35}.trace-row time{font-size:8px;color:#536777}.trace-row b{font-weight:400;color:#78ccbd;text-align:right;font-size:7px;align-self:center}.trace-row.warn{color:#e8a0b9}.trace-row.warn b{color:var(--pink)}.trace-row:first-child{color:#c4d5de}.trace-row:first-child.warn{color:#ed9dba}#activity-chart{width:100%;height:78px;display:block}.activity-key{display:flex;gap:12px;font:7px var(--mono);color:#6c7c88;margin-top:10px}.activity-key i{width:4px;height:4px;display:inline-block;margin-right:5px}.cyan{background:var(--cyan)}.pink{background:var(--pink)}#restart{background:none;border:0;color:#7e929e;font:18px var(--mono);padding:0;line-height:8px}#restart:hover{color:var(--cyan)}.result-count{display:flex;gap:12px;align-items:center;margin-top:17px}.result-count>strong{font:400 40px var(--mono);line-height:1.05;letter-spacing:-3px;color:#d4e7e6;min-width:46px}.result-count>span{font:8px/1.6 var(--mono);color:#82929d}.finding-count{font:9px var(--mono);padding:10px 0 0;margin-top:9px;width:100%;border:0;border-top:1px solid #1b252c;background:none;color:var(--pink);display:flex;gap:7px;align-items:center;text-align:left}.finding-count:disabled{color:#62717c}.finding-count .arrow{margin-left:auto}footer{display:flex;justify-content:space-between;align-items:center;min-height:44px;margin:0 38px;gap:20px;font:8px var(--mono);color:#62707d}footer b{font-weight:400;color:#96a3ae;letter-spacing:1.4px}.footer-divider{margin:0 12px;color:#31414d}.footer-arrow{margin-left:12px;color:#a3bcba}.finding-toast{position:absolute;bottom:65px;left:50%;transform:translateX(-50%);width:min(510px,90%);background:#11151af5;border:1px solid #754153;box-shadow:0 12px 50px #000a;display:flex;gap:13px;padding:17px;color:#d9b1c0;z-index:2}.finding-toast[hidden]{display:none}.finding-symbol{height:23px;width:23px;flex-shrink:0;display:grid;place-items:center;background:#ed6ea71a;border:1px solid #ed6ea761;color:var(--pink);font:13px var(--mono)}.finding-toast small{font:7px var(--mono);letter-spacing:1px;color:var(--pink);display:block;margin-bottom:6px}.finding-toast strong{font:12px var(--sans);display:block;color:#eddae0;margin-bottom:5px}.finding-toast div>span{font:10px/1.5 var(--mono);color:#ad929d;display:block}.finding-toast button{background:none;border:0;color:#b3899a;font-size:20px;align-self:flex-start;margin-left:auto}body:fullscreen{overflow:auto}body:fullscreen .viewport{height:calc(100svh - 425px);min-height:400px}
@media(min-width:1800px){.masthead,main,footer{margin-left:64px;margin-right:64px}.viewport{min-height:570px}.instrument{height:192px}#trace-feed{font-size:10px}.system-row{font-size:9px;margin:9px 0}h2{font-size:9px}.phase-nav button{font-size:11px}}
@media(max-width:850px){.masthead,main,footer{margin-left:20px;margin-right:20px}.header-note{display:none}.telemetry{grid-template-columns:1fr 1.4fr .7fr}.activity{display:none}.phase-nav button{font-size:9px;gap:5px;padding:0 5px}.viewport-heading{left:12px}.viewport-meta{right:12px}.viewport{height:560px}.instrument{padding:16px 13px}.trace-row{font-size:8px;gap:6px}.footer-divider{margin:0 5px}footer{font-size:7px}footer>span:last-child{max-width:160px;text-align:right;line-height:1.5}}
@media(max-width:560px){.masthead{height:78px}.masthead,main,footer{margin-left:14px;margin-right:14px}.brand{font-size:15px;gap:8px;letter-spacing:1.7px}.brand svg{width:27px;height:27px}.brand-sub{font-size:7px;letter-spacing:1.5px}.demo-badge{font-size:7px;letter-spacing:.5px;padding:7px}.controlbar{height:53px}.view-switch{gap:17px}.view-switch button{font-size:10px}.view-icon{display:none}.playback{gap:5px}.playback button{height:27px;min-width:25px;padding:0 5px}#fullscreen{display:none}.viewport{height:535px;min-height:430px}.viewport-heading{top:23px;max-width:100%;left:9px}h1{font-size:16px}.eyebrow{font-size:7px}#phase-desc{font-size:8px}.viewport-meta{top:104px;left:22px;right:auto;font-size:8px}.map-caption{font-size:8px;line-height:1.7;bottom:36px}.viewport-corner{font-size:5.5px;letter-spacing:.7px;bottom:15px}.phase-nav{height:auto;grid-template-columns:repeat(3,1fr)}.phase-nav button{height:39px;font-size:9px}.phase-nav button:nth-child(-n+3){border-bottom:1px solid var(--line)}.phase-nav button:nth-child(3){border-right:0}.telemetry{grid-template-columns:1fr 1fr}.systems{display:none}.instrument{height:182px}.trace{padding-left:0}.trace-row{grid-template-columns:30px 1fr 22px;font-size:8px}h2{font-size:7px;letter-spacing:.5px}.results{padding-left:16px;max-width:180px;justify-self:end;width:100%;border-left:1px solid var(--line)}h2>span{font-size:6px}#trace-feed{gap:12px;height:125px}.trace-row:nth-child(n+4){display:none}.result-count{margin-top:24px}.result-count>strong{font-size:38px}footer{font-size:7px;line-height:1.7;padding:13px 0;gap:16px}footer>span:first-child{max-width:210px}footer>span:last-child{max-width:100px}.finding-toast{padding:12px;gap:9px;bottom:65px}.finding-toast div>span{font-size:8px}.finding-toast strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* The same crawler, composed for the homepage card. */
html.systemvakt-embedded,html.systemvakt-embedded body{width:100%;height:100%;overflow:hidden;min-width:0}
.systemvakt-embedded .masthead,.systemvakt-embedded .controlbar,.systemvakt-embedded .phase-nav,.systemvakt-embedded .telemetry,.systemvakt-embedded footer,.systemvakt-embedded .viewport-heading,.systemvakt-embedded .viewport-meta,.systemvakt-embedded .map-caption,.systemvakt-embedded .viewport-corner{display:none!important}
.systemvakt-embedded main{margin:0;height:100%}
.systemvakt-embedded .viewport{height:100%;min-height:0;width:100%;background:#07090c}
.systemvakt-embedded #world{filter:brightness(1.35)}
.systemvakt-embedded #pause{position:fixed;right:10px;bottom:10px;z-index:2;display:grid;place-items:center;width:32px;height:32px;padding:7px;background:#0a1119e8;border:1px solid #54736e;border-radius:5px;color:#c0e4df}
.systemvakt-embedded #pause svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.4;fill:none}
.systemvakt-embedded #pause:focus-visible{outline:2px solid #79e1d4;outline-offset:2px}

@media(max-width:560px){.phase-nav button{font-size:8px;gap:4px}.phase-nav button>span{font-size:6px}.system-row{grid-template-columns:90px 1fr 29px}.viewport-heading{max-width:95%}}

.header-tools{display:flex;align-items:center;gap:16px}.language-switch{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #2c393e;background:#0a1014}.language-switch button{border:0;background:transparent;color:#82949c;font:10px var(--mono);padding:6px 9px;min-width:31px;line-height:1.4}.language-switch button[lang=th]{font-family:'Noto Sans Thai',sans-serif}.language-switch button[aria-pressed=true]{background:#18322f;color:#b4f4e6}.language-switch button:hover{color:#d1e9e2}
html[lang=th]{--mono:'Noto Sans Thai',sans-serif;--sans:'Noto Sans Thai',sans-serif}html[lang=th] .brand-sub,html[lang=th] h2,html[lang=th] .eyebrow,html[lang=th] .demo-badge,html[lang=th] .viewport-corner{letter-spacing:0}html[lang=th] .trace-row{line-height:1.6}html[lang=th] #phase-desc{line-height:1.7}html[lang=th] .phase-nav button{font-size:11px}html[lang=th] .system-row{font-size:9px}html[lang=th] .map-caption{font-size:11px}html[lang=th] .viewport-corner{font-size:9px}html[lang=th] .header-note{font-size:13px}html[lang=th] .finding-count{line-height:1.7}
@media(max-width:1050px){.header-tools .demo-badge{display:none}.header-tools{gap:0}}@media(max-width:560px){.language-switch button{font-size:9px;padding:5px 7px;min-width:28px}.header-tools{margin-left:auto}.brand{font-size:14px;letter-spacing:1px}.masthead{gap:8px}html[lang=th] .phase-nav button{font-size:9px}html[lang=th] .map-caption{font-size:9px}html[lang=th] .viewport-corner{font-size:7px}html[lang=th] .viewport-meta{top:115px}html[lang=th] .brand-sub{font-size:8px}html[lang=th] .system-row{font-size:8px}}