@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--background-primary:#050209;--background-secondary:#0b0713;--surface-primary:#120921;--surface-elevated:#1a0f30;--accent-primary:#8b5cf6;--accent-secondary:#c084fc;--accent-soft:#8b5cf626;--accent-glow:#8b5cf64d;--text-primary:#f9f9fb;--text-secondary:#b3aeca;--text-muted:#6b6485;--border-primary:#8b5cf633;--border-active:#c084fc80;--focus-ring:#c084fc;--error:#f87171;--success:#34d399;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--space-xxl:6.5rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 2px 8px #00000080;--shadow-md:0 4px 20px #0009, 0 0 1px #8b5cf61a;--shadow-lg:0 10px 40px #000c, 0 0 10px #8b5cf626;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--transition-smooth:.4s var(--ease-out-expo);--transition-fast:.2s var(--ease-out-expo);--z-canvas:-10;--z-base:1;--z-sticky:100;--z-cursor:200;--z-nav:300;--z-preloader:400;--z-modal:500}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background-color:var(--background-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background-color:var(--background-primary);color:var(--text-secondary);margin:0;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background-primary)}::-webkit-scrollbar-thumb{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}::selection{background:var(--accent-primary);color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;margin-top:0;font-weight:500}p{margin-top:0;margin-bottom:1.25rem}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-family:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}.container{width:100%;max-width:1200px;padding-left:var(--space-md);padding-right:var(--space-md);margin:0 auto}.text-gradient{background:linear-gradient(135deg, var(--text-primary) 30%, var(--accent-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-purple{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.glass-panel{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:border-color var(--transition-smooth), transform var(--transition-smooth), box-shadow var(--transition-smooth);background:#12092166}.glass-panel:hover{border-color:var(--border-active);box-shadow:0 10px 30px #8b5cf61a}#root{background-color:var(--background-primary);flex-direction:column;min-height:100vh;display:flex;position:relative}.webgl-container{width:100%;height:100%;z-index:var(--z-canvas);pointer-events:none;position:fixed;top:0;left:0}body.no-scroll{height:100vh;overflow:hidden}section{padding:var(--space-xxl) 0;position:relative;overflow:hidden}.magnetic-wrap{display:inline-block}@media (hover:hover) and (pointer:fine){body,a,button,[role=button]{cursor:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:-1ms!important;transform:none!important}body{cursor:auto!important}.webgl-container,.custom-cursor{display:none!important}}.achievement-popup{opacity:0;pointer-events:none;z-index:110;background:#fff;align-items:center;gap:16px;padding:12px 24px;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)translateY(100px)}.achievement-popup:before{content:"";z-index:-1;pointer-events:none;background:url(/textures/paper-texture.webp) 50%/cover;width:140%;height:140%;position:absolute;top:-20%;left:-20%}.achievement-popup{clip-path:polygon(0% 0%,100% 0%,100% 0%,98% 10%,100% 20%,97% 35%,100% 50%,98% 65%,100% 80%,97% 90%,100% 100%,90% 97%,80% 100%,70% 96%,60% 100%,50% 97%,40% 100%,30% 96%,20% 100%,10% 97%,0% 100%,0% 100%,2% 90%,0% 80%,3% 65%,0% 50%,2% 35%,0% 20%,3% 10%,0% 0%);filter:drop-shadow(0 4px 10px #00000026);animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards popupEnter}.achievement-popup.hiding{animation:.4s forwards popupExit}.achievement-popup .popup-border{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.achievement-popup .popup-content{z-index:1;align-items:center;gap:16px;display:flex;position:relative}.achievement-popup .checkbox{background:0 0;border:2px solid #1a1a1a;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.achievement-popup .checkbox.checked{animation:.3s cubic-bezier(.175,.885,.32,1.275) bounceCheck}.achievement-popup .checkbox .checkmark{stroke-dasharray:24;stroke-dashoffset:24px;background:0 0;width:18px;height:18px;animation:.3s .1s forwards drawCheck}.achievement-popup .text-content{flex-direction:column;display:flex}.achievement-popup .text-content .title{color:#1a1a1a;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;font-family:Patrick Hand,cursive,sans-serif;font-size:14px;font-weight:700}.achievement-popup .text-content .description{color:#444;font-size:13px;line-height:1.4}.achievement-popup .text-content .description .inline-sound-toggle{cursor:pointer;text-underline-offset:3px;background:0 0;border:none;align-items:center;margin-left:4px;padding:0;font-family:Patrick Hand,cursive,sans-serif;font-size:13px;font-weight:700;-webkit-text-decoration:underline dashed;text-decoration:underline dashed;transition:opacity .2s,transform .2s;display:inline-flex}.achievement-popup .text-content .description .inline-sound-toggle.on{color:#1a1a1a}.achievement-popup .text-content .description .inline-sound-toggle.off{color:#888}.achievement-popup .text-content .description .inline-sound-toggle:hover{opacity:.7;transform:scale(1.05)}@keyframes popupEnter{0%{opacity:0;transform:translate(-50%)translateY(50px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes popupExit{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(20px)}}@keyframes drawCheck{to{stroke-dashoffset:0}}@keyframes bounceCheck{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (width<=768px){.achievement-popup{padding:10px 16px;bottom:24px}.achievement-popup .text-content .title{font-size:13px}.achievement-popup .text-content .description{font-size:12px}}.achievements-panel{filter:drop-shadow(0 4px 15px #00000026);opacity:0;pointer-events:none;z-index:95;width:280px;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s;position:fixed;top:0;right:24px;transform:translateY(-100%)}.achievements-panel.open{opacity:1;pointer-events:auto;transform:translateY(0)}.achievements-panel .achievements-card{background:#fff;width:100%;padding:18px 16px 20px;position:relative;overflow:hidden}.achievements-panel .achievements-card:before{content:"";z-index:-1;pointer-events:none;background:url(/textures/paper-texture.webp) 50%/cover;width:140%;height:140%;position:absolute;top:-20%;left:-20%}.achievements-panel .achievements-card:after{content:"";pointer-events:none;z-index:10;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0 L100 0 L98 10 L100 20 L97 35 L100 50 L98 65 L100 80 L97 90 L100 100 L90 97 L80 100 L70 96 L60 100 L50 97 L40 100 L30 96 L20 100 L10 97 L0 100 L2 90 L0 80 L3 65 L0 50 L2 35 L0 20 L3 10 L0 0 Z' fill='none' stroke='%231a1a1a' stroke-width='0.5'/%3E%3C/svg%3E") 0 0/100% 100%;width:100%;height:100%;position:absolute;top:0;left:0}.achievements-panel .achievements-card{clip-path:polygon(0% 0%,100% 0%,100% 0%,98% 10%,100% 20%,97% 35%,100% 50%,98% 65%,100% 80%,97% 90%,100% 100%,90% 97%,80% 100%,70% 96%,60% 100%,50% 97%,40% 100%,30% 96%,20% 100%,10% 97%,0% 100%,0% 100%,2% 90%,0% 80%,3% 65%,0% 50%,2% 35%,0% 20%,3% 10%,0% 0%)}.achievements-panel .achievements-header{z-index:1;border-bottom:2px dashed #bbb;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex;position:relative}.achievements-panel .achievements-header h3{letter-spacing:1.5px;color:#1a1a1a;margin:0;font-family:Patrick Hand,cursive,sans-serif;font-size:14px;font-weight:700}.achievements-panel .achievements-header .close-btn{cursor:pointer;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .2s,opacity .2s;display:flex}.achievements-panel .achievements-header .close-btn svg{stroke:#1a1a1a;stroke-width:2.5px;fill:none;stroke-linecap:round;width:14px;height:14px}.achievements-panel .achievements-header .close-btn:hover{opacity:1;transform:scale(1.1)}.achievements-panel .achievements-header .close-btn:active{transform:scale(.95)}.achievements-panel .achievements-list{z-index:1;scrollbar-width:thin;scrollbar-color:#ccc transparent;flex-direction:column;gap:12px;max-height:50vh;padding-right:4px;display:flex;position:relative;overflow-y:auto}.achievements-panel .achievements-list::-webkit-scrollbar{width:4px}.achievements-panel .achievements-list::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px}.achievements-panel .achievement-item{align-items:center;gap:12px;padding:6px 0;display:flex}.achievements-panel .achievement-item.locked{opacity:.5}.achievements-panel .achievement-item.locked .achievement-title{color:#555}.achievements-panel .achievement-item.locked .achievement-label{color:#777}.achievements-panel .achievement-item .achievement-icon{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.achievements-panel .achievement-item .achievement-icon svg{width:100%;height:100%}.achievements-panel .achievement-item .achievement-text{flex-direction:column;display:flex}.achievements-panel .achievement-item .achievement-text .achievement-title{color:#1a1a1a;letter-spacing:.5px;margin-bottom:1px;font-family:Patrick Hand,cursive,sans-serif;font-size:14px;font-weight:700}.achievements-panel .achievement-item .achievement-text .achievement-label{color:#444;font-size:12px;line-height:1.2}.achievements-panel .achievements-footer{text-align:center;letter-spacing:1px;color:#1a1a1a;z-index:1;border-top:2px dashed #bbb;margin-top:12px;padding-top:10px;font-family:Patrick Hand,cursive,sans-serif;font-size:12px;font-weight:700;position:relative}@media (width<=768px){.achievements-panel{width:260px;right:16px}}.navigation-ui{pointer-events:none;z-index:100;position:fixed;inset:0}.navigation-ui button,.navigation-ui .map-panel,.navigation-ui .audio-panel,.navigation-ui .menu-overlay{pointer-events:auto}.nav-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:50px;height:55px;padding-top:8px;transition:transform .2s;display:flex;position:relative;overflow:visible}.nav-btn:before{content:"";z-index:-1;clip-path:polygon(0% 0%,100% 0%,100% 0%,98% 10%,100% 20%,97% 35%,100% 50%,98% 65%,100% 80%,97% 90%,100% 100%,90% 97%,80% 100%,70% 96%,60% 100%,50% 97%,40% 100%,30% 96%,20% 100%,10% 97%,0% 100%,0% 100%,2% 90%,0% 80%,3% 65%,0% 50%,2% 35%,0% 20%,3% 10%,0% 0%);background-color:#0000;background-image:linear-gradient(#ffffff73,#ffffff73),url(/textures/paper-texture.webp);background-position:0 0,50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100%;height:100%;position:absolute;top:0;left:0}.nav-btn:after{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 55' preserveAspectRatio='none'%3E%3Cpath d='M0 0 L50 0 L49 5.5 L50 11 L48.5 19 L50 27.5 L49 36 L50 44 L48.5 49.5 L50 55 L45 54 L40 55 L35 53 L30 55 L25 54 L20 55 L15 53 L10 55 L5 54 L0 55 L1 49.5 L0 44 L1.5 36 L0 27.5 L1 19 L0 11 L1.5 5.5 L0 0 Z' fill='none' stroke='%231a1a1a' stroke-width='1.5'/%3E%3C/svg%3E") 0 0/100% 100%;width:100%;height:100%;position:absolute;top:0;left:0}.nav-btn{box-shadow:0 3px 10px #0000001a}.nav-btn:hover{transform:translateY(-2px)}.nav-btn:active{transform:translateY(1px)}.nav-btn svg{fill:none;stroke:#1a1a1a;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;z-index:1;width:22px;height:22px}.back-btn{transition:transform .3s,opacity .3s;animation:.3s ease-out fadeSlideDown;position:fixed;top:0;left:24px}.back-btn.exiting{opacity:0;pointer-events:none;transform:translateY(-100%)}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.nav-controls{gap:12px;transition:transform .3s,opacity .3s;animation:.4s ease-out slideDownEntrance;display:flex;position:fixed;top:0;right:24px}@keyframes slideDownEntrance{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.nav-controls.menu-open{opacity:0;pointer-events:none;transform:translateY(-100%)}.nav-controls.ui-hidden{opacity:0;pointer-events:none;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s;transform:translateY(-120%)}.hamburger-btn .hamburger-icon{flex-direction:column;gap:5px;width:20px;display:flex}.hamburger-btn .hamburger-icon span{background:#1a1a1a;border-radius:2px;width:100%;height:2px;display:block}.map-panel{filter:drop-shadow(0 4px 20px #00000026);opacity:0;pointer-events:none;border:none;border-radius:0;width:90%;max-width:500px;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s;position:fixed;top:0;left:50%;transform:translate(-50%)translateY(-100%)}.map-panel.open{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.map-panel .map-content-clipped{background:#fff;width:100%;height:100%;padding:20px 20px 30px;position:relative}.map-panel .map-content-clipped:before{content:"";z-index:-1;pointer-events:none;background:url(/textures/paper-texture.webp) 50%/cover;width:200%;height:200%;position:absolute;top:-50%;left:-50%;transform:rotate(90deg)}.map-panel .map-content-clipped{clip-path:polygon(0% 0%,100% 0%,100% 0%,99% 3%,100% 6%,98% 10%,100% 14%,99% 18%,100% 22%,98% 26%,100% 30%,99% 35%,100% 40%,98% 45%,100% 50%,99% 55%,100% 60%,98% 65%,100% 70%,99% 75%,100% 80%,98% 85%,100% 90%,99% 95%,100% 100%,96% 99%,92% 100%,88% 98%,84% 100%,80% 99%,76% 100%,72% 98%,68% 100%,64% 99%,60% 100%,56% 98%,52% 100%,48% 99%,44% 100%,40% 98%,36% 100%,32% 99%,28% 100%,24% 98%,20% 100%,16% 99%,12% 100%,8% 98%,4% 100%,0% 99%,.5% 99.5%,1% 95%,0% 90%,2% 85%,0% 80%,1% 75%,0% 70%,2% 65%,0% 60%,1% 55%,0% 50%,2% 45%,0% 40%,1% 35%,0% 30%,2% 26%,0% 22%,1% 18%,0% 14%,2% 10%,0% 6%,1% 3%,0% 0%)}.map-panel .map-header{border-bottom:2px dashed #ccc;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.map-panel .map-header h3{letter-spacing:2px;text-transform:uppercase;color:#1a1a1a;margin:0;font-family:Patrick Hand,cursive,sans-serif;font-size:16px;font-weight:700}.map-panel .map-header .close-btn{cursor:pointer;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .2s,opacity .2s;display:flex}.map-panel .map-header .close-btn svg{fill:none;stroke:#1a1a1a;stroke-width:2.5px;stroke-linecap:round;width:18px;height:18px}.map-panel .map-header .close-btn:hover{opacity:1;transform:scale(1.1)}.map-panel .map-header .close-btn:active{transform:scale(.95)}.map-panel .map-container{border-radius:8px;width:100%;position:relative;overflow:hidden}.map-panel .map-image{pointer-events:none;width:100%;height:auto;display:block}.map-panel .painted-map-layer{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.map-panel .map-hover-zone{z-index:2;cursor:pointer;appearance:none;font:inherit;color:inherit;background:0 0;border:none;outline:none;margin:0;padding:0;position:absolute}.map-panel .zone-about{width:30%;height:35%;margin-top:20%;margin-left:10%;top:0;left:0}.map-panel .zone-gallery{width:30%;height:35%;margin-bottom:8%;margin-left:10%;bottom:0;left:0}.map-panel .zone-contact{width:35%;height:25%;margin-top:10%;margin-right:5%;top:0;right:0}.map-panel .zone-studio{width:25%;height:40%;margin-bottom:19%;margin-right:15%;bottom:0;right:0}.map-panel .map-room-label{color:#1a1a1a;pointer-events:none;z-index:4;text-transform:uppercase;letter-spacing:2px;text-align:center;text-shadow:-1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff;font-family:Cabin Sketch,cursive,sans-serif;font-size:1.2rem;font-weight:700;position:absolute;transform:translate(-50%,-50%)}.map-panel .map-room-label.about{top:28%;left:26%}.map-panel .map-room-label.gallery{top:94%;left:26%}.map-panel .map-room-label.contact{top:14%;left:76%}.map-panel .map-room-label.studio{top:75%;left:72%}.map-panel .pin-slot{cursor:pointer;z-index:2;background:0 0;border:none;width:35px;height:35px;padding:0;transition:transform .2s;position:absolute;transform:translate(-50%,-50%)}.map-panel .pin-slot .slot-image{object-fit:contain;width:100%;height:100%}.map-panel .pin-slot:hover{transform:translate(-50%,-50%)scale(1.15)}.map-panel .pin-slot.active{filter:drop-shadow(0 0 4px #c8323280)}.map-panel .pin-marker{z-index:3;pointer-events:none;width:20px;height:auto;transition:left .4s,top .4s;position:absolute;transform:translate(-50%,-90%)}.map-panel .pin-marker .pin-image{filter:drop-shadow(2px 2px 2px #0000004d);width:100%;height:auto}.audio-panel{filter:drop-shadow(0 4px 15px #00000026);opacity:0;pointer-events:none;z-index:95;width:220px;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s;position:fixed;top:0;right:24px;transform:translateY(-100%)}.audio-panel.open{opacity:1;pointer-events:auto;transform:translateY(0)}.audio-panel .audio-card{background:#fff;width:100%;padding:18px 16px 20px;position:relative;overflow:hidden}.audio-panel .audio-card:before{content:"";z-index:-1;pointer-events:none;background:url(/textures/paper-texture.webp) 50%/cover;width:140%;height:140%;position:absolute;top:-20%;left:-20%}.audio-panel .audio-card:after{content:"";pointer-events:none;z-index:10;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0 L100 0 L98 10 L100 20 L97 35 L100 50 L98 65 L100 80 L97 90 L100 100 L90 97 L80 100 L70 96 L60 100 L50 97 L40 100 L30 96 L20 100 L10 97 L0 100 L2 90 L0 80 L3 65 L0 50 L2 35 L0 20 L3 10 L0 0 Z' fill='none' stroke='%231a1a1a' stroke-width='0.5'/%3E%3C/svg%3E") 0 0/100% 100%;width:100%;height:100%;position:absolute;top:0;left:0}.audio-panel .audio-card{clip-path:polygon(0% 0%,100% 0%,100% 0%,98% 10%,100% 20%,97% 35%,100% 50%,98% 65%,100% 80%,97% 90%,100% 100%,90% 97%,80% 100%,70% 96%,60% 100%,50% 97%,40% 100%,30% 96%,20% 100%,10% 97%,0% 100%,0% 100%,2% 90%,0% 80%,3% 65%,0% 50%,2% 35%,0% 20%,3% 10%,0% 0%)}.audio-panel .audio-header{z-index:1;border-bottom:2px dashed #bbb;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex;position:relative}.audio-panel .audio-header h3{letter-spacing:1.5px;color:#1a1a1a;margin:0;font-family:Patrick Hand,cursive,sans-serif;font-size:14px;font-weight:700}.audio-panel .audio-header .close-btn{cursor:pointer;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .2s,opacity .2s;display:flex}.audio-panel .audio-header .close-btn svg{stroke:#1a1a1a;stroke-width:2.5px;fill:none;stroke-linecap:round;width:14px;height:14px}.audio-panel .audio-header .close-btn:hover{opacity:1;transform:scale(1.1)}.audio-panel .audio-header .close-btn:active{transform:scale(.95)}.audio-panel .audio-sliders-container{z-index:1;flex-direction:column;gap:16px;display:flex;position:relative}.audio-panel .audio-sliders-container .slider-group{flex-direction:column;gap:6px;display:flex}.audio-panel .audio-sliders-container .slider-group .slider-label{color:#1a1a1a;justify-content:space-between;font-family:Patrick Hand,cursive,sans-serif;font-size:14px;font-weight:600;display:flex}.audio-panel .audio-sliders-container .slider-group .paper-slider{appearance:none;cursor:pointer;background:#ccc;border-radius:2px;outline:none;width:100%;height:4px}.audio-panel .audio-sliders-container .slider-group .paper-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#1a1a1a;border-radius:50%;width:16px;height:16px;box-shadow:1px 1px 2px #0000004d}.audio-panel .audio-sliders-container .slider-group .paper-slider::-moz-range-thumb{cursor:pointer;background:#1a1a1a;border:none;border-radius:50%;width:16px;height:16px;box-shadow:1px 1px 2px #0000004d}.menu-overlay{z-index:-1;background:0 0;position:fixed;inset:0}@keyframes hintFadeIn{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.entrance-hint{color:#1a1a1a;pointer-events:auto;background:#ffffffe6;border:2px solid #1a1a1a;border-radius:12px;gap:24px;padding:16px 24px;font-size:14px;animation:.5s ease-out hintFadeIn;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:3px 3px #1a1a1a}.entrance-hint span{align-items:center;gap:8px;display:flex}.corridor-hint{color:#1a1a1a;pointer-events:auto;background:#ffffffe6;border:2px solid #1a1a1a;border-radius:12px;gap:24px;padding:16px 24px;font-size:14px;animation:.5s ease-out corridorHintFadeIn,.5s ease-out 3.5s forwards corridorHintFadeOut;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:3px 3px #1a1a1a}.corridor-hint span{align-items:center;gap:8px;display:flex}@keyframes corridorHintFadeIn{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes corridorHintFadeOut{to{opacity:0;transform:translate(-50%)translateY(10px)}}@media (width<=768px){.nav-btn{width:45px;height:50px}.back-btn{left:16px}.nav-controls{gap:8px;right:16px}.audio-panel{right:16px}.map-panel{width:95%;max-width:none}.map-panel .map-header h3{font-size:14px}.map-panel .close-btn{width:28px;height:28px}.entrance-hint,.corridor-hint{gap:8px;padding:12px 20px;font-size:13px;bottom:24px}}@media (width<=480px){.map-panel{width:100%}}@font-face{font-family:Cabin Sketch;src:url(/fonts/CabinSketch-Bold.ttf)format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Cabin Sketch;src:url(/fonts/CabinSketch-Regular.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Fredericka the Great;src:url(/fonts/FrederickatheGreat-Regular.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Rubik Scribble;src:url(/fonts/RubikScribble-Regular.ttf)format("truetype");font-weight:400;font-style:normal}.studio-paper-card{background:#fff;position:relative}.studio-paper-card:before{content:"";z-index:-1;pointer-events:none;background:url(/textures/paper-texture.webp) 50%/cover;width:200%;height:200%;position:absolute;top:-50%;left:-50%;transform:rotate(90deg)}.studio-paper-card{clip-path:polygon(0% 0%,4% 1%,8% 0%,12% 1%,16% 0%,20% 1%,24% 0%,28% 1%,32% 0%,36% 1%,40% 0%,44% 1%,48% 0%,52% 1%,56% 0%,60% 1%,64% 0%,68% 1%,72% 0%,76% 1%,80% 0%,84% 1%,88% 0%,92% 1%,96% 0%,100% 0%,100% 0%,99% 3%,100% 6%,98% 10%,100% 14%,99% 18%,100% 22%,98% 26%,100% 30%,99% 35%,100% 40%,98% 45%,100% 50%,99% 55%,100% 60%,98% 65%,100% 70%,99% 75%,100% 80%,98% 85%,100% 90%,99% 95%,100% 100%,96% 99%,92% 100%,88% 98%,84% 100%,80% 99%,76% 100%,72% 98%,68% 100%,64% 99%,60% 100%,56% 98%,52% 100%,48% 99%,44% 100%,40% 98%,36% 100%,32% 99%,28% 100%,24% 98%,20% 100%,16% 99%,12% 100%,8% 98%,4% 100%,0% 99%,.5% 99.5%,1% 95%,0% 90%,2% 85%,0% 80%,1% 75%,0% 70%,2% 65%,0% 60%,1% 55%,0% 50%,2% 45%,0% 40%,1% 35%,0% 30%,2% 26%,0% 22%,1% 18%,0% 14%,2% 10%,0% 6%,1% 3%,0% 0%)}.studio-close-btn{cursor:pointer;opacity:.7;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-left:1rem;transition:transform .2s,opacity .2s;display:flex}.studio-close-btn svg{fill:none;stroke:#1a1a1a;stroke-width:2.5px;stroke-linecap:round;width:20px;height:20px}.studio-close-btn:hover{opacity:1;transform:scale(1.1)}.studio-close-btn:active{transform:scale(.95)}.studio-media-container{background:#000;border:2px solid #1a1a1a;border-radius:4px;width:100%;margin-top:10px;margin-bottom:5px;padding-top:56.25%;position:relative;overflow:hidden}.studio-media-container iframe,.studio-media-container video{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.studio-media-container .thumbnail-placeholder{color:#666;background:#e0e0e0;justify-content:center;align-items:center;width:100%;height:100%;font-family:Rubik Scribble,cursive;font-size:1.5rem;font-weight:700;display:flex;position:absolute;top:0;left:0}.studio-action-button{color:#1a1a1a;text-align:center;text-transform:uppercase;letter-spacing:2px;cursor:pointer;background:0 0;border:2px solid #1a1a1a;border-radius:2px 255px 3px/255px 5px 225px 3px;width:100%;margin-top:auto;padding:.8rem;font-family:Cabin Sketch,cursive;font-size:1.2rem;font-weight:700;text-decoration:none;transition:all .2s;display:block}.studio-action-button:hover{color:#fff;background:#1a1a1a;transform:translateY(-2px);box-shadow:4px 4px #1a1a1a33}.studio-action-button:active{transform:translateY(1px);box-shadow:2px 2px #1a1a1a33}.awards-scroll-container{scrollbar-width:none;-ms-overflow-style:none}.awards-scroll-container::-webkit-scrollbar{display:none}.torn-scroll-track{pointer-events:none;z-index:15;width:30px;height:100%;position:absolute;top:0;right:0;overflow:visible}.torn-scroll-line{background:repeating-linear-gradient(#1a1a1a33 0 4px,#0000 4px 8px);width:2px;height:90%;position:absolute;top:5%;right:8px}.torn-scroll-thumb{pointer-events:auto;cursor:grab;width:16px;height:32px;transition:transform 80ms ease-out;position:absolute;right:2px}.torn-scroll-thumb:before{content:"";background:#1a1a1a26;border:1.5px solid #1a1a1a66;border-radius:3px 255px 4px/255px 4px 225px 3px;width:14px;height:28px;transition:background .2s,border-color .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.torn-scroll-thumb:after{content:"";background:repeating-linear-gradient(#1a1a1a59 0 1px,#0000 1px 3px);width:6px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.torn-scroll-thumb:hover:before{background:#1a1a1a40;border-color:#1a1a1a8c}.torn-scroll-thumb:active{cursor:grabbing}.torn-scroll-thumb:active:before{background:#1a1a1a59;border-color:#1a1a1aa6}.sr-overlay{z-index:1;pointer-events:none;position:fixed;inset:0}.sr-overlay button,.sr-overlay a{pointer-events:auto}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.sr-focusable:focus{z-index:10000;color:#fff;background:#1a1a1a;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;text-decoration:none;top:8px;left:8px;box-shadow:0 4px 12px #0000004d;clip:auto!important;white-space:normal!important;width:auto!important;height:auto!important;margin:0!important;padding:12px 20px!important;position:fixed!important;overflow:visible!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}@media (width<=767px){html{font-size:14px}}body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-ms-overflow-style:none;scrollbar-width:none;background-color:#fdf8e2;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}body::-webkit-scrollbar{display:none}.app{width:100%;height:100dvh;position:relative;overflow:hidden}.canvas-wrapper{z-index:1;position:absolute;inset:0}.ui-overlay{pointer-events:none;z-index:50;position:fixed;inset:0}.scroll-hint{flex-direction:column;align-items:center;gap:.5rem;animation:1s .5s both fadeIn;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-hint__text{color:#666;font-family:Caveat,cursive;font-size:1rem}.scroll-hint__arrow{color:#0a0a0a;font-size:1.5rem;animation:2s infinite bounce}.instructions{position:absolute;bottom:1rem;right:1rem}.instructions p{color:#888;background:#ffffffe6;border:1px solid #eee;border-radius:20px;padding:.5rem 1rem;font-family:Caveat,cursive;font-size:.9rem}@media (width<=767px){.instructions{top:1rem;bottom:auto;right:1rem}.instructions p{font-size:.75rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.ui-overlay,.scroll-hint,.instructions{-webkit-user-select:none;user-select:none}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}.preloader{z-index:100;pointer-events:auto;cursor:auto;width:100%;height:100%;position:fixed;inset:0}.preloader__half{will-change:transform;filter:drop-shadow(0 0 10px #0000001a);background-color:#fff;background-image:url(/textures/paper-texture.webp);background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;bottom:0}.preloader__half--left{left:0}.preloader__half--right{right:0}.preloader__overlay{z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.preloader__percentage{color:#0a0a0a;z-index:20;mix-blend-mode:multiply;font-family:Caveat,cursive;font-size:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}