@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap";*{box-sizing:border-box}body{color:#f7f7fc;background:#05050a;margin:0;font-family:Inter,Arial,sans-serif}main{background:radial-gradient(circle at 50% 43%,#2a0633 0,#0000 26%),#05050a;min-height:100vh}header{border-bottom:1px solid #321029;align-items:center;gap:32px;height:102px;padding:12px 32px;display:flex}.brand{grid-template-columns:54px 1fr;line-height:1;display:grid}.brand em{color:#ff1493;text-shadow:0 0 20px #a855f7;grid-row:span 2;font-size:48px}.brand b{font-size:31px}.brand i{color:#ff1493;font-style:normal}.brand small{color:#ddd;margin-top:7px;font-size:15px}.paper{background:#8d075d;border:1px solid #ff1493;border-radius:16px;padding:13px 25px;font-weight:800;box-shadow:0 0 18px #ff1493}.badges{gap:10px;margin-left:auto;display:flex}.badges span{border:1px solid #52354f;border-radius:14px;padding:12px;font-size:13px}.badges .ok{color:#00e676}aside{background:#08070d;border-right:1px solid #44203e;flex-direction:column;gap:11px;width:220px;padding:25px 12px;display:flex;position:absolute;top:102px;bottom:0}aside span,aside b{border-radius:9px;padding:15px 18px;font-size:16px}aside b{background:linear-gradient(90deg,#bd0b7b,#ff1493);box-shadow:0 0 18px #ff1493}.content{margin-left:220px;padding:20px 28px}.cards{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.card,.panel,.index,.control{background:linear-gradient(145deg,#11111c,#07070c);border:1px solid #c62ba9;border-radius:22px;box-shadow:inset 0 1px #6f285e,0 0 14px #571040}.card{gap:7px;padding:14px 24px;display:grid}.card span{font-size:15px}.card b{font-size:28px}.green{color:#00e676}.hero{grid-template-columns:1fr 410px 1fr;align-items:center;gap:24px;margin:10px 0;display:grid}.index{text-align:center;clip-path:polygon(14% 0,86% 0,100% 50%,86% 100%,14% 100%,0 50%);height:300px;padding:22px 48px}.index h2{margin:10px;font-size:31px}.unknown{color:#ffc857;margin:25px 0;font-weight:800}.legs{gap:10px;display:flex}.legs div{color:#a8ffbf;background:#0a1511;border-radius:16px;flex:1;padding:17px}.wave{color:#ff1493;margin-top:35px;font-size:24px}.reactor{place-items:center;width:360px;height:360px;margin:auto;display:grid;position:relative}.ring{border:14px solid #0000;border-color:#ff1493 #0000 #00e676;border-radius:50%;animation:10s linear infinite spin;position:absolute;inset:8px;box-shadow:0 0 20px #ff1493,inset 0 0 18px #a855f7}.r2{border-width:6px;border-left-color:#42e8ff;border-right-color:#a855f7;animation-duration:7s;animation-direction:reverse;inset:40px}.core{z-index:2;background:#07070c;border:1px solid #42e8ff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:190px;height:190px;display:flex;box-shadow:0 0 30px #a855f7}.core b{color:#ff1493;font-size:55px}.core strong{font-size:26px}.core i{color:#42e8ff;font-style:normal}.core span{text-align:center;color:#00e676;margin-top:10px;font-size:12px;font-weight:800}.bad .ring{border-color:#ff365f;animation-play-state:paused}.bad .core span{color:#ff365f}.base{border:3px solid #ff1493;border-radius:50%;width:280px;height:28px;position:absolute;bottom:0;box-shadow:0 0 20px #ff1493}@keyframes spin{to{transform:rotate(360deg)}}.order{background:#0d0b11;border:2px solid #854876;border-radius:30px;align-items:center;gap:22px;padding:18px 30px;display:flex}.order b{color:#ff1493}.order strong{color:#ffc857;margin-left:auto;font-size:12px}.sell{border-color:#ff9f1c}.bottom{grid-template-columns:1fr 1.35fr 1.35fr 1.35fr 1.35fr;gap:18px;margin-top:26px;display:grid}.control{place-items:center;padding:20px;display:grid}.power{color:#00e676;font-size:54px}.control button{color:#fff;background:#a60873;border:1px solid #ff1493;border-radius:10px;padding:12px 18px;font-weight:800}.panel{padding:14px 18px}.panel h3{color:#fff;margin:0 0 12px}.panel p{color:#c5c5d0;justify-content:space-between;margin:12px 0;display:flex}.panel p b{color:#00e676;font-size:13px}@media (width<=1100px){header{flex-wrap:wrap;height:auto}.badges{flex-wrap:wrap;margin:0}aside{display:none}.content{margin:0}.cards,.bottom{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.reactor{order:-1}}@media (width<=600px){.content{padding:12px}.cards,.bottom{grid-template-columns:1fr}.order{flex-direction:column;align-items:flex-start}.order strong{margin:0}.index{padding:20px}.brand b{font-size:24px}}
