:root{
  --bg:#07101c; --panel:#0d1b2b; --panel2:#10243a; --line:#27445d; --txt:#eef7ff;
  --muted:#abc1d4; --cyan:#65e7f5; --green:#72efae; --yellow:#ffd166; --red:#ff7d8c;
}
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:
radial-gradient(circle at 10% 0,#16354d 0,transparent 28%),
radial-gradient(circle at 100% 10%,#202d58 0,transparent 26%),var(--bg);color:var(--txt);min-height:100vh}
button,input{font:inherit} button{cursor:pointer}
.wrap{max-width:1150px;margin:auto;padding:20px}
.top{position:sticky;top:0;z-index:20;display:flex;gap:10px;justify-content:space-between;align-items:center;background:rgba(7,16,28,.9);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:16px;padding:10px 14px;margin-bottom:16px}
.brand{font-weight:950;letter-spacing:.08em}.brand span{color:var(--cyan)}
.stats{display:flex;gap:8px;flex-wrap:wrap}.pill{background:#081522;border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--muted);font-size:.9rem}.pill b{color:var(--txt)}
.card{background:linear-gradient(180deg,rgba(17,36,58,.97),rgba(10,24,40,.97));border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 18px 55px rgba(0,0,0,.22)}
.hidden{display:none!important}.center{text-align:center}.kicker{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);font-weight:950}
h1{font-size:clamp(2.3rem,6vw,4.8rem);line-height:.96;letter-spacing:-.04em;margin:.2em 0} h2{font-size:clamp(1.55rem,3vw,2.35rem);margin:.2em 0 .6em} h3{margin:.2em 0 .6em}
p{color:var(--muted);line-height:1.55}.primary,.secondary,.ghost{border-radius:13px;padding:11px 16px;font-weight:900;border:1px solid transparent}.primary{background:var(--cyan);color:#03212a}.secondary{background:#17344e;border-color:#315a79;color:var(--txt)}.ghost{background:transparent;border-color:var(--line);color:var(--muted)}
input[type=text]{background:#071624;border:1px solid var(--line);border-radius:13px;padding:12px 14px;color:var(--txt);min-width:250px;outline:none} input[type=text]:focus{border-color:var(--cyan)}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hero{min-height:580px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:24px}.heroArt{height:330px;border:1px solid var(--line);border-radius:28px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(101,231,245,.12),rgba(101,231,245,.02));font-size:7.5rem;position:relative;overflow:hidden}.heroArt:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;border:1px solid rgba(101,231,245,.22);box-shadow:0 0 0 45px rgba(101,231,245,.03),0 0 0 90px rgba(101,231,245,.02)}
.progressTrack{height:9px;border-radius:999px;overflow:hidden;background:#071522;border:1px solid var(--line);margin:10px 0 18px}.progress{height:100%;background:linear-gradient(90deg,var(--cyan),#a092ff);width:0;transition:.4s}
.missionTitle{display:flex;gap:16px;align-items:center}.missionIcon{width:78px;height:78px;display:grid;place-items:center;font-size:2.6rem;border-radius:20px;background:#081522;border:1px solid var(--line)}
.workspace{margin-top:18px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#081521}.workspaceTop{display:flex;align-items:center;gap:7px;background:#112238;border-bottom:1px solid var(--line);padding:9px 12px}.dot{width:10px;height:10px;border-radius:50%;background:#50718a}.workspaceBody{min-height:360px;padding:18px;position:relative}
.desktop{display:grid;grid-template-columns:repeat(3,120px);gap:20px;align-content:start}.desktopIcon{border:1px solid transparent;background:transparent;color:var(--txt);padding:10px;border-radius:14px;text-align:center}.desktopIcon:hover{background:#10283e;border-color:#2b536e}.desktopIcon .emoji{font-size:3rem;display:block}.desktopIcon b{display:block;margin-top:5px;font-size:.9rem}
.window{background:#f7fbff;color:#183044;border-radius:16px;border:1px solid #a8bac8;box-shadow:0 15px 40px rgba(0,0,0,.28);overflow:hidden;margin:10px 0}.windowBar{background:#dfe9f0;padding:9px 12px;font-weight:800}.windowBody{padding:16px}.windowBody p,.windowBody li{color:#31495c}.mailLines{padding-left:20px}.mailLines li{margin:8px 0}.acrostic:first-letter{font-weight:inherit;color:inherit;font-size:inherit}.voice{display:flex;gap:12px;align-items:center}.wave{height:46px;flex:1;background:repeating-linear-gradient(90deg,#7ab3c7 0 3px,transparent 3px 8px);mask:linear-gradient(180deg,transparent 0,#000 20%,#000 80%,transparent 100%);opacity:.75}
.chat{display:grid;gap:8px}.bubble{max-width:76%;padding:10px 12px;border-radius:15px;background:#dcecf8;color:#16334a}.bubble.me{justify-self:end;background:#b8f3db}
.codebox{margin-top:16px;padding:16px;border:1px dashed #426985;border-radius:15px;background:rgba(101,231,245,.04)}.feedback{min-height:24px;font-weight:850;margin-top:10px}.good{color:var(--green)}.bad{color:var(--red)}.hint{margin-top:12px;padding:13px;border:1px dashed #806e3c;background:rgba(255,209,102,.06);border-radius:14px;color:var(--yellow)}
.cluechip{display:inline-block;padding:5px 9px;border:1px solid #5f7282;border-radius:999px;background:#eef5fa;color:#23394b;margin:3px;font-weight:800}
.phish{font-family:Arial,sans-serif}.susp{border:2px dashed transparent;border-radius:8px;transition:.15s}.susp:hover{border-color:#d7a435;background:#fff4ce}.susp.found{border-color:#e94b61;background:#ffe3e7;position:relative}.susp.found:after{content:attr(data-digit);position:absolute;right:-13px;top:-14px;background:#e94b61;color:white;font-weight:900;width:28px;height:28px;border-radius:50%;display:grid;place-items:center}
.fakeBtn{display:inline-block;background:#1e6ad6;color:#fff;padding:9px 13px;border-radius:7px;font-weight:800}
.sourceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.source{background:#eef5fa;color:#20384b;border-radius:14px;padding:14px;border:1px solid #b8c8d4}.source h4{margin:0 0 8px}.source p{color:#3e5668;font-size:.93rem}.aiPanel{margin-top:14px;padding:16px;background:#101e30;border:1px solid #2e506a;border-radius:16px}.aiClaim{display:block;width:100%;text-align:left;margin:8px 0;padding:11px 12px;border-radius:12px;background:#132a42;color:var(--txt);border:1px solid #31536d}.aiClaim:hover{border-color:var(--cyan)}.aiClaim.falseFound{border-color:var(--green);background:rgba(114,239,174,.09)}
.tiles{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.tile{padding:9px 11px;border-radius:10px;background:#18334e;border:1px solid #315774;color:var(--txt);font-weight:800}.tile.chosen{outline:2px solid var(--cyan);background:#204767}.promptLine{min-height:52px;padding:10px;border:1px dashed #426985;border-radius:12px;margin-top:10px;color:var(--muted)}
.tableWrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.dataTable{width:100%;border-collapse:collapse;min-width:680px}.dataTable th,.dataTable td{padding:10px;border-bottom:1px solid #29435a;text-align:left}.dataTable th{background:#11263c;color:var(--cyan)}.dataTable tr:hover td{background:#10263a}.dataTable tr.target td{background:rgba(114,239,174,.08)}
.filterBox{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.filterBox input{min-width:180px}
.assetGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.assets,.apps{border:1px solid var(--line);border-radius:16px;padding:14px}.draggable{user-select:none;padding:11px 12px;border:1px solid #3b5e77;border-radius:12px;background:#132b43;margin:8px 0;font-weight:850}.dropzone{min-height:58px;padding:10px;border:2px dashed #3b5e77;border-radius:12px;margin:8px 0;background:#0b1b2b}.dropzone.over{border-color:var(--cyan);background:#102b40}.dropzone.ok{border-color:var(--green);background:rgba(114,239,174,.08)}
.reveal{margin-top:18px;border:1px solid rgba(114,239,174,.5);background:rgba(114,239,174,.07);border-radius:18px;padding:18px;text-align:center}.reveal b{display:block;font-size:clamp(1.6rem,4vw,2.8rem);color:var(--green);margin:6px 0}
.chapterStrip{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:14px 0}.chapter{padding:12px 8px;text-align:center;border:1px solid var(--line);border-radius:14px;background:#091826;font-size:.8rem}.chapter .e{font-size:1.7rem}.chapter.locked{opacity:.3;filter:grayscale(1)}
.final{min-height:620px;display:flex;flex-direction:column;justify-content:center;text-align:center}.finalGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:20px 0}.finalCard{padding:18px 10px;border:1px solid var(--line);border-radius:17px;background:#0a1928}.finalCard .e{font-size:2.2rem}.finalCard b{display:block;margin-top:8px;font-size:.86rem}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:18px;z-index:60}.modalBox{width:min(780px,100%);max-height:90vh;overflow:auto;background:#0d1b2b;border:1px solid var(--line);border-radius:20px;padding:20px}.walk li{margin:8px 0;color:var(--muted)}
.scan{height:86px;background:linear-gradient(#0a0f15,#101820);border:1px solid #2b3c4d;border-radius:12px;position:relative;overflow:hidden;margin:10px 0}.scan:after{content:"";position:absolute;left:0;right:0;height:2px;background:#43ff98;box-shadow:0 0 10px #43ff98;animation:scan 2.3s linear infinite}@keyframes scan{from{top:0}to{top:100%}}
@media(max-width:800px){.hero{grid-template-columns:1fr}.heroArt{height:180px;font-size:5rem}.sourceGrid,.assetGrid{grid-template-columns:1fr}.chapterStrip,.finalGrid{grid-template-columns:1fr 1fr}.desktop{grid-template-columns:repeat(2,120px)}.top{position:static}}