:root{--bg:#080d27;--bg2:#121846;--ink:#edf6ff;--muted:#a1aece;--lime:#b9ff54;--pink:#ff4b9b;--cyan:#55e2ff;--yellow:#ffdc6e;--purple:#8667f6;--border:rgba(190,208,255,.17)}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 50% 0%,#25377c 0%,#080e2b 48%,#050918 100%);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;min-height:100vh;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;z-index:8;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E")}.top{height:78px;padding:0 clamp(18px,3vw,60px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:rgba(5,10,31,.75)}.brand{display:flex;align-items:center;gap:12px}.brand-icon{background:var(--lime);color:#07132f;border-radius:10px;width:44px;height:44px;display:grid;place-items:center;font-size:31px;font-weight:900}.brand b{display:block;font-size:18px;letter-spacing:2px}.brand small{display:block;font-size:10px;letter-spacing:2.4px;color:var(--muted);margin-top:3px}.top-right{display:flex;gap:20px;align-items:center}.pill{font-size:11px;color:var(--lime);font-weight:900;letter-spacing:1px;white-space:nowrap}.lamp{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 16px var(--lime);margin-right:7px}.sound{background:transparent;color:var(--muted);border:1px solid var(--border);padding:9px 12px;border-radius:8px;cursor:pointer;font-weight:800;letter-spacing:1px}.hidden{display:none!important}button{font-family:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.welcome{display:grid;grid-template-columns:minmax(370px,1.1fr) minmax(300px,1fr);gap:2vw;max-width:1580px;margin:0 auto;padding:clamp(26px,3vw,50px) clamp(20px,4vw,66px);min-height:calc(100vh - 124px);align-items:center}.eyebrow{display:inline-block;font-size:12px;font-weight:900;letter-spacing:2px;color:var(--lime);border:1px solid rgba(185,255,84,.4);background:rgba(185,255,84,.08);padding:10px 13px;border-radius:4px}.huge{font-family:Impact,'Arial Black',system-ui,sans-serif;font-weight:1000;font-stretch:condensed;font-size:clamp(65px,8.6vw,150px);letter-spacing:-2px;line-height:.88;margin-top:26px;text-shadow:5px 7px 0 #262955}.huge span{color:var(--pink);text-shadow:5px 7px 0 #501e75}h1{font-size:clamp(28px,4vw,60px);letter-spacing:15px;color:var(--cyan);line-height:1.1;margin:18px 0}p.lead{max-width:660px;color:#d6e0fa;font-size:clamp(16px,1.3vw,19px);line-height:1.65}.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0 30px;max-width:650px}.mini-cards div{background:#17224b;border:1px solid var(--border);padding:14px 11px;border-radius:10px;min-height:82px}.mini-cards strong{display:block;color:var(--lime);letter-spacing:2px;font-size:13px}.mini-cards span{display:block;color:var(--muted);font-size:12px;margin-top:6px}.cta{border:none;color:#061332;background:var(--lime);font-size:15px;font-weight:1000;letter-spacing:1px;border-radius:8px;padding:18px 23px;box-shadow:0 7px 0 #5b8c25,0 0 30px #b9ff5424;transition:transform .15s,box-shadow .15s}.cta:hover{transform:translateY(-2px);box-shadow:0 9px 0 #5b8c25,0 0 35px #b9ff5466}.cta span{margin-left:22px;font-size:23px}.note{color:#8e9abc;font-size:12px;margin:23px 0}.hero-art{min-height:560px;position:relative;display:grid;place-items:center;border:1px solid #4656aa55;border-radius:24px;background:radial-gradient(ellipse at 60% 50%,#3b257c 0%,#161746 45%,#0a0c25 85%);overflow:hidden;isolation:isolate}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#5362c22d 1px,transparent 1px),linear-gradient(90deg,#5362c22d 1px,transparent 1px);background-size:46px 46px;transform:perspective(400px) rotateX(58deg) scale(2);top:40%;z-index:-1;opacity:.6}.orbit{position:absolute;border:2px dashed #72b1ff55;border-radius:50%;transform:rotateX(60deg) rotate(-22deg)}.one{width:85%;height:88%}.two{width:60%;height:70%;border-color:#e954a744}.three{width:110%;height:110%;border-color:#baff4366}.main-packet{position:relative;display:flex;gap:18px;align-items:center;justify-content:center;width:250px;height:210px;clip-path:polygon(50% 0%,100% 35%,100% 83%,50% 100%,0 83%,0 35%);background:linear-gradient(145deg,#d4ff7c,#68e1f0 65%,#4b51d2);box-shadow:inset 0 0 30px #fff;animation:bob 2.5s ease-in-out infinite}.main-packet:before{content:'';position:absolute;inset:16px;clip-path:inherit;background:#202663}.pkt-eye{width:34px;height:34px;background:#d5ff70;border-radius:7px;z-index:1;box-shadow:0 0 14px var(--lime)}.pkt-label{position:absolute;bottom:33px;font-weight:1000;color:#adff6b;letter-spacing:4px;line-height:1.4;text-align:center}.float-bit{position:absolute;background:#111b44bb;border:1px solid var(--cyan);padding:12px 16px;border-radius:8px;font-weight:900;letter-spacing:1px;color:var(--cyan);font-size:13px}.b1{top:17%;left:9%;transform:rotate(-12deg)}.b2{top:24%;right:6%;color:var(--lime);border-color:var(--lime);transform:rotate(8deg)}.b3{bottom:23%;left:9%;color:var(--pink);border-color:var(--pink)}.hero-caption{position:absolute;bottom:26px;color:#d4e7ff;font-size:12px;font-weight:1000;letter-spacing:4px}.comet{position:absolute;width:150px;height:6px;background:linear-gradient(90deg,transparent,var(--lime));top:23%;left:-30%;transform:rotate(-20deg);animation:comet 4s infinite}.footer{min-height:46px;padding:13px clamp(20px,4vw,66px);display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--border);color:#7783b0;font-size:11px;letter-spacing:1.2px}.game{max-width:1700px;margin:0 auto;padding:22px clamp(14px,2.2vw,38px) 16px}.game-top{display:flex;justify-content:space-between;align-items:end;padding:0 6px 16px;gap:12px}.mission-id>span{color:var(--lime);font-size:12px;font-weight:900;letter-spacing:2px}.mission-id h2{font-size:clamp(22px,3vw,37px);letter-spacing:-1px;margin:4px 0 0}.hud{display:flex;gap:28px}.hud-unit{display:flex;flex-direction:column;gap:3px}.hud-unit label,.sub-label{color:#9bacd0;font-size:10px;font-weight:1000;letter-spacing:2px}.digit{font-family:'Arial Black',system-ui;font-size:24px;color:var(--cyan)}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:13px}.arena-frame{background:#070e29;border:2px solid #657deb;border-radius:14px;box-shadow:0 16px 55px #0006;overflow:hidden}.marquee{height:41px;padding:10px 15px;background:#16265b;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:900;letter-spacing:1.4px}.marquee-left{color:var(--lime)}.blink-dot{display:inline-block;width:8px;height:8px;background:var(--lime);border-radius:50%;margin-right:8px;box-shadow:0 0 14px var(--lime);animation:blink 1s infinite}.marquee-right{color:#abbce4;display:flex;align-items:center;gap:4px}kbd{background:#263875;border:1px solid #7890e1;border-radius:3px;padding:3px 6px;color:white}.canvas-wrap{position:relative;aspect-ratio:1080/632;max-height:66vh}#arena{display:block;width:100%;height:100%;touch-action:none}.screen-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(4,9,33,.74);backdrop-filter:blur(5px);padding:20px;z-index:3}.screen-overlay:empty{display:none}.modal{background:linear-gradient(165deg,#273477,#121a4c);border:2px solid #7385d7;box-shadow:0 20px 50px #000c,0 0 0 6px #212b6255;border-radius:18px;max-width:600px;width:100%;padding:25px 30px;max-height:96%;overflow-y:auto}.modal .stamp{color:var(--lime);font-size:11px;letter-spacing:2px;font-weight:900}.modal h3{font-family:'Arial Black',system-ui;font-size:clamp(23px,3vw,35px);margin:12px 0;color:white;line-height:1.1}.modal p{line-height:1.55;color:#c7d5f7}.modal strong{color:var(--lime)}.modal .cta{margin-top:12px;width:100%}.option-grid{display:grid;gap:9px;margin-top:17px}.option{background:#111a45;border:2px solid #4862a1;color:white;text-align:left;border-radius:9px;padding:14px;font-size:15px;font-weight:750}.option:hover{border-color:var(--lime);background:#1d3360}.option.bad{border-color:#ff5c89;background:#752449}.option.good{border-color:var(--lime);background:#2c624a}.modal .callout{border-left:5px solid var(--lime);background:#aaff7115;padding:11px 15px;border-radius:5px;margin:15px 0}.modal .warn{border-color:var(--pink);background:#ef297b18}.control-strip{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:12px 14px;background:#101d48}.dpad{display:grid;grid-template-columns:repeat(3,37px);grid-template-rows:repeat(2,31px);gap:5px;flex:none}.dpad button{color:#07152f;background:#b9ff54;border:none;border-radius:5px;font-size:15px;font-weight:900;box-shadow:0 3px 0 #638f3a}.dpad button:nth-child(1){grid-column:2;grid-row:1}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:2;grid-row:2}.dpad button:nth-child(4){grid-column:3;grid-row:2}.hint-direction{display:flex;flex-direction:column;gap:4px;flex:1}.hint-direction strong{font-size:11px;color:#d4e5ff;letter-spacing:1px}.hint-direction span{color:#abbce0;font-size:11px}.small-action,.secondary{color:#eef5ff;background:transparent;border:1px solid #6a85c2;border-radius:8px;padding:11px 12px;font-size:11px;font-weight:900;letter-spacing:.6px}.small-action:hover,.secondary:hover{background:#273b75}.cockpit{background:#141d4d;border:1px solid #394a89;border-radius:13px;padding:17px;display:flex;flex-direction:column;gap:14px}.panel-title{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;font-weight:1000;color:var(--lime)}.signal{color:var(--cyan)}.datacard{background:#07122f;border-radius:9px;padding:15px;border:1px solid #405da1}.packet-number{font-size:20px;color:var(--lime);font-weight:1000;margin:11px 0 16px}.pair{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px dashed #334471;padding:10px 0}.pair span,.payload span{font-size:10px;letter-spacing:1.1px;color:#9eacce;font-weight:800}.pair b{font-size:13px;text-align:right;color:#e7f1ff}.payload{border:1px solid #4562a7;border-radius:7px;padding:13px;margin-top:8px;background:#121e4a}.payload span,.payload b{display:block}.payload b{font-size:24px;letter-spacing:1px;color:var(--cyan);margin-top:6px}.advice,.route-history{background:#27336077;padding:13px;border-radius:9px;border:1px solid #40568f}.advice p,.route-history p{line-height:1.45;color:#d4ddf8;font-size:13px;margin:9px 0 0}.toolrow{display:flex;gap:7px;margin-top:auto}.toolrow button{flex:1}.bottom-status{display:flex;align-items:center;gap:16px;padding:15px 5px;flex-wrap:wrap}.tiny-meter{min-width:195px;display:flex;flex-direction:column;gap:4px;color:#aabbe7;font-size:10px;letter-spacing:1px}.bar{height:7px;width:100%;background:#2d3978;border-radius:10px}.bar div{height:100%;width:100%;background:var(--lime);box-shadow:0 0 10px var(--lime);border-radius:10px;transition:width .4s}#toast{color:var(--lime);font-size:12px;font-weight:900;letter-spacing:1px}.bottom-tip{margin-left:auto;color:#8493b9;font-size:10px;max-width:400px}.rebuild{max-width:1020px;margin:0 auto;padding:55px 24px 75px;min-height:85vh}.rebuild-deco{font-size:13px;letter-spacing:3px;color:var(--cyan);font-weight:900}.rebuild-header h2{font-family:'Arial Black',system-ui;font-size:clamp(36px,5vw,72px);line-height:1.04}.rebuild-header h2 em,.complete h2 em{color:var(--pink);font-style:normal}.rebuild-header p{max-width:720px;color:#c6d6f0;font-size:18px;line-height:1.6}.message-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:42px 0 30px}.slot{border:2px dashed #7383bb;border-radius:13px;min-height:125px;padding:15px 8px;text-align:center;background:#14204a;cursor:pointer}.slot strong{display:block;color:var(--lime);font-size:13px}.slot em{display:block;margin-top:20px;color:#d9ebff;font-size:14px;font-style:normal;font-weight:900}.slot.active{border-color:var(--lime);background:#1b3e4f}.rebuild h3{font-size:14px;letter-spacing:2px}.packet-pool{display:flex;gap:10px;flex-wrap:wrap}.frag{min-width:140px;flex:1;background:#38417e;color:#f5f8ff;border:2px solid var(--cyan);padding:16px 11px;border-radius:10px;font-weight:900;font-size:15px;min-height:70px}.frag small{display:block;font-size:10px;color:var(--lime);letter-spacing:1px}.frag.selected,.frag:hover{background:#5e3a91;border-color:var(--pink)}.frag:disabled{opacity:.3;cursor:default}.rebuild-actions{display:flex;gap:18px;margin:26px 0;justify-content:flex-end}.feedback{font-size:15px;font-weight:700;color:var(--lime);min-height:30px}.complete{max-width:980px;margin:0 auto;padding:65px 22px;text-align:center}.celebrate{background:radial-gradient(circle at 50% 25%,#343a98,#13183f 60%,#0d1537);border:2px solid #a2f6ff;border-radius:28px;padding:50px clamp(20px,5vw,75px)}.starburst{font-size:70px;color:var(--lime);animation:bob 2s infinite}.complete h2{font-family:'Arial Black',system-ui;font-size:clamp(50px,9vw,100px);line-height:.96;margin:20px 0}.complete p{line-height:1.6;color:#d0def8;max-width:650px;margin:20px auto}.recap-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:36px 0}.recap-stats div{border:1px solid #526bb7;border-radius:12px;padding:18px 8px;background:#102452}.recap-stats span{display:block;color:#a5b4db;font-size:11px;letter-spacing:1.5px}.recap-stats strong{display:block;font-size:clamp(20px,3vw,32px);color:var(--lime);margin-top:8px}.complete-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.earned-text{background:#b9ff5417;border:1px solid #b9ff5470;padding:14px;border-radius:10px;margin:12px auto 24px;max-width:600px;color:#e7ffcf;font-size:14px}.complete-actions button{flex:1;min-width:170px}.hidden-off{display:none}.spinning{animation:spin .8s linear infinite}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes comet{0%{left:-30%;opacity:0}15%{opacity:1}55%,100%{left:130%;opacity:0}}@keyframes blink{50%{opacity:.28}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.game-layout{grid-template-columns:1fr}.cockpit{display:grid;grid-template-columns:1fr 1fr;gap:10px}.panel-title,.toolrow{grid-column:1/-1}.canvas-wrap{max-height:none}.welcome{grid-template-columns:1fr}.hero-art{min-height:360px}.huge{font-size:95px}.bottom-tip{margin-left:0}}@media(max-width:650px){.top{height:67px;padding:10px}.brand b{font-size:15px}.brand small{font-size:8px}.pill{display:none}.welcome{padding:25px 15px}.huge{font-size:70px}.hero-art{min-height:330px}.main-packet{transform:scale(.7)!important}.mini-cards{grid-template-columns:1fr 1fr}.mini-cards div:nth-child(3){grid-column:1/-1}.game{padding:10px}.game-top{align-items:center}.mission-id h2{font-size:19px}.hud{gap:11px}.hud-unit label{font-size:9px}.digit{font-size:17px}.marquee{font-size:9px}.marquee-right{display:none}.control-strip{padding:8px}.dpad{grid-template-columns:repeat(3,43px);grid-template-rows:repeat(2,38px)}.hint-direction strong{font-size:9px}.hint-direction span{font-size:9px}.cockpit{grid-template-columns:1fr 1fr;padding:9px}.advice,.route-history{padding:10px}.datacard{padding:11px}.pair span{font-size:8px}.pair b{font-size:10px}.modal{padding:18px}.message-row{gap:5px}.slot{min-height:100px;padding:10px 3px}.slot em{font-size:10px}.rebuild-actions{flex-direction:column}.recap-stats{gap:5px}.recap-stats div{padding:12px 3px}.footer{font-size:9px;padding:12px}.hero-caption{font-size:9px;letter-spacing:2px}}

.scan-btn{border-color:#baff65;color:#baff65;background:#20395a;min-width:145px}.scan-btn:hover{background:#34546d}.scanner-flash{box-shadow:0 0 30px #baff65}
@media(max-width:650px){.scan-btn{font-size:9px;min-width:100px;padding:10px 5px}.hint-direction{display:none}.control-strip{gap:8px}.small-action{font-size:9px;padding:9px 7px}}