*{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}}.cockpit{background:#020711 url(/assets/octopus-cockpit.png) center top/cover fixed no-repeat!important;isolation:isolate}.cockpit:after{content:"";position:absolute;inset:0;background:linear-gradient(#02050a2c,#02050a55);z-index:-1;pointer-events:none}header{background:linear-gradient(180deg,#06111bd9,#03070dd9)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:#5f7899!important;box-shadow:inset 0 1px #d2ebff55,0 10px 30px #000b!important}.stage{background:radial-gradient(circle at 50% 42%,#07142655,#01040acc 72%)!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-color:#2c5578!important;box-shadow:inset 0 0 70px #0009!important}.bank{background:linear-gradient(155deg,#071524e8,#02060ce8)!important;border-width:2px!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px #dff7ff22,inset 0 -25px 45px #000,0 10px 25px #0009!important}.bank.blue{border-color:#178bd0!important}.bank.orange{border-color:#b66b13!important}.bank.green{border-color:#159a67!important}.bank.red{border-color:#b82b42!important}.brain{background:linear-gradient(#1d0821e8,#060713e8)!important;border:2px solid #a4247d!important;box-shadow:inset 0 1px #ff8bdc44,0 0 30px #ff28bd55!important}.whales{background:linear-gradient(#120725ed,#050710ed)!important;border:2px solid #873bd1!important;box-shadow:inset 0 1px #dca2ff44,0 0 30px #8d2eff55!important}.master{z-index:4}.octopus{width:330px!important;height:330px!important;background:url(/assets/octopus-master.jpg) center 44%/155% auto no-repeat;border-radius:48%;mix-blend-mode:normal;filter:drop-shadow(0 0 18px #ff3fba) drop-shadow(0 18px 20px #000);overflow:hidden}.octoHead,.tentacles{display:none!important}.octopus:after{content:"";position:absolute;inset:0;border-radius:48%;box-shadow:inset 0 0 55px 28px #06101b}.pedestal{margin-top:-52px!important;position:relative;z-index:5;background:linear-gradient(180deg,#17273bee,#02050cee)!important;border:2px solid #e62fbd!important;box-shadow:0 0 28px #e52ccf88,inset 0 1px #fff4!important}.orb{background:radial-gradient(circle at 38% 30%,#d9fbff 0 3%,#4e7183 17%,#0a1724 52%,#010308 78%)!important;box-shadow:0 0 10px currentColor,0 0 22px currentColor,inset 0 0 18px #b4f4ff66!important}.orb.active{transform:scale(1.08);box-shadow:0 0 15px currentColor,0 0 38px currentColor,0 0 65px currentColor!important}footer{background:linear-gradient(180deg,#071522ee,#02050bee)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#3c6385!important;box-shadow:0 -8px 35px #0009!important}footer button{background:linear-gradient(180deg,#d8249e,#720755)!important;box-shadow:0 0 18px #ff3ec8,0 0 38px #ff2fbd88!important}.cockpit{padding:10px 18px 12px 104px!important;background:#02060c!important;min-height:100vh}.cockpit:before{content:""!important;position:fixed!important;inset:0!important;background:url(/assets/octopus-cockpit.png) center/cover no-repeat!important;filter:saturate(1.08) brightness(.42)!important;opacity:.62!important;z-index:-2!important}.cockpit:after{content:""!important;position:fixed!important;inset:0!important;background:radial-gradient(circle at 50% 43%,transparent 0 18%,#02050a66 53%,#010309c7 88%)!important;z-index:-1!important}header{height:116px!important;border-radius:24px!important;background:linear-gradient(180deg,#07121cf2,#02050af2)!important;border:1px solid #55708c!important}.stage{height:735px!important;margin-top:8px!important;background:transparent!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.brain{top:0!important;left:30%!important;width:40%!important;height:142px!important;border-radius:0 0 90px 90px!important;background:linear-gradient(180deg,#16051cd9,#050712ed)!important}.leftBanks,.rightBanks{top:148px!important;width:30%!important;gap:10px!important}.leftBanks{left:.5%!important}.rightBanks{right:.5%!important}.bank{height:218px!important;border-radius:26px!important;background:linear-gradient(145deg,#07131ee8,#02050bed)!important;clip-path:polygon(5% 0,95% 0,100% 12%,100% 88%,95% 100%,5% 100%,0 88%,0 12%)}.bank h3{font-size:15px!important;margin:0 0 8px!important}.orbgrid{gap:2px!important}.bank .orb{width:66px!important;height:66px!important}.orb{border-width:3px!important;background:radial-gradient(circle at 38% 28%,#e8ffff 0 4%,#4b758c 14%,#0b1722 45%,#010207 78%)!important}.master{top:140px!important;left:31%!important;width:38%!important;height:470px!important;justify-content:flex-start!important}.octopus{width:390px!important;height:390px!important;background:url(/assets/octopus-master-transparent.png) center/contain no-repeat!important;border-radius:0!important;overflow:visible!important;filter:drop-shadow(0 0 14px #ff49b8) drop-shadow(0 18px 24px #000)!important}.octopus:after{display:none!important}.pedestal{margin-top:-62px!important;width:360px!important;padding:10px 18px!important;clip-path:polygon(12% 0,88% 0,100% 25%,95% 100%,5% 100%,0 25%);border-radius:0!important}.pedestal b{font-size:25px!important}.pedestal span{font-size:18px!important}.whales{left:15%!important;width:70%!important;height:122px!important;bottom:0!important;border-radius:55% 55% 16px 16px!important}.whales .orb{width:66px!important;height:66px!important;margin:3px 7px!important}footer{height:92px!important;margin-top:4px!important;border-radius:24px!important;background:linear-gradient(180deg,#07131eef,#02050af5)!important}footer button{height:70px!important;font-size:19px!important}@media(min-width:1400px){.stage{max-width:1420px;margin-left:auto!important;margin-right:auto!important}.bank .orb{width:68px!important;height:68px!important}.brain .orb{width:62px!important;height:62px!important}}.cockpit{padding:10px 18px 12px 104px!important;background:radial-gradient(ellipse at 50% 38%,#14325a,#071426 32%,#020711 68%,#010309)!important}.cockpit:before{content:""!important;position:fixed!important;inset:0!important;background:linear-gradient(115deg,transparent 0 18%,#0d72ba20 18.2%,transparent 19%),linear-gradient(245deg,transparent 0 18%,#ff35bb1c 18.2%,transparent 19%),repeating-linear-gradient(90deg,transparent 0 118px,#45bfff0a 119px,transparent 120px)!important;filter:none!important;opacity:1!important;z-index:-2!important}.cockpit:after{background:radial-gradient(circle at 50% 45%,#1970b21b 0 22%,transparent 43%),linear-gradient(#01040a22,#01040a88)!important}header{max-width:1420px;margin:auto;height:112px!important;background:linear-gradient(180deg,#091827f5,#02070df7)!important;box-shadow:inset 0 1px #aee7ff44,0 12px 40px #000d!important}.stage{max-width:1420px!important;height:730px!important;margin:8px auto 0!important;background:radial-gradient(ellipse at 50% 45%,#0e2a4955,transparent 38%),linear-gradient(90deg,#06101b88,#02060b44 30% 70%,#06101b88)!important;border:1px solid #244763!important;border-radius:28px!important;overflow:hidden}.brain{top:8px!important;left:31%!important;width:38%!important;height:132px!important;border-radius:60px 60px 90px 90px!important}.brain .orb{width:55px!important;height:55px!important;margin:2px!important}.leftBanks,.rightBanks{top:154px!important;width:31.5%!important;gap:12px!important}.leftBanks{left:1%!important}.rightBanks{right:1%!important}.bank{height:210px!important;padding:12px 15px!important;clip-path:none!important;border-radius:25px!important;background:linear-gradient(145deg,#081827f5,#02060cf8)!important}.bank .orb{width:61px!important;height:61px!important}.master{top:132px!important;left:32.5%!important;width:35%!important;height:475px!important}.octopus{width:355px!important;height:355px!important;background:url(/assets/octopus-master-transparent.png) center/contain no-repeat!important;filter:drop-shadow(0 0 12px #ff4ebd) drop-shadow(0 24px 25px #000)!important}.pedestal{margin-top:-45px!important;width:345px!important;clip-path:polygon(10% 0,90% 0,100% 28%,96% 100%,4% 100%,0 28%)!important;background:linear-gradient(180deg,#12243af5,#03070dfb)!important}.whales{left:18%!important;width:64%!important;height:112px!important;bottom:6px!important;border-radius:80px 80px 18px 18px!important}.whales .orb{width:58px!important;height:58px!important;margin:2px 5px!important}footer{max-width:1420px;margin:7px auto 0!important}@media(min-width:1450px){.bank .orb{width:64px!important;height:64px!important}.brain .orb{width:57px!important;height:57px!important}}