:root{font-family:Arial,Helvetica,sans-serif;color:#f1f0f4;background:#040407}*{box-sizing:border-box}body{margin:0}button{cursor:pointer;color:inherit} .scene{position:relative;min-height:100vh;overflow:hidden;background:#050509}.backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#5c090f 0%,#180408 27%,#090b10 57%,#010103 100%)}.backdrop:after{content:"";position:absolute;inset:0;opacity:.4;background:repeating-linear-gradient(0deg,transparent 0 72px,#fa263109 73px 74px),linear-gradient(90deg,#0006,transparent 27%,transparent 73%,#0006);pointer-events:none}.aura{position:absolute;top:5%;left:50%;width:min(63vw,790px);height:min(63vw,790px);border-radius:50%;transform:translateX(-50%);pointer-events:none}.a1{background:radial-gradient(circle,transparent 20%,#f9001014 40%,#e2001736 45%,#ff334b1f 47%,transparent 63%);filter:blur(8px);animation:aura 5s ease-in-out infinite alternate}.a2{width:min(53vw,680px);height:min(53vw,680px);border:1px solid #fa334955;box-shadow:0 0 120px #f5092b44,inset 0 0 90px #ea253833;animation:spin 40s linear infinite}.a2:before,.a2:after{content:"";position:absolute;inset:6%;border-radius:50%;border:2px dashed #ff27405c}.a2:after{inset:15%;border:1px solid #ff284577}.reactor{position:absolute;left:50%;top:40%;width:680px;height:680px;max-width:68vw;max-height:68vw;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0 20deg,#e0142644 24deg,transparent 45deg,#f0263133 90deg,transparent 120deg,#f31b464a 200deg,transparent 250deg,#ec1a3e3d 320deg,transparent);filter:blur(20px);animation:spin 18s linear infinite}.avatar{position:absolute;left:50%;top:45%;width:370px;height:480px;transform:translate(-50%,-50%);filter:drop-shadow(0 0 35px #ff152e88);animation:breath 5s ease-in-out infinite;pointer-events:none}.helmet{position:absolute;inset:0;background:linear-gradient(110deg,#070a10 0%,#646a73 15%,#171c29 31%,#b1aeb4 48%,#25242e 57%,#565c68 76%,#05060c 100%);clip-path:polygon(27% 1%,45% 0,55% 0,73% 1%,90% 13%,99% 40%,88% 68%,74% 90%,59% 100%,41% 100%,25% 91%,12% 68%,1% 40%,10% 13%);border-radius:42% 42% 34% 34%;box-shadow:inset 0 0 45px #000}.helmet:after{content:"";position:absolute;inset:3% 12%;border-left:5px solid #07081099;border-right:5px solid #07081099;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);pointer-events:none}.crest{position:absolute;top:0;left:37%;height:44%;width:26%;background:linear-gradient(90deg,#12131b,#454a54 42%,#252b39 50%,#08090f 90%);clip-path:polygon(30% 0,70% 0,100% 38%,80% 100%,20% 100%,0 38%);border-bottom:3px solid #ff1b3a}.brow{position:absolute;top:40%;left:6%;width:88%;height:17%;background:#0a0a11;clip-path:polygon(0 0,43% 35%,50% 75%,57% 35%,100% 0,93% 80%,55% 100%,45% 100%,7% 80%);z-index:2}.face{position:absolute;inset:0}.eye{position:absolute;top:49%;width:29%;height:12%;background:#f82638;border:9px solid #100810;clip-path:polygon(0 16%,100% 32%,81% 80%,32% 100%);filter:drop-shadow(0 0 13px red);z-index:3;animation:blink 8s infinite}.eye-left{left:11%;transform:rotate(10deg)}.eye-right{right:11%;transform:scaleX(-1) rotate(10deg)}.eye i{display:block;background:#fff3;position:absolute;inset:23%;filter:blur(6px)}.nose{position:absolute;left:39%;top:55%;height:19%;width:22%;background:linear-gradient(90deg,#030507,#626775,#06070a);clip-path:polygon(50% 0,100% 100%,0 100%)}.jaw{position:absolute;left:20%;right:20%;bottom:2%;height:28%;background:linear-gradient(90deg,#0b0d13,#555b65 15%,#111318 40%,#74717b 50%,#15151b 65%,#666773 85%,#090b11);clip-path:polygon(0 0,100% 0,95% 73%,72% 100%,28% 100%,5% 73%);border-top:7px solid #08090c}.mouth{position:absolute;left:20%;top:39%;width:60%;height:15%;background:#08070c;border-top:2px solid #ff1f39}.ear{position:absolute;top:37%;width:9%;height:29%;background:linear-gradient(#555663,#080b13,#c61b2e,#06070b)}.ear.left{left:0}.ear.right{right:0}.ground-ring{position:absolute;bottom:-17vw;left:-10%;width:120%;height:44vw;border-radius:50%;border:5px solid #fa1e35;box-shadow:0 0 30px #fd1a36,inset 0 0 90px #f9192922;transform:perspective(900px) rotateX(75deg);animation:ground 4s alternate infinite;pointer-events:none}.sparks{position:absolute;inset:0;pointer-events:none;overflow:hidden}.spark{position:absolute;bottom:-5%;width:2px;height:2px;background:#ff334b;box-shadow:0 0 8px #ff121e;border-radius:50%;animation:rise var(--time) linear infinite;left:var(--x);animation-delay:var(--delay)}.top{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:start;padding:24px 35px}.brandmark{color:#f4253f;font-size:30px;display:flex;align-items:center;gap:12px}.brandmark small{color:#9c9ea8;font-size:9px;letter-spacing:2px;line-height:1.8}.brandmark b,.telemetry span{color:red}.heading{text-align:center}.heading h1{font-size:23px;margin:0;font-weight:500;letter-spacing:4px;white-space:nowrap}.heading em{color:#f32645;font-style:normal}.heading p{font-size:10px;letter-spacing:4px;color:#adb0bc}.telemetry{font-size:9px;letter-spacing:1.5px;color:#a2a3ae;line-height:1.9}.panel{position:absolute;top:18%;width:min(29vw,455px);background:linear-gradient(120deg,#08080cdb,#121219ce);border:1px solid #bd344688;box-shadow:0 0 15px #ff324027,inset 0 0 26px #fe223318;border-radius:18px;padding:21px;z-index:2;backdrop-filter:blur(7px)}.left-panel{left:3%}.right-panel{right:3%}.panel-label{color:#ff3651;font-size:12px;letter-spacing:1.5px}.panel h2{font-size:clamp(16px,2vw,26px);font-weight:500;margin:7px 0 16px}.panel h3{font-size:clamp(15px,1.8vw,24px);margin:10px 0 7px;font-weight:500}.panel p:not(.panel-label){color:#9b9ca7}.thin-line{height:1px;background:linear-gradient(90deg,#fb2d45,transparent)}.quick-grid{display:flex;gap:8px;margin-top:17px}.quick{flex:1;min-width:0;background:linear-gradient(#1a1b22,#0d0d13);border:1px solid #f3375277;border-radius:12px;padding:14px 5px;font-size:13px;display:flex;flex-direction:column;align-items:center;gap:8px}.quick span{font-size:28px;color:#ff2844;text-shadow:0 0 12px #ff002b}.quick small{font-size:10px;color:#a5a3ad}.quick:hover,.operation:hover{box-shadow:0 0 25px #ff234355}.panel-head{display:flex;justify-content:space-between;align-items:center;letter-spacing:3px;font-size:12px}.panel-head small{letter-spacing:1px;color:#9c9da7}.operation{display:flex;gap:9px;align-items:center;border:1px solid #65616a88;border-radius:10px;background:#0f1018b0;padding:10px;margin:10px 0}.opicon{color:#fff;font-size:26px;border:1px solid #666;padding:6px;border-radius:7px}.operation div{flex:1}.operation b{font-size:13px;font-weight:500}.operation small{display:block;color:#a6a6b0;font-size:10px;margin-top:4px}.chip{border:1px solid #5b515d;padding:5px;color:#c2c0cb;font-size:10px;border-radius:20px}.orbit-mini{text-align:center;margin-top:18px;color:#e12a42;text-shadow:0 0 15px red;font-size:45px}.orbit-mini small{font-size:10px;letter-spacing:2px;display:block;color:#979aa6}.command-area{position:absolute;bottom:6%;left:50%;width:min(760px,67vw);transform:translateX(-50%);z-index:4}form{display:flex;align-items:center;background:linear-gradient(110deg,#12131c,#292930,#0c0f19);border:1px solid #c4b8c3;border-radius:30px;box-shadow:0 0 12px #ff30474e;padding:10px 15px}form input{flex:1;min-width:0;background:none;border:0;outline:0;color:white;font-size:16px;padding:10px}form button{background:none;border:0;font-size:19px}.wave{color:#ff304d;letter-spacing:2px;animation:wave 1.7s ease-in-out infinite}.command-area nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:9px 0}.command-area nav button{background:#14151fc4;border:1px solid #6d6472;border-radius:20px;padding:7px 12px;font-size:10px;letter-spacing:1px}.response{margin:auto;width:max-content;max-width:95%;font-size:12px;color:#d3cbd5;text-align:center;text-shadow:0 0 5px #000}.note-actions{position:absolute;bottom:12px;right:16px;z-index:5}.note-actions button{border:1px solid #582331;border-radius:6px;background:#080a0c99;color:#aaa}.preview{position:fixed;inset:5%;z-index:10;background:#090b12;border:1px solid #ef3651;border-radius:15px;padding:15px;display:flex;flex-direction:column;box-shadow:0 0 0 100vmax #000d}.preview[hidden]{display:none}.preview-top{display:flex;justify-content:space-between;gap:10px}.preview button{background:#21111c;color:#fff;border:1px solid #e33b53;padding:8px}.preview p{color:#a6a0b0;font-size:12px}.preview iframe{width:100%;flex:1;border:0;background:white}@keyframes aura{to{opacity:.55;transform:translateX(-50%) scale(1.1)}}@keyframes blink{0%,42%,45%,80%,83%,100%{height:12%;}43%,81%{height:1.1%;}}@keyframes spin{to{transform:translateX(-50%) rotate(360deg)}}@keyframes breath{to{transform:translate(-50%,-49%) scale(1.017)}}@keyframes ground{to{opacity:.6}}@keyframes rise{to{transform:translateY(-95vh);opacity:0}}@keyframes wave{50%{opacity:.4;letter-spacing:4px}}@media(max-width:900px){.avatar{width:270px;height:350px;top:37%}.panel{top:48%;width:44%;padding:12px}.left-panel{left:3%}.right-panel{right:3%}.quick-grid{gap:4px}.quick{font-size:10px;padding:8px 3px}.quick span{font-size:19px}.operation{padding:6px}.operation small{display:none}.command-area{bottom:4%;width:94%}.heading h1{font-size:15px;letter-spacing:2px}.top{padding:16px}.telemetry{display:none}.scene{min-height:780px}}@media(max-width:550px){.avatar{top:30%;width:225px;height:290px}.panel{top:49%;width:45%;font-size:11px}.panel h2,.panel h3{font-size:14px}.panel-label{font-size:9px}.quick small{display:none}.quick{font-size:9px}.panel-head{font-size:9px}.operation b,.chip{font-size:9px}.opicon{font-size:12px;padding:3px}.heading h1{font-size:13px}.brandmark small{display:none}.heading p{letter-spacing:1px}.scene{min-height:720px}.command-area{bottom:3%}.command-area nav button{padding:5px 7px;font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}}