@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600&family=Nunito:wght@400;700;900&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.debug-overlay{position:fixed;top:20px;left:20px;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#0f0;padding:20px;border-radius:12px;font-family:Courier New,monospace;font-size:14px;z-index:9999;min-width:350px;box-shadow:0 0 20px #00ff004d;border:2px solid rgba(0,255,0,.5)}.debug-header{font-weight:700;font-size:16px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(0,255,0,.3);text-align:center}.debug-section{margin:10px 0;display:flex;justify-content:space-between;align-items:center}.debug-label{color:#0f0;font-weight:700;margin-right:10px}.debug-value{color:#0ff;font-weight:400;text-align:right}.debug-subvalue{color:#888;font-size:12px;margin-top:2px;text-align:right}.click-coords{font-family:Courier New,monospace;background:#00ffff1a;padding:4px 8px;border-radius:4px}.debug-divider{height:1px;background:#0f03;margin:12px 0}.env-water{color:#0af!important;font-weight:700}.env-ground{color:#8b4513!important;font-weight:700}.env-tree{color:#0f0!important;font-weight:700}.debug-footer{margin-top:15px;padding-top:10px;border-top:1px solid rgba(0,255,0,.3);text-align:center;color:#888;font-size:12px}.debug-toggle-hint{position:fixed;top:20px;left:20px;background:#0009;color:#0f0;padding:8px 15px;border-radius:6px;font-family:Courier New,monospace;font-size:12px;z-index:9999;opacity:.5;transition:opacity .3s}.debug-toggle-hint:hover{opacity:1}.debug-instructions{margin-top:15px;padding-top:15px;border-top:1px solid rgba(0,255,0,.3);font-size:12px;color:#aaa}.debug-instructions strong{color:#0f0;display:block;margin-bottom:8px}.debug-instructions ol{margin:0;padding-left:20px;line-height:1.6}.debug-instructions li{margin:4px 0}@media (max-width: 768px){.debug-overlay{top:10px;left:10px;right:10px;min-width:auto;font-size:12px;padding:15px}.debug-instructions{display:none}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:1000}.bottom-nav-container{background:#4facfe26;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid rgba(79,172,254,.3);box-shadow:0 -4px 20px #4facfe33,inset 0 1px #ffffff1a;display:flex;justify-content:space-between;align-items:center;padding:.5rem 2rem;min-height:60px;animation:slideUpNav .6s cubic-bezier(.16,1,.3,1)}.nav-section{display:flex;gap:.5rem;align-items:center}.nav-left{justify-content:flex-start}.nav-right{justify-content:flex-end}.nav-item{position:relative;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:none;color:#fffc;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .25s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;text-decoration:none}.nav-home-button{font-family:inherit;outline:none}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item:active{background:#ffffff26}.nav-item.active{color:#4facfe}.nav-item.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#4facfe}.nav-icon{font-size:1.2rem;display:flex;align-items:center}.nav-icon-image{width:1.8rem;height:1.8rem;object-fit:cover;border-radius:50%}.nav-label{font-size:.9rem}.external-indicator{font-size:.8rem;opacity:.6;margin-left:.25rem}@keyframes slideUpNav{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.bottom-nav-container{padding:.5rem 1rem;min-height:50px}.nav-section{gap:.25rem}.nav-item{padding:.4rem .75rem;font-size:.85rem}.nav-icon{font-size:1rem}.nav-icon-image{width:1.5rem;height:1.5rem}.nav-label{font-size:.8rem}.external-indicator{display:none}}@media (max-width: 480px){.bottom-nav-container{padding:.4rem .5rem}.nav-item{padding:.3rem .5rem;gap:.3rem}.nav-icon{font-size:.9rem}.nav-icon-image{width:1.3rem;height:1.3rem}.nav-label{font-size:.75rem}}@supports not (backdrop-filter: blur(20px)){.bottom-nav-container{background:#4facfe4d}}.pause-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.pause-menu-background{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1}.pause-menu-content{position:relative;z-index:2;text-align:center;color:#fff;max-width:600px;padding:2rem;animation:slideUp .4s ease-out}.pause-menu-header{margin-bottom:3rem}.pause-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin:0 0 1rem;line-height:1.1;text-shadow:0 4px 20px rgba(0,0,0,.6)}.title-underline{width:100px;height:4px;background:linear-gradient(90deg,#4facfe,#00f2fe);margin:1rem auto;border-radius:2px;animation:expandWidth .6s ease-out}.pause-subtitle{font-size:clamp(1rem,2vw,1.2rem);opacity:.9;font-style:italic}.resume-button{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:0 auto 3rem;padding:2rem;background:#4facfe1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(79,172,254,.3);border-radius:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 32px #0000004d;color:#fff}.resume-button:hover{background:#4facfe33;border-color:#4facfe80;transform:translateY(-5px);box-shadow:0 12px 40px #4facfe66}.resume-button:active{transform:translateY(-2px)}.resume-icon{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:50%;box-shadow:0 8px 24px #4facfe66;transition:all .3s ease}.resume-button:hover .resume-icon{transform:scale(1.1);box-shadow:0 12px 32px #4facfe99}.resume-icon svg{margin-left:8px}.resume-text{font-size:1.3rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.pause-actions{display:flex;justify-content:center;gap:1.5rem;margin-bottom:3rem;flex-wrap:wrap}.pause-action-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#4facfe1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(79,172,254,.2);border-radius:30px;color:#fff;text-decoration:none;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #0003}.pause-action-btn:hover{background:#4facfe33;border-color:#4facfe66;transform:translateY(-3px);box-shadow:0 6px 20px #4facfe4d}.action-icon{font-size:1.5rem}.action-label{font-size:1rem}.exit-btn:hover{background:#ff634733;border-color:#ff634766}.continue-btn:hover{background:#00ff7f33;border-color:#00ff7f66}.pause-info{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.info-item{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.95rem;opacity:.8}.info-icon{font-size:1.5rem}@media (max-width: 768px){.pause-menu-content{padding:1.5rem 1rem}.pause-menu-header{margin-bottom:2rem}.resume-button{padding:1.5rem;margin-bottom:2rem}.resume-icon{width:100px;height:100px}.resume-icon svg{width:50px;height:50px}.resume-text{font-size:1.1rem}.pause-actions{flex-direction:column;gap:1rem}.pause-action-btn{width:100%;justify-content:center}}@media (max-width: 480px){.pause-title{font-size:1.8rem}.pause-subtitle{font-size:.95rem}.resume-icon{width:80px;height:80px}.resume-icon svg{width:40px;height:40px}.resume-text{font-size:1rem}.action-icon{font-size:1.3rem}.action-label{font-size:.9rem}}@supports not (backdrop-filter: blur(10px)){.pause-menu-background{background:#000000d9}.resume-button,.pause-action-btn{background:#4facfe40}}.walking-avatar-container{position:fixed;bottom:120px;left:50%;transform:translate(-50%);z-index:10;pointer-events:none}.walking-avatar{display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s ease}.walking-avatar.walking{animation:bobbing .8s ease-in-out}@keyframes bobbing{0%,to{transform:translateY(0)}25%{transform:translateY(-3px) scale(1.05)}50%{transform:translateY(0)}75%{transform:translateY(-2px) scale(1.02)}}.walking-avatar.rotating-left{animation:rotateLeft .2s ease-out}.walking-avatar.rotating-right{animation:rotateRight .2s ease-out}@keyframes rotateLeft{0%{transform:rotate(0)}50%{transform:rotate(-8deg) scale(.95)}to{transform:rotate(0)}}@keyframes rotateRight{0%{transform:rotate(0)}50%{transform:rotate(8deg) scale(.95)}to{transform:rotate(0)}}.direction-arrow{position:absolute;top:-15px;font-size:12px;color:#fff;opacity:.8;font-weight:700;text-shadow:0 0 4px rgba(0,0,0,.7)}.direction-arrow.forward{animation:bounceUp .8s ease-in-out}.direction-arrow.backward{animation:bounceDown .8s ease-in-out}@keyframes bounceUp{0%{opacity:0;transform:translateY(5px)}50%{opacity:1;transform:translateY(-5px)}to{opacity:0;transform:translateY(-10px)}}@keyframes bounceDown{0%{opacity:0;transform:translateY(-5px)}50%{opacity:1;transform:translateY(5px)}to{opacity:0;transform:translateY(10px)}}.avatar-image{width:180px;height:270px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));transition:all .2s ease;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.walking-avatar.walking .avatar-image{filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}@media (max-width: 768px){.walking-avatar-container{bottom:140px}.avatar-image{width:140px;height:210px}}.landing-video-bg{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%);z-index:1}.landing-page{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;animation:fadeIn .8s ease-out}.landing-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,transparent 0%,rgba(0,0,0,.5) 100%);z-index:2}.landing-content{position:relative;text-align:center;color:#fff;max-width:800px;z-index:3;padding:2rem;animation:slideUp 1s ease-out}.landing-header{margin-bottom:2rem}.landing-title{font-size:clamp(2.5rem,8vw,5rem);font-weight:700;margin:0;line-height:1.1;text-shadow:0 4px 20px rgba(0,0,0,.6);letter-spacing:-.02em}.title-highlight{background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.title-underline{width:100px;height:4px;background:linear-gradient(90deg,#4facfe,#00f2fe);margin:1rem auto 0;border-radius:2px;animation:expandWidth 1.2s ease-out}.landing-description{margin:2rem 0 3rem;font-size:clamp(1rem,2.5vw,1.3rem);line-height:1.6;opacity:.95}.landing-description p{margin:.5rem 0}.description-secondary{font-size:clamp(.9rem,2vw,1.1rem);opacity:.8;font-style:italic}.landing-start-button{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;border:none;padding:1.2rem 3rem;font-size:clamp(1rem,2.5vw,1.3rem);font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #4facfe66;text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden}.landing-start-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.landing-start-button:hover:before{left:100%}.landing-start-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px #4facfe99}.landing-start-button:active{transform:translateY(-1px)}.landing-start-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.landing-instructions{display:flex;justify-content:center;gap:2rem;margin-top:3rem;flex-wrap:wrap}.instruction-item{display:flex;align-items:center;gap:.5rem;font-size:clamp(.85rem,1.8vw,1rem);opacity:.8}.instruction-icon{font-size:1.5rem}.landing-footer{margin-top:4rem;font-size:clamp(.8rem,1.5vw,.95rem);opacity:.6}.landing-footer p{margin:.25rem 0}.landing-footer .copyright{font-size:clamp(.7rem,1.3vw,.85rem);opacity:.5;margin-top:.5rem}.landing-page.fade-out{animation:fadeOut .8s ease-out forwards}@keyframes fadeOut{to{opacity:0;transform:scale(1.05)}}@media (max-width: 768px){.landing-content{padding:1.5rem}.landing-instructions{flex-direction:column;gap:1rem}.landing-start-button{padding:1rem 2rem;font-size:1rem}}@media (max-width: 480px){.landing-title{font-size:2rem}.landing-description{font-size:.95rem}}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1000;overflow:hidden}.loading-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.loading-video-bg{width:100%;height:100%;object-fit:cover;filter:blur(8px);transform:scale(1.1)}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#14283cd9,#1e3c50bf,#143246d9)}.loading-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem;max-width:500px;text-align:center}.loading-header{margin-bottom:1rem}.loading-title{font-family:Georgia,serif;font-size:2.5rem;font-weight:400;color:#fff;line-height:1.2;text-shadow:0 2px 20px rgba(0,0,0,.5);margin:0}.loading-title .title-highlight{color:#5dd3d3;font-style:italic}.loading-animation{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:1rem 0}.walking-figure{position:relative;width:40px;height:60px;animation:walk-bounce .5s ease-in-out infinite}.figure-body{position:absolute;top:0;left:50%;transform:translate(-50%);width:20px;height:35px;background:linear-gradient(180deg,#5dd3d3,#3aa8a8);border-radius:10px 10px 5px 5px}.figure-body:before{content:"";position:absolute;top:-15px;left:50%;transform:translate(-50%);width:16px;height:16px;background:#5dd3d3;border-radius:50%}.figure-leg{position:absolute;bottom:0;width:8px;height:25px;background:#3aa8a8;border-radius:4px}.figure-leg.left{left:8px;animation:leg-left .5s ease-in-out infinite}.figure-leg.right{right:8px;animation:leg-right .5s ease-in-out infinite}@keyframes walk-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes leg-left{0%,to{transform:rotate(-20deg)}50%{transform:rotate(20deg)}}@keyframes leg-right{0%,to{transform:rotate(20deg)}50%{transform:rotate(-20deg)}}.path-dots{display:flex;gap:8px;margin-top:.5rem}.path-dots .dot{width:8px;height:8px;background:#5dd3d34d;border-radius:50%;animation:dot-pulse 1.5s ease-in-out infinite}.path-dots .dot:nth-child(1){animation-delay:0s}.path-dots .dot:nth-child(2){animation-delay:.2s}.path-dots .dot:nth-child(3){animation-delay:.4s}.path-dots .dot:nth-child(4){animation-delay:.6s}.path-dots .dot:nth-child(5){animation-delay:.8s}@keyframes dot-pulse{0%,to{background:#5dd3d34d;transform:scale(1)}50%{background:#5dd3d3;transform:scale(1.3)}}.loading-progress-container{width:100%;max-width:350px}.loading-progress-bar{width:100%;height:8px;background:#ffffff26;border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 3px #0000004d}.loading-progress-fill{height:100%;background:linear-gradient(90deg,#3aa8a8,#5dd3d3,#7de8e8);border-radius:4px;transition:width .3s ease-out;box-shadow:0 0 10px #5dd3d380}.loading-progress-text{display:flex;justify-content:space-between;margin-top:.75rem;font-size:.9rem;color:#fffc}.loading-status{font-style:italic}.loading-percentage{font-weight:600;color:#5dd3d3}.loading-video-status{display:flex;gap:2rem;margin-top:.5rem}.video-indicator{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#fff9;transition:color .3s ease}.video-indicator.ready{color:#5dd3d3}.indicator-dot{width:10px;height:10px;border-radius:50%;background:#ffffff4d;transition:all .3s ease}.video-indicator.ready .indicator-dot{background:#5dd3d3;box-shadow:0 0 8px #5dd3d399}.loading-tip{margin-top:1rem;padding:.75rem 1.5rem;background:#ffffff1a;border-radius:20px;border:1px solid rgba(255,255,255,.15)}.loading-tip p{margin:0;font-size:.9rem;color:#fffc}.loading-tip strong{color:#5dd3d3;background:#5dd3d333;padding:.1rem .4rem;border-radius:4px;font-family:monospace}.loading-screen.fade-out{animation:fadeOut .8s ease-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}@media (max-width: 768px){.loading-title{font-size:2rem}.loading-content{padding:1.5rem;gap:1.5rem}.loading-progress-container{max-width:280px}.loading-video-status{gap:1.5rem}.video-indicator{font-size:.8rem}}.fauna-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.fauna-popup-container{position:relative;width:100vw;height:100vh;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:0;overflow:hidden;box-shadow:none;animation:scaleIn .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.fauna-popup-close{position:absolute;top:16px;right:16px;width:36px;height:36px;background:#0009;border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s ease}.fauna-popup-close:hover{background:#ff3c3ccc;border-color:#fff9;transform:scale(1.1)}.fauna-popup-video{width:100%;height:100%;display:block;object-fit:cover;transition:opacity .3s ease}.fauna-popup-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:20px;z-index:10}.spinner{width:60px;height:60px;border:6px solid rgba(255,255,255,.2);border-top-color:#4caf50;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{margin:0;color:#fff;font-size:18px;font-weight:600;text-shadow:2px 2px 8px rgba(0,0,0,.8);letter-spacing:.5px}.fauna-popup-info{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,transparent 100%);color:#fff}.fauna-popup-title{margin:0 0 8px;font-size:28px;font-weight:700;text-shadow:2px 2px 8px rgba(0,0,0,.8);color:#ffeb3b}.fauna-popup-badge{display:inline-block;padding:6px 14px;background:#4caf50d9;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000004d}.fauna-popup-badge:before{content:"🌿 "}.fauna-popup-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#ffffff1a;overflow:hidden}.fauna-popup-progress-bar{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);animation:progressAnimation 10s linear forwards;box-shadow:0 0 10px #4caf5099}@keyframes progressAnimation{0%{width:0%}to{width:100%}}.fauna-popup-pause-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;z-index:100;animation:fadeIn .3s ease-out}.pause-icon{display:flex;gap:12px;align-items:center;justify-content:center;padding:24px;background:#000000b3;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #00000080}.pause-bar{width:8px;height:40px;background:#fff;border-radius:4px;box-shadow:0 0 10px #ffffff80}.fauna-popup-pause-indicator p{margin:0;color:#fff;font-size:24px;font-weight:700;text-shadow:2px 2px 8px rgba(0,0,0,.8);letter-spacing:2px}.pause-hint{font-size:16px!important;font-weight:400!important;opacity:.8;letter-spacing:.5px!important}@media (max-width: 768px){.fauna-popup-title{font-size:22px}.fauna-popup-info{padding:16px}.pause-icon{padding:20px}.pause-bar{width:6px;height:32px}.fauna-popup-pause-indicator p{font-size:20px}.pause-hint{font-size:14px!important}.spinner{width:50px;height:50px;border-width:5px}.loading-text{font-size:16px}}.controls-bar{position:fixed;bottom:0;left:0;right:0;z-index:1000;pointer-events:none;animation:slideUpBar .6s ease-out}.controls-bar-container{background:#4facfe1f;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid rgba(79,172,254,.25);box-shadow:0 -4px 20px #4facfe26,inset 0 1px #ffffff14;display:flex;justify-content:center;align-items:center;gap:2rem;padding:.75rem 2rem;min-height:60px;flex-wrap:wrap;pointer-events:auto}.control-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .25s ease}.control-item:hover{background:#ffffff1a;border-color:#4facfe66;transform:translateY(-2px);box-shadow:0 4px 12px #4facfe33}.control-icon{font-size:1.5rem;line-height:1}.control-info{display:flex;flex-direction:column;gap:.15rem}.control-key{font-size:.85rem;font-weight:700;color:#4facfe;text-transform:uppercase;letter-spacing:.05em;line-height:1}.control-action{font-size:.75rem;color:#fffc;line-height:1}@keyframes slideUpBar{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.controls-bar-container{gap:1rem;padding:.6rem 1.5rem}.control-item{padding:.4rem .75rem;gap:.5rem}.control-icon{font-size:1.3rem}.control-key{font-size:.75rem}.control-action{font-size:.7rem}}@media (max-width: 768px){.controls-bar-container{gap:.75rem;padding:.5rem 1rem;min-height:50px}.control-item{padding:.35rem .6rem;gap:.4rem}.control-icon{font-size:1.2rem}.control-key{font-size:.7rem}.control-action{font-size:.65rem}}@media (max-width: 480px){.controls-bar-container{gap:.5rem;padding:.4rem .5rem;min-height:45px}.control-item{padding:.3rem .5rem;gap:.3rem;flex-direction:column;align-items:center;text-align:center}.control-icon{font-size:1.1rem}.control-info{gap:.1rem}.control-key{font-size:.65rem}.control-action{display:none}}@supports not (backdrop-filter: blur(20px)){.controls-bar-container{background:#4facfe40}}.mobile-blocker{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:10000;display:flex;align-items:center;justify-content:center;background:#1a1a1a}.mobile-blocker .bottom-nav{z-index:10001}.mobile-blocker-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#e85d7599;z-index:1}.mobile-blocker-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.mobile-blocker-content{position:relative;z-index:2;text-align:center;padding:2rem;max-width:600px;width:90%;animation:fadeInScale .6s cubic-bezier(.16,1,.3,1)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.mobile-blocker-title{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2rem;text-shadow:2px 2px 8px rgba(0,0,0,.7);line-height:1.2}.mobile-blocker-message{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2.5rem 2rem;box-shadow:0 8px 32px #0000004d;margin-bottom:2rem}.mobile-blocker-subtitle{font-size:clamp(1.1rem,3.5vw,1.3rem);font-weight:600;color:#333;line-height:1.6;margin-bottom:1.5rem}.mobile-blocker-instruction{font-size:clamp(.95rem,3vw,1.05rem);color:#666;line-height:1.7;margin-bottom:0}.mobile-blocker-footer{margin-top:1rem}.footer-text{color:#fffffff2;font-size:.95rem;font-style:italic;text-shadow:2px 2px 4px rgba(0,0,0,.7);font-weight:500}@media (max-width: 480px){.mobile-blocker-content{padding:1.5rem}.mobile-blocker-message{padding:2rem 1.5rem}}@media (max-height: 500px) and (orientation: landscape){.mobile-blocker-content{max-width:800px;padding:1rem}.mobile-blocker-title{margin-bottom:1rem}.mobile-blocker-message{padding:1.5rem;margin-bottom:1rem}}.bio-video-bg{position:fixed;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%);z-index:1}.bio-page{position:relative;min-height:100vh;width:100%;overflow-y:auto;color:#fff}.bio-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,transparent 0%,rgba(0,0,0,.6) 100%);z-index:2}.bio-content{position:relative;z-index:3;max-width:1400px;margin:0 auto;padding:2rem;padding-bottom:100px;animation:fadeInUp .8s ease-out}.bio-header{text-align:center;margin-bottom:4rem;padding-top:2rem}.bio-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;margin:1rem 0;line-height:1.1;text-shadow:0 4px 20px rgba(0,0,0,.6)}.bio-subtitle{font-size:clamp(1rem,2.5vw,1.3rem);opacity:.9;font-style:italic;margin-top:1rem}.team-section{margin-bottom:4rem}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:2rem}.team-card{background:#4facfe1a;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(79,172,254,.2);border-radius:20px;padding:2rem;transition:all .3s ease;box-shadow:0 8px 32px #0000004d;animation:cardFadeIn .6s ease-out backwards}.team-card:nth-child(1){animation-delay:.1s}.team-card:nth-child(2){animation-delay:.2s}.team-card:nth-child(3){animation-delay:.3s}.team-card:hover{transform:translateY(-10px);background:#4facfe26;box-shadow:0 12px 40px #4facfe4d}.team-card-inner{text-align:center;position:relative}.team-logo{position:absolute;top:-.5rem;right:-.5rem;width:50px;height:50px;opacity:1;transition:all .3s ease;z-index:1}.team-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.team-card:hover .team-logo{opacity:1}.team-logo-multiple{display:flex;flex-direction:column;gap:.5rem;width:auto;height:auto}.team-logo-multiple img{width:50px;height:50px}.team-avatar{width:120px;height:120px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #4facfe66}.avatar-icon{font-size:4rem}.bio-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.team-info{margin-top:1rem}.team-name{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#fff}.team-role{font-size:1rem;color:#4facfe;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.team-description{font-size:.95rem;opacity:.85;line-height:1.6;margin-bottom:1.5rem}.team-social{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;text-decoration:none;font-size:1.2rem;cursor:pointer;transition:all .3s ease}.social-link:hover{background:#4facfe4d;transform:scale(1.1)}.social-icon{width:24px;height:24px;object-fit:contain;display:block;transition:all .3s ease}.social-link:hover .social-icon{filter:drop-shadow(0 0 8px rgba(79,172,254,1));transform:scale(1.1)}.about-project{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:4rem}.about-card,.tech-stack{background:#4facfe1a;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(79,172,254,.2);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000004d;animation:cardFadeIn .8s ease-out backwards;animation-delay:.4s}.about-card h2,.tech-stack h3{font-size:1.8rem;margin-bottom:1rem;color:#4facfe}.about-card p{font-size:1rem;line-height:1.8;opacity:.9;margin-bottom:1rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.tech-tag{padding:.5rem 1rem;background:#4facfe33;border:1px solid rgba(79,172,254,.3);border-radius:20px;font-size:.9rem;font-weight:500;color:#fff;transition:all .3s ease}.tech-tag:hover{background:#4facfe4d;transform:translateY(-2px)}.bio-footer{text-align:center;padding:2rem 0;opacity:.7;font-size:.95rem}@media (max-width: 768px){.bio-content{padding:1.5rem 1rem}.bio-header{margin-bottom:3rem}.team-grid{grid-template-columns:1fr;gap:1.5rem}.team-card{padding:1.5rem}.team-avatar{width:100px;height:100px}.avatar-icon{font-size:3rem}.team-logo{width:40px;height:40px;top:-.25rem;right:-.25rem}.team-logo-multiple img{width:40px;height:40px}.about-card,.tech-stack{padding:1.5rem}}@media (max-width: 480px){.bio-content{padding:1rem .75rem}.back-button{padding:.6rem 1rem;font-size:.9rem}.team-name{font-size:1.3rem}.team-role{font-size:.9rem}.team-description{font-size:.85rem}.team-logo,.team-logo-multiple img{width:35px;height:35px}}@supports not (backdrop-filter: blur(20px)){.team-card,.about-card,.tech-stack{background:#4facfe40}}.bio-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease-out}.bio-modal-content{background:#4facfe26;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(79,172,254,.3);border-radius:25px;padding:3rem 2.5rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080;animation:slideUp .4s ease-out;text-align:center}.modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close:hover{background:#ff3b304d;transform:rotate(90deg)}.modal-logo{position:absolute;top:1rem;left:1rem;width:60px;height:60px;opacity:1;transition:all .3s ease}.modal-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 10px rgba(0,0,0,.5))}.modal-logo:hover{opacity:1}.modal-logo-multiple{display:flex;flex-direction:column;gap:.75rem;width:auto;height:auto}.modal-logo-multiple img{width:60px;height:60px}.modal-logo-multiple img:nth-child(2){width:48px;height:48px}.modal-avatar{width:100px;height:100px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;box-shadow:0 8px 24px #4facfe66;overflow:hidden}.modal-avatar-image{width:100%;height:100%;object-fit:cover}.bio-modal-content h2{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem}.modal-role{font-size:1rem;color:#4facfe;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem}.modal-bio{font-size:1rem;line-height:1.8;opacity:.9;color:#fff;margin-bottom:2rem;text-align:left}.modal-bio p{margin-bottom:1.2rem;line-height:1.8}.modal-bio .brenta-highlight{color:#fff!important;background:none!important;font-weight:900!important;font-size:1.15em!important;text-shadow:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important;font-family:inherit!important;display:inline;white-space:normal;overflow-wrap:break-word;word-wrap:break-word}.modal-social{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.modal-social-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#4facfe33;border:1px solid rgba(79,172,254,.3);border-radius:50px;color:#fff;text-decoration:none;font-weight:500;font-size:.9rem;transition:all .3s ease}.modal-social-link:hover{background:#4facfe4d;transform:translateY(-2px)}.modal-social-link .social-icon{width:20px;height:20px}.modal-action-btn{padding:.75rem 2rem;background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:50px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4facfe66}.modal-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4facfe99}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.bio-modal{padding:1rem}.bio-modal-content{padding:2.5rem 1.5rem}.modal-avatar{width:80px;height:80px;font-size:2.5rem}.bio-modal-content h2{font-size:1.5rem}.modal-social{flex-direction:column;gap:.75rem}.modal-social-link{width:100%;justify-content:center}.modal-logo,.modal-logo-multiple img{width:50px;height:50px}.modal-logo-multiple img:nth-child(2){width:40px;height:40px}}@media (max-width: 480px){.bio-modal-content{padding:2rem 1.25rem}.modal-bio{font-size:.9rem}.modal-logo,.modal-logo-multiple img{width:45px;height:45px}.modal-logo-multiple img:nth-child(2){width:36px;height:36px}}*,*:before,*:after{box-sizing:border-box}.pepo-page{position:relative;min-height:100vh;width:100%;overflow-y:auto;overflow-x:hidden;font-family:Nunito,sans-serif;color:#2d3436;background-color:#81ecec;box-sizing:border-box}.pepo-video-bg{position:fixed;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%);z-index:1}.pepo-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#81ececd9,#74b9ffd9);z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pepo-content{position:relative;z-index:3;max-width:1100px;width:100%;margin:0 auto;padding:2rem 2.5rem;padding-bottom:100px;box-sizing:border-box}.pepo-header{text-align:center;margin-bottom:3rem}.about-pepo-section{width:100%;overflow:visible}.back-button{display:inline-block;background:#fff;color:#0984e3;padding:.8rem 2rem;border-radius:50px;font-weight:900;text-decoration:none;box-shadow:0 6px #74b9ff;transition:transform .1s;margin-bottom:2rem;border:2px solid #0984e3}.back-button:active{transform:translateY(6px);box-shadow:none}.pepo-avatar-large{width:200px;height:200px;margin:0 auto 1rem;background:#fff;border-radius:50%;border:8px solid #ffeaa7;box-shadow:0 10px #0000001a;overflow:hidden;animation:bounce 3s infinite ease-in-out}.pepo-image{width:100%;height:100%;object-fit:cover;border-radius:50%;animation:wave 2s ease-in-out infinite}.pepo-title{font-family:Fredoka,sans-serif;font-size:4.5rem;color:#fff;text-shadow:4px 4px 0 #0984e3;margin:0}.pepo-subtitle{font-size:1.5rem;background:#fff;display:inline-block;padding:.5rem 2rem;border-radius:20px;color:#0984e3;font-weight:800;transform:rotate(-2deg);box-shadow:4px 4px #0000001a}.about-pepo-card{background:#fff;border-radius:30px;padding:4rem;box-shadow:0 20px #0000000d;border:5px solid #fff;position:relative;max-width:100%;width:100%;overflow:visible;overflow-wrap:break-word;word-wrap:break-word}.about-pepo-card:after{content:"";position:absolute;inset:20px;border:3px dashed #dfe6e9;border-radius:20px;pointer-events:none;z-index:-1}.about-pepo-card h2{font-family:Fredoka,sans-serif;font-size:clamp(1.8rem,5vw,3rem);color:#2d3436;text-align:center;margin-bottom:2rem;overflow-wrap:break-word;word-wrap:break-word}.about-pepo-card p{font-size:clamp(1.1rem,3vw,1.5rem);line-height:1.8;color:#636e72;margin-bottom:1.5rem;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.hl-nature{color:#00b894;font-weight:900;text-shadow:1px 1px 0 rgba(0,184,148,.2);display:inline;white-space:normal}.hl-tech{color:#6c5ce7;font-weight:900;text-shadow:1px 1px 0 rgba(108,92,231,.2);display:inline;white-space:normal}.hl-art{color:#e17055;font-weight:900;text-shadow:1px 1px 0 rgba(225,112,85,.2);display:inline;white-space:normal}.hl-blue{color:#0984e3;font-weight:900;text-shadow:1px 1px 0 rgba(9,132,227,.2);display:inline;white-space:normal}.hl-important{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);padding:3px 8px;border-radius:8px;color:#2d3436;font-weight:800;box-shadow:2px 2px #fdcb6e4d;display:inline;white-space:normal}.book-title{font-weight:900;font-size:clamp(1.2rem,3.5vw,1.6rem);color:gold;text-shadow:2px 2px 0 rgba(255,215,0,.3);font-family:Fredoka,sans-serif;display:inline;overflow-wrap:break-word;word-wrap:break-word}.invisible-text{background:linear-gradient(90deg,#a29bfe,#fd79a8,#fdcb6e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900;font-size:1.1em;animation:rainbow 3s ease infinite;background-size:200% 200%}@keyframes rainbow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.brenta-highlight{background:linear-gradient(135deg,#74b9ff,#0984e3);padding:4px 10px;border-radius:8px;color:#fff;font-weight:900;box-shadow:3px 3px #0984e34d;font-family:Fredoka,sans-serif;display:inline;white-space:normal;overflow-wrap:break-word;word-wrap:break-word}.intent-title{font-family:Fredoka,sans-serif;font-size:clamp(1.5rem,4vw,2.2rem);color:#e17055;text-align:left;margin-top:3rem;margin-bottom:2rem;overflow-wrap:break-word;word-wrap:break-word;text-shadow:3px 3px 0 rgba(225,112,85,.2)}.pepo-icon{width:28px;height:28px;display:inline-block;vertical-align:middle;margin-right:.5rem;object-fit:contain}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.goal-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:3rem 0}.goal-item{background:#f1f2f6;padding:1.5rem;border-radius:20px;border-bottom:5px solid #dfe4ea;transition:transform .2s;font-size:clamp(1rem,2.5vw,1.2rem);display:flex;flex-direction:column;align-items:center;text-align:center;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.goal-item:hover{transform:translateY(-5px);background:#fff;border-color:#74b9ff}.goal-icon{font-size:3rem;margin-bottom:.5rem;display:block}.final-message{background:linear-gradient(135deg,#dff9fb,#fff5e6);border:4px solid #81ecec;padding:2.5rem;border-radius:25px;text-align:center;margin-top:3rem;box-shadow:0 8px #81ecec4d;position:relative;overflow:hidden}.final-message:before{content:"✨";position:absolute;top:10px;left:10px;font-size:2rem;animation:sparkle 2s ease-in-out infinite}.final-message:after{content:"✨";position:absolute;bottom:10px;right:10px;font-size:2rem;animation:sparkle 2s ease-in-out infinite 1s}@keyframes sparkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.final-text-emphasis{font-size:clamp(1.2rem,3.5vw,1.6rem);font-weight:900;color:#2d3436;margin-bottom:1.5rem;font-family:Fredoka,sans-serif;overflow-wrap:break-word;word-wrap:break-word}.final-text-main{font-size:clamp(1.1rem,3vw,1.4rem);color:#0097e6;font-weight:800;line-height:1.6;font-style:italic;margin:0;overflow-wrap:break-word;word-wrap:break-word}.bio-section{width:100%;margin-top:3rem;overflow:visible}.bio-card{background:#fff;border-radius:30px;padding:4rem;box-shadow:0 20px #0000000d;border:5px solid #fff;position:relative;max-width:100%;width:100%;overflow:visible}.bio-card:after{content:"";position:absolute;inset:20px;border:3px dashed #dfe6e9;border-radius:20px;pointer-events:none;z-index:-1}.bio-card h2{font-family:Fredoka,sans-serif;font-size:clamp(1.8rem,5vw,3rem);color:#2d3436;text-align:center;margin-bottom:3rem}.bio-team{display:flex;flex-direction:column;gap:2rem}.bio-member{display:flex;gap:2rem;align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:2rem;border-radius:20px;border-bottom:5px solid #dfe4ea;transition:transform .3s}.bio-member:hover{transform:translateY(-5px);border-color:#74b9ff}.bio-avatar{flex-shrink:0;width:150px;height:150px;border-radius:50%;border:6px solid #ffeaa7;box-shadow:0 8px #0000001a;overflow:hidden;background:#fff}.bio-image{width:100%;height:100%;object-fit:cover}.bio-info{flex:1}.bio-info h3{font-family:Fredoka,sans-serif;font-size:clamp(1.5rem,4vw,2rem);color:#0984e3;margin:0 0 .5rem}.bio-role{font-size:clamp(1rem,3vw,1.3rem);color:#e17055;font-weight:900;margin:0 0 1rem}.bio-description{font-size:clamp(1rem,3vw,1.2rem);color:#636e72;line-height:1.6;margin:0}.pepo-footer{text-align:center;padding:2rem;font-weight:800;color:#2d3436;font-size:1.2rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@media (max-width: 768px){.pepo-title{font-size:clamp(2rem,8vw,3rem)}.about-pepo-card{padding:2rem 1.5rem;margin:0 .5rem}.about-pepo-card h2{font-size:clamp(1.5rem,6vw,2rem)}.about-pepo-card p{font-size:clamp(1rem,4vw,1.2rem)}.book-title{font-size:clamp(1.2rem,5vw,1.4rem);display:inline-block}.intent-title{font-size:clamp(1.3rem,5vw,1.8rem)}.goal-list{grid-template-columns:1fr}.goal-item{font-size:clamp(.95rem,4vw,1.1rem)}.final-message{padding:1.5rem}.bio-card{padding:2rem 1.5rem}.bio-member{flex-direction:column;text-align:center;gap:1.5rem}.bio-avatar{width:120px;height:120px}.bio-info h3{font-size:clamp(1.3rem,5vw,1.8rem)}.bio-role,.bio-description{font-size:clamp(.95rem,4vw,1.1rem)}}.shop-video-bg{position:fixed;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%);z-index:1}.shop-page{position:relative;min-height:100vh;width:100%;overflow-y:auto;color:#fff}.shop-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,transparent 0%,rgba(0,0,0,.6) 100%);z-index:2}.shop-content{position:relative;z-index:3;max-width:1400px;margin:0 auto;padding:2rem;animation:fadeInUp .8s ease-out}.shop-header{text-align:center;margin-bottom:3rem;padding-top:2rem;position:relative}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;margin-bottom:2rem;background:#4facfe33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(79,172,254,.3);border-radius:50px;color:#fff;text-decoration:none;font-weight:500;transition:all .3s ease}.back-button:hover{background:#4facfe4d;transform:translate(-5px)}.shop-hero{margin:2rem 0}.shop-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;margin:1rem 0;line-height:1.1;text-shadow:0 4px 20px rgba(0,0,0,.6)}.title-highlight{background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-underline{width:100px;height:4px;background:linear-gradient(90deg,#4facfe,#00f2fe);margin:1rem auto;border-radius:2px;animation:expandWidth 1s ease-out}.shop-subtitle{font-size:clamp(1.2rem,2.5vw,1.8rem);opacity:.95;font-weight:500;margin-top:1rem}.book-intro{margin-bottom:4rem;animation:cardFadeIn .6s ease-out backwards;animation-delay:.1s}.book-intro-content{background:#4facfe1a;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(79,172,254,.2);border-radius:20px;padding:2.5rem;display:flex;align-items:center;gap:2rem;box-shadow:0 8px 32px #0000004d}.book-cover{flex-shrink:0;filter:drop-shadow(0 8px 20px rgba(79,172,254,.5))}.book-cover-image{width:280px;height:auto;border-radius:12px;box-shadow:0 10px 30px #0006;transition:transform .3s ease,box-shadow .3s ease}.book-cover-image:hover{transform:scale(1.05);box-shadow:0 15px 40px #4facfe66}.book-description{flex:1}.book-tagline{font-size:1.1rem;line-height:1.7;margin-bottom:1rem;opacity:.95}.book-tagline:last-child{margin-bottom:0}.section-title{font-size:clamp(2rem,4vw,2.5rem);font-weight:700;text-align:center;margin-bottom:1rem;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.section-subtitle{text-align:center;font-size:1.1rem;opacity:.8;margin-bottom:2.5rem}.online-store-section{margin-bottom:5rem;animation:cardFadeIn .6s ease-out backwards;animation-delay:.2s}.featured-card{background:linear-gradient(135deg,#4facfe33,#00f2fe26);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:2px solid rgba(79,172,254,.4);border-radius:25px;padding:2.5rem;box-shadow:0 12px 40px #4facfe4d,0 0 60px #4facfe1a;transition:all .4s ease;position:relative;overflow:hidden}.featured-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(79,172,254,.1) 0%,transparent 70%);animation:pulse 3s ease-in-out infinite}.featured-card:hover{transform:translateY(-5px);box-shadow:0 16px 50px #4facfe66,0 0 80px #4facfe33;border-color:#4facfe99}.online-store-card{display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:center;position:relative;z-index:1}.store-icon{font-size:4rem;filter:drop-shadow(0 4px 10px rgba(79,172,254,.5))}.store-logo{width:120px;height:auto;filter:drop-shadow(0 4px 10px rgba(79,172,254,.5));transition:transform .3s ease}.store-logo:hover{transform:scale(1.1)}.store-content h3{font-size:1.8rem;margin-bottom:.75rem;color:#fff}.store-description{font-size:1.05rem;opacity:.9;margin-bottom:1.5rem;line-height:1.6}.store-features{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.feature-badge{padding:.5rem 1rem;background:#4facfe33;border:1px solid rgba(79,172,254,.3);border-radius:20px;font-size:.9rem;font-weight:500}.store-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:30px;color:#fff;font-weight:600;font-size:1.1rem;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #4facfe66}.store-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4facfe99}.store-price{text-align:center;padding:1rem 1.5rem;background:#4facfe26;border-radius:15px;border:1px solid rgba(79,172,254,.3)}.price-label{font-size:.9rem;opacity:.8;margin-bottom:.5rem}.price-amount{font-size:2rem;font-weight:700;color:#4facfe}.shipping-note{font-size:.8rem;opacity:.7;margin-top:.25rem}.physical-stores-section{margin-bottom:5rem;animation:cardFadeIn .6s ease-out backwards;animation-delay:.3s}.stores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2.5rem}.store-card{background:#4facfe1a;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(79,172,254,.2);border-radius:20px;padding:2rem;transition:all .3s ease;box-shadow:0 8px 32px #0000004d}.store-card:hover{transform:translateY(-8px);background:#4facfe26;box-shadow:0 12px 40px #4facfe4d;border-color:#4facfe66}.store-type-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#4facfe33;border:1px solid rgba(79,172,254,.3);border-radius:20px;font-size:.9rem;font-weight:600;margin-bottom:1rem}.store-icon-small{font-size:1.2rem}.store-name{font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;color:#fff}.store-details{display:flex;flex-direction:column;gap:1rem}.detail-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.95rem;line-height:1.5;opacity:.9}.detail-icon{font-size:1.2rem;flex-shrink:0;margin-top:.1rem}.book-details-section{margin-bottom:5rem;animation:cardFadeIn .6s ease-out backwards;animation-delay:.4s}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:2.5rem}.detail-card{background:#4facfe1a;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(79,172,254,.2);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000004d;transition:all .3s ease}.detail-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #4facfe33;border-color:#4facfe4d}.detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(79,172,254,.2)}.detail-icon-large{font-size:2.5rem;filter:drop-shadow(0 2px 8px rgba(79,172,254,.4))}.detail-header h3{font-size:1.4rem;font-weight:700;color:#fff}.detail-list{list-style:none;padding:0;margin:0}.detail-list li{padding:.6rem 0;font-size:.95rem;line-height:1.6;opacity:.9;border-bottom:1px solid rgba(79,172,254,.1)}.detail-list li:last-child{border-bottom:none}.detail-list strong{color:#4facfe;font-weight:600}.sustainability-note{margin-top:1.5rem;padding:1rem;background:#4facfe1a;border-left:3px solid #4facfe;border-radius:5px;font-size:.95rem;line-height:1.6;opacity:.95}.gift-section{margin-bottom:4rem;animation:cardFadeIn .6s ease-out backwards;animation-delay:.5s}.gift-card{background:linear-gradient(135deg,#ff6b6b26,#ff8e5326);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,107,107,.3);border-radius:20px;padding:2.5rem;display:flex;align-items:center;gap:2rem;box-shadow:0 8px 32px #0000004d;transition:all .3s ease}.gift-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #ff6b6b4d}.gift-icon{font-size:4rem;filter:drop-shadow(0 4px 10px rgba(255,107,107,.4))}.gift-content h3{font-size:1.8rem;margin-bottom:1rem;color:#fff}.gift-content p{font-size:1.05rem;line-height:1.7;opacity:.95;margin-bottom:1.5rem}.contact-button{display:inline-flex;align-items:center;padding:.9rem 1.8rem;background:linear-gradient(135deg,#ff6b6b,#ff8e53);border:none;border-radius:30px;color:#fff;font-weight:600;font-size:1rem;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #ff6b6b66}.contact-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ff6b6b99}.shop-footer{text-align:center;padding:3rem 0 2rem;opacity:.8}.shop-footer p{font-size:1.1rem;margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes expandWidth{0%{width:0}to{width:100px}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.5}}@media (max-width: 1024px){.online-store-card{grid-template-columns:1fr;text-align:center}.store-price{justify-self:center}}@media (max-width: 768px){.shop-content{padding:1.5rem 1rem}.book-intro-content{flex-direction:column;text-align:center;padding:2rem}.book-cover-image{width:220px}.book-tagline{font-size:1rem}.stores-grid,.details-grid{grid-template-columns:1fr}.gift-card{flex-direction:column;text-align:center;padding:2rem}.gift-icon{font-size:3.5rem}.store-features{justify-content:center}}@media (max-width: 480px){.shop-content{padding:1rem .75rem}.book-intro-content{padding:1.5rem}.book-cover-image{width:180px}.store-icon{font-size:3rem}.store-logo{width:100px}.store-content h3{font-size:1.4rem}.store-button{padding:.9rem 1.5rem;font-size:1rem}.price-amount{font-size:1.6rem}.store-card,.detail-card,.gift-card{padding:1.5rem}}@supports not (backdrop-filter: blur(20px)){.book-intro-content,.featured-card,.store-card,.detail-card,.gift-card{background:#4facfe40}}.contact-page{position:relative;width:100vw;min-height:100vh;overflow-x:hidden;overflow-y:auto;background:linear-gradient(135deg,#0a3d62,#1e5f74)}.contact-video-bg{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.3}.contact-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a3d62e6,#1e5f74d9);z-index:1}.contact-content{position:relative;z-index:2;max-width:900px;margin:0 auto;padding:2rem 1.5rem 4rem;color:#fff}.contact-header{text-align:center;margin-bottom:3rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;color:#4fc3f7;text-decoration:none;font-size:1rem;font-weight:500;margin-bottom:2rem;transition:all .3s ease;padding:.5rem 1rem;border-radius:8px}.back-button:hover{background:#4fc3f71a;transform:translate(-5px)}.contact-title{font-size:3rem;font-weight:700;margin-bottom:1rem;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.3)}.title-highlight{background:linear-gradient(135deg,#4fc3f7,#00acc1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-underline{width:80px;height:4px;background:linear-gradient(90deg,#4fc3f7,#00acc1);margin:1rem auto;border-radius:2px}.contact-subtitle{font-size:1.1rem;color:#fffc;margin-top:1rem}.email-section{margin-bottom:2rem}.email-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:3rem 2.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;text-align:center}.email-icon{font-size:4rem;margin-bottom:1.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.email-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1rem}.email-description{font-size:1.1rem;color:#fffc;margin-bottom:2rem;line-height:1.6}.email-display{background:#ffffff14;border:2px solid rgba(79,195,247,.3);border-radius:12px;padding:2rem;margin:2rem 0}.email-text{font-size:1.5rem;font-weight:600;color:#4fc3f7;letter-spacing:1px;margin-bottom:1.5rem;word-break:break-all}.copy-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#4fc3f7,#00acc1);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #4fc3f766}.copy-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4fc3f799;background:linear-gradient(135deg,#00acc1,#4fc3f7)}.copy-button:active{transform:translateY(0)}.copy-icon{font-size:1.3rem}.copy-success-message{background:#4caf5026;border:2px solid rgba(76,175,80,.5);border-radius:8px;padding:1rem;color:#66bb6a;font-weight:600;margin-top:1.5rem;animation:fadeInScale .5s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:3rem 0}.info-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;transition:all .3s ease}.info-card:hover{background:#ffffff14;transform:translateY(-5px);box-shadow:0 8px 20px #0000004d}.info-card-icon{font-size:2.5rem;margin-bottom:1rem}.info-card h3{font-size:1.1rem;font-weight:700;color:#4fc3f7;margin-bottom:.5rem}.info-card p{font-size:.95rem;color:#ffffffb3;line-height:1.5}.additional-info{text-align:left;background:#ffffff08;border-radius:12px;padding:2rem;margin-top:2rem}.additional-info h3{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:1rem;text-align:center}.additional-info ul{list-style:none;padding:0}.additional-info li{padding:.75rem 0 .75rem 2rem;position:relative;color:#fffc;font-size:1rem;line-height:1.6}.additional-info li:before{content:"✓";position:absolute;left:0;color:#4fc3f7;font-weight:700;font-size:1.2rem}.contact-footer{text-align:center;padding:2rem 0;color:#fff9;font-size:.95rem}@media (max-width: 768px){.contact-title{font-size:2.2rem}.email-card{padding:2rem 1.5rem}.email-text{font-size:1.2rem}.info-cards{grid-template-columns:1fr;gap:1rem}.copy-button{font-size:1rem;padding:.875rem 2rem}}@media (max-width: 480px){.contact-title{font-size:1.8rem}.contact-subtitle{font-size:1rem}.email-title{font-size:1.5rem}.email-text{font-size:1rem}.back-button{font-size:.9rem}}#root{width:100vw;height:100vh;margin:0;padding:0}body,html{margin:0;padding:0;width:100%;height:100%}.ui-overlay{position:absolute;top:20px;left:20px;color:#fff;font-family:Arial,sans-serif;background:#000000b3;padding:15px;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);z-index:100}.ui-overlay h3{margin:0 0 10px;font-size:18px;color:#ff6b35}.ui-overlay p{margin:0;font-size:14px;opacity:.9}.ui-overlay .controls-info{margin-top:10px;font-size:12px;opacity:.7;border-top:1px solid rgba(255,255,255,.2);padding-top:10px}.movement-controls{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:8px;background:#ff6b351a;border-radius:6px;border:1px solid rgba(255,107,53,.3)}.key{display:inline-block;background:#ff6b35;color:#fff;padding:4px 8px;border-radius:4px;font-weight:700;font-size:11px;min-width:16px;text-align:center}.plus{color:#ff6b35;font-weight:700;font-size:13px}.instructions{font-size:11px;color:#ff6b35;margin-bottom:8px;line-height:1.3}.camera-controls{font-size:10px;opacity:.5;border-top:1px solid rgba(255,255,255,.1);padding-top:6px}.loading-scenes-data{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#14283cf2,#1e3c50e6);z-index:1000}.loading-scenes-data .loading-content{text-align:center;color:#fff}.loading-scenes-data h1{font-family:Georgia,serif;font-size:2.5rem;margin-bottom:1rem;color:#5dd3d3}.loading-scenes-data p{font-size:1.1rem;opacity:.8;animation:pulse-text 1.5s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:.6}50%{opacity:1}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.05);opacity:.9}}