:root{--bg: #06141c;--bg-2: #0b1c26;--panel: rgba(8, 28, 38, .82);--panel-solid: #0c2230;--cyan: #2de8ff;--cyan-2: #7af6ff;--cyan-dim: rgba(45, 232, 255, .16);--cyan-line: rgba(45, 232, 255, .45);--red: #ff3b4a;--red-dim: rgba(255, 59, 74, .18);--green: #3dff8a;--green-dim: rgba(61, 255, 138, .16);--gold: #f5c542;--text: #eef8fb;--muted: #9cb8c4;--shadow: 0 0 0 1px rgba(45, 232, 255, .35), 0 0 22px rgba(45, 232, 255, .18);--font-display: "Orbitron", sans-serif;--font-body: "Rajdhani", sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body,#root{min-height:100%;min-height:100dvh;margin:0}body{font-family:var(--font-body);color:var(--text);background:#041018}button,input,textarea{font-family:inherit;font-size:16px}button{min-height:44px;touch-action:manipulation}a{color:var(--cyan)}.app-bg{min-height:100vh;min-height:100dvh;background:radial-gradient(1200px 700px at 50% -10%,rgba(45,232,255,.12),transparent 55%),radial-gradient(900px 500px at 100% 100%,rgba(20,80,90,.25),transparent 50%),linear-gradient(180deg,#071821,#05141c 55%,#041018);position:relative;overflow-x:hidden}.app-bg:before{content:"";pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cg fill='none' stroke='%232de8ff' stroke-opacity='0.13' stroke-width='1'%3E%3Cpath d='M0 40h80v40h40V40h120'/%3E%3Cpath d='M40 0v80h40v40H40v120'/%3E%3Cpath d='M200 0v60h40'/%3E%3Cpath d='M0 200h60v40'/%3E%3Ccircle cx='80' cy='80' r='3' fill='%232de8ff' fill-opacity='0.25' stroke='none'/%3E%3Ccircle cx='160' cy='160' r='3' fill='%232de8ff' fill-opacity='0.25' stroke='none'/%3E%3C/g%3E%3C/svg%3E");opacity:.9}.shell{position:relative;z-index:1;max-width:1360px;margin:0 auto;padding:20px 16px 40px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(40px,env(safe-area-inset-bottom))}.hero-title{text-align:center;margin:8px 0 6px}.hero-title h1{font-family:var(--font-display);font-size:clamp(22px,3.2vw,38px);letter-spacing:.06em;margin:0;text-shadow:0 0 18px rgba(45,232,255,.35)}.hero-title p{margin:8px 0 0;letter-spacing:.28em;font-size:13px;color:var(--muted);font-weight:600}.panel{background:var(--panel);border:1px solid var(--cyan-line);border-radius:16px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);letter-spacing:.08em;font-size:13px}.dot{width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.user-chip{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:15px}.ghost-btn,.cyan-btn,.danger-btn,.safe-btn{border:1px solid var(--cyan-line);background:var(--cyan-dim);color:var(--text);border-radius:10px;padding:10px 16px;cursor:pointer;font-weight:700;letter-spacing:.04em;transition:.15s ease}.ghost-btn:hover,.cyan-btn:hover{box-shadow:0 0 16px #2de8ff59;transform:translateY(-1px)}.cyan-btn{background:linear-gradient(180deg,#2de8ff47,#2de8ff14)}.danger-btn{border-color:#ff3b4ab3;background:var(--red-dim)}.safe-btn{border-color:#3dff8ab3;background:var(--green-dim)}.mission-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.mission-card{padding:14px;display:flex;flex-direction:column;min-height:430px}.mission-card h2{font-family:var(--font-display);font-size:13px;margin:0 0 4px;letter-spacing:.04em}.mission-card .sub{color:var(--muted);margin:0 0 12px;font-size:14px}.preview{flex:1;border-radius:12px;border:1px solid rgba(45,232,255,.2);background:#07141c;overflow:hidden;position:relative;min-height:210px}.goal{margin:12px 0 10px;font-size:14px;color:var(--cyan-2)}.mission-card .enter{width:100%}.flow{margin:22px 0;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.flow-step{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.06em;font-weight:700}.flow-step span{width:28px;height:28px;border-radius:50%;border:1px solid var(--cyan);display:grid;place-items:center;box-shadow:0 0 10px #2de8ff4d}.flow-arrow{color:var(--cyan);opacity:.7}.bottom-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:18px}.bottom-grid h3{font-family:var(--font-display);font-size:13px;margin:0 0 12px;letter-spacing:.08em}.bottom-grid .panel{padding:18px}.mvp-list,.hood-list{margin:0;padding-left:18px;color:var(--muted);line-height:1.7}.progress-bar{height:10px;border-radius:999px;background:#ffffff14;overflow:hidden;border:1px solid rgba(45,232,255,.25)}.progress-bar>div{height:100%;background:linear-gradient(90deg,#2b7cff,#3dff8a);box-shadow:0 0 12px #3dff8a80}.ranks{display:flex;justify-content:space-between;margin-top:16px;gap:8px}.rank{flex:1;text-align:center}.hex{width:58px;height:64px;margin:0 auto 8px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:grid;place-items:center;font-family:var(--font-display);font-size:18px;border:0}.hex.analyst{background:linear-gradient(180deg,#f5c542,#c49212);color:#1a1404}.hex.scout{background:linear-gradient(180deg,#ff5a66,#b81d2a)}.hex.defender{background:linear-gradient(180deg,#4dff96,#149a4e);color:#04210e}.hex.locked{filter:grayscale(.4);opacity:.55}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);padding:28px}.login-card h1{font-family:var(--font-display);font-size:22px;margin:0 0 6px}.login-card p{color:var(--muted);margin:0 0 22px;letter-spacing:.12em;font-size:13px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13px;letter-spacing:.08em;color:var(--muted)}.field input{background:#07141c;border:1px solid var(--cyan-line);color:var(--text);border-radius:10px;padding:12px;outline:none}.field input:focus{box-shadow:0 0 0 3px #2de8ff26}.error{color:var(--red);min-height:20px;font-size:14px}.login-actions{display:flex;gap:10px}.login-actions button{flex:1}.note{margin-top:14px;color:var(--muted);font-size:13px}.mission-shell{display:grid;grid-template-columns:280px 1fr;gap:18px}.side{padding:16px}.side h2{font-family:var(--font-display);font-size:14px;margin:0 0 8px}.clue-meter{margin:14px 0}.clue-meter strong{display:block;margin-bottom:8px}.tool-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.workspace{padding:16px}.email-app{display:grid;grid-template-columns:200px 1fr;min-height:520px;overflow:hidden}.email-nav{background:#08151d;border-right:1px solid rgba(45,232,255,.18);padding:14px}.email-nav div{padding:8px 10px;border-radius:8px;color:var(--muted)}.email-nav .active{background:var(--cyan-dim);color:var(--text)}.email-body{padding:16px 18px}.mail-meta{font-size:14px;color:var(--muted);line-height:1.6}.alert-banner{background:linear-gradient(90deg,#8b1220,#c81d32);color:#fff;padding:10px 12px;border-radius:8px;margin:14px 0;font-weight:700}.mail-copy{line-height:1.65}.fake-link{color:#7af6ff;text-decoration:underline;cursor:help;position:relative}.tooltip{position:absolute;left:0;top:125%;background:#041018;border:1px solid var(--red);color:var(--red);padding:8px 10px;border-radius:8px;white-space:normal;max-width:min(280px,80vw);font-size:12px;z-index:3;box-shadow:0 0 16px #ff3b4a4d}.header-box,.inspect-box{margin-top:12px;padding:12px;background:#071018;border:1px dashed var(--cyan-line);border-radius:10px;font-family:ui-monospace,Consolas,monospace;font-size:12px;white-space:pre-wrap}.hot{cursor:pointer;border-bottom:1px dashed rgba(255,59,74,.5)}.hot.found{background:var(--red-dim);border-radius:4px}.link-list{display:flex;flex-direction:column;gap:10px}.link-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid rgba(45,232,255,.22);background:#07141c}.link-row.flagged{border-color:#ff3b4acc;box-shadow:0 0 16px #ff3b4a40}.link-row.safe-mark{border-color:#3dff8a8c}.link-url{font-family:ui-monospace,Consolas,monospace;font-size:13px}.inspector{margin-top:14px;padding:12px;border:1px solid var(--cyan-line);border-radius:12px;background:#2de8ff0f}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.site{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);min-height:420px;background:#f4f7fb;color:#122}.site.fake{background:#1a0c10;color:#f7e9eb;border-color:#ff3b4a80}.chrome{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#dbe4ee;color:#234;font-size:12px}.site.fake .chrome{background:#2a1016;color:#f7e9eb}.url-pill{flex:1;background:#fff;border-radius:999px;padding:5px 10px;cursor:pointer}.site.fake .url-pill{background:#3a151c}.site-inner{padding:22px 18px;text-align:center}.logo-mark{width:54px;height:54px;margin:0 auto 10px;border-radius:12px;display:grid;place-items:center;font-weight:800;cursor:pointer}.real-logo{background:#163d7a;color:#fff}.fake-logo{background:#7a1020;color:#ffd0d6}.login-form{display:grid;gap:8px;margin-top:16px}.login-form input{padding:10px;border-radius:8px;border:1px solid #c5d0dc}.site.fake .login-form input{background:#2a1016;border-color:#5a2230;color:#fff}.ssl,.dest{margin-top:10px;font-size:12px;cursor:pointer}.chat{max-width:420px;margin:0 auto;background:#07141c;border:1px solid var(--cyan-line);border-radius:22px;padding:14px;min-height:560px;display:flex;flex-direction:column}.chat-head{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid rgba(45,232,255,.2)}.avatar{width:36px;height:36px;border-radius:50%;background:#1b2a33;display:grid;place-items:center}.bubbles{flex:1;display:flex;flex-direction:column;gap:8px;padding:14px 4px}.bubble{max-width:82%;padding:10px 12px;border-radius:14px;line-height:1.45}.bubble.them{background:#132833;align-self:flex-start}.bubble.me{background:#0d3a46;align-self:flex-end}.choices{display:grid;gap:8px}.status-ok{color:var(--green)}.status-bad{color:var(--red)}.feedback-card{max-width:760px;margin:40px auto;padding:28px;text-align:center}.feedback-card h1{font-family:var(--font-display);font-size:26px}.menu-shell{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:18px 16px 32px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(28px,env(safe-area-inset-bottom))}.hud{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:18px}.hud-left{display:flex;align-items:center;gap:10px;min-width:min(100%,180px)}.hud-brand{font-family:var(--font-display);letter-spacing:.12em;font-size:13px}.hud-sub{color:var(--muted);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.hud-pills{display:flex;flex-wrap:wrap;gap:8px;flex:1}.pill{border:1px solid var(--cyan-line);background:var(--cyan-dim);border-radius:999px;padding:6px 12px;font-size:13px;letter-spacing:.04em;min-height:32px;display:inline-flex;align-items:center}.pill.gold{border-color:#f5c5428c;color:var(--gold)}.pill.live{border-color:#3dff8a8c;color:var(--green)}.pill.warn{border-color:#f5c54273;color:var(--gold)}.hud-out{margin-left:auto}.menu-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:16px;align-items:start}.ops-hero{padding:28px 24px 24px;min-height:420px;display:flex;flex-direction:column;position:relative;overflow:hidden}.ops-hero:after{content:"";position:absolute;right:-40px;top:-40px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(45,232,255,.18),transparent 70%);pointer-events:none}.ops-kicker{color:var(--cyan-2);letter-spacing:.18em;font-size:12px;font-weight:700}.ops-icon{font-size:42px;margin:18px 0 8px;filter:drop-shadow(0 0 12px rgba(45,232,255,.45))}.ops-hero h1{font-family:var(--font-display);font-size:clamp(22px,4vw,36px);margin:0;letter-spacing:.04em}.ops-sub{margin:6px 0 0;color:var(--muted);font-size:18px}.ops-blurb{font-size:18px;line-height:1.55;max-width:46ch;margin:16px 0 18px}.ops-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.ops-meta span{border:1px solid rgba(45,232,255,.25);border-radius:8px;padding:6px 10px;color:var(--muted);font-size:13px}.ops-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}.deploy-btn{min-width:160px;font-size:16px;letter-spacing:.12em}.roster-col{display:flex;flex-direction:column;gap:16px}.clearance-card,.roster{padding:16px}.clearance-card h2,.roster h2{font-family:var(--font-display);font-size:12px;letter-spacing:.12em;margin:0}.clearance-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px;color:var(--muted);font-size:14px}.ranks.compact{margin-top:12px}.ranks.compact .hex{width:46px;height:50px;font-size:15px}.roster-row{width:100%;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;text-align:left;margin-top:10px;padding:12px;border-radius:12px;border:1px solid rgba(45,232,255,.22);background:#07141c;color:var(--text);cursor:pointer}.roster-row.active{border-color:var(--cyan);box-shadow:0 0 16px #2de8ff33}.roster-code{font-family:var(--font-display);font-size:11px;color:var(--cyan-2)}.roster-icon{font-size:18px}.roster-copy{display:flex;flex-direction:column;min-width:0}.roster-copy strong{font-size:13px;letter-spacing:.04em}.roster-copy em{font-style:normal;color:var(--muted);font-size:13px}.roster-flag{font-size:11px;font-weight:800;letter-spacing:.08em;padding:4px 8px;border-radius:999px}.roster-flag.ready{color:var(--cyan-2)}.roster-flag.cleared{color:var(--green)}.roster-flag.breach{color:var(--red)}.big-icon{font-size:64px;margin:8px 0 12px}@media (max-width: 1100px){.mission-grid,.bottom-grid,.mission-shell,.email-app,.split,.menu-grid{grid-template-columns:1fr}.ops-hero{min-height:unset}.hud-out{margin-left:0;width:100%}.ops-actions,.login-actions{display:grid;grid-template-columns:1fr}.ops-actions button,.login-actions button{width:100%}.email-nav{border-right:0;border-bottom:1px solid rgba(45,232,255,.18);display:flex;gap:6px;overflow-x:auto}.chat{min-height:70dvh;max-width:100%;border-radius:16px}.link-row{align-items:flex-start;flex-direction:column}.link-row button{width:100%}}@media (max-width: 640px){.roster-row{grid-template-columns:auto 1fr auto}.roster-icon{display:none}.hex{width:44px;height:48px}.login-wrap{padding:48px 16px 16px;align-items:start}}