@import'https://fonts.googleapis.com/css2?family=Rethink+Sans:ital,wght@0,400..800;1,400..800&display=swap" rel="stylesheet';*{margin:0;padding:0;font-family:Rethink Sans,sans-serif;font-weight:200}html,body{width:100%;height:100%}#root{width:100%;height:100%;background-color:#fff}.game-guide-background{width:100%;height:100%;position:absolute;display:flex;justify-content:center;align-items:center;background-color:#000000e9;z-index:999}.game-guide-container{width:35%;height:40%;background-color:#eeedff;border-style:solid;border-width:1px;border-color:#404040;box-shadow:#4837ff66 5px 5px,#6846ffa0 10px 10px,#6b57ff33 15px 15px,#4026ff1a 20px 20px,#ff1dd90d 25px 25px;border-radius:5px;position:relative}.game-guide-exit-button{position:absolute;top:14px;right:15px;background:transparent;border:none;width:30px;aspect-ratio:1/1;cursor:pointer;background-image:url("data:image/svg+xml,%3csvg%20width='7'%20height='8'%20viewBox='0%200%207%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_201_17137)'%3e%3cpath%20d='M3.61667%206.52249C2.39214%206.52249%201.39531%205.52565%201.39531%204.30112C1.39531%203.07659%202.39214%202.07976%203.61667%202.07976C4.8412%202.07976%205.83804%203.07659%205.83804%204.30112C5.83804%205.52565%204.8412%206.52249%203.61667%206.52249ZM3.61667%201.52441C2.08115%201.52441%200.839966%202.7656%200.839966%204.30112C0.839966%205.83664%202.08115%207.07783%203.61667%207.07783C5.15219%207.07783%206.39338%205.83664%206.39338%204.30112C6.39338%202.7656%205.15219%201.52441%203.61667%201.52441ZM4.33584%203.19044L3.61667%203.90961L2.89751%203.19044L2.50599%203.58195L3.22516%204.30112L2.50599%205.02029L2.89751%205.4118L3.61667%204.69264L4.33584%205.4118L4.72736%205.02029L4.00819%204.30112L4.72736%203.58195L4.33584%203.19044Z'%20fill='black'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_201_17137'%3e%3crect%20width='6.6641'%20height='6.6641'%20fill='white'%20transform='translate(0.284668%200.96875)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");background-size:cover;background-position:center;background-repeat:no-repeat}.game-guide-title{font-size:2rem;font-weight:bolder;margin-left:6%;margin-top:6%;width:80%;animation:dropDown .4s ease-out forwards}.game-guide-description{font-size:1rem;margin-left:6%;margin-top:4%;width:80%;animation:dropDown .4s ease-out forwards}.game-guide-page-tracker{margin-top:6%;margin-left:6%;font-size:.8rem}@keyframes dropDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.game-guide-next-button{width:30%;margin:4% 0 0 5%;display:flex;align-items:center;justify-content:center;padding:6px 8px;border-radius:25px;background-color:#6f7eff;font-size:1rem;border:none;box-shadow:5px 5px #4949ff;transition:transform .1s ease}.game-guide-next-button:hover{cursor:pointer;background-color:#5263ff;transform:translate(3px,3px);box-shadow:2px 2px #f454ff8a}@media (orientation: portrait){.game-guide-background{position:fixed}.game-guide-container{position:sticky;top:25%;width:70%}}.node-container{width:100%;height:230px;background:#f0f0ff;border-style:solid;border-width:3px;border-color:#7a75e0;border-radius:5px;box-sizing:border-box;box-shadow:4px 4px #5650ff}.order-mode-control-container{width:90%;height:18%;background-color:#d2d6fc;border-radius:8px;margin:10px auto 0;display:flex;align-items:center;justify-content:center;gap:5%}.order-mode-control-button{width:43%;height:80%;border-radius:5px;border:none;outline:transparent;background-color:#6f7eff;transition:background-color .2s ease}.order-mode-control-button:hover{cursor:pointer}.order-mode-input-container{width:90%;height:17%;display:flex;justify-content:center;align-items:center;margin:5px auto 0}.order-mode-input-container:nth-of-type(2){margin-top:15px}.order-mode-input-title{font-size:1rem}.order-mode-input{flex:1;outline:transparent;border-style:none none solid none;border-width:1.5px;border-color:#000;background-color:transparent;margin-left:5px;min-width:0}.order-mode-quantities-input-container{width:90%;margin-left:5%;margin-top:1%;height:40px;display:flex;justify-content:space-between;align-items:center}.order-mode-individual-quantity-input-container{width:40%;height:100%}.order-mode-individual-quantity-subtitle{font-size:.7rem}.order-mode-individual-quantity-input{width:100%;height:60%;outline:transparent;border-style:solid;border-width:1.5px;border-color:#000;background-color:transparent;min-width:0;text-align:center}.order-mode-quantities-middle-icon{width:12%;margin-top:10px;aspect-ratio:1/1;background-image:url("data:image/svg+xml,%3csvg%20width='8'%20height='7'%20viewBox='0%200%208%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_201_23629)'%3e%3cpath%20d='M7.09321%204.24253V4.79787H6.81554V5.35321H6.2602V4.79787H5.98253V5.35321H5.42718V4.79787H4.03883V2.5765H2.92815V3.13184H2.37281V2.5765L1.81747%203.13184H1.53979V1.46582H1.81747L2.37281%202.02116V1.46582H2.92815V2.02116H4.59417V4.24253H5.42718V3.68719H5.98253V4.24253H6.2602V3.68719H6.81554V4.24253H7.09321Z'%20fill='black'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_201_23629'%3e%3crect%20width='6.6641'%20height='6.6641'%20fill='white'%20transform='translate(0.984497%200.0771484)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");background-position:center;background-repeat:no-repeat;background-size:contain}.order-error-text{margin:5px 0 0 5%}.order-confirm-button{width:auto;margin:20px 0 0 5%;display:flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:25px;background-color:#6f7eff;border:none;transition:background-color .3s ease,padding .3s ease}.order-confirm-button:hover{cursor:pointer;padding:6px 15px;background-color:#5263ff}@media (orientation: portrait){.node-container{height:265px}}.timenode-container{width:100%;height:200px;background:#f0f0ff;border-style:solid;border-width:3px;border-color:#7a75e0;border-radius:5px;box-sizing:border-box;box-shadow:4px 4px #5650ff}.timenode-title-container{width:90%;height:25px;margin-top:15px;margin-left:5%;display:flex;justify-content:space-between;align-items:center}.timenode-title{font-size:1.7rem}.timenode-subtitle{font-size:1rem}.time-node-set-skip-container{width:90%;margin-top:7%;margin-left:5%;display:flex;justify-content:space-between;align-items:center}.time-node-set-skip-button{width:20%;padding:4px 0;border-radius:2px;border:none;outline:transparent;font-size:.7rem;background-color:#8e9afa}.time-node-set-skip-button:hover{cursor:pointer}.timenode-input-container{width:90%;height:17%;display:flex;align-items:center;margin:15px auto 0;box-sizing:border-box}.timenode-input-container:nth-of-type(2){margin-top:15px}.timenode-input-title{font-size:1rem;white-space:nowrap}.timenode-input{flex:1;outline:transparent;border-style:none none solid none;border-width:1.5px;border-color:#000;background-color:transparent;margin-left:5px;min-width:0}.timenode-error-text{margin:5px 0 0 5%}.timenode-confirm-button{margin:3% 0 0 5%;display:flex;align-items:center;justify-content:center;padding:5px 20px;border-radius:25px;border:none;background-color:#6f7eff;transition:background-color .3s ease,padding .3s ease}.timenode-confirm-button:hover{cursor:pointer;padding:5px 25px;background-color:#5263ff}@media (orientation: portrait){.timenode-container{height:250px}}.marketnode-container{width:100%;height:380px;border-style:solid;border-width:3px;background:#f0f0ff;border-color:#7a75e0;border-radius:5px;box-sizing:border-box;box-shadow:4px 4px #5650ff;display:flex}.marketnode-view-container{width:50%;height:100%}.marketnode-stock-search-container{width:80%;display:flex;align-items:center;margin-left:10%;margin-top:8%;box-sizing:border-box}.market-stock-search-title{font-size:1.4rem}.market-stock-search-input{flex:1;min-width:0;height:100%;outline:transparent;border-style:none none solid none;border-width:1.5px;border-color:#000;background-color:transparent;margin-left:10px;box-sizing:border-box;padding:5px 0}.market-stock-list-container{width:80%;margin-left:10%;margin-top:10%;padding-right:5px;padding-bottom:10px;box-sizing:border-box;height:68%;border-style:none none solid none;border-width:2px;border-color:#000;overflow-y:scroll}.market-stock-list-container::-webkit-scrollbar{width:2px;border-radius:25px}.market-stock-list-container::-webkit-scrollbar-track{background:transparent}.market-stock-list-container::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:4px}.market-stock-list-container::-webkit-scrollbar-thumb:hover{background-color:#00000080}.market-stock-container{width:100%;height:65px;border-style:none none none solid;border-width:2px;padding:2px 8px 0 10px;box-sizing:border-box;background-color:#dddcff}.market-stock-container:not(:first-child){margin-top:10px}.market-stock-container:hover{cursor:pointer;padding:5px 5px 0 15px;background-color:#8171ff;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.market-stock-container-selected{cursor:pointer;padding:5px 5px 0 15px;background-color:#8171ff;box-shadow:0 4px 12px #00000026;transform:translateY(-2px);border-left-color:#2c3aff!important}.market-stock-stat-row{width:100%;height:50%;display:flex;justify-content:space-between}.market-stock-stat-name,.market-stock-stat-price{font-size:1rem}.market-stock-stat-field{font-size:.8rem;width:65%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.market-stock-stat-trend{font-size:1rem}.market-stock-graph-preview-container{width:80%;height:40%;border-radius:10px;margin-left:10%;margin-top:8%;background-color:#3e38f8;display:flex;justify-content:center;align-items:center}.market-stock-depth-stats-container{width:80%;height:40%;margin-left:10%;margin-top:5%;padding-right:5px;padding-bottom:10px;border-style:none none solid none;border-width:2px;border-color:#000;box-sizing:border-box;overflow-y:scroll}.market-stock-depth-stats-container::-webkit-scrollbar{width:2px;border-radius:25px}.market-stock-depth-stats-container::-webkit-scrollbar-track{background:transparent}.market-stock-depth-stats-container::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:4px}.market-stock-depth-stats-container::-webkit-scrollbar-thumb:hover{background-color:#00000080}.market-stock-depth-stat-row-container{width:100%;height:20%;display:flex;justify-content:space-between;align-items:last baseline;border-style:solid none none none;border-width:1px;border-color:#8c8c8c;box-sizing:border-box}.market-stock-depth-stat-title{font-size:1.2rem}.market-stock-depth-stat-subtitle{font-size:1rem}@media (orientation: portrait){.marketnode-container{height:1200px;flex-direction:column-reverse}.marketnode-view-container{height:50%;width:100%}.marketnode-stock-search-container{margin-top:2.5%}.market-stock-list-container{margin-top:5%}}.portfolionode-container{width:100%;height:500px;border-style:solid;border-width:3px;border-color:#7a75e0;border-radius:5px;box-sizing:border-box;box-shadow:4px 4px #5650ff;background:#f0f0ff}.portfolio-title{width:90%;margin-left:5%;margin-top:5%;font-size:2rem}.portfolio-stat-subheader{font-size:.9rem;margin-left:5%;margin-top:5%;color:#504f4f}.portfolio-stat-container{width:90%;height:auto;margin-left:5%;margin-top:1%;display:flex;justify-content:space-between}.portfolio-stat-value{font-size:1.7rem}.portfolio-stat-profit-container{height:auto}.portfolio-stat-profit-values{font-size:.8rem}.portfolio-stock-list-container{width:90%;margin-left:5%;margin-top:8%;padding-right:5px;padding-bottom:10px;box-sizing:border-box;height:240px;border-style:none none solid none;border-width:2px;border-color:#000;overflow-y:scroll;background-color:#a2a0a000}.portfolio-stock-list-container::-webkit-scrollbar{width:2px;border-radius:25px}.portfolio-stock-list-container::-webkit-scrollbar-track{background:transparent}.portfolio-stock-list-container::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:4px}.portfolio-stock-list-container::-webkit-scrollbar-thumb:hover{background-color:#00000080}.portfolio-stock-container{width:100%;height:65px;border-style:none none none solid;border-width:2px;border-color:red;padding:3px 8px 0 10px;box-sizing:border-box;background-color:#dddcff}.portfolio-stock-container:not(:first-child){margin-top:10px}.portfolio-stock-stat-row{width:100%;height:50%;display:flex;justify-content:space-between}.portfolio-stock-stat-name{font-size:1.3rem}.portfolio-stock-stat-price{font-size:1rem}.portfolio-stock-state-field{font-size:1.1rem}.portfolio-stock-state-trend{font-size:1rem}@media (orientation: portrait){.portfolionode-container{height:600px}}.events-node-container{width:100%;height:400px;border-style:solid;border-width:3px;border-color:#7a75e0;border-radius:5px;box-sizing:border-box;background:#f0f0ff;box-shadow:4px 4px #5650ff}.events-node-title{margin-left:5%;margin-top:5%;font-size:2rem}.events-container{width:90%;height:75%;margin-left:5%;margin-top:8%;padding-bottom:3%;padding-right:5px;box-sizing:border-box;border-style:none none solid none;border-width:2px;border-color:#000;overflow-y:scroll}.events-container::-webkit-scrollbar{width:2px;border-radius:25px}.events-container::-webkit-scrollbar-track{background:transparent}.events-container::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:4px}.events-container::-webkit-scrollbar-thumb:hover{background-color:#00000080}.event-item-container{width:100%;border-style:none none none solid;border-width:2px;border-color:#000;padding-left:5%;box-sizing:border-box;animation:slipUp .5s ease forwards}@keyframes slipUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.event-item-container:not(:first-child){margin-top:5%}.event-item-title-wrapper{display:inline-block;margin-top:4px;width:95%}.event-item-title{font-size:1.1rem;display:inline;outline:rgb(0,0,0) solid 2px;outline-offset:1px;border-radius:1px}.event-item-text-wrapper{display:block;margin-top:15px;width:95%}.event-item-text{padding:0 2px;font-size:1rem;display:inline;box-sizing:border-box;outline:rgb(0,0,0) solid 2px;outline-offset:1px;border-radius:1px}@media (orientation: portrait){.events-container{height:55%}}.game-end-background{width:100%;height:100%;top:0;left:0;position:fixed;display:flex;justify-content:center;align-items:center;background-color:#000000e9;z-index:999}.game-end-container{width:35%;height:40%;background-color:#eeedff;border-style:solid;border-width:1px;border-color:#404040;box-shadow:#4837ff66 5px 5px,#274aca4d 10px 10px,#f02eaa33 15px 15px,#f02eaa1a 20px 20px,#f02eaa0d 25px 25px;border-radius:5px;position:relative}.game-end-title{font-size:2rem;font-weight:bolder;margin-left:6%;margin-top:6%;width:80%;animation:dropDown .4s ease-out forwards}.game-end-description{font-size:1rem;margin-left:6%;margin-top:4%;width:80%;animation:dropDown .4s ease-out forwards}.game-end-exit-button{width:30%;margin:10% 0 0 5%;display:flex;align-items:center;justify-content:center;padding:6px 8px;border-radius:25px;background-color:#6f7eff;font-size:1rem;border:none;box-shadow:5px 5px #4949ff;transition:transform .1s ease}.game-end-exit-button:hover{cursor:pointer;background-color:#5263ff;transform:translate(3px,3px);box-shadow:2px 2px #f454ff8a}@media (orientation: portrait){.game-end-background{position:fixed}.game-end-container{position:sticky;top:25%;width:70%}}.derivatives-node-container{width:100%;height:320px;background:#f0f0ff;border-style:solid;border-width:3px;border-color:#7a75e0;border-radius:5px;box-sizing:border-box;box-shadow:4px 4px #5650ff}.derivatives-header-container{width:100%;height:60px;padding:4% 5% 0;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.derivatives-node-title{font-size:2rem}.derivatives-mode-control-container{width:53%;height:100%;background-color:#d2d6fc;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:5%;padding-left:10px;padding-right:10px;box-sizing:border-box}.derivatives-mode-control-button{width:43%;height:80%;border-radius:5px;border:none;outline:transparent;font-size:.7rem;background-color:#6f7eff}.derivatives-mode-control-button:hover{cursor:pointer}.derivatives-order-container{width:90%;margin:5% 5% 0;box-sizing:border-box;height:200px;display:flex;border-style:none none solid none;border-width:2px;border-color:#000;background-color:transparent;gap:20px}.derivatives-left-half-container{width:50%;min-height:100%;overflow-y:scroll;padding-bottom:10px;box-sizing:border-box}.derivatives-left-half-container::-webkit-scrollbar{width:2px;border-radius:25px}.derivatives-left-half-container::-webkit-scrollbar-track{background:transparent}.derivatives-left-half-container::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:4px}.derivatives-left-half-container::-webkit-scrollbar-thumb:hover{background-color:#00000080}.derivatives-mode-title{font-size:1.3rem}.derivatives-mode-input-container{width:90%;height:17%;display:flex;justify-content:center;align-items:center;margin-top:15px}.derivatives-mode-input-title{font-size:1rem}.derivatives-mode-input{flex:1;outline:transparent;border-style:none none solid none;border-width:1.5px;border-color:#000;background-color:transparent;margin-left:5px;min-width:0}.derivatives-order-mode-quantities-input-container{width:98%;margin-top:5%;height:40px;display:flex;justify-content:space-between;align-items:center}.derivatives-order-mode-individual-quantity-input-container{width:40%;height:100%}.derivatives-order-mode-individual-quantity-subtitle{font-size:.7rem}.derivatives-order-mode-individual-quantity-input{width:100%;height:60%;outline:transparent;border-style:solid;border-width:1.5px;border-color:#000;box-sizing:border-box;background-color:transparent;min-width:0;text-align:center}.derivatives-order-mode-quantities-middle-icon{width:12%;margin-top:10px;aspect-ratio:1/1;background-image:url("data:image/svg+xml,%3csvg%20width='8'%20height='7'%20viewBox='0%200%208%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_201_23629)'%3e%3cpath%20d='M7.09321%204.24253V4.79787H6.81554V5.35321H6.2602V4.79787H5.98253V5.35321H5.42718V4.79787H4.03883V2.5765H2.92815V3.13184H2.37281V2.5765L1.81747%203.13184H1.53979V1.46582H1.81747L2.37281%202.02116V1.46582H2.92815V2.02116H4.59417V4.24253H5.42718V3.68719H5.98253V4.24253H6.2602V3.68719H6.81554V4.24253H7.09321Z'%20fill='black'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_201_23629'%3e%3crect%20width='6.6641'%20height='6.6641'%20fill='white'%20transform='translate(0.984497%200.0771484)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");background-position:center;background-repeat:no-repeat;background-size:contain}.derivatives-error-text{margin:5px 0 0 5%}.derivatives-confirm-button{margin:20px 0 0;display:flex;align-items:center;justify-content:center;padding:5px 12px;border-radius:25px;background-color:#6f7eff;border:none;transition:background-color .3s ease,padding .3s ease}.derivatives-confirm-button:hover{cursor:pointer;padding:5px 15px;background-color:#5263ff}.derivatives-cancel-button{margin:8px 0 0;display:flex;align-items:center;justify-content:center;padding:5px 12px;border-radius:25px;border:none}.derivatives-cancel-button:hover{cursor:pointer;background-color:#faebd7}.derivatives-right-half-container{width:50%;height:100%;padding-right:10px;padding-bottom:10px;box-sizing:border-box;overflow-y:scroll}.derivatives-right-half-container::-webkit-scrollbar{width:2px;border-radius:25px}.derivatives-right-half-container::-webkit-scrollbar-track{background:transparent}.derivatives-right-half-container::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:4px}.derivatives-right-half-container::-webkit-scrollbar-thumb:hover{background-color:#00000080}.derivatives-explanation-title{font-size:1rem}.derivatives-explanation{font-size:.8rem;margin-top:10px;width:98%}.derivative-active-orders-title{font-size:1.5rem;margin-top:25px}.derivative-order-container{width:100%;min-height:70px;border-style:none none none solid;border-width:2px;padding:2px 0 0 8px;box-sizing:border-box;background-color:#dddcff}.derivative-order-container:not(:first-child){margin-top:10px}.derivative-order-container:hover{cursor:pointer;padding:6px 0 0 8px;box-shadow:0 4px 12px #00000026;transform:translateY(-2px);background-color:#8171ff}.derivative-order-container-selected{cursor:pointer;padding:5px 5px 0 15px;background-color:#faebd73c;box-shadow:0 4px 12px #00000026;transform:translateY(-2px);border-left-color:#2c3aff!important}.derivative-order-stat-row{width:100%;height:50%;display:flex;justify-content:space-between}.derivative-order-stat-type{font-size:.9rem;max-width:95%}.derivative-order-stat-price{font-size:1rem}.derivative-order-stat-explanation{font-size:.8rem;max-width:95%;margin-top:2%}.derivative-order-state-trend{font-size:1rem}@media (orientation: portrait){.derivatives-node-container{height:650px}.derivatives-header-container{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:5%;box-sizing:border-box;height:100px}.derivatives-mode-control-container{width:100%}.derivatives-order-container{flex-direction:column-reverse;height:430px;overflow-y:scroll}.derivatives-order-container::-webkit-scrollbar{width:2px;border-radius:25px}.derivatives-order-container::-webkit-scrollbar-track{background:transparent}.derivatives-order-container::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:4px}.derivatives-order-container::-webkit-scrollbar-thumb:hover{background-color:#00000080}.derivatives-right-half-container{width:100%;overflow-y:visible}.derivatives-left-half-container{width:100%;overflow-y:visible;margin-top:3%;padding-bottom:30px}.derivatives-mode-input-container{height:10%}}.gradient-bg{--color-bg1: rgb(10, 10, 10);--color-bg2: rgb(30, 30, 30);--color1: 40, 40, 40;--color2: 55, 55, 55;--color3: 70, 70, 70;--color4: 85, 85, 85;--color5: 100, 100, 100;--color-interactive: 70, 70, 70;--circle-size: 80%;--blending: screen;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden;background:linear-gradient(40deg,var(--color-bg1),var(--color-bg2));z-index:0;pointer-events:none}.gradient-bg svg{display:none}.gradients-container{filter:url(#goo) blur(40px);width:100%;height:100%;position:relative}.g1{position:absolute;background:radial-gradient(circle at center,rgba(var(--color1),.8) 0,rgba(var(--color1),0) 50%) no-repeat;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size) / 2);left:calc(50% - var(--circle-size) / 2);transform-origin:center center;animation:moveVertical 30s ease infinite;opacity:1}.g2{position:absolute;background:radial-gradient(circle at center,rgba(var(--color2),.8) 0,rgba(var(--color2),0) 50%) no-repeat;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size) / 2);left:calc(50% - var(--circle-size) / 2);transform-origin:calc(50% - 400px);animation:moveInCircle 20s reverse infinite;opacity:1}.g3{position:absolute;background:radial-gradient(circle at center,rgba(var(--color3),.8) 0,rgba(var(--color3),0) 50%) no-repeat;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size) / 2 + 200px);left:calc(50% - var(--circle-size) / 2 - 500px);transform-origin:calc(50% + 400px);animation:moveInCircle 40s linear infinite;opacity:1}.g4{position:absolute;background:radial-gradient(circle at center,rgba(var(--color4),.8) 0,rgba(var(--color4),0) 50%) no-repeat;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size) / 2);left:calc(50% - var(--circle-size) / 2);transform-origin:calc(50% - 200px);animation:moveHorizontal 40s ease infinite;opacity:.7}.g5{position:absolute;background:radial-gradient(circle at center,rgba(var(--color5),.8) 0,rgba(var(--color5),0) 50%) no-repeat;mix-blend-mode:var(--blending);width:calc(var(--circle-size) * 2);height:calc(var(--circle-size) * 2);top:calc(50% - var(--circle-size));left:calc(50% - var(--circle-size));transform-origin:calc(50% - 800px) calc(50% + 200px);animation:moveInCircle 20s ease infinite;opacity:1}.interactive{position:absolute;background:radial-gradient(circle at center,rgba(var(--color-interactive),.8) 0,rgba(var(--color-interactive),0) 50%) no-repeat;mix-blend-mode:var(--blending);width:100%;height:100%;top:-50%;left:-50%;opacity:.7}@keyframes moveInCircle{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes moveVertical{0%{transform:translateY(-50%)}50%{transform:translateY(50%)}to{transform:translateY(-50%)}}@keyframes moveHorizontal{0%{transform:translate(-50%) translateY(-10%)}50%{transform:translate(50%) translateY(10%)}to{transform:translate(-50%) translateY(-10%)}}.main-app-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0 5%;gap:30px;box-sizing:border-box;background:conic-gradient(from 90deg at 1px 1px,#0000 90deg,#42424a8b 0) 0 0/15px 15px}.main-app-left-sidebar{width:300px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.main-app-middle-container{width:630px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.main-app-right-sidebar{width:330px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (orientation: portrait){.main-app-container{flex-direction:column;height:auto;padding-top:15px;padding-bottom:30px;gap:12px}.main-app-left-sidebar,.main-app-middle-container,.main-app-right-sidebar{width:100%}}