@import"https://fonts.googleapis.com/css2?family=Aladin&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--font-body: "Outfit", sans-serif;--font-brand: "Aladin", cursive, serif;--font-wood-title: "Irish Grover", cursive, serif;--font-serif: "Fraunces", serif}*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}body{width:100vw;height:100vh;background-color:#17161e;font-family:var(--font-body);display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;color:#fff}.viewport-frame{position:relative;width:100vw;height:100vh;background-color:#eedec9;overflow:hidden;display:flex;justify-content:center;align-items:center;z-index:10}.top-bar{position:absolute;top:24px;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:0 32px;z-index:80;pointer-events:none}.top-right-group{display:flex;align-items:center;gap:16px;pointer-events:auto}.profile-section-wrapper{position:relative;display:flex;align-items:center;pointer-events:auto;z-index:90}.top-icon-btn{pointer-events:auto;width:52px;height:52px;border-radius:50%;background:#e6d3ba;border:1.5px solid #d0b89c;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;transition:transform .2s cubic-bezier(.175,.885,.32,1.25),filter .2s ease;box-shadow:inset 0 1px 2px #fff9,0 2px 8px #00000014;position:relative;overflow:hidden;z-index:105}.top-btn-icon-img{width:100%;height:100%;object-fit:cover}.top-menu-btn{background:none!important;border:none!important;outline:none!important;box-shadow:none!important;cursor:pointer;padding:0;margin-left:12px;height:44px;display:flex;align-items:center;justify-content:center;pointer-events:auto;z-index:92;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),filter .2s ease}.top-menu-svg-img{height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(80,40,10,.3));transform-origin:center center;transition:filter .2s ease,transform .2s cubic-bezier(.175,.885,.32,1.275)}.top-menu-btn:hover .top-menu-svg-img{transform:scale(1.05);filter:drop-shadow(0 6px 14px rgba(110,50,15,.45)) brightness(1.08)}.top-menu-btn:active .top-menu-svg-img{transform:scale(.95)}.top-icon-btn:hover{transform:scale(1.06);filter:brightness(1.05)}.top-icon-btn:active{transform:scale(.95)}.volume-btn{position:relative}.volume-off-line{position:absolute;top:50%;left:12%;width:76%;height:3.5px;background:#d32f2f;border-radius:2px;transform:translateY(-50%) rotate(-45deg) scaleX(0);transform-origin:center;transition:transform .25s cubic-bezier(.175,.885,.32,1.25);box-shadow:0 1px 2px #0000004d;pointer-events:none}.volume-btn.muted .volume-off-line{transform:translateY(-50%) rotate(-45deg) scaleX(1)}.volume-btn.muted{filter:grayscale(.4) brightness(.9)}.notification-badge{position:absolute;top:3px;right:3px;width:10px;height:10px;background-color:#d32f2f;border-radius:50%;border:2px solid #e6d3ba}.employee-drawer-container{position:absolute;top:0;left:24px;width:280px;pointer-events:none;z-index:95}.flag-bar-horizontal{position:absolute;top:14px;left:0;width:280px;height:24px;transform-origin:left center;transform:scaleX(0);opacity:0;z-index:98}.flag-rod-crop{width:280px;height:16px;overflow:hidden;position:relative}.flag-svg-raw{width:280px;height:auto;display:block}.flag-ribbon-vertical{position:absolute;top:4px;right:0;width:38px;height:90px;overflow:hidden;transform-origin:top center;transform:scaleY(0);opacity:0;z-index:99}.flag-ribbon-svg-raw{width:280px;height:auto;display:block;position:absolute;right:0;top:0}.employee-card-drop{position:absolute;top:6px;left:30px;width:220px;transform-origin:top center;transform:scaleY(0) translateY(-10px);opacity:0;pointer-events:none;z-index:102;filter:drop-shadow(0 10px 18px rgba(50,20,5,.4))}.employee-details-svg-img{width:220px;height:auto;display:block}.profile-section-wrapper.open .flag-bar-horizontal{transform:scaleX(1);opacity:1;transition:transform .4s cubic-bezier(.34,1.56,.64,1) 0s,opacity .2s ease 0s}.profile-section-wrapper.open .flag-ribbon-vertical{transform:scaleY(1);opacity:1;transition:transform .35s cubic-bezier(.34,1.4,.64,1) .3s,opacity .2s ease .3s}.profile-section-wrapper.open .employee-card-drop{transform:scaleY(1) translateY(0);opacity:1;pointer-events:auto;transition:transform .45s cubic-bezier(.175,.885,.32,1.275) .55s,opacity .3s ease .55s}.profile-section-wrapper:not(.open) .employee-card-drop{transform:scaleY(0) translateY(-10px);opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.6,-.28,.735,.045) 0s,opacity .2s ease 0s}.profile-section-wrapper:not(.open) .flag-ribbon-vertical{transform:scaleY(0);opacity:0;transition:transform .3s ease-in .25s,opacity .2s ease .25s}.profile-section-wrapper:not(.open) .flag-bar-horizontal{transform:scaleX(0);opacity:0;transition:transform .35s cubic-bezier(.6,-.28,.735,.045) .45s,opacity .2s ease .45s}.nav-chevron{display:none!important}#threejs-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:5;background:transparent}.global-cat-loader{position:absolute;top:0;left:0;width:100%;height:100%;background:#f5e9d6;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;pointer-events:none;transition:opacity .35s ease}.global-cat-video{width:228px;height:228px;object-fit:contain;border-radius:0;box-shadow:none;background:transparent;pointer-events:none}.viewer-loader{position:absolute;top:0;right:0;bottom:0;left:0;background:#f5e9d6;z-index:50;display:flex;justify-content:center;align-items:center;transition:opacity .5s ease}.viewer-loader.hidden{opacity:0;pointer-events:none}.spinner{width:36px;height:36px;border:3px solid rgba(139,90,54,.3);border-top-color:#8b5a36;border-radius:50%;animation:spin 1.2s infinite linear}@keyframes spin{to{transform:rotate(360deg)}}.spinner-text{font-family:var(--font-body);font-size:10px;font-weight:800;letter-spacing:.15em;color:#512e17;text-transform:uppercase}.brand-selector-container{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:85;display:flex;flex-direction:column;align-items:center;pointer-events:auto}.wood-btn{position:relative;background:linear-gradient(180deg,#d28c68,#bd734d 40%,#9e5833);border:2px solid #542b16;border-radius:6px;color:#3b2219;font-family:var(--font-brand);font-size:21px;font-weight:400;padding:6px 24px;cursor:pointer;outline:none;min-width:190px;text-align:center;text-transform:capitalize;text-shadow:1px 1px 0px rgba(255,255,255,.25);transition:transform .2s cubic-bezier(.175,.885,.32,1.25),filter .2s ease;box-shadow:inset 0 2px 2px #ffffff40!important;clip-path:polygon(2% 8%,14% 5%,32% 9%,52% 4%,72% 7%,86% 3%,98% 7%,99% 28%,97% 58%,99% 86%,96% 95%,78% 91%,54% 96%,34% 92%,14% 95%,4% 90%,1% 72%,3% 42%,1% 22%)}.wood-btn:hover{transform:scale(1.04);filter:brightness(1.08)}.wood-btn:active{transform:scale(.97);filter:brightness(.93)}.active-brand-btn{font-size:22px;padding:8px 32px;min-width:220px}.brand-option-btn.svg-btn,.active-brand-btn.svg-btn{background:none!important;border:none!important;clip-path:none!important;padding:0!important;min-width:unset!important;width:260px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .22s cubic-bezier(.175,.885,.32,1.275),filter .2s ease,drop-shadow .2s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,0));box-shadow:none!important}.active-brand-btn.svg-btn{width:240px}.active-brand-btn.svg-btn img{width:100%;height:auto;display:block;pointer-events:none}.brand-option-btn.svg-btn{width:300px}.brand-option-btn.svg-btn img{width:100%;height:auto;display:block;pointer-events:none}.brand-option-btn.svg-btn:hover,.active-brand-btn.svg-btn:hover{transform:scale(1.06);filter:brightness(1.1) drop-shadow(0 4px 12px rgba(120,60,20,.35))}.brand-option-btn.svg-btn:active,.active-brand-btn.svg-btn:active{transform:scale(.96);filter:brightness(.92) drop-shadow(0 1px 4px rgba(0,0,0,.15))}.brand-list-drawer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);opacity:0;pointer-events:none;transition:transform .4s cubic-bezier(.175,.885,.32,1.15),opacity .35s ease;display:flex;flex-direction:column;align-items:center;gap:20px;z-index:90;background:none!important;border:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important}.brand-list-drawer.open{transform:translate(-50%,-50%) scale(1.05);opacity:1;pointer-events:auto}.drawer-main-row{display:flex;align-items:center;justify-content:center;gap:28px;position:relative}.brand-list-drawer.open .brand-option-btn{animation:plank-fall-down .8s cubic-bezier(.25,1.1,.5,1.25) both}.brand-list-drawer.open .brand-option-btn:nth-child(1){animation-delay:.04s}.brand-list-drawer.open .brand-option-btn:nth-child(2){animation-delay:.1s}.brand-list-drawer.open .brand-option-btn:nth-child(3){animation-delay:.16s}.brand-list-drawer.open .brand-option-btn:nth-child(4){animation-delay:.22s}.brand-list-drawer.open .brand-option-btn:nth-child(5){animation-delay:.28s}.brand-list-drawer.open .brand-option-btn:nth-child(6){animation-delay:.34s}@keyframes plank-fall-down{0%{transform:translateY(-280px) rotate(6deg);opacity:0}65%{transform:translateY(12px) rotate(-1.5deg);opacity:.9}85%{transform:translateY(-3px) rotate(.5deg)}to{transform:translateY(0) rotate(0);opacity:1}}.brand-planks-stack{display:flex;flex-direction:column;gap:10px;max-height:500px;overflow-y:auto;padding:24px 10px;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.6) 6%,black 14%,black 86%,rgba(0,0,0,.6) 94%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.6) 6%,black 14%,black 86%,rgba(0,0,0,.6) 94%,transparent 100%)}.brand-planks-stack::-webkit-scrollbar{display:none}.wood-rod{position:relative;width:16px;height:500px;flex-shrink:0;display:flex;justify-content:center}.wood-rod-track-img{width:100%;height:100%;object-fit:fill;pointer-events:none;filter:none!important}.wood-rod-thumb{position:absolute;top:0;left:50%;transform:translate(-50%);width:16px;height:41px;cursor:pointer;z-index:5;transition:top .05s ease-out}.wood-rod-thumb-img{width:100%;height:100%;object-fit:fill;pointer-events:none;filter:none!important}.drawer-dots{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:4px;width:100%;padding-right:44px;box-sizing:border-box}.drawer-dots .dot{width:9px;height:9px;border-radius:50%;background-color:#8b5238;opacity:.6;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.drawer-dots .dot:hover{transform:scale(1.3);opacity:1}.drawer-dots .dot.active{transform:scale(1.2);opacity:1;background-color:#6e3922}.selector-dim-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#eedec9a6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:75;opacity:0;pointer-events:none;transition:opacity .35s ease;border-radius:0}.selector-dim-overlay.active{opacity:1;pointer-events:auto}.identity-selection-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#1f1a15d9,#120e0bf2);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px;padding:30px 20px;opacity:0;pointer-events:none;transition:opacity .4s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.identity-selection-overlay.active{opacity:1;pointer-events:auto}.identity-cards-container{display:flex;justify-content:center;align-items:center;gap:40px;width:100%;max-width:1350px;perspective:1200px}.identity-card{position:relative;cursor:pointer;transition:transform .3s cubic-bezier(.25,.8,.25,1),filter .3s ease;width:390px;height:530px;transform-style:preserve-3d}.identity-card img{width:100%;height:100%;object-fit:fill;border-radius:0;pointer-events:none;box-shadow:none!important}.card-highlight{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border:4px solid #ecc97e;border-radius:0;pointer-events:none;opacity:0;transition:opacity .3s cubic-bezier(.19,1,.22,1),transform .3s cubic-bezier(.19,1,.22,1);box-shadow:0 0 25px #ecc97e80,inset 0 0 15px #ecc97e33;transform:scale(1.04)}.identity-card:hover{transform:translateY(-10px) scale(1.03) rotate(.5deg);filter:brightness(1.06)}.identity-card.selected{transform:translateY(-15px) scale(1.05)}.identity-card.selected .card-highlight{opacity:1;transform:scale(1)}.identity-selection-overlay.active .card-left{animation:card-deal-left-anim .9s cubic-bezier(.175,.885,.32,1.15) both;animation-delay:.1s}.identity-selection-overlay.active .card-center{animation:card-deal-center-anim .8s cubic-bezier(.175,.885,.32,1.15) both;animation-delay:.05s}.identity-selection-overlay.active .card-right{animation:card-deal-right-anim .9s cubic-bezier(.175,.885,.32,1.15) both;animation-delay:.1s}@keyframes card-deal-center-anim{0%{transform:translateY(50px) scale(.65) rotate(0);opacity:0;z-index:30}to{transform:translate(0) scale(1) rotate(0);opacity:1;z-index:30}}@keyframes card-deal-left-anim{0%{transform:translate(calc(100% + 40px),50px) scale(.65) rotate(8deg);opacity:0;z-index:10}35%{transform:translate(calc(100% + 40px),50px) scale(.9) rotate(4deg);opacity:1;z-index:10}to{transform:translate(0) scale(1) rotate(0);opacity:1;z-index:20}}@keyframes card-deal-right-anim{0%{transform:translate(calc(-100% - 40px),50px) scale(.65) rotate(-8deg);opacity:0;z-index:10}35%{transform:translate(calc(-100% - 40px),50px) scale(.9) rotate(-4deg);opacity:1;z-index:10}to{transform:translate(0) scale(1) rotate(0);opacity:1;z-index:20}}.identity-select-btn{background:none;border:none;cursor:pointer;height:68px;display:flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.175,.885,.32,1.25),filter .2s ease,opacity .3s ease;animation:select-btn-entry .7s cubic-bezier(.19,1,.22,1) both;animation-delay:.5s;filter:none!important}.identity-select-btn img{height:100%;width:auto}.identity-select-btn:hover{transform:scale(1.06);filter:brightness(1.08)!important}.identity-select-btn:active{transform:scale(.96);filter:brightness(.92)!important}.identity-select-btn.disabled{opacity:.4;pointer-events:none;filter:grayscale(1)!important}@keyframes select-btn-entry{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.viewport-frame{width:100vw;height:100vh;border-radius:0}.wood-btn{min-width:130px;font-size:13px;padding:6px 16px}.active-brand-btn{min-width:150px;font-size:14px;padding:8px 24px}.brand-list-drawer{height:auto;max-height:80vh;bottom:auto;top:50%;transform:translate(-50%,-50%) scale(.85);gap:20px}.brand-list-drawer.open{transform:translate(-50%,-50%) scale(1)}.brand-planks-stack{max-height:280px}.wood-rod{height:250px;width:10px}.wood-rod-thumb{width:10px;height:26px}.brand-option-btn.svg-btn{width:200px}.active-brand-btn.svg-btn{width:180px}.brand-option-btn.svg-btn img,.active-brand-btn.svg-btn img{width:100%;height:auto}.identity-selection-overlay{padding:15px 10px;gap:25px}.identity-cards-container{gap:12px}.identity-card{width:157px;height:213px}.card-highlight{top:-4px;right:-4px;bottom:-4px;left:-4px;border-width:2.5px;border-radius:0}.identity-select-btn{height:38px}}.level-quick-btn{background:#e6d3ba;border:1.5px solid #d0b89c}.level-selection-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:#eedec9;z-index:120;display:flex;align-items:center;justify-content:center;padding:0;margin:0;opacity:0;pointer-events:none;transform:scale(1);transition:opacity .4s ease;overflow:hidden}.level-selection-overlay.active{opacity:1;pointer-events:auto}.level-selection-svg-container{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.level-selection-svg-container svg{width:100vw;height:100vh;object-fit:fill;display:block}.level-svg-num-target,.level-svg-num-target *{pointer-events:auto!important;cursor:pointer!important}.level-svg-num-target{transform-box:fill-box;transform-origin:center center;transition:transform .25s cubic-bezier(.175,.885,.32,1.25),filter .22s ease}.level-svg-num-target:hover{transform:scale(1.15);filter:brightness(1.22) drop-shadow(0 10px 28px rgba(130,60,15,.65))}.level-svg-num-target:active{transform:scale(.94)}.level-svg-back-target,.level-svg-back-target *{pointer-events:auto!important;cursor:pointer!important}.level-svg-back-target{transform-box:fill-box;transform-origin:center center;transition:transform .22s cubic-bezier(.175,.885,.32,1.25),filter .2s ease}.level-svg-back-target:hover{transform:scale(1.06);filter:brightness(1.15)}.level-svg-back-target:active{transform:scale(.95)}.level-overlay-back-btn.svg-back-btn{position:absolute;top:24px;left:32px;height:48px;z-index:99999!important;background:transparent;border:none;padding:0;cursor:pointer!important;outline:none;pointer-events:auto!important;transition:transform .22s cubic-bezier(.175,.885,.32,1.25),filter .2s ease;display:flex;align-items:center}.level-overlay-back-btn .back-svg-img{height:48px;width:auto;display:block;pointer-events:none;filter:drop-shadow(0 6px 18px rgba(40,15,5,.45))}.level-overlay-back-btn:hover{transform:scale(1.06);filter:brightness(1.15)}.level-overlay-back-btn:active{transform:scale(.95)}.level-detail-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:150;display:flex;align-items:flex-start;justify-content:center;pointer-events:none;opacity:0;transition:opacity .35s ease}.level-detail-overlay.active{opacity:1;pointer-events:auto}.level-detail-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#160e08b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer}.level-detail-card{position:relative;width:90%;max-width:520px;margin-top:24px;display:flex;align-items:center;justify-content:center;z-index:160;transform:translateY(-120%) scale(.9);transition:transform .55s cubic-bezier(.175,.885,.32,1.2)}.level-detail-overlay.active .level-detail-card{transform:translateY(0) scale(1)}.level-detail-bg-svg{width:100%;height:auto;display:block;filter:drop-shadow(0 20px 48px rgba(20,8,2,.55))}.level-detail-svg-num-overlay{position:absolute;left:26.5%;top:20%;width:12.5%;height:12.5%;display:flex;align-items:center;justify-content:center;z-index:170;pointer-events:none}.level-detail-svg-num-overlay img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(50,20,5,.3))}.level-detail-svg-stars-overlay{position:absolute;left:41.5%;top:85.1%;width:16.5%;height:4.8%;display:flex;align-items:center;justify-content:center;gap:4px;z-index:170;pointer-events:none}.level-detail-svg-stars-overlay .level-star-icon{width:22px;height:22px}.level-detail-svg-stars-overlay .level-star-icon.filled svg path{fill:#bd7353;stroke:#bd7353}.level-detail-svg-stars-overlay .level-star-icon.unfilled svg path{fill:#cbb497;stroke:#a08465;opacity:.5}.level-detail-play-btn{position:absolute;left:28%;bottom:6%;width:44%;height:10.5%;background:transparent;border:none;cursor:pointer;outline:none;z-index:180;border-radius:20px;transition:transform .22s cubic-bezier(.175,.885,.32,1.25),background-color .2s ease,box-shadow .2s ease}.level-detail-play-btn:hover{transform:scale(1.03);background:#fff0d226;box-shadow:0 0 25px #ffdca066}.level-detail-play-btn:active{transform:scale(.96)}@media (max-width: 768px){.level-selection-svg-container{max-width:100%}.level-detail-card{width:95%;margin-top:12px}.level-detail-close .level-detail-close-btn{width:32px;height:32px}}.focus-trigger-hint{position:absolute;top:90px;left:50%;transform:translate(-50%);z-index:75;background:linear-gradient(180deg,#e6d3ba,#d5be9f);border:1.5px solid #8e4220;border-radius:20px;padding:6px 18px;display:flex;align-items:center;gap:8px;cursor:pointer;outline:none;font-family:var(--font-body);font-size:11px;font-weight:800;letter-spacing:.08em;color:#5c2f16;box-shadow:0 4px 12px #3c19052e,inset 0 1px 2px #fff9;transition:transform .22s cubic-bezier(.175,.885,.32,1.25),filter .2s ease,opacity .3s ease;pointer-events:auto}.focus-trigger-hint:hover{transform:translate(-50%) scale(1.06);filter:brightness(1.08)}.focus-trigger-hint:active{transform:translate(-50%) scale(.96)}.viewport-frame.focus-mode-active .focus-trigger-hint{opacity:0;pointer-events:none}.focus-mode-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:130;pointer-events:none;opacity:0;transition:opacity .4s ease}.focus-mode-overlay.active{opacity:1;pointer-events:none}.focus-overlay-back-btn.svg-back-btn{position:absolute;top:24px;left:32px;height:48px;z-index:99999!important;background:transparent;border:none;padding:0;cursor:pointer!important;outline:none;transition:transform .22s cubic-bezier(.175,.885,.32,1.25),filter .2s ease;pointer-events:auto!important;display:flex;align-items:center}.focus-overlay-back-btn .back-svg-img{height:48px;width:auto;display:block;pointer-events:none;filter:drop-shadow(0 6px 18px rgba(40,15,5,.45))}.focus-overlay-back-btn:hover{transform:scale(1.06);filter:brightness(1.15)}.focus-overlay-back-btn:active{transform:scale(.95)}.focus-exit-btn.svg-back-btn{position:relative;height:48px;margin-left:12px;z-index:99999!important;background:transparent;border:none;padding:0;cursor:pointer!important;outline:none;transition:transform .22s cubic-bezier(.175,.885,.32,1.25),filter .2s ease,opacity .3s ease;opacity:0;pointer-events:none;display:flex;align-items:center}.focus-exit-btn .back-svg-img{height:44px;width:auto;display:block;pointer-events:none;filter:drop-shadow(0 4px 12px rgba(40,15,5,.4))}.viewport-frame.focus-mode-active .focus-exit-btn{opacity:1!important;pointer-events:auto!important}.focus-exit-btn:hover{transform:scale(1.06);filter:brightness(1.15)}.focus-exit-btn:active{transform:scale(.95)}.focus-component-tabs{display:flex;align-items:center;gap:8px;background:#e6d3bad9;border:1.5px solid #c0a485;border-radius:24px;padding:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 15px #0000001f}.focus-tab-btn{background:transparent;border:none;border-radius:18px;padding:6px 14px;font-family:var(--font-body);font-size:11px;font-weight:700;color:#6a3e24;cursor:pointer;outline:none;transition:background .2s ease,color .2s ease,transform .2s ease}.focus-tab-btn:hover{background:#8e42201f;color:#4a2311}.focus-tab-btn.active{background:linear-gradient(180deg,#8e4220,#6e3215);color:#fff6eb;font-weight:800;box-shadow:0 2px 6px #3c190540}.focus-info-box{position:absolute;bottom:28px;right:32px;width:350px;background:linear-gradient(180deg,#f9f0e3,#ecd9c1);border:2px solid #8e4220;border-radius:16px;padding:20px;box-shadow:0 16px 40px #230f0559,inset 0 1px 3px #ffffffb3;z-index:140;pointer-events:auto;transform:translateY(20px);opacity:0;transition:transform .4s cubic-bezier(.175,.885,.32,1.2),opacity .35s ease}.focus-mode-overlay.active .focus-info-box{transform:translateY(0);opacity:1}.focus-info-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.focus-badge-tag{background:#8e4220;color:#fff6eb;font-size:9px;font-weight:800;letter-spacing:.12em;padding:3px 8px;border-radius:10px;text-transform:uppercase}.focus-info-controls{display:flex;gap:6px}.focus-nav-arrow{width:26px;height:26px;border-radius:50%;background:#e4cfb7;border:1px solid #a88463;color:#5c2f16;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;transition:transform .15s ease,background .15s ease}.focus-nav-arrow:hover{transform:scale(1.1);background:#8e4220;color:#fff6eb}.focus-info-title{font-family:var(--font-wood-title);font-size:20px;color:#512611;margin:0 0 2px;line-height:1.2}.focus-info-subtitle{font-family:var(--font-body);font-size:11px;font-weight:600;color:#8b5738;margin-bottom:14px}.focus-info-specs{display:flex;flex-direction:column;gap:6px;background:#ffffff73;border:1px solid rgba(142,66,32,.2);border-radius:10px;padding:10px 12px;margin-bottom:12px}.focus-spec-item{display:flex;align-items:center;justify-content:space-between;font-size:11px}.spec-label{font-weight:700;color:#7a4629;letter-spacing:.05em}.spec-value{font-weight:600;color:#3b1b0b}.spec-value.highlight{color:#b04618;font-weight:800}.focus-info-desc{font-family:var(--font-body);font-size:11px;line-height:1.45;color:#4f2814;margin-bottom:14px}.focus-info-footer{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid rgba(142,66,32,.2)}.focus-kit-counter{font-size:10px;font-weight:800;color:#8e4220;letter-spacing:.1em}@media (max-width: 768px){.focus-top-bar{top:16px;left:16px;right:16px;flex-direction:column;align-items:flex-start}.focus-info-box{left:16px;right:16px;width:auto;bottom:16px}}.level1-game-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10000;display:none;background-color:#eedec9}.level1-game-overlay.active{display:flex}.level1-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10100;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;background-color:#0a0806e6}.level1-loading .spinner{width:36px;height:36px;border:3px solid rgba(139,90,54,.3);border-top-color:#8b5a36;border-radius:50%;animation:spin 1.2s infinite linear}.level1-loading .spinner-text{font-family:var(--font-body);font-size:10px;font-weight:800;letter-spacing:.15em;color:#c4b4a0;text-transform:uppercase}#level1-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.level1-back-btn{position:absolute;top:-76px;right:12px;left:auto;width:52px;height:52px;border-radius:50%;background:none;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:100;transform:scale(4.8);transform-origin:top right;transition:transform .2s cubic-bezier(.175,.885,.32,1.25),filter .2s ease;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25))}.level1-back-btn:hover{transform:scale(5);filter:brightness(1.1) drop-shadow(0 6px 14px rgba(0,0,0,.35))}.level1-back-btn:active{transform:scale(4.5)}.level1-back-btn .back-svg-img{width:100%;height:100%;object-fit:contain;pointer-events:none}.tutorial-hand-pointer{position:absolute;width:64px;height:64px;display:flex;justify-content:center;align-items:center;animation:hand-bob 1.5s ease-in-out infinite;pointer-events:none;transition:left .4s ease,top .4s ease;transform:translate(-50%,-100%);filter:drop-shadow(0 6px 14px rgba(0,0,0,.7))}.tutorial-hand-pointer.wrong{animation:shake .4s ease}@keyframes hand-bob{0%,to{transform:translate(-50%,-100%) translateY(0)}50%{transform:translate(-50%,-100%) translateY(-12px)}}.tutorial-label{display:none!important}.level1-info-bar-modal{position:absolute;top:45%;left:calc(50% + 310px);transform:translateY(-50%);width:195px;max-width:22vw;z-index:100;pointer-events:auto;animation:slideInRight .4s cubic-bezier(.175,.885,.32,1.25) forwards}@media (max-width: 1200px){.level1-info-bar-modal{left:auto;right:28px;width:180px}}@keyframes slideInRight{0%{opacity:0;transform:translateY(-50%) translate(35px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.info-bar-card{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;box-sizing:border-box;filter:drop-shadow(0 10px 24px rgba(60,30,10,.3));cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.25)}.info-bar-card:hover{transform:scale(1.03)}.info-bar-plank-container{position:relative;width:78%;display:flex;align-items:center;justify-content:center;pointer-events:none;margin-bottom:-2px}.info-bar-plank-img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(40,15,5,.35));display:block}.info-bar-frame-container{position:relative;width:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.info-bar-frame-bg{width:100%;height:auto;display:block;pointer-events:none}.level1-progress-bar{position:absolute;top:0;left:0;width:100%;height:4px;background-color:#00000080;z-index:100}.level1-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#b07354,#ecd9c1);transition:width .3s ease}.level1-tutorial-ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none}.level1-info-bar-modal.highlighter-mode .info-bar-plank-container{width:100%;transform:scale(1.6);transform-origin:center center;margin-bottom:0}.tutorial-progress-bars{position:absolute;bottom:28px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:60;pointer-events:none}.progress-bar-segment{width:64px;height:6px;border-radius:10px;background-color:#e4b595;box-shadow:none!important;border:none!important;transition:background-color .4s ease,transform .3s ease}.progress-bar-segment.done[data-step="0"],.progress-bar-segment.active[data-step="0"]{background-color:#5d2b12}.progress-bar-segment.done[data-step="1"],.progress-bar-segment.active[data-step="1"]{background-color:#853d1b}.progress-bar-segment.done[data-step="2"],.progress-bar-segment.active[data-step="2"]{background-color:#a95b35}.progress-bar-segment.done[data-step="3"],.progress-bar-segment.active[data-step="3"]{background-color:#c87a53}.progress-bar-segment.active{border:none!important;box-shadow:none!important;transform:none!important}.tutorial-complete-toast{position:absolute;top:14%;left:50%;transform:translate(-50%);background:none!important;border:none!important;box-shadow:none!important;padding:0!important;z-index:120;pointer-events:none;animation:fadeInUpOut 1.8s cubic-bezier(.25,1,.5,1) forwards}.tutorial-complete-toast span{font-family:var(--font-wood-title);font-size:24px;letter-spacing:.5px;color:#a35e38;text-transform:lowercase;font-weight:700;text-shadow:0 1px 2px rgba(255,255,255,.4)}@keyframes fadeInUpOut{0%{opacity:0;transform:translate(-50%,25px)}30%{opacity:1;transform:translate(-50%)}75%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-15px)}}.level1-puzzle-ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none}.puzzle-timer{position:absolute;top:20px;left:50%;transform:translate(-50%);width:70px;height:70px;z-index:60;display:flex;align-items:center;justify-content:center;pointer-events:auto}.timer-ring-bg{stroke:#ffffff26;stroke-width:4;fill:none}.timer-ring-fg{stroke:#d4a76a;stroke-width:4;fill:none;stroke-dasharray:188.5;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear;transform:rotate(-90deg);transform-origin:35px 35px}.timer-ring-fg.urgent{stroke:#f44;animation:zone-pulse 1s ease infinite}.timer-text{position:absolute;font-family:Fraunces,serif;font-size:22px;font-weight:700;color:#fff}.timer-text.urgent{color:#f44;animation:scalePulse 1s ease infinite}@keyframes scalePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.puzzle-help-btn{position:absolute;top:20px;left:20px;width:44px;height:44px;border-radius:50%;background:#e6d3ba;border:2.5px solid #7d4c29;color:#7d4c29;font-family:var(--font-wood-title);font-size:22px;font-weight:700;cursor:pointer;pointer-events:auto;z-index:60;transition:transform .2s ease,background .2s ease,filter .2s ease;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 8px #00000026}.puzzle-help-btn:hover{background:#eedec9;transform:scale(1.1);filter:brightness(1.06)}.puzzle-side-panel{position:absolute;right:24px;top:50%;transform:translateY(-50%);width:auto;background:none!important;border:none!important;border-radius:0!important;padding:0!important;box-shadow:none!important;z-index:60;pointer-events:auto}.panel-kit-list{display:flex;flex-direction:column;gap:16px;align-items:center}.puzzle-kit-card{background:none!important;border:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;pointer-events:auto;display:flex;align-items:center;justify-content:center;width:96px;height:96px;transition:transform .2s cubic-bezier(.175,.885,.32,1.25),opacity .2s ease;filter:drop-shadow(0 6px 16px rgba(0,0,0,.4))}.puzzle-kit-card:hover{transform:scale(1.15)}.puzzle-kit-card.placed{opacity:.25;pointer-events:none;filter:grayscale(1)}.kit-3d-canvas{width:96px;height:96px;display:block;pointer-events:none}.puzzle-kit-card-ghost{position:fixed;z-index:99999;pointer-events:none;background:none!important;border:none!important;box-shadow:none!important;opacity:.95;transform:scale(1.18);display:flex;align-items:center;justify-content:center;width:96px;height:96px;filter:drop-shadow(0 12px 24px rgba(0,0,0,.6))}.ghost-kit-img{width:100%;height:100%;object-fit:contain;pointer-events:none;display:block}.puzzle-submit-btn{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background:none!important;border:none!important;box-shadow:none!important;padding:0!important;height:64px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:60;pointer-events:auto;transition:transform .2s cubic-bezier(.175,.885,.32,1.25),filter .2s ease,opacity .3s ease}.puzzle-submit-btn .submit-btn-img{height:100%;width:auto;display:block;pointer-events:none}.puzzle-submit-btn:hover:not(:disabled){transform:translate(-50%) scale(1.06);filter:brightness(1.08)}.puzzle-submit-btn:active:not(:disabled){transform:translate(-50%) scale(.96)}.puzzle-submit-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.85)}.level1-results-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;display:none;align-items:center;justify-content:center}.level1-results-overlay.active{display:flex}.results-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .3s ease}@keyframes results-roll-down{0%{transform:translateY(-120%) scale(.8);opacity:0}60%{transform:translateY(6%) scale(1.02);opacity:1}80%{transform:translateY(-2%) scale(.99)}to{transform:translateY(0) scale(1);opacity:1}}.results-card{position:relative;z-index:201;width:min(440px,86vw);background:none!important;border:none!important;border-radius:0!important;padding:0!important;box-shadow:none!important;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 16px 40px rgba(35,15,5,.65));animation:results-roll-down .7s cubic-bezier(.34,1.56,.64,1) forwards}.level-complete-svg-img{width:100%;height:auto;display:block;pointer-events:none}.results-stars-container{position:absolute;top:33%;left:50%;transform:translate(-50%);display:flex;justify-content:center;gap:18px;width:60%;z-index:210;pointer-events:none}.results-star-slot{position:relative;width:62px;height:60px;display:flex;align-items:center;justify-content:center}.star-unfilled-img{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25));transition:opacity .35s ease,transform .35s ease;opacity:1;transform:scale(1)}.results-star-slot.earned .star-unfilled-img{opacity:0;transform:scale(.5)}.star-filled-img{position:absolute;top:-15%;right:-15%;bottom:-15%;left:-15%;width:130%;height:130%;display:block;object-fit:contain;pointer-events:none;opacity:0;transform:scale(.3) rotate(-25deg)}@keyframes single-star-pop{0%{transform:scale(.3) rotate(-25deg);opacity:0}60%{transform:scale(1.38) rotate(10deg);opacity:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}85%{transform:scale(.92) rotate(-3deg)}to{transform:scale(1) rotate(0);opacity:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}}.results-star-slot.earned .star-filled-img{animation:single-star-pop .65s cubic-bezier(.34,1.56,.64,1) forwards}.results-message{position:absolute;top:57%;left:50%;transform:translate(-50%);width:85%;text-align:center;font-family:Fraunces,Irish Grover,serif;font-size:21px;font-weight:700;color:#7d4c29;z-index:205;pointer-events:none;text-shadow:0 1px 2px rgba(255,255,255,.4);letter-spacing:.02em}.results-buttons{position:absolute;bottom:8%;left:50%;transform:translate(-50%);display:flex;gap:16px;justify-content:center;align-items:center;width:85%;z-index:205}.results-retry-btn,.results-menu-btn{background:none!important;border:none!important;box-shadow:none!important;padding:0!important;height:52px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.25),filter .2s ease}.results-btn-img{height:100%;width:auto;display:block;pointer-events:none;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}.results-retry-btn:hover,.results-menu-btn:hover{transform:scale(1.06);filter:brightness(1.08)}.results-retry-btn:active,.results-menu-btn:active{transform:scale(.96)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes zone-pulse{0%,to{opacity:.5}50%{opacity:1}}.puzzle-kit-card-visual{background:linear-gradient(180deg,#503018f2,#2d190af2);border:1.5px solid #bd7354;border-radius:14px;padding:8px 10px;display:flex;align-items:center;gap:12px;cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .2s cubic-bezier(.175,.885,.32,1.25),box-shadow .2s ease,border-color .2s ease;box-shadow:0 4px 12px #0006}.puzzle-kit-card-visual:hover{transform:translateY(-2px) scale(1.02);border-color:gold;box-shadow:0 6px 18px #ffd7004d}.puzzle-kit-card-visual.placed{opacity:.35;pointer-events:none;filter:grayscale(.8)}.card-preview-thumb{width:44px;height:44px;border-radius:8px;background:#0000004d;border:1px solid rgba(255,215,0,.3);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.card-preview-thumb img{max-width:100%;max-height:100%;object-fit:contain}.homepage-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9999;background:#eedec9;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .5s ease}.homepage-screen-hidden{opacity:0;pointer-events:none}.homepage-visual-wrapper{position:absolute;right:4%;top:16%;width:56%;height:54%;display:flex;align-items:center;justify-content:center;transition:all .8s cubic-bezier(.25,.46,.45,.94)}.homepage-visual-img,.homepage-visual-canvas{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(80,40,10,.25));outline:none;border:none;cursor:grab;touch-action:none}.homepage-visual-canvas:active{cursor:grabbing}.homepage-title-area{position:absolute;left:11.5%;top:21%;width:37.5%;z-index:2;animation:homepageTitleFadeIn .8s ease .2s both}.homepage-title-svg{width:100%;height:auto;filter:drop-shadow(0 4px 16px rgba(80,40,10,.3))}@keyframes homepageTitleFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.homepage-play-btn{position:absolute;bottom:12%;left:64%;transform:translate(-50%);background:none;border:none;cursor:pointer;z-index:3;padding:0;animation:homepagePlayPulse 2.2s ease-in-out infinite;transition:transform .2s ease,filter .2s ease}.homepage-play-svg{width:clamp(170px,19vw,300px);height:auto;filter:drop-shadow(0 6px 18px rgba(120,60,20,.35));transition:filter .2s ease}.homepage-play-btn:hover{animation:none;transform:translate(-50%) scale(1.08)}.homepage-play-btn:hover .homepage-play-svg{filter:drop-shadow(0 8px 24px rgba(120,60,20,.5)) brightness(1.06)}.homepage-play-btn:active{transform:translate(-50%) scale(.95)}@keyframes homepagePlayPulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.04)}}.homepage-visual-left{right:auto;left:4%;top:20%;width:56%;height:54%}.homepage-quest-area{position:absolute;right:7%;top:16%;width:clamp(230px,20vw,340px);height:clamp(390px,66vh,600px);display:flex;align-items:center;justify-content:center;z-index:2;opacity:0;transform:translateY(-350px) rotate(3deg)}.homepage-quest-panel{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.homepage-quest-svg{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 28px rgba(80,40,10,.3))}.homepage-quest-buttons{position:absolute;top:20.75%;left:50%;transform:translate(-50%);width:79.5%;height:69.5%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.homepage-quest-btn{background:none!important;border:none!important;outline:none!important;box-shadow:none!important;cursor:pointer;padding:0;margin:0;width:100%;height:21.4%;display:flex;align-items:center;justify-content:center;transform-origin:center center}.homepage-quest-btn-svg{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(80,40,10,.3));transform-origin:center center;transition:filter .2s ease,transform .2s cubic-bezier(.175,.885,.32,1.275)}.homepage-quest-btn:hover .homepage-quest-btn-svg{transform:scale(1.05);filter:drop-shadow(0 6px 18px rgba(110,50,15,.45)) brightness(1.08)}.homepage-quest-btn:active .homepage-quest-btn-svg{transform:scale(.96)}@keyframes questPanelDrop{0%{transform:translateY(-350px) rotate(3deg);opacity:0}60%{transform:translateY(15px) rotate(-1deg);opacity:.95}80%{transform:translateY(-5px) rotate(.5deg);opacity:1}to{transform:translateY(0) rotate(0);opacity:1}}.homepage-quest-area.quest-dropping{animation:questPanelDrop .7s cubic-bezier(.22,1,.36,1) forwards}@keyframes screen1FadeOut{0%{opacity:1}to{opacity:0}}.homepage-screen-exiting{animation:screen1FadeOut .5s ease forwards;pointer-events:none}@keyframes screen2FadeIn{0%{opacity:0}to{opacity:1}}.homepage-screen-entering{opacity:1!important;pointer-events:auto!important;animation:screen2FadeIn .5s ease forwards}.zoning-title-svg-element{pointer-events:none!important;cursor:default!important;-webkit-user-select:none!important;user-select:none!important}