*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:#020712;color:#f5fbff;font-family:Inter,Arial,sans-serif}body{overflow-x:hidden}.cockpit{min-height:100vh;padding:18px 20px 16px 112px;background:radial-gradient(ellipse at 50% 40%,#172642 0,#071322 42%,#020610 78%),linear-gradient(120deg,#071426,#03050b);position:relative;overflow:hidden}.cockpit:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 25%,#0e65a315 25.2%,transparent 26%),linear-gradient(245deg,transparent 0 25%,#ff35b515 25.2%,transparent 26%);pointer-events:none}header{height:108px;border:1px solid #415f7c;border-radius:30px 30px 16px 16px;background:linear-gradient(180deg,#0e1828ee,#040812ee);box-shadow:inset 0 1px #8ac7ff66,0 14px 45px #000;display:grid;grid-template-columns:2.2fr .8fr .72fr .72fr .7fr .9fr;align-items:center;position:relative;z-index:3;overflow:hidden}.brand{display:flex;align-items:center;padding-left:24px}.miniOct{font-size:57px;filter:drop-shadow(0 0 12px #ff24b8)}h1{font-size:36px;font-style:italic;margin:0;letter-spacing:2px}h1 strong{font-size:49px;color:#ff1eb7;text-shadow:0 0 16px #ff1eb7}.brand p{font-size:12px;font-weight:800;letter-spacing:2px;margin:0}.brand small{font-size:9px;letter-spacing:2px}.market,.ticker,.clock,.slogan{height:82%;border-left:1px solid #31465f;padding:14px;display:flex;flex-direction:column;justify-content:center}.market{color:#34ffc0;font-size:20px}.market span,.ticker span{font-size:9px}.ticker small{font-weight:900}.ticker b{font-size:20px;color:#38ffad}.clock b{font-size:22px}.slogan{font-family:cursive;color:#ff47c6;font-size:24px;font-style:italic}.slogan small{font:700 10px Inter;color:#fff}aside{position:absolute;left:18px;top:142px;width:76px;border:1px solid #3d5674;border-radius:28px;background:#07101de8;z-index:5;overflow:hidden;box-shadow:0 0 30px #000}aside div{height:83px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid #182a3d}aside div.sel{background:linear-gradient(#e7189f,#6d0c5a);box-shadow:inset 0 0 20px #ff6fd5}aside b{font-size:24px}aside small{font-size:9px;margin-top:5px}.stage{height:700px;position:relative;margin-top:12px;border-radius:26px;background:radial-gradient(circle at 50% 45%,#12345d55,transparent 38%),linear-gradient(180deg,#06101c88,#020610);border:1px solid #193650;box-shadow:inset 0 0 90px #000}.brain{position:absolute;top:0;left:29%;width:42%;height:150px;text-align:center;padding:8px;border:1px solid #7a286b;border-radius:0 0 70px 70px;background:linear-gradient(#170a20dd,#080a15dd);box-shadow:0 0 28px #ff2fc433}.brain h3,.bank h3,.whales h3{margin:0 0 5px;font-size:13px;letter-spacing:1px}.brain small{font-size:9px;color:#aebad0}.orb{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:50%;margin:4px;background:radial-gradient(circle at 42% 35%,#d8faff 0 3%,#31495c 18%,#09121f 58%,#02040a 78%);border:3px solid currentColor;box-shadow:0 0 12px currentColor,inset 0 0 15px #79dcff55;position:relative}.orb.active{box-shadow:0 0 24px currentColor,0 0 45px currentColor}.pink{color:#ff36c6}.blue{color:#20c8ff}.green{color:#32ff9e}.orange{color:#ffa11c}.red{color:#ff405e}.purple{color:#b044ff}.eyes{display:flex;gap:7px}.eyes i{width:11px;height:17px;border-radius:50%;background:#fff;box-shadow:0 0 7px #bffaff}.eyes.sleep i{height:3px;margin-top:8px;background:#ff9ce6}.eyes.awake i{animation:blink 4.6s infinite}@keyframes blink{0%,45%,49%,to{transform:scaleY(1)}47%{transform:scaleY(.08)}}.leftBanks,.rightBanks{position:absolute;top:154px;width:31%;display:grid;gap:14px}.leftBanks{left:1%}.rightBanks{right:1%}.bank{height:205px;padding:13px 16px;border:1px solid #33465f;border-radius:18px;background:linear-gradient(160deg,#0a1727ee,#040712ee);box-shadow:inset 0 0 30px #000,0 0 18px #000}.bank h3{text-align:center;color:#fff}.orbgrid{display:grid;grid-template-columns:repeat(5,1fr);justify-items:center}.bank .orb{width:62px;height:62px}.master{position:absolute;left:32%;top:155px;width:36%;height:420px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer}.octopus{width:285px;height:260px;position:relative;filter:drop-shadow(0 0 18px #ff3ec8)}.octoHead{position:absolute;z-index:2;left:60px;top:18px;width:165px;height:155px;border-radius:48% 48% 42% 42%;background:radial-gradient(circle at 38% 25%,#ff9ddb,#ff4eb6 34%,#f02b87 65%,#8b0b6c);box-shadow:inset 0 -15px 28px #8c1759,0 0 32px #ff33bd;display:flex;align-items:center;justify-content:center}.octoHead .eyes{gap:24px}.octoHead .eyes i{width:35px;height:45px;background:#fff;border:8px solid #2c1231}.octoHead .eyes.sleep i{height:5px;border:0;background:#4d153f}.mouth{position:absolute;top:93px;font-style:normal;font-size:38px;color:#551143}.tentacles{position:absolute;top:145px;left:10px;width:265px;height:110px}.tentacles i{position:absolute;width:92px;height:80px;border:22px solid #f33b9d;border-top:0;border-radius:0 0 55px 55px;box-shadow:0 0 14px #ff37bb}.tentacles i:nth-child(1){left:0;transform:rotate(35deg)}.tentacles i:nth-child(2){left:40px;top:8px;transform:rotate(18deg)}.tentacles i:nth-child(3){left:84px;top:14px}.tentacles i:nth-child(4){right:40px;top:8px;transform:rotate(-18deg)}.tentacles i:nth-child(5){right:0;transform:rotate(-35deg)}.tentacles i:nth-child(6){left:86px;top:30px;transform:scale(.8)}.pedestal{margin-top:-20px;width:310px;text-align:center;padding:10px;border-radius:50% 50% 14px 14px;background:linear-gradient(#18243b,#050812);border:2px solid #9b3ba1;box-shadow:0 0 22px #a32bff}.pedestal b{display:block;color:#ff3dc6;font-size:23px}.pedestal span{font-weight:900}.pedestal small{display:block;font-size:7px;margin-top:3px}.whales{position:absolute;bottom:4px;left:17%;width:66%;height:118px;text-align:center;padding:7px;border:1px solid #7139b1;border-radius:55% 55% 15px 15px;background:#0b0718dd;box-shadow:0 0 28px #7d28ff44}.whales .orb{width:64px;height:64px}footer{height:86px;margin-top:10px;display:grid;grid-template-columns:1fr 1fr 1fr 1.35fr 1fr 1fr;gap:2px;align-items:center;border:1px solid #344e6b;border-radius:22px;background:#07101be8;padding:8px 14px;position:relative;z-index:3}footer div{padding:8px;border-right:1px solid #24364d}footer small{font-size:8px;display:block}footer b{font-size:11px;color:#4affc4}footer button{height:64px;border:2px solid #ff54ce;border-radius:34px;background:linear-gradient(180deg,#b31d83,#5e0a4e);color:#fff;box-shadow:0 0 24px #ff2ab7;font-weight:900;font-size:17px;cursor:pointer}footer button span{font-size:22px;margin-right:8px}footer button small{font-size:10px}@media(max-width:1100px){.cockpit{padding-left:12px}aside{display:none}header{grid-template-columns:2fr 1fr 1fr}.ticker,.clock{display:none}.stage{height:auto;padding:10px}.brain,.leftBanks,.rightBanks,.master,.whales{position:relative;inset:auto;width:100%;margin:10px 0}.leftBanks,.rightBanks{display:grid;grid-template-columns:1fr 1fr}.master{height:380px}.whales{height:auto}.stage{display:flex;flex-direction:column}footer{grid-template-columns:repeat(2,1fr);height:auto}.orb{width:48px!important;height:48px!important}}