:root{--bg:#071018;--panel:#0b151e;--panel2:#0e1b25;--line:#20313f;--text:#d9e4eb;--muted:#8ba0af;--cyan:#46d9ff;--green:#57f0a0;--yellow:#ffd166;--red:#ff637d;--mono:'JetBrains Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,#102432 0,#071018 42%);color:var(--text);font:16px/1.6 Inter,Arial,sans-serif}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);background:rgba(7,16,24,.92);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit}.brand-mark{width:42px;height:42px;border:1px solid #2c6a7e;border-radius:9px;display:grid;place-items:center;color:var(--cyan);font:800 15px var(--mono);box-shadow:0 0 25px #46d9ff12}.brand strong{display:block;font-size:17px}.brand span,.profile-pill span{display:block;color:var(--muted);font-size:12px}.topnav{display:flex;gap:7px}.nav-link,.filter,.panel-tab,.work-tab{border:0;background:transparent;color:var(--muted);padding:10px 14px;border-radius:7px;font-weight:600;font-size:14px;cursor:pointer}.nav-link.active,.filter.active,.panel-tab.active,.work-tab.active{background:#10222d;color:var(--cyan)}.profile-pill{display:flex;gap:9px;align-items:center}.xp-ring{width:40px;height:40px;border:2px solid #24576a;border-radius:50%;display:grid;place-items:center;color:var(--cyan);font:700 11px var(--mono)}main{max-width:1450px;margin:auto}.hero{min-height:600px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;padding:70px 5vw}.eyebrow{font:700 12px var(--mono);letter-spacing:.12em;color:var(--cyan)}.status-dot,.connection i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green);margin-right:7px}.hero h1{font-size:clamp(44px,5vw,70px);line-height:1.02;letter-spacing:-.045em;margin:18px 0}.hero h1 span{color:#7e94a3}.hero>div>p{max-width:680px;color:#9dafbd;font-size:18px}.hero-actions{display:flex;gap:10px;margin:28px 0}.btn{border:1px solid #2a3d4b;border-radius:7px;padding:12px 17px;font-weight:700;font-size:14px;cursor:pointer;background:#101c25;color:var(--text)}.btn.primary{background:#1d7d9c;border-color:#2d9fc4;color:#f3fbff}.btn.ghost{background:#0b141c}.btn.full{width:100%}.btn:disabled{opacity:.35;cursor:not-allowed}.danger-outline{border-color:#703344;color:#f19aaa}.hero-stats{display:flex;gap:40px}.hero-stats strong{font:700 20px var(--mono);display:block}.hero-stats span{font-size:12px;color:var(--muted)}.terminal-preview{border:1px solid #263a48;border-radius:11px;overflow:hidden;background:#080f15;box-shadow:0 35px 80px #0008}.terminal-header{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:#0d1821;border-bottom:1px solid var(--line);font:11px var(--mono);color:#738897}.traffic i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#354550;margin-right:5px}.terminal-body{padding:25px;font:13px/1.8 var(--mono);min-height:320px}.muted{color:#617584}.accent{color:var(--cyan)}.danger{color:var(--red)}.terminal-table{display:grid;grid-template-columns:.5fr 1fr .5fr 1.6fr;border:1px solid #1e303c}.terminal-table span{padding:6px 8px;border-bottom:1px solid #172630}.mission-section,.panel-page{padding:40px 5vw 80px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-heading h2{font-size:32px;margin:5px 0}.section-heading p{margin:0;color:var(--muted)}.filters{display:flex;border:1px solid var(--line);border-radius:8px;padding:3px}.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mission-card{background:linear-gradient(145deg,#0d1821,#09121a);border:1px solid var(--line);border-radius:10px;padding:22px;min-height:270px;display:flex;flex-direction:column;transition:.2s}.mission-card:hover{transform:translateY(-3px);border-color:var(--glow);box-shadow:0 12px 40px #0005}.mission-card-top,.card-footer{display:flex;justify-content:space-between;align-items:center}.difficulty-badge{font:700 11px var(--mono);padding:5px 8px;border-radius:4px}.difficulty-badge.basic{color:var(--green);background:#57f0a012}.difficulty-badge.intermediate{color:var(--yellow);background:#ffd16612}.difficulty-badge.professional{color:var(--red);background:#ff637d12}.mission-id{font:11px var(--mono);color:#607584}.mission-card h3{font-size:21px;margin:20px 0 7px}.mission-card p{font-size:15px;color:#93a6b4;margin:0 0 17px}.skill-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:18px}.skill-tag{font:10px var(--mono);color:#78909f;border:1px solid #263846;padding:3px 6px;border-radius:4px}.card-footer{margin-top:auto;padding-top:14px;border-top:1px solid #172630;color:#738896;font:11px var(--mono)}.card-footer button{border:0;background:none;color:var(--glow);font-weight:800;cursor:pointer}.view{display:none}.view.active{display:block}.progress-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metric-card,.panel-block{border:1px solid var(--line);background:var(--panel);border-radius:9px;padding:20px}.metric-card span,.metric-card small{display:block;color:var(--muted)}.metric-card strong{font:700 30px var(--mono)}.panel-block{margin-top:16px}.history-row,.leader-row{display:grid;grid-template-columns:100px 1fr auto;padding:13px;border-bottom:1px solid #1a2a36}.history-empty{color:var(--muted)}.game-overlay{position:fixed;inset:0;background:#061018;z-index:50;display:none}.game-overlay.open{display:block}.game-shell{height:100vh;display:flex;flex-direction:column}.game-topbar{height:70px;display:flex;align-items:center;gap:18px;padding:0 18px;border-bottom:1px solid var(--line);background:#09131b}.icon-btn{width:38px;height:38px;background:#101e28;border:1px solid var(--line);color:var(--text);border-radius:6px;font-size:20px}.game-title{display:flex;gap:12px;align-items:center}.game-title strong,.game-title span{display:block}.game-title strong{font-size:16px}.game-title span{font:11px var(--mono);color:#708695}.game-meta{margin-left:auto;display:flex;gap:24px;align-items:center}.game-meta div span{display:block;font:9px var(--mono);color:#687d8b}.game-meta div strong{font:15px var(--mono)}.game-layout{display:grid;grid-template-columns:300px minmax(420px,1fr) 390px;min-height:0;flex:1}.brief-panel,.action-panel{overflow:auto;background:#09131b}.brief-panel{border-right:1px solid var(--line)}.action-panel{border-left:1px solid var(--line);padding:16px}.panel-tabs{display:flex;padding:8px;border-bottom:1px solid var(--line)}.side-panel{display:none;padding:20px}.side-panel.active{display:block}.side-panel h3{font-size:20px}.side-panel p{font-size:15px;color:#a2b2bd}.incident-status{display:flex;gap:10px;align-items:center;padding:12px;background:#101c25;border:1px solid var(--line);border-radius:7px}.pulse{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 12px var(--red)}.incident-status small,.incident-status strong{display:block}.incident-status small{font:9px var(--mono);color:#6f8391}.incident-status strong{font:11px var(--mono);color:var(--red)}.evidence-box{border-left:2px solid var(--yellow);padding:10px 12px;background:#161810;margin:20px 0}.evidence-box span,.panel-title{font:700 10px var(--mono);letter-spacing:.08em}.environment>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #192936;font-size:12px}.environment span{color:#718694}.objectives-list{display:flex;flex-direction:column;gap:8px}.objective{display:flex;gap:10px;padding:10px;background:#0d1821;border:1px solid var(--line);border-radius:6px;font-size:13px}.objective i{width:8px;height:8px;border:1px solid #526978;border-radius:50%;margin-top:6px}.objective.done i{background:var(--green);border-color:var(--green)}.workspace{min-width:0;display:flex;flex-direction:column}.workspace-toolbar{height:50px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;border-bottom:1px solid var(--line);background:#0b151e}.connection{font:10px var(--mono);color:#718796}.work-pane{display:none;flex:1;min-height:0}.work-pane.active{display:flex;flex-direction:column}.console-output{flex:1;overflow:auto;padding:20px;font:13px/1.7 var(--mono)}.console-entry{margin-bottom:22px}.console-query{color:var(--cyan);margin-bottom:8px}.console-message{color:#8398a7}.console-error{color:#f08b9d}.result-table{border-collapse:collapse;min-width:80%;font-size:12px}.result-table th,.result-table td{padding:7px 10px;border:1px solid #213440;text-align:left}.result-table th{color:#8fa5b4;background:#101e28}.query-editor{height:155px;display:grid;grid-template-columns:36px 1fr auto;border-top:1px solid var(--line);background:#081118}.line-number{padding:15px;color:#435865;font:12px var(--mono)}#queryInput,.notes-area{border:0;outline:0;resize:none;background:transparent;color:#cce0ea;font:14px/1.7 var(--mono);padding:13px}.run-query{align-self:end;margin:12px;background:#173746;color:var(--cyan);border:1px solid #28566b;padding:9px 12px;border-radius:5px}.schema-tree{padding:20px;overflow:auto}.schema-table{border:1px solid var(--line);margin-bottom:12px}.schema-table h4{margin:0;padding:10px;background:#101e28}.schema-column{display:grid;grid-template-columns:1fr 1fr .5fr;padding:7px 10px;border-top:1px solid #182936;font:12px var(--mono)}.notes-area{flex:1;padding:25px}.panel-title{display:flex;justify-content:space-between;margin:5px 0 10px;color:#8da1af}.panel-title small{color:#657a88}.hint-list{margin-bottom:10px}.hint-placeholder,.hint-item{padding:10px;border:1px solid var(--line);border-radius:6px;color:#8297a5;font-size:12px;margin-bottom:6px}.diagnosis-section{margin-top:22px}.diagnosis-options{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.diagnosis-option{display:flex;gap:8px;padding:10px;border:1px solid var(--line);border-radius:6px;font-size:12px;cursor:pointer}.diagnosis-option.selected{border-color:var(--cyan);background:#0d2731}.diagnosis-option input{display:none}.investigation-step{border:1px solid var(--line);background:#0c141c;border-radius:8px;padding:14px;margin-bottom:10px}.investigation-step.current{border-color:#34758c;background:#0d1c24}.investigation-step.completed{border-color:#29533d;background:#0c1914}.step-header{display:flex;justify-content:space-between;gap:12px}.step-number{color:var(--cyan);font:700 11px var(--mono)}.step-title{font-size:14px;font-weight:700}.step-status{color:#607586;font:700 10px var(--mono)}.step-question{color:#a9bac6;font-size:14px;line-height:1.6;margin:9px 0 12px}.step-options{display:flex;flex-direction:column;gap:7px}.step-option{border:1px solid #253644;background:#0a1118;color:#a5b5c0;border-radius:7px;padding:10px;text-align:left;font-size:13px}.step-option:hover{border-color:#3b5b6d}.step-option.correct{border-color:#34724f;background:#0e2118;color:#b6e8c9}.step-option.wrong{border-color:#733544;background:#241016;color:#f0b5c0}.step-feedback{margin-top:10px;border-left:2px solid #425c6e;padding:8px 10px;color:#94a8b5;font-size:12px}.step-feedback.correct{border-color:var(--green);color:#a7d9bb}.step-feedback.wrong{border-color:var(--red);color:#dba8b1}.investigation-progress{display:flex;gap:5px;margin:12px 0}.investigation-progress i{height:4px;flex:1;background:#1d2a35;border-radius:99px}.investigation-progress i.done{background:var(--cyan)}.result-modal{position:fixed;inset:0;background:#000b;z-index:80;display:none;place-items:center}.result-modal.open{display:grid}.result-card{width:min(540px,90vw);background:#0d1821;border:1px solid #2b4050;border-radius:12px;padding:28px}.result-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#57f0a015;color:var(--green);font-size:25px}.result-icon.fail{color:var(--red);background:#ff637d15}.result-score{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.result-score div,.root-cause{padding:14px;background:#09131b;border:1px solid var(--line);border-radius:7px}.result-score span,.root-cause span{font:10px var(--mono);color:#718694}.result-score strong{display:block;font:24px var(--mono)}.root-cause p{font-size:14px;color:#a8bac5}@media(max-width:1100px){.mission-grid{grid-template-columns:repeat(2,1fr)}.game-layout{grid-template-columns:250px 1fr}.action-panel{position:absolute;right:0;top:70px;bottom:0;width:370px;box-shadow:-20px 0 50px #0008}.workspace{margin-right:370px}.hero{grid-template-columns:1fr}.terminal-preview{display:none}}@media(max-width:760px){body{font-size:15px}.topnav,.profile-pill{display:none}.hero{padding:45px 20px;min-height:auto}.mission-section,.panel-page{padding:30px 20px}.mission-grid,.progress-grid{grid-template-columns:1fr}.section-heading{display:block}.filters{margin-top:15px;overflow:auto}.game-layout{display:block;overflow:auto}.brief-panel,.workspace,.action-panel{position:static;width:auto;margin:0;border:0}.workspace{min-height:600px}.game-meta{gap:8px}.game-meta .btn{display:none}.action-panel{box-shadow:none}.game-title .difficulty-badge{display:none}}