:root{--bg:#020611;--panel:#07152a;--blue:#20a8ff;--cyan:#63dcff;--red:#ff304f;--gold:#ffc94f;--muted:#a9c4df;--line:#1b72b8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff;font-family:Inter,Arial,sans-serif;overflow-x:hidden;background-image:radial-gradient(circle at 75% 8%,#063b7866,transparent 28%),radial-gradient(circle at 15% 48%,#680c2d44,transparent 25%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#1399ff0b 1px,transparent 1px),linear-gradient(90deg,#1399ff0b 1px,transparent 1px);background-size:44px 44px}.scan{position:fixed;z-index:99;left:0;right:0;height:1px;background:#63dcff66;box-shadow:0 0 12px #63dcff;animation:scan 8s linear infinite;pointer-events:none}@keyframes scan{from{top:0}to{top:100%}}header{height:76px;position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:#020611e8;border-bottom:1px solid #1d74b855;backdrop-filter:blur(16px)}.brand{font-size:27px;font-weight:1000;font-style:italic;color:#fff;text-decoration:none;letter-spacing:-1px}.brand span{color:var(--blue)}.brand small{display:block;font-size:8px;letter-spacing:4px;color:var(--gold);font-style:normal}nav{display:flex;gap:24px}nav a{font-size:11px;font-weight:900;color:#d8efff;text-decoration:none;letter-spacing:.7px}#menu{display:none;background:#061a32;border:1px solid var(--line);color:#fff;padding:9px 12px}.hero{min-height:690px;display:grid;grid-template-columns:47% 53%;align-items:center;padding:70px 4vw 50px;position:relative;overflow:hidden;border-bottom:1px solid #175d96}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#020611 0 35%,transparent 70%),radial-gradient(circle at 80% 40%,#1268b766,transparent 34%)}.hero-copy{position:relative;z-index:5}.eyebrow{color:#66cfff;letter-spacing:3px;font-size:11px;font-weight:1000}.hero h1,.section h2,.gateway h2{font-size:clamp(48px,6vw,90px);line-height:.88;letter-spacing:-4px;margin:12px 0 24px;font-weight:1000}.hero h1 em,.section h2 em,.gateway h2 em{font-style:normal;background:linear-gradient(90deg,#fff,var(--blue),#ff4d67);-webkit-background-clip:text;color:transparent}.lede{font-size:19px;line-height:1.55;color:#c9dff3;max-width:650px}.actions{display:flex;gap:12px;margin:30px 0}.btn,.agent-card button,.game-grid button{display:inline-block;border:1px solid;padding:15px 20px;border-radius:7px;color:#fff;text-decoration:none;font-weight:1000;font-size:12px;letter-spacing:.5px;cursor:pointer}.hot{background:linear-gradient(135deg,#ff2949,#9f0822);border-color:#ff7186;box-shadow:0 0 25px #ff294944}.cool{background:linear-gradient(135deg,#118edc,#053b8f);border-color:#58c6ff;box-shadow:0 0 25px #138ee044}.truth{font-weight:900;letter-spacing:2px}.truth b{color:var(--cyan)}.hero-cast{height:570px;position:relative;z-index:3}.sun{position:absolute;width:520px;height:520px;right:2%;top:0;border-radius:50%;background:conic-gradient(#153d82,#fff,#d51b3b,#fff,#123d87,#d51b3b);opacity:.65;filter:saturate(1.4);box-shadow:0 0 100px #168cff55}.capitol{position:absolute;width:410px;height:230px;right:10%;bottom:0;border:3px solid #c7e9ff88;border-radius:55% 55% 8% 8%;background:repeating-linear-gradient(90deg,#d8edff44 0 10px,transparent 10px 35px),linear-gradient(#fff4,#0b3159);clip-path:polygon(35% 0,65% 0,68% 15%,78% 18%,82% 35%,95% 48%,100% 100%,0 100%,5% 48%,18% 35%,22% 18%,32% 15%);filter:drop-shadow(0 0 22px #38aaff)}.hero-person,.portrait-art{position:absolute;background:#061b36;border:2px solid #48bfff;box-shadow:0 0 30px #168cff88;overflow:hidden}.captain-art{width:255px;height:410px;left:29%;bottom:5%;border-radius:48% 48% 22% 22%;background:radial-gradient(circle at 50% 20%,#fff 0 10%,#c9d6df 11% 18%,#efb22f 19% 23%,transparent 24%),linear-gradient(145deg,#173f77 25%,#f4f6f8 26% 34%,#183b73 35% 55%,#b5142c 56% 62%,#0a1830 63%)}.captain-art:before{content:"AI";position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);font-size:52px;font-weight:1000;color:#65d7ff;border:4px solid #ffc84d;padding:8px;background:#07162d;box-shadow:0 0 25px #23aaff}.nova-art{width:175px;height:330px;left:8%;bottom:2%;border-radius:48% 48% 20% 20%;background:radial-gradient(circle at 50% 18%,#d78a66 0 11%,#331b24 12% 20%,transparent 21%),linear-gradient(150deg,#7b1733 25%,#111d3a 26% 55%,#c41e3a 56%)}.nova-art:after{content:"NOVA";position:absolute;bottom:18px;left:20px;font-weight:1000;color:#ff5671}.echo-art{width:160px;height:300px;right:12%;bottom:9%;border-radius:40px;background:radial-gradient(ellipse at 50% 20%,#5bd9ff 0 4%,#061a34 5% 15%,#d7e7ee 16% 23%,transparent 24%),linear-gradient(145deg,#e8f0f3 20%,#173d70 21% 55%,#09172c 56%)}.echo-art:after{content:"ECHO";position:absolute;bottom:18px;left:20px;font-weight:1000;color:#65dcff}.bully-art{width:155px;height:245px;right:0;bottom:0;border-radius:48% 48% 18% 18%;background:radial-gradient(circle at 50% 20%,#8c5b3f 0 14%,#d8b18f 15% 23%,transparent 24%),linear-gradient(#4e1b1e 25%,#111a2b 26%)}.bully-art:after{content:"BULLY";position:absolute;bottom:15px;left:18px;font-weight:1000;color:#ffcb53}.status{position:relative;z-index:8;margin:-22px 4vw 0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #1b82cf;border-radius:12px;background:#06152be8;box-shadow:0 0 35px #0875c544}.status span{padding:17px;text-align:center;font-size:11px;color:#8fb6d6;border-right:1px solid #154f7c}.status b{display:block;color:#fff;font-size:13px}.section{padding:90px 4vw}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}.section-head h2,.reactor h2,.factory h2{font-size:48px;letter-spacing:-2px;margin:8px 0}.section-head>p{max-width:500px;color:var(--muted);line-height:1.5}.agent-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.agent-card{background:linear-gradient(155deg,#0a2448,#030914);border:1px solid #176db0;border-radius:14px;padding:12px;transition:.25s}.agent-card:hover{transform:translateY(-7px);border-color:#61d6ff}.portrait-art{position:relative;width:100%;height:250px;border-radius:10px}.portrait-art:before{content:attr(data-mark);position:absolute;inset:0;display:grid;place-items:center;font-size:70px;font-weight:1000;letter-spacing:-5px;text-shadow:0 0 30px currentColor}.portrait-art.captain{color:#ffc94f;background:radial-gradient(circle at 50% 20%,#fff 0 9%,#c7d3da 10% 17%,#e8a925 18% 22%,transparent 23%),linear-gradient(145deg,#173e76,#08162b 60%)}.portrait-art.nova{color:#ff4766;background:radial-gradient(circle at 50% 18%,#d38a68 0 11%,#25151f 12% 22%,transparent 23%),linear-gradient(145deg,#7a1631,#08162b 60%)}.portrait-art.byte{color:#f1a13a;background:radial-gradient(circle at 50% 18%,#7e553a 0 12%,#c79b74 13% 20%,transparent 21%),linear-gradient(145deg,#8d4b18,#08162b 60%)}.portrait-art.echo{color:#64dcff;background:radial-gradient(ellipse at 50% 20%,#58dfff 0 5%,#07162d 6% 16%,#c9dbe2 17% 23%,transparent 24%),linear-gradient(145deg,#147cb0,#08162b 60%)}.portrait-art.bully{color:#ffcb4d;background:radial-gradient(circle at 50% 20%,#8b5b3e 0 13%,#d4aa85 14% 22%,transparent 23%),linear-gradient(145deg,#5b1c21,#08162b 60%)}.agent-card h3{font-size:23px;margin:14px 0 2px}.agent-card .role{font-size:10px;letter-spacing:2px;color:#5dcaff}.agent-card p{color:#a8c0d7;font-size:13px;line-height:1.45;min-height:75px}.agent-card button,.game-grid button{width:100%;background:#07376b;border-color:#278ed9}.reactor{display:grid;grid-template-columns:38% 62%;align-items:center;gap:40px;background:linear-gradient(90deg,#071a35,#0c1731,#2c0719);border-block:1px solid #1a6fae}.reactor-core{display:grid;place-items:center;min-height:430px}.rings{width:270px;height:270px;border:4px solid #1db9ff;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:0 0 50px #0a9fff,inset 0 0 50px #0a9fff}.rings:before,.rings:after,.rings i{content:"";position:absolute;border:2px solid #ff3151;border-radius:50%;inset:25px;animation:spin 6s linear infinite}.rings:after{inset:55px;border-color:#ffc84d;animation-direction:reverse}.rings i:nth-child(1){inset:-30px;border-style:dashed}.rings i:nth-child(2){inset:80px;border-color:#55e0ff}.rings strong{font-size:70px;color:#fff;text-shadow:0 0 20px #4bd8ff}@keyframes spin{to{transform:rotate(360deg)}}.power-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.power{background:#061329;border:1px solid #195c90;padding:12px;border-radius:8px}.power span{display:flex;justify-content:space-between;font-size:11px;font-weight:900}.bar{height:7px;background:#03101f;margin-top:8px;border-radius:5px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#168fff,#ff3653);box-shadow:0 0 12px #168fff}.lab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lab-grid button{min-height:190px;text-align:left;padding:28px;background:linear-gradient(145deg,#0a2449,#060b18);border:1px solid #1b79bd;border-radius:14px;color:#fff;cursor:pointer}.lab-grid b{display:block;font-size:22px}.lab-grid span{display:block;color:#9dbbd5;line-height:1.5;margin-top:12px}.arcade{background:radial-gradient(circle at 50%,#0a2851,#020611 65%)}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.game-grid article{background:#06142a;border:1px solid #176eb0;border-radius:15px;padding:14px}.game-poster{height:220px;border-radius:10px;display:grid;place-items:center;font-size:90px;font-weight:1000;overflow:hidden}.game-poster span{border:3px solid currentColor;padding:25px 35px;transform:rotate(-6deg);box-shadow:0 0 30px currentColor}.eagle-poster{color:#5bd8ff;background:linear-gradient(135deg,#0b315d,#6b0b27)}.city-poster{color:#ffc64c;background:linear-gradient(135deg,#143d75,#10243b)}.quiz-poster{color:#ff4664;background:linear-gradient(135deg,#40112c,#0b3565)}.game-grid h3{font-size:20px}.game-grid p{color:#a7bfd6;min-height:55px}.factory{display:grid;grid-template-columns:45% 55%;gap:45px;border-block:1px solid #155b90}.factory-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.factory-controls label{font-size:10px;letter-spacing:1px;color:#8fc8ed}.factory select,.factory input{width:100%;margin-top:6px;background:#041126;color:#fff;border:1px solid #1c70ae;border-radius:7px;padding:13px}.factory-controls button{grid-column:1/-1}.canvas-wrap{display:flex;flex-direction:column;gap:12px;align-items:center}canvas{width:min(100%,520px);height:auto;border:1px solid #2b9be5;border-radius:14px;background:#06142a;box-shadow:0 0 40px #0879c633}.canvas-wrap .btn{width:min(100%,520px);text-align:center}.gateway{margin:70px 4vw;padding:45px;display:grid;grid-template-columns:150px 1fr auto;gap:35px;align-items:center;background:linear-gradient(120deg,#081c37,#071326);border:1px solid #278ed2;border-radius:18px}.gateway-seal{width:130px;height:130px;border:4px double #ffc84d;border-radius:50%;display:grid;place-items:center;color:#ffc84d;font-weight:1000;font-size:27px;box-shadow:0 0 30px #ffc84d33}.gateway h2{font-size:43px;letter-spacing:-2px}.gateway p{color:#a9c4df}.modal{display:none;position:fixed;inset:0;z-index:80;background:#000d;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-box{width:min(900px,100%);max-height:92vh;overflow:auto;background:linear-gradient(145deg,#071d3b,#020611);border:1px solid #299fe9;border-radius:16px;padding:26px;box-shadow:0 0 80px #078fff55;position:relative}.modal-box>#close{float:right;background:#071a32;border:1px solid #286b9f;color:#fff;padding:8px 11px;cursor:pointer}.profile{display:grid;grid-template-columns:220px 1fr;gap:25px}.profile .portrait-art{height:280px}.starters{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.starters button{background:#09284e;border:1px solid #1c74b7;color:#d8efff;border-radius:20px;padding:8px 11px;cursor:pointer}.chatlog{height:260px;overflow:auto;background:#020914;border:1px solid #164d79;border-radius:9px;padding:12px;margin:15px 0}.msg{max-width:85%;padding:10px 12px;margin:7px 0;border-radius:10px;background:#0b2b51;line-height:1.45}.msg.user{margin-left:auto;background:#52132b}.typing{opacity:.6}.chatrow{display:flex;gap:8px}.chatrow input{flex:1;background:#020914;border:1px solid #247fbe;color:#fff;padding:12px;border-radius:8px}.chatrow button{background:#0d7dcc;color:#fff;border:0;padding:0 18px;border-radius:8px;font-weight:900}.game-shell{position:relative}.hud{display:flex;justify-content:space-between;margin:12px 0;font-weight:900}.grid-game{position:relative;height:390px;overflow:hidden;border:1px solid #2184c8;background:linear-gradient(#061b37,#020813),repeating-linear-gradient(90deg,transparent 0 39px,#1e7cb422 40px)}.player{position:absolute;width:54px;height:38px;background:linear-gradient(135deg,#fff,#45caff);clip-path:polygon(0 50%,70% 0,100% 50%,70% 100%);filter:drop-shadow(0 0 8px #4cdcff)}.pickup,.hazard{position:absolute;width:30px;height:30px;border-radius:6px;background:#ffc84d;box-shadow:0 0 12px #ffc84d}.hazard{background:#ff3654;clip-path:polygon(50% 0,100% 100%,0 100%);box-shadow:0 0 12px #ff3654}.mobile-controls{display:flex;justify-content:center;gap:8px;margin-top:10px}.mobile-controls button,.build-options button,.quiz-options button{background:#082b53;color:#fff;border:1px solid #2382c4;padding:12px;border-radius:7px;cursor:pointer}.build-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.build-options button{min-height:75px}.result-card{padding:35px;border:1px solid #288bd0;background:linear-gradient(145deg,#0a2b56,#2c0b1e);border-radius:14px;text-align:center}.result-card h3{font-size:42px;margin:10px 0;color:#ffc94f}footer{padding:55px 4vw;border-top:1px solid #164f7c;color:#91abc4}footer p{max-width:850px;line-height:1.5}.foot-truth{color:#fff;font-weight:1000;letter-spacing:1px}@media(max-width:1000px){nav{display:none;position:absolute;top:76px;right:0;left:0;background:#020611;padding:20px;flex-direction:column}nav.open{display:flex}#menu{display:block}.hero{grid-template-columns:1fr;padding-top:50px}.hero-cast{height:430px}.sun{width:400px;height:400px}.captain-art{left:32%;height:330px}.agent-grid{grid-template-columns:repeat(2,1fr)}.reactor,.factory{grid-template-columns:1fr}.game-grid{grid-template-columns:1fr}.gateway{grid-template-columns:1fr}.lab-grid{grid-template-columns:1fr}.status{grid-template-columns:1fr 1fr}}@media(max-width:600px){.hero h1{font-size:50px}.hero-cast{height:330px}.sun{width:300px;height:300px}.captain-art{width:170px;height:270px;left:30%}.nova-art{width:110px;height:220px;left:2%}.echo-art{width:105px;height:210px;right:5%}.bully-art{display:none}.capitol{width:280px}.actions{flex-direction:column}.agent-grid{grid-template-columns:1fr}.section{padding:65px 5vw}.section-head{display:block}.section-head h2,.reactor h2,.factory h2{font-size:38px}.status{margin-top:0}.power-grid,.factory-controls{grid-template-columns:1fr}.profile{grid-template-columns:1fr}.profile .portrait-art{height:220px}.gateway{margin:40px 5vw;padding:28px}.gateway h2{font-size:34px}.modal-box{padding:18px}.grid-game{height:330px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.scan{display:none}}.byte-art{width:140px;height:235px;left:0;bottom:0;border-radius:48% 48% 18% 18%;background:radial-gradient(circle at 50% 20%,#81583e 0 11%,#c89569 12% 20%,transparent 21%),linear-gradient(145deg,#7b431d,#08162b 60%)}.byte-art:after{content:"BYTE";position:absolute;bottom:15px;left:18px;font-weight:1000;color:#ffbd52}.community{background:linear-gradient(110deg,#07152c,#12091d);border-block:1px solid #1b679e}.community>p{max-width:760px}.community-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.community-cards article{padding:25px;background:#06162c;border:1px solid #1c73b2;border-radius:12px}.community-cards b{display:block;font-size:20px;color:#fff}.community-cards span{display:block;color:#9fbcd4;line-height:1.5;margin:12px 0 20px}.community-cards a{color:#63d9ff;font-size:11px;font-weight:1000;letter-spacing:1px;text-decoration:none}.cinematic-banner{display:none}@media(max-width:1000px){.community-cards{grid-template-columns:1fr}}