*{box-sizing:border-box}:root{--bg:#050611;--panel:#0d1126d1;--panel2:#141736ad;--line:#ffffff1f;--text:#fff;--muted:#aaa5c8;--purple:#8b35ff;--pink:#bf4cff;--cyan:#45e6ff}body{color:var(--text);background:radial-gradient(circle at 75% 10%,#8424ff5c,#0000 26%),radial-gradient(circle at 30% 20%,#286cff38,#0000 24%),linear-gradient(#09091d,#03040b 70%);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}.app{min-height:100vh;padding:28px}.topbar{justify-content:space-between;align-items:center;height:64px;margin-bottom:24px;display:flex}.logo{letter-spacing:-1px;text-shadow:0 0 22px #8b35ffb3;font-size:34px;font-weight:1000}.logo span{color:#fff}.logo strong{color:#8e5cff;margin-left:7px}.logo em{color:var(--cyan);vertical-align:middle;margin-left:10px;font-size:15px;font-style:normal}.topActions{gap:14px;display:flex}button{color:#fff;cursor:pointer;border:0;border-radius:12px;font-weight:800}button:disabled{opacity:.55;cursor:not-allowed}.primary{background:linear-gradient(135deg, var(--purple), var(--pink));box-shadow:0 10px 30px #8b35ff47}.ghost{border:1px solid var(--line);background:#ffffff0d}.topActions button{padding:15px 28px}.layout{grid-template-columns:360px 1fr;gap:22px;display:grid}.sidebar{border:1px solid var(--line);background:linear-gradient(#10142deb,#080a19db);border-radius:22px;min-height:calc(100vh - 116px);padding:26px;box-shadow:0 20px 70px #00000059}.sidebar h2{text-transform:uppercase;letter-spacing:.5px;margin:0 0 28px;font-size:22px}.sidebar h3{text-transform:uppercase;margin-top:26px;font-size:18px}.sidebar h3 span{color:#c06bff}label{color:#eeeaff;text-transform:uppercase;letter-spacing:.7px;margin:15px 0 8px;font-size:13px;font-weight:900;display:block}input,select{color:#fff;background:#070817f2;border:1px solid #ffffff29;border-radius:12px;outline:none;width:100%;padding:15px 16px}select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#fff 50%),linear-gradient(135deg,#fff 50%,#0000 50%);background-position:calc(100% - 20px) 21px,calc(100% - 14px) 21px;background-repeat:no-repeat;background-size:6px 6px}.full{text-transform:uppercase;width:100%;height:54px;margin-top:16px}.generate{background:linear-gradient(135deg,#22d3ee,#8b35ff,#ff4fd8);margin-top:22px}.error{color:#ff9b9b;background:#ff42421f;border:1px solid #ff424247;border-radius:12px;margin-top:16px;padding:12px}.squadList{gap:10px;display:grid}.squadItem{background:#ffffff0b;border:1px solid #ffffff17;border-radius:14px;grid-template-columns:52px 1fr 34px;align-items:center;gap:12px;padding:9px;display:grid}.squadItem img{object-fit:contain;background:#ffffff14;border-radius:10px;width:52px;height:52px}.squadItem button{color:#c9c4df;background:#ffffff14;width:34px;height:34px;font-size:22px}.hint{color:var(--muted);text-align:center;margin-top:24px;font-size:13px}.stage{border:1px solid var(--line);background:linear-gradient(#0f1228c7,#080a18e0);border-radius:22px;min-height:calc(100vh - 116px);overflow:hidden;box-shadow:0 20px 70px #00000059}.hero{background:radial-gradient(circle at 76% 18%,#ffa66638,#0000 11%),radial-gradient(circle at 46% 22%,#5d4dff4d,#0000 12%),radial-gradient(circle at 20% 60%,#ff5fa033,#0000 18%),linear-gradient(145deg,#111a3d,#22143b 48%,#080b18);height:66vh;min-height:520px;position:relative;overflow:hidden}.hero:before{content:"";opacity:.18;background-image:radial-gradient(circle,#ffffffd9 1px,#0000 1px);background-size:74px 74px;position:absolute;inset:0}.heroText{z-index:2;position:absolute;top:42px;left:48px}.heroText h1{text-transform:uppercase;letter-spacing:1px;margin:0;font-size:58px}.heroText h4{color:#c36bff;text-transform:uppercase;margin:8px 0 20px;font-size:28px}.heroText p{font-size:19px;line-height:1.45}.emptyScene{color:#ffffffb3;text-align:center;z-index:1;place-items:center;display:grid;position:absolute;inset:0}.planet{filter:blur(.2px);border-radius:50%;position:absolute}.planet.one{background:radial-gradient(circle at 35% 30%,#ffb079,#6a3b91 60%,#25104c);width:230px;height:230px;top:60px;right:110px;box-shadow:0 0 70px #ff8c5040}.planet.two{opacity:.85;background:radial-gradient(circle at 35% 30%,#7d79ff,#281454);width:130px;height:130px;top:86px;left:44%}.platform{filter:blur(6px);background:radial-gradient(#ff7a5c7a,#32163c1a 65%,#0000 70%);border-radius:50%;width:58%;height:72px;position:absolute;bottom:80px}.loading{z-index:4;text-align:center;background:#03040cbd;place-content:center;display:grid;position:absolute;inset:0}.spinner{border:5px solid #ffffff29;border-top-color:#bd4cff;border-radius:50%;width:76px;height:76px;margin:0 auto 20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.resultImage{object-fit:contain;z-index:3;background:#050611;width:100%;height:100%;position:absolute;inset:0}.slots{border-top:1px solid #ffffff14;padding:24px 32px 28px}.slots h3{color:#d27aff;text-transform:uppercase;margin:0 0 16px}.slotGrid{grid-template-columns:repeat(12,minmax(70px,1fr));gap:14px;display:grid}.slot{color:#ffffff57;background:#050612b8;border:1px solid #ffffff17;border-radius:12px;place-items:center;height:120px;font-size:36px;display:grid;overflow:hidden}.slot.filled{grid-template-rows:1fr 28px;padding:7px}.slot img{object-fit:contain;width:100%;height:78px}.slot span{color:#fff;font-size:15px;font-weight:900}@media (width<=1050px){.layout{grid-template-columns:1fr}.sidebar{min-height:auto}.slotGrid{grid-template-columns:repeat(6,1fr)}.topActions{display:none}}@media (width<=620px){.app{padding:16px}.logo{font-size:26px}.heroText h1{font-size:42px}.slotGrid{grid-template-columns:repeat(3,1fr)}}