.header{position:absolute;top:24px;left:24px;display:inline-flex;justify-content:flex-start;align-items:center;gap:16px;z-index:1000}.header-logo{width:64px;height:44px}.header-brand{display:flex;justify-content:flex-start;align-items:center;gap:4px}.header-icon{width:24px;height:24px;position:relative;overflow:hidden}.header-icon-inner{width:21px;height:21px;left:1.5px;top:1.5px;position:absolute;background:white;outline:.75px white solid;outline-offset:-.38px}.header-text{color:#fff;font-size:22px;font-family:Manrope,sans-serif;font-weight:800;word-wrap:break-word;text-align:center}@media (max-width: 768px){.header{top:16px;left:16px}.header-brand{display:none}}.animated-icon{width:56px;height:56px;position:relative}.icon-background{width:56px;height:56px;left:4.2px;top:-3.29px;transform:rotate(0);position:absolute;transform-origin:bottom right;background:#1088F4;border-radius:12px;transition:all .6s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 12px #1088f44d}.animated-icon:hover .icon-background{transform:rotate(5deg)}.icon-background.animate{transform:rotate(15deg)}.icon-overlay{width:56px;height:56px;left:0;top:0;position:absolute;background:rgba(255,255,255,.6);border-radius:12px;outline:1px rgba(255,255,255,.6) solid;outline-offset:-1px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.icon-content{width:24px;height:24px;left:16px;top:16px;position:absolute;overflow:hidden}.icon-shape{width:21px;height:19.5px;left:1.5px;top:1.5px;position:absolute;background:#1088F4}.bullet-point{align-self:stretch;display:inline-flex;justify-content:flex-start;align-items:center;gap:8px}.bullet-icon{width:24px;height:24px;position:relative;overflow:hidden;flex-shrink:0}.bullet-icon-shape{width:18.75px;height:13.5px;left:3px;top:6px;position:absolute;background:#1088F4}.bullet-text{flex:1 1 0;color:#1a1a1a;font-size:16px;font-family:Manrope,sans-serif;font-weight:400;line-height:24px;word-wrap:break-word}.start-button{align-self:stretch;padding:12px 16px;background:rgba(255,255,255,.5);overflow:hidden;border-radius:40px;outline:1px #E6E6E6 solid;outline-offset:-1px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:inline-flex;justify-content:center;align-items:center;gap:6px;position:relative;cursor:pointer;transition:all .3s ease}.start-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.button-background{position:absolute;left:0;top:0;height:100%;background:rgba(134.87,178.59,244.17,.3);border-radius:40px;transition:width .6s ease}.button-content{display:flex;justify-content:center;align-items:center;gap:6px;position:relative;z-index:1}.button-text{color:#1a1a1a;font-size:14px;font-family:Manrope,sans-serif;font-weight:400;line-height:20px;word-wrap:break-word}.button-arrow{width:20px;height:20px;position:relative;overflow:hidden}.arrow-shape{width:16.25px;height:16.25px;left:1.88px;top:1.88px;position:absolute;background:#1A1A1A;transition:transform .3s ease}.start-button:hover .arrow-shape{transform:translate(2px)}.welcome-card{width:440px;height:fit-content;padding:40px;left:500px;top:101px;background:rgba(255,255,255,.5);overflow:hidden;border-radius:40px;outline:1px #E6E6E6 solid;outline-offset:-1px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;z-index:10}.welcome-title{align-self:stretch;color:#1a1a1a;font-size:24px;font-family:Manrope,sans-serif;font-weight:700;line-height:32px;word-wrap:break-word;margin:0}.bullet-points{display:flex;flex-direction:column;gap:16px;width:100%}@media (max-width: 768px){.welcome-card{width:343px;padding:24px 16px 16px;left:16px;top:140px}.welcome-title{font-size:20px;line-height:28px}}.loading-page{width:100%;height:100dvh;position:absolute;top:0;left:0;background:transparent;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url(/intro_cover.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;transition:opacity 1s ease-out;z-index:1000000;pointer-events:auto}.loading-page.dissolving{opacity:0}.loading-content{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:600px;padding:0 20px}.loading-icon{display:flex;justify-content:center;align-items:center;margin-bottom:16px}.loading-spinner{width:48px;height:48px;border:4px solid rgba(16,136,244,.2);border-top:4px solid #1088F4;border-radius:50%;animation:spin 1s linear infinite}.loading-error{background:rgba(231,76,60,.1);border:1px solid rgba(231,76,60,.3);border-radius:8px;padding:16px;text-align:center;color:#e74c3c;font-size:14px;line-height:1.5;max-width:500px;margin-top:16px}.loading-error p{margin:0 0 8px}.loading-error p:last-child{margin-bottom:0;font-size:12px;opacity:.8}.filled-button{position:relative;padding:12px 16px;background:rgba(255,255,255,.5);border-radius:40px;border:1px solid #E6E6E6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;overflow:hidden;display:inline-flex;justify-content:center;align-items:center;gap:6px;transition:all .3s ease;width:100%}.filled-button:hover:not(.disabled){background:rgba(255,255,255,.7);transform:translateY(-1px)}.filled-button.disabled{cursor:not-allowed;opacity:.6}.filled-button.primary{background:rgba(255,255,255,.8)}.filled-button.secondary{background:rgba(255,255,255,.2)}.button-fill{position:absolute;left:0;top:0;height:100%;background:rgba(134.87,178.59,244.17,.3);transition:width .3s ease;border-radius:40px}.button-content{position:relative;display:flex;align-items:center;gap:6px;z-index:1}.button-text{color:#1a1a1a;font-size:14px;font-family:Manrope,sans-serif;font-weight:400;line-height:20px}.button-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.button-icon svg{width:16px;height:16px}@media (max-width: 768px){.filled-button{padding:10px 14px}.button-text{font-size:13px}}.quiz-question{width:100%;display:flex;flex-direction:column;gap:16px}.question-header{display:flex;flex-direction:column;gap:8px}.question-counter{color:#4d4d4d;font-size:14px;font-family:Manrope,sans-serif;font-weight:400;line-height:20px}.question-text{color:#1a1a1a;font-size:24px;font-family:Manrope,sans-serif;font-weight:700;line-height:32px}.options-container{display:flex;flex-direction:column;gap:12px}.option{padding:12px 16px;border-radius:40px;border:1px solid #E6E6E6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .3s ease}.option:hover:not(.option-correct):not(.option-incorrect){background:rgba(255,255,255,.3)!important;transform:translateY(-1px)}.option-default{background:rgba(255,255,255,.2)}.option-correct{background:rgba(14.91,196.74,20.97,.2);cursor:default}.option-incorrect{background:rgba(196.74,14.91,14.91,.2);cursor:default}.option-letter{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#999;font-size:16px;font-family:Manrope,sans-serif;font-weight:500;line-height:24px;text-align:center}.option-text{color:#1a1a1a;font-size:14px;font-family:Manrope,sans-serif;font-weight:400;line-height:20px;flex:1}.explanation{padding:6px;background:rgba(255,255,255,.7);border-radius:16px;border:1px solid #E6E6E6;text-align:center;color:#1088f4;font-size:16px;font-family:Manrope,sans-serif;font-weight:400;line-height:24px;display:flex;flex-direction:column;gap:8px}.countdown-timer{color:#4d4d4d;font-size:14px;font-family:Manrope,sans-serif;font-weight:500;line-height:20px;opacity:.8}@media (max-width: 768px){.question-text{font-size:20px;line-height:28px}.option{padding:10px 14px}.option-text{font-size:13px}.explanation{font-size:14px}}.quiz-card{width:100%;height:100%;max-width:540px;padding:40px;position:relative;background:rgba(255,255,255,.5);overflow:hidden;border-radius:40px;border:1px solid #E6E6E6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;gap:16px}.quiz-header{display:flex;justify-content:space-between;align-items:flex-start}.close-button{width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .3s ease}.close-button:hover{background-color:#0000001a}.quiz-actions{margin-top:8px}@media (max-width: 768px){.quiz-card{padding:32px 24px}}@media (max-width: 480px){.quiz-card{padding:24px 20px}}.quiz-result{width:100%;height:100%;padding:40px;position:relative;background:rgba(255,255,255,.5);overflow:hidden;border-radius:40px;border:1px solid #E6E6E6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;gap:16px}.result-header{display:flex;justify-content:space-between;align-items:flex-start}.close-button{width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%}.result-content{flex:1;display:flex;flex-direction:column;gap:16px}.result-title{color:#1a1a1a;font-size:24px;font-family:Manrope,sans-serif;font-weight:700;line-height:32px;margin:0}.result-message{color:#1a1a1a;font-size:16px;font-family:Manrope,sans-serif;font-weight:400;line-height:24px;margin:0}.result-actions{margin-top:8px}@media (max-width: 768px){.quiz-result{padding:32px 24px}.result-title{font-size:20px;line-height:28px}.result-message{font-size:14px;line-height:20px}}@media (max-width: 480px){.quiz-result{padding:24px 20px}.result-title{font-size:18px;line-height:24px}}.score-card{width:100%;height:100%;padding:40px;max-width:540px;position:relative;background:rgba(255,255,255,.5);overflow:hidden;border-radius:40px;border:1px solid #E6E6E6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px}.score-title{align-self:stretch;color:#1a1a1a;font-size:24px;font-family:Manrope,sans-serif;font-weight:700;line-height:32px;margin:0}.bullet-points{align-self:stretch;display:flex;flex-direction:column;gap:16px}@media (max-width: 768px){.score-card{padding:32px 24px;margin:20px}.score-title{font-size:28px;margin:20px 0 24px}}@media (max-width: 480px){.score-card{padding:24px 20px;margin:16px}.score-title{font-size:24px;margin:16px 0 20px}}.info-card{width:400px;padding:24px;background:rgba(255,255,255,.6);overflow:hidden;border-radius:40px;outline:1px #E6E6E6 solid;outline-offset:-1px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:16px;position:relative;box-shadow:0 8px 32px #0000001a,0 4px 16px #0000000d,0 2px 8px #00000005;transform-style:preserve-3d;transition:all .3s ease}.info-card.billboard{background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 12px 40px #00000026,0 6px 20px #00000014,0 3px 12px #0000000a;border:2px solid rgba(255,255,255,.3)}.info-card-billboard{filter:drop-shadow(0 8px 24px rgba(0,0,0,.2))}.info-card-billboard .info-card{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);box-shadow:0 16px 48px #0003,0 8px 24px #0000001a,0 4px 16px #0000000d;border:2px solid rgba(255,255,255,.4);transform:scale(1.05)}.info-meta{align-self:stretch;justify-content:flex-start;align-items:center;gap:24px;display:flex}.meta-item{flex:1 1 0;justify-content:flex-start;align-items:center;gap:6px;display:flex}.meta-icon{width:20px;height:20px;position:relative;overflow:hidden}.icon-inner{width:18.75px;height:13.75px;left:.62px;top:3.12px;position:absolute;background:#4D4D4D}.meta-label{color:#4d4d4d;font-size:14px;font-family:Manrope,sans-serif;font-weight:400;line-height:20px;word-wrap:break-word}.meta-value{color:#4d4d4d;font-size:14px;font-family:Manrope,sans-serif;font-weight:600;line-height:20px;word-wrap:break-word}.info-content{align-self:stretch;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;display:flex}.info-title{color:#1a1a1a;font-size:24px;font-family:Manrope,sans-serif;font-weight:700;line-height:32px;word-wrap:break-word;margin:0}.info-description{align-self:stretch;color:#1a1a1a;font-size:16px;font-family:Manrope,sans-serif;font-weight:400;line-height:24px;word-wrap:break-word;margin:0}.step-indicator{width:100%;justify-content:flex-end;align-items:center;gap:8px;display:flex}.step-arrow{padding:4px;border-radius:999px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;display:inline-flex;position:relative;transition:all .2s ease}.step-prev{opacity:.4;background:rgba(255,255,255,.6)}.step-next{background:rgba(255,255,255,.6)}.step-arrow.clickable{opacity:1;cursor:pointer}.step-arrow.clickable:hover{background:rgba(255,255,255,.8);transform:scale(1.05)}.step-arrow.disabled{opacity:.4;cursor:default}.step-arrow.disabled:hover{background:rgba(255,255,255,.6);transform:none}.arrow-icon{width:7.5px;height:13.75px;position:absolute;background:#1A1A1A}.step-prev .arrow-icon{left:5.62px;top:3.12px}.step-next .arrow-icon{left:6.87px;top:3.12px}.step-text{color:#4d4d4d;font-size:14px;font-family:Manrope,sans-serif;font-weight:600;line-height:20px;word-wrap:break-word}.info-close{justify-content:center;align-items:center;gap:8px;display:inline-flex;cursor:pointer}.close-icon{width:20px;height:20px;position:relative;overflow:hidden}.close-icon:before,.close-icon:after{content:"";position:absolute;width:12.5px;height:1px;background:#4D4D4D;top:50%;left:50%}.close-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.close-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}@media (max-width: 768px){.info-card{width:100vw;left:0;bottom:0;position:fixed;border-radius:40px 40px 0 0}.step-indicator{justify-content:center}}.help-panel{position:absolute;bottom:60px;right:0;width:400px;background:rgba(255,255,255,.5);overflow:hidden;border-radius:40px;outline:1px #E6E6E6 solid;outline-offset:-1px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:24px;display:flex;flex-direction:column;gap:16px}.help-header{display:flex;align-items:center;gap:16px;position:relative}.help-icon{width:56px;height:56px;position:relative}.help-icon-background{width:56px;height:56px;left:18.2px;top:-16.29px;position:absolute;transform:rotate(15deg);transform-origin:top left;background:#1088F4;border-radius:12px}.help-icon-foreground{width:56px;height:56px;left:0;top:0;position:absolute;background:rgba(255,255,255,.6);border-radius:12px;outline:1px rgba(255,255,255,.6) solid;outline-offset:-1px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.help-icon-symbol{width:19.5px;height:19.5px;background:#1088F4}.help-title{color:#1a1a1a;font-size:24px;font-family:Manrope,sans-serif;font-weight:700;line-height:32px;word-wrap:break-word}.help-close{position:absolute;right:0;top:0;width:20px;height:20px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.close-icon{width:12.5px;height:12.5px;background:#4D4D4D}.help-content{display:flex;flex-direction:column;gap:24px}.help-item{display:flex;align-items:flex-start;gap:16px}.help-item-icon{width:24px;height:24px;flex-shrink:0}.movement-icon{background:#1088F4;width:15px;height:19.5px;margin:2.25px 4.5px}.rotation-icon{background:#1088F4;width:16.5px;height:16.5px;margin:3.75px}.steps-icon{background:#1088F4;width:22.5px;height:16.5px;margin:3.75px .75px}.floors-icon{background:#1088F4;width:17.25px;height:18px;margin:3px}.help-item-text{flex:1;display:flex;flex-direction:column;gap:4px}.help-item-title{color:#1a1a1a;font-size:16px;font-family:Manrope,sans-serif;font-weight:400;line-height:24px;word-wrap:break-word}.help-item-description{color:#4d4d4d;font-size:14px;font-family:Manrope,sans-serif;font-weight:400;line-height:20px;word-wrap:break-word}@media (max-width: 768px){.help-panel{width:100vw;left:0;bottom:0;position:fixed;border-radius:40px 40px 0 0}}.menu-container{position:absolute;right:24px;bottom:24px;z-index:1000;height:fit-content}.menu-buttons{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-end}.menu-button{padding:8px;background:rgba(255,255,255,.6);overflow:hidden;border-radius:40px;outline:1px #E6E6E6 solid;outline-offset:-1px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;justify-content:center;align-items:center;gap:6px;border:none;cursor:pointer;transition:all .3s ease;min-width:40px;height:40px}.menu-button:hover{background:rgba(255,255,255,.8);transform:translateY(-2px)}.menu-button.active{background:rgba(22.14,128.02,223.32,.3)}.menu-button.muted{background:rgba(220,53,69,.3)}.menu-button.active .button-text{color:#fff}.menu-button.active .button-icon svg path{fill:#fff}.menu-button.muted .button-icon svg{color:#dc3545}.button-icon{width:20px;height:20px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.button-icon svg{width:20px;height:20px;transition:all .3s ease}.menu-button .button-icon svg{color:#1a1a1a}.menu-button.active .button-icon svg{color:#fff}.icon-symbol{position:absolute;background:#1A1A1A}.icon-floor{width:14.38px;height:15px;left:2.5px;top:2.5px}.icon-info{width:18.13px;height:16.25px;left:1.25px;top:1.88px}.icon-settings{width:16.25px;height:16.25px;left:1.88px;top:1.88px}.menu-button.active .icon-symbol{background:white}.menu-button.muted .icon-symbol{background:#DC3545}.button-text{color:#1a1a1a;font-size:14px;font-family:Manrope,sans-serif;font-weight:400;line-height:20px;word-wrap:break-word;white-space:nowrap;transition:color .3s ease}@media (max-width: 768px){.menu-container{right:16px;top:16px}.menu-button{padding:6px;min-width:36px;height:36px}.button-icon{width:18px;height:18px}.button-icon svg{width:18px;height:18px}.icon-floor{width:13px;height:13.5px;left:2.25px;top:2.25px}.icon-info{width:16.3px;height:14.6px;left:1.13px;top:1.69px}.icon-settings{width:14.6px;height:14.6px;left:1.69px;top:1.69px}}.floors-panel{position:absolute;bottom:60px;right:0;width:375px;z-index:20}.panel-header{width:100%;height:100%;padding:24px 8px;position:relative;background:rgba(255,255,255,.4);overflow:hidden;border-radius:40px;outline:1px #E6E6E6 solid;outline-offset:-1px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;display:inline-flex}.progress-bar{width:240px;height:4px;background:white;overflow:hidden;border-radius:999px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;display:flex;margin-bottom:4px}.progress-fill{width:34px;height:4px;background:#1088F4;border-radius:999px}.panel-title{padding:4px 0;margin-top:-8px;justify-content:center;align-items:center;gap:8px;display:inline-flex;color:#1a1a1a;font-size:14px;font-family:Manrope,sans-serif;font-weight:400;line-height:20px;word-wrap:break-word}.floors-list{align-self:stretch;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;display:flex;width:100%;padding:0 8px}.floor-item{align-self:stretch;padding:8px 16px;background:linear-gradient(0deg,rgba(251.76,253.66,234.72,.6) 0%,rgba(251.76,253.66,234.72,.6) 100%);border-radius:24px 24px 200px 200px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:flex-start;display:flex;transition:all .3s ease;min-height:48px;cursor:pointer}.floor-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;background:linear-gradient(0deg,rgba(251.76,253.66,234.72,.8) 0%,rgba(251.76,253.66,234.72,.8) 100%)}.floor-item:nth-child(1){margin-left:16px;margin-right:16px;background:linear-gradient(0deg,#FEE4E4 0%,#FEE4E4 100%)}.floor-item:nth-child(2){margin-left:20px;margin-right:20px;background:linear-gradient(0deg,rgba(251.76,253.66,234.72,.6) 0%,rgba(251.76,253.66,234.72,.6) 100%)}.floor-item:nth-child(3){margin-left:40px;margin-right:40px;background:linear-gradient(0deg,rgba(234.74,253.47,231,.6) 0%,rgba(234.74,253.47,231,.6) 100%)}.floor-item:nth-child(4){margin-left:60px;margin-right:60px;background:linear-gradient(0deg,rgba(232.8,253.38,247.21,.6) 0%,rgba(232.8,253.38,247.21,.6) 100%)}.floor-item:nth-child(5){margin-left:80px;margin-right:80px;background:linear-gradient(0deg,rgba(225.83,230.82,253.02,.6) 0%,rgba(225.83,230.82,253.02,.6) 100%)}.floor-item:nth-child(6){margin-left:100px;margin-right:100px;background:linear-gradient(0deg,rgba(246.5,225.1,253.01,.6) 0%,rgba(246.5,225.1,253.01,.6) 100%)}.floor-item:nth-child(7){margin-left:140px;margin-right:140px;background:linear-gradient(0deg,rgba(246.5,225.1,253.01,.6) 0%,rgba(246.5,225.1,253.01,.6) 100%);justify-content:center;align-items:center;gap:8px;display:inline-flex}.floor-item.completed{justify-content:center;align-items:center;gap:8px;display:inline-flex;margin-left:140px;margin-right:140px;background:linear-gradient(0deg,rgba(246.5,225.1,253.01,.6) 0%,rgba(246.5,225.1,253.01,.6) 100%)}.floor-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.floor-item.active:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1088f433}.floor-item:nth-child(1):hover{background:linear-gradient(0deg,#FEE4E4 0%,#FEE4E4 100%);box-shadow:0 4px 12px #fee4e44d}.floor-item:nth-child(2):hover{background:linear-gradient(0deg,rgba(251.76,253.66,234.72,.8) 0%,rgba(251.76,253.66,234.72,.8) 100%)}.floor-item:nth-child(3):hover{background:linear-gradient(0deg,rgba(234.74,253.47,231,.8) 0%,rgba(234.74,253.47,231,.8) 100%)}.floor-item:nth-child(4):hover{background:linear-gradient(0deg,rgba(232.8,253.38,247.21,.8) 0%,rgba(232.8,253.38,247.21,.8) 100%)}.floor-item:nth-child(5):hover{background:linear-gradient(0deg,rgba(225.83,230.82,253.02,.8) 0%,rgba(225.83,230.82,253.02,.8) 100%)}.floor-item:nth-child(6):hover{background:linear-gradient(0deg,rgba(246.5,225.1,253.01,.8) 0%,rgba(246.5,225.1,253.01,.8) 100%)}.floor-item:nth-child(7):hover{background:linear-gradient(0deg,rgba(246.5,225.1,253.01,.8) 0%,rgba(246.5,225.1,253.01,.8) 100%)}.floor-number{align-self:stretch;text-align:center;color:#4d4d4d;font-size:12px;font-family:Manrope,sans-serif;font-weight:500;line-height:14.4px;word-wrap:break-word;margin-bottom:2px}.floor-name{align-self:stretch;text-align:center;color:#1a1a1a;font-size:16px;font-family:Manrope,sans-serif;font-weight:500;line-height:24px;word-wrap:break-word}.floor-item.active .floor-name{color:#1088f4}.floor-icon{width:24px;height:24px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.floor-icon:before{content:"";width:21px;height:21px;left:1.5px;top:1.5px;position:absolute;background:#1088F4;outline:.75px #1088F4 solid;outline-offset:-.38px}.panel-controls{display:flex;width:100%;justify-content:space-around;align-items:center;flex-direction:row}.control-button{width:20px;height:20px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}.panel-controls{display:flex;flex-direction:row;align-items:center}.control-button:first-child .control-icon{width:16.25px;height:15px;left:1.25px;top:2.5px;position:absolute;background:#4D4D4D}.control-button:last-child .control-icon{width:12.5px;height:12.5px;left:3.75px;top:3.75px;position:absolute;background:#4D4D4D}.control-icon{position:relative;background:#4D4D4D}.close-button{justify-content:center;align-items:center;gap:8px;display:flex;width:20px;height:20px;background:none;border:none;cursor:pointer;overflow:hidden;padding:0;opacity:1;visibility:visible;z-index:1}.close-button svg{width:20px;height:20px;display:block;opacity:1;visibility:visible}.close-button .control-icon:before{content:"";width:12.5px;height:12.5px;left:3.75px;top:3.75px;position:absolute;background:#4D4D4D}.you-are-here-marker{position:absolute;left:0;height:100%;box-sizing:border-box;align-items:center;justify-content:center;display:flex}.you-are-here-icon{height:70%}.floor-item:nth-child(1)>.you-are-here-marker{margin-left:30px}.floor-item:nth-child(2)>.you-are-here-marker{margin-left:35px}.floor-item:nth-child(3)>.you-are-here-marker{margin-left:5px}.floor-item:nth-child(4)>.you-are-here-marker{margin-left:-5px}.floor-item:nth-child(5)>.you-are-here-marker{margin-left:-25px}.floor-item:nth-child(6)>.you-are-here-marker{margin-left:-50px}@media (max-width: 768px){.floors-panel{width:100vw;left:0;bottom:0;position:fixed}.panel-header{border-radius:40px 40px 0 0}}.experience-page{width:100%;height:100%;position:absolute;top:0;left:0;background:transparent;overflow:hidden;z-index:15}.experience-page.background-mode{pointer-events:none}.experience-background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:5;pointer-events:auto}.experience-background{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.background-image{width:100%;height:100%;object-fit:cover}.experience-content{position:relative;z-index:15;width:100%;height:100%}.info-card-container{position:absolute;left:24px;top:246px;z-index:25}.interactive-elements{position:absolute;left:604px;top:362px;z-index:25}.interactive-point{width:40px;height:40px;padding:8px;background:white;box-shadow:0 0 8px 8px #1088f466;overflow:hidden;border-radius:200px;display:flex;justify-content:center;align-items:center;gap:8px;position:relative}.point-glow{flex:1 1 0;align-self:stretch;background:#1088F4;border-radius:200px}.point-core{position:absolute;width:24px;height:24px;background:#1088F4;border-radius:50%}@media (max-width: 768px){.info-card-container{left:16px;top:200px}.interactive-point{left:50%;top:50%;transform:translate(-50%,-50%)}}.video-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;transition:opacity 1s ease-out}.video-background.dissolving{opacity:0}.video-background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border:none}.video-background.loading-page-bg{z-index:1}.video-background.loading-page-bg .video-background-video{width:100%;height:100%;object-fit:cover}.skip-button{position:absolute;bottom:80px;right:24px;cursor:pointer;transition:all .3s ease;z-index:1001;min-width:120px;min-height:40px}.skip-button:hover{transform:translateY(-2px)}.skip-button:active{transform:translateY(0)}.skip-button:focus{outline:2px solid #007AFF;outline-offset:2px}.skip-button-content{width:100%;height:100%;padding:8px;background:rgba(255,255,255,.6);overflow:hidden;border-radius:40px;outline:1px #E6E6E6 solid;outline-offset:-1px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:center;align-items:center;gap:6px;display:inline-flex}.skip-button-icon{width:20px;height:20px;position:relative;overflow:hidden}.skip-button-icon-shape{width:12.5px;height:15px;left:3.75px;top:2.5px;position:absolute;background:#1A1A1A}.skip-button-text{color:#1a1a1a;font-size:14px;font-family:Manrope,sans-serif;font-weight:400;line-height:20px;word-wrap:break-word}.progress-bar-container{width:100%;max-width:500px;margin:0 auto;padding:20px;background:rgba(255,255,255,.95);border-radius:12px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.progress-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.progress-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.progress-stats{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.progress-count{font-weight:600;color:#1088f4}.progress-failed{color:#e74c3c;font-weight:500}.progress-bar-wrapper{position:relative;width:100%;height:12px;margin-bottom:12px;border-radius:6px;overflow:hidden}.progress-bar-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#e9ecef;border-radius:6px}.progress-bar-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#1088F4 0%,#0d6efd 100%);border-radius:6px;transition:width .3s ease;box-shadow:0 2px 4px #1088f44d}.progress-percentage{text-align:center;font-size:24px;font-weight:700;color:#1088f4;margin-bottom:16px}.progress-current-item{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;background:rgba(16,136,244,.1);border-radius:6px;border-left:3px solid #1088F4}.progress-current-label{font-size:14px;font-weight:500;color:#666}.progress-current-text{font-size:14px;font-weight:600;color:#1a1a1a;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;padding-top:16px;border-top:1px solid #e9ecef}.progress-detail-item{display:flex;flex-direction:column;align-items:center;gap:4px}.progress-detail-label{font-size:12px;color:#666;font-weight:500}.progress-detail-value{font-size:16px;font-weight:700;color:#1a1a1a}.progress-detail-value.success{color:#28a745}.progress-detail-value.error{color:#e74c3c}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.progress-bar-fill.loading{animation:pulse 1.5s ease-in-out infinite}@media (max-width: 768px){.progress-bar-container{margin:0 16px;padding:16px}.progress-title{font-size:16px}.progress-percentage{font-size:20px}.progress-details{grid-template-columns:1fr;gap:8px}}.tooltip{position:fixed;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);pointer-events:none;z-index:1000;white-space:nowrap;transform:translateY(-50%);animation:tooltipFadeIn .2s ease-out;max-width:400px;overflow:hidden;text-overflow:ellipsis}.tooltip:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #667eea}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%) scale(.8)}to{opacity:1;transform:translateY(-50%) scale(1)}}.vr-toggle{position:relative;display:inline-block}.vr-toggle-button{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:25px;padding:12px 20px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.vr-toggle-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.vr-toggle-button:active{transform:translateY(0)}.vr-toggle-button.vr-active{background:linear-gradient(135deg,#00ff88 0%,#00cc6a 100%);color:#000}.vr-toggle-button.vr-active:hover{background:linear-gradient(135deg,#00ee7e 0%,#00bb5f 100%)}.vr-icon{font-size:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.vr-text{font-weight:600;letter-spacing:.5px}.vr-tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:10px;background:rgba(0,0,0,.9);color:#fff;padding:12px 16px;border-radius:8px;font-size:14px;text-align:center;white-space:nowrap;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.vr-tooltip:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid rgba(0,0,0,.9)}.vr-tooltip p{margin:0;line-height:1.4}.vr-tooltip p:first-child{font-weight:700;margin-bottom:4px}.vr-toggle-disabled{display:flex;align-items:center;gap:8px;background:rgba(128,128,128,.3);color:#888;border-radius:25px;padding:12px 20px;font-size:16px;font-weight:700;cursor:not-allowed;opacity:.6}.vr-toggle-disabled .vr-icon{font-size:20px;opacity:.5}@media (max-width: 768px){.vr-toggle-button{padding:10px 16px;font-size:14px}.vr-icon{font-size:18px}.vr-tooltip{font-size:12px;padding:10px 14px}}.vr-toggle-button{transition:all .3s cubic-bezier(.4,0,.2,1)}.vr-toggle-button.vr-active{animation:vr-pulse 2s infinite}@keyframes vr-pulse{0%,to{box-shadow:0 4px 15px #00ff884d}50%{box-shadow:0 4px 25px #0f89}}.vr-toggle-button:hover .vr-icon{transform:scale(1.1);transition:transform .2s ease}.vr-toggle-button:hover .vr-text{transform:translate(2px);transition:transform .2s ease}.floor-video-card-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,1);display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:opacity .4s ease-out,backdrop-filter .4s ease-out;animation:fadeInBlur .5s ease-out}.floor-video-card{width:min(800px,90vw);max-width:90vw;background:rgba(255,255,255,.95);border-radius:24px;overflow:hidden;border:0px;animation:slideInUp .5s ease-out;transition:opacity .4s ease-out,transform .4s ease-out}.floor-video-card-overlay.fade-out{animation:fadeOutBlur .4s ease-out forwards}.floor-video-card.fade-out{animation:slideOutDown .4s ease-out forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInBlur{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}@keyframes fadeOutBlur{0%{opacity:1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}to{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(50px) scale(.9)}}.floor-video-meta{display:flex;flex-direction:column;gap:4px}.floor-video-number{color:#1088f4;font-size:14px;font-family:Manrope,sans-serif;font-weight:600;line-height:20px;text-transform:uppercase;letter-spacing:.5px}.floor-video-title{color:#1a1a1a;font-size:20px;font-family:Manrope,sans-serif;font-weight:700;line-height:28px}.floor-video-container{position:relative;width:100%;aspect-ratio:16/9;background:#fff;display:flex;align-items:center;justify-content:center}.floor-video{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.floor-video.loading{opacity:0}.floor-video-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;color:#fff;font-family:Manrope,sans-serif;font-size:16px;font-weight:500}.loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#1088f4;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.floor-video-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#f44;font-family:Manrope,sans-serif;font-size:16px;font-weight:500;text-align:center}.floor-video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;cursor:pointer;background:rgba(0,0,0,.7);padding:24px;border-radius:16px;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.floor-video-play-button:hover{background:rgba(0,0,0,.8);transform:translate(-50%,-50%) scale(1.05)}.play-icon{color:#fff;display:flex;align-items:center;justify-content:center}.floor-video-play-button span{color:#fff;font-family:Manrope,sans-serif;font-size:16px;font-weight:500;text-align:center}.floor-video-skip{position:absolute;bottom:20px;right:20px;display:flex;align-items:center;gap:8px;padding:12px 20px;background:rgba(0,0,0,.7);border:none;border-radius:8px;color:#fff;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.floor-video-skip:hover{background:rgba(0,0,0,.9);transform:translateY(-2px)}.floor-video-skip svg{width:14px;height:16px}@media (max-width: 768px){.floor-video-card{width:min(95vw,600px);margin:10px;border-radius:16px}.floor-video-header{padding:20px 20px 12px}.floor-video-title{font-size:18px;line-height:24px}.floor-video-container{aspect-ratio:16/10}.floor-video-loading,.floor-video-error{font-size:14px}.floor-video-play-button{padding:20px;gap:12px}.floor-video-play-button span{font-size:14px}.play-icon svg{width:40px;height:40px}}@media (max-width: 480px){.floor-video-card{width:calc(100vw - 20px);max-width:calc(100vw - 20px);margin:10px;border-radius:12px}.floor-video-container{aspect-ratio:16/9}.floor-video-loading{font-size:12px;gap:12px}.loading-spinner{width:24px;height:24px;border-width:2px}.floor-video-error{font-size:12px}.floor-video-play-button{padding:16px;gap:10px}.floor-video-play-button span{font-size:12px}.play-icon svg{width:32px;height:32px}}@media (max-width: 360px){.floor-video-card{width:calc(100vw - 10px);max-width:calc(100vw - 10px);margin:5px;border-radius:8px}}.vr-experience{position:relative;width:100%;height:100dvh;overflow:hidden;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.vr-not-supported{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;text-align:center;padding:2rem}.vr-not-supported h2{font-size:2.5rem;margin-bottom:1rem;color:#ff6b6b}.vr-not-supported p{font-size:1.2rem;max-width:500px;line-height:1.6}.vr-button{position:absolute;top:20px;right:20px;z-index:1000;cursor:pointer;transition:all .3s ease;min-width:140px;min-height:40px}.vr-button:hover{transform:translateY(-2px)}.vr-button:active{transform:translateY(0)}.vr-button:focus{outline:2px solid #007AFF;outline-offset:2px}.vr-button-content{width:100%;height:100%;padding:8px;background:rgba(255,255,255,.6);overflow:hidden;border-radius:40px;outline:1px #E6E6E6 solid;outline-offset:-1px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:center;align-items:center;gap:6px;display:inline-flex}.vr-button-icon{width:20px;height:20px;position:relative;overflow:hidden}.vr-button-icon-shape{width:17.5px;height:12.5px;left:1.25px;top:3.75px;position:absolute;background:#1A1A1A}.vr-button-text{color:#1a1a1a;font-size:14px;font-family:Manrope,sans-serif;font-weight:400;line-height:20px;white-space:nowrap}.vr-button-disabled{position:absolute;top:20px;right:20px;z-index:1000;cursor:not-allowed;min-width:140px;min-height:40px;opacity:.6}.vr-button-disabled .vr-button-content{background:rgba(200,200,200,.6)}.vr-button-disabled .vr-button-text{color:#666}.vr-experience.vr-active{background:#000}.vr-experience.vr-active .vr-button-content{background:rgba(255,100,100,.6)}.vr-experience.vr-active .vr-button-text{color:#c00}.vr-experience canvas{display:block;width:100%!important;height:100%!important}.vr-controller{transition:all .2s ease}.vr-controller:hover{transform:scale(1.1)}.vr-navigation-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100}@media (max-width: 768px){.vr-not-supported h2{font-size:2rem}.vr-not-supported p{font-size:1rem}.vr-button{top:10px;right:10px;padding:8px 16px;font-size:14px}}.vr-status{position:absolute;top:20px;left:20px;z-index:1000;background:rgba(0,0,0,.8);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.vr-status.connected{background:rgba(0,255,136,.8);color:#000}.vr-status.disconnected{background:rgba(255,0,0,.8);color:#fff}.vr-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;color:#fff;text-align:center}.vr-loading .spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #00ff88;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vr-environment{position:relative}.vr-floor{position:absolute;bottom:0;left:0;right:0;height:1px;background:#2c3e50}.vr-walls{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.vr-interactive{cursor:pointer;transition:all .3s ease}.vr-interactive:hover{transform:scale(1.05);filter:brightness(1.2)}.vr-interactive:active{transform:scale(.95)}.vr-text{font-family:Arial,sans-serif;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.vr-haptic-feedback{animation:haptic-pulse .1s ease-in-out}@keyframes haptic-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.app-layout{position:relative;width:100%;height:100dvh;overflow:hidden}.experience-container{position:relative;width:100%;height:100%}.score-card-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}.score-card-container{position:relative;max-width:90%;max-height:90%}.score-card-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s}.score-card-close:hover{background-color:#ffffff1a}.App{width:100%;height:100dvh;margin:0;padding:0;font-family:Manrope,sans-serif}body{overflow:hidden}.experience-container{display:flex;width:100%;height:100dvh;gap:20px;position:relative}.completion-container{display:flex;width:100%;height:100dvh;justify-content:center;align-items:center;padding:40px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.experience-container>*:first-child{flex:2;min-width:0}.image-viewer-section{flex:1;min-width:0;height:100%}.experience-360-viewer{height:100%;min-height:400px;width:100%;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.vr-toggle-container{position:absolute;top:20px;right:20px;z-index:1000}.experience-container.vr-mode{background:#000}.experience-container.vr-mode .vr-toggle-container{top:20px;right:20px}@media (max-width: 768px){.experience-container{flex-direction:column;gap:15px;padding:15px}.image-viewer-section{flex:none;height:40%}.experience-360-viewer{min-height:300px}.vr-toggle-container{display:none}}@media (max-width: 480px){.experience-container{padding:10px;gap:10px}.experience-360-viewer{min-height:250px}}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Manrope,sans-serif}.score-card-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.score-card-container{position:relative;max-width:90vw;max-height:90dvh;overflow:auto}.score-card-close{position:absolute;top:15px;right:15px;background:rgba(255,255,255,.2);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;z-index:1001;transition:background-color .2s ease}.score-card-close:hover{background:rgba(255,255,255,.3)}.score-card-close svg{width:20px;height:20px}.floor-item.score-card-button{display:flex;align-items:center;justify-content:center;padding:10px;border-radius:8px;transition:all .2s ease;background:linear-gradient(135deg,#1088F4 0%,#0a6bb8 100%);color:#fff;font-weight:600;text-align:center;min-height:60px}.floor-item.score-card-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1088f44d;background:linear-gradient(135deg,#0a6bb8 0%,#085a9e 100%)}.floor-item.score-card-button svg{filter:brightness(0) invert(1)}.score-card-content{display:flex;flex-direction:column;align-items:center;gap:8px}.score-card-text{font-size:12px;font-weight:600;text-align:center;line-height:1.2}#root{width:100vw;height:100dvh}body{margin:0}*{box-sizing:border-box;margin:0;padding:0}canvas{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}