@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{--bg:#080e17;--line:#243141;--mint:#7fffd4;--muted:#8798ac;--text:#eaf0f6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Manrope,Arial,sans-serif;min-height:100vh;background-image:radial-gradient(ellipse at 70% 48%,#13333470,transparent 55%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:5px}.noise{position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#0002 4px);opacity:.15;z-index:4}header{margin:0 5%;height:105px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.brand{font-size:28px;font-weight:800;letter-spacing:4px;line-height:1}.brand span{display:block;font:10px IBM Plex Mono,monospace;color:var(--muted);letter-spacing:1.5px;margin-top:12px}.header-meta{margin-right:auto;margin-left:35px;font:11px IBM Plex Mono,monospace;color:var(--muted);letter-spacing:1px}.header-meta b{font-weight:400;margin-left:32px}.plain{background:none;border:0;color:#b8c8d6;font-size:14px}.plain span{border:1px solid var(--line);border-radius:50%;display:inline-grid;place-items:center;width:25px;height:25px;margin-left:10px}main{width:min(1370px,90%);margin:52px auto 46px;display:grid;grid-template-columns:350px minmax(0,1fr);gap:64px}.eyebrow{font:11px IBM Plex Mono,monospace;letter-spacing:1.5px;color:var(--muted)}h1{font-size:47px;line-height:1.15;letter-spacing:-2px;margin:22px 0}h1 em{font-style:normal;color:var(--mint)}.intro{color:#a1b2c5;font-size:15px;margin:0 0 32px}.sector-title{display:flex;justify-content:space-between;font:11px IBM Plex Mono,monospace;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:12px}.sectors{display:grid;gap:6px;margin-top:12px}.sectors button{display:flex;align-items:center;gap:16px;width:100%;border:1px solid transparent;background:none;color:#a0b0c1;text-align:left;padding:13px}.sectors button.active{background:#172927;border-color:#375d4d;color:var(--text);border-radius:4px}.sectors button>span{font:13px IBM Plex Mono,monospace;color:var(--mint)}.sectors button>div{font-size:14px;flex:1}.sectors small{display:block;color:var(--muted);font-size:11px}.sectors b{font-weight:400;color:var(--mint);font-size:20px}.log{border-left:2px solid #365e53;padding-left:19px;margin-top:28px}.log p{font-size:14px;color:#b7c7d3;margin:12px 0;line-height:1.8}.signature{font:10px IBM Plex Mono,monospace;color:var(--muted)}.console{min-width:0;align-self:start;border:1px solid #2d4549;border-radius:12px;background:linear-gradient(140deg,#142226a6,#0c141fde);box-shadow:0 0 90px #43bfa408,inset 0 0 50px #172c281a}.console-top{display:flex;justify-content:space-between;gap:12px;padding:20px 28px;font:10px IBM Plex Mono,monospace;letter-spacing:1px;color:#a6b7c5;border-bottom:1px solid #27393e}.console-top>span:first-child{display:flex;align-items:center;gap:9px}.console-top i{width:6px;height:6px;border-radius:50%;background:#faad60}.console-top i.on{background:var(--mint);box-shadow:0 0 10px var(--mint)}.board-wrap{position:relative;padding:36px 48px}#board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;width:min(100%,510px);margin:auto}.tile{position:relative;aspect-ratio:1;border:1px solid #2a3e4a;background:#101c28; border-radius:7px;padding:0;color:#53687c;touch-action:manipulation;transition:background .2s,border-color .2s,color .2s}.tile:hover{background:#1c3038;border-color:#688e8e}.tile svg{width:100%;height:100%;display:block;transition:transform .18s}.tile.lit{color:var(--mint);background:#142e2c;border-color:#376d60;box-shadow:inset 0 0 20px #7fffd408}.tile.lit svg{filter:drop-shadow(0 0 3px #7fffd450)}.tile.endpoint:after{content:'';position:absolute;inset:6px;border:1px dashed #76a39655;border-radius:3px;pointer-events:none}.tile.hinted{animation:hint 1s 3;outline:2px solid #d7ff96}.tile:disabled{cursor:default}.source-tag,.receiver-tag{position:absolute;font:10px IBM Plex Mono,monospace;display:flex;align-items:center;flex-direction:column;color:var(--mint);width:40px;transform:translateY(-50%)}.source-tag{left:3px}.receiver-tag{right:3px;color:#8b9ba8}.receiver-tag.connected{color:var(--mint)}.source-tag span,.receiver-tag span{font-size:15px;font-weight:600}.source-tag b,.receiver-tag b{font-size:7px;letter-spacing:1px;margin-top:5px;font-weight:400}.console-bottom{margin:0 28px;border-top:1px solid #293e42;display:flex;justify-content:space-between;padding:22px 0}.console-bottom>div{display:flex;flex-direction:column}.console-bottom span{font:9px IBM Plex Mono,monospace;letter-spacing:1.2px;color:var(--muted)}.console-bottom strong{font:26px IBM Plex Mono,monospace;font-weight:400;color:#d5e4e9;margin-top:9px}.controls{padding:16px 28px;display:flex;align-items:center;gap:18px;border-top:1px solid #27393e;background:#101a23;border-radius:0 0 12px 12px}.controls button{background:none;border:0;color:#c0d2db;font-size:12px;padding:6px 0}.controls button:hover{color:var(--mint)}.controls>span{margin-left:auto;font-size:10px;color:var(--muted);max-width:170px}kbd{font:10px IBM Plex Mono,monospace;border:1px solid #344650;border-radius:3px;padding:2px 4px;margin-left:6px;color:var(--muted)}footer{margin:0 5%;padding:25px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font:10px IBM Plex Mono,monospace;color:var(--muted);letter-spacing:1px}footer a:hover{color:var(--mint)}dialog{width:min(510px,calc(100% - 28px));background:#101b26;color:var(--text);border:1px solid #42665f;border-radius:12px;padding:35px;max-height:90dvh;overflow:auto}dialog::backdrop{background:#030a12c9;backdrop-filter:blur(8px)}dialog h2{font-size:31px;line-height:1.2;margin:18px 0}dialog p{font-size:14px;color:#b0c2cf}.close{float:right;border:0;color:white;background:none;font-size:26px;padding:0 5px}.help-keys{display:grid;gap:9px;font-size:12px;margin:25px 0}.help-keys kbd{margin-left:0}.muted{font-size:12px!important;color:var(--muted)!important}.primary{background:var(--mint);color:#102620;border:0;padding:14px 24px;border-radius:4px;font-weight:700;font-size:14px}.primary:hover{background:#adffe3}#help-close{width:100%;margin-top:15px}#win{text-align:center}.win-symbol{font-size:76px;color:var(--mint);line-height:1.2;margin:15px auto}.win-symbol:after{content:'';display:block;margin:auto;width:100px;height:1px;background:linear-gradient(90deg,transparent,var(--mint),transparent)}#win-stats{font:14px IBM Plex Mono,monospace;margin:25px 0;line-height:2;color:#d2e7dc}#win .plain{display:block;margin:18px auto 0}#toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);background:#233b36;color:#d6ffed;border:1px solid #537f6f;border-radius:6px;max-width:calc(100% - 30px);padding:12px 20px;font-size:14px;opacity:0;pointer-events:none;transition:.2s;z-index:6}#toast.show{opacity:1;transform:translate(-50%,0)}@keyframes hint{50%{background:#3b5941}}@media(max-width:1100px){main{grid-template-columns:290px minmax(0,1fr);gap:30px}.board-wrap{padding:30px 36px}h1{font-size:40px}.console-top{font-size:9px;padding:18px}.controls{gap:15px;padding:14px 18px}.controls>span{display:none}.source-tag{left:0}.receiver-tag{right:0}}@media(max-width:760px){header{height:85px}.brand{font-size:23px}.brand span{font-size:8px;letter-spacing:1px}.header-meta{display:none}main{grid-template-columns:1fr;margin:28px auto;gap:24px}.mission{display:contents}.mission>.eyebrow{grid-row:1}.mission h1{font-size:38px;margin:-12px 0 0}.mission h1 br{display:none}.intro{margin:-12px 0 0;font-size:14px}.console{grid-row:4}.sector-title{grid-row:5}.sectors{grid-row:6;grid-template-columns:1fr 1fr;margin-top:-15px;gap:6px}.sectors button{padding:9px;gap:10px}.sectors small{font-size:10px}.sectors button>div{font-size:12px}.log{grid-row:7;margin-top:0}.console-top{padding:16px 12px;font-size:8px;letter-spacing:.3px}.console-top>span:last-child{font-size:8px}.board-wrap{padding:26px 29px}#board{gap:6px}.tile{border-radius:4px}.source-tag,.receiver-tag{width:28px}.source-tag span,.receiver-tag span{font-size:11px}.source-tag b,.receiver-tag b{font-size:5px}.console-bottom{margin:0 16px;padding:17px 0}.console-bottom span{font-size:8px;letter-spacing:0}.console-bottom strong{font-size:22px}.controls{justify-content:space-between}.controls button{font-size:12px}.controls kbd{display:none}footer{flex-direction:column;font-size:9px;gap:10px}dialog{padding:25px}dialog h2{font-size:27px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

h1{letter-spacing:-1px;word-spacing:.08em}#ending{text-align:center;width:min(570px,calc(100% - 28px))}#ending h2{font-size:36px;color:var(--mint)}#ending blockquote{margin:24px 0;padding:20px;border:1px solid #35534c;border-radius:8px;background:#152b25;color:#d9f6e7;font-size:17px;line-height:1.8}#ending-stats{font:14px IBM Plex Mono,monospace;color:#b6d7c8;margin:24px 0}.ending-note{font-size:12px!important;color:var(--muted)!important}.ending-wave{display:flex;justify-content:center;align-items:center;height:90px;gap:9px;margin:20px 0}.ending-wave i{width:6px;border-radius:8px;height:24px;background:var(--mint);animation:wave 1.8s ease-in-out infinite alternate}.ending-wave i:nth-child(2),.ending-wave i:nth-child(6){height:42px;animation-delay:.2s}.ending-wave i:nth-child(3),.ending-wave i:nth-child(5){height:62px;animation-delay:.4s}.ending-wave i:nth-child(4){height:85px;animation-delay:.6s}#ending .plain{display:block;margin:16px auto 0}#ending .primary{margin-top:18px}@keyframes wave{to{transform:scaleY(.5);opacity:.6}}@media(max-width:760px){header{flex-wrap:wrap;height:auto;min-height:90px;padding:20px 0;gap:16px}.brand{flex-basis:100%}#restart-game{padding:5px 0;margin-right:auto}.mission h1{letter-spacing:-.8px}#ending h2{font-size:29px}#ending blockquote{font-size:15px;padding:16px}}@media(prefers-reduced-motion:reduce){.ending-wave i{animation:none}}