*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}canvas{position:fixed;inset:0;display:block;z-index:0}.ui-overlay{position:fixed;inset:0;z-index:15;background:#0000000d;opacity:0;pointer-events:none;transition:opacity .26s ease}.ui-overlay.is-open{opacity:1;pointer-events:auto}.ui-overlay.is-blur{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.ui-drawer{position:fixed;top:0;right:0;height:100%;width:min(720px,92vw);z-index:16;background:#0a0a0aeb;color:#fff;border-left:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translate(100%);transition:transform .4s ease;display:flex;flex-direction:column}.ui-drawer.is-open{transform:translate(0)}.ui-hero{width:100%;height:220px;overflow:hidden;position:relative}.ui-hero img{width:100%;height:100%;object-fit:cover;display:block}.ui-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0000 60%,#0a0a0ae6)}.ui-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 16px;border-bottom:1px solid rgba(255,255,255,.12)}.ui-drawer__title{font-size:26px;font-weight:650;letter-spacing:.2px}.ui-drawer__subtitle{font-size:16px;opacity:.75;margin-top:4px;color:#a3a3a3}.ui-inner{padding:20px 35px;height:100%;display:flex;flex-direction:column;min-height:0}.ui-drawer__content{flex:1;min-height:0;padding:24px 16px 16px;overflow-y:auto;overflow-x:hidden}.ui-drawer__content::-webkit-scrollbar{width:6px}.ui-drawer__content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.ui-back{width:49px;height:49px;border-radius:14px;border:1px solid rgba(255,255,255,.15);background:#1e1e1ed9;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease;opacity:0;pointer-events:none}.ui-back:hover{background:#000;border-color:#fff}.side-back{position:absolute;left:-22px;top:50%;transform:translateY(-50%)}.ui-drawer.is-open .ui-back{opacity:1;pointer-events:auto}.ui-btn,.ui-mode-btn,.ui-panel-btn{position:static;z-index:9999;padding:10px 14px;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:#00000059;color:#fff;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.ui-btn:hover,.ui-mode-btn:hover,.ui-panel-btn:hover{background:#00000080}.ui-link{all:unset;cursor:pointer}.ui-link:hover{opacity:.8}.ui-list{padding-left:18px;opacity:.95;line-height:1.6;font-size:13px}.ui-section{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px 16px 20px;margin-bottom:20px;background:#ffffff05;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ui-section__title{font-size:20px;opacity:.8;margin-bottom:10px;text-align:center}#uiViewMaterials[hidden]{display:none}#uiViewMaterials>.ui-section:first-child{border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}#uiViewMaterials>.ui-section:first-child .ui-section__title{text-align:left;font-size:25px;font-weight:500;opacity:1;margin-bottom:8px;letter-spacing:.3px;color:#cecece;margin-top:30px}.ui-material-grid{display:grid;grid-template-columns:repeat(3,120px);gap:38px;margin-top:10px;justify-content:center}.ui-material{all:unset;cursor:pointer;text-align:center}.ui-material img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;border-radius:10px}.ui-material span{display:block;margin-top:6px;font-size:12px}.ui-material-preview{margin:10px 0 28px;border-radius:1px;overflow:hidden;background:#fff}.ui-material-preview img{width:100%;height:auto;display:block}#uiViewInfo .ui-section{border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}#uiViewInfo .ui-drawer__title{font-size:25px;font-weight:400;line-height:1.05;margin-bottom:14px;color:#cecece;margin-top:30px}#uiViewInfo .ui-drawer__subtitle{font-size:16px;margin-bottom:30px;color:#a3a3a3}#uiViewInfo p{font-size:15px;line-height:1.9;max-width:560px;color:#ffffffe6}.ui-info-image{margin:40px 0;border-radius:14px;overflow:hidden;cursor:pointer}.ui-info-image img{width:100%;height:auto;display:block;border-radius:14px;transform:translateZ(0) scale(1);transform-origin:center center;backface-visibility:hidden;will-change:transform;transition:transform .38s cubic-bezier(.22,.61,.36,1)}.ui-info-image:hover img{transform:translateZ(0) scale(1.012)}.ui-image-popup{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:99999}.ui-image-popup img{max-width:90vw;max-height:90vh;border-radius:12px}.ui-image-popup.active{opacity:1;pointer-events:auto}#uiViewAbout .ui-section{border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.ui-about-image{margin:8px 0 28px}.ui-about-image img{width:140px;height:auto;opacity:.92;display:block}#uiViewAbout .ui-drawer__title{font-size:32px;font-weight:400;line-height:1.08;margin-bottom:10px;color:#cecece}#uiViewAbout .ui-drawer__subtitle{font-size:15px;line-height:1.6;margin-bottom:34px;color:#a3a3a3}#uiViewAbout p{font-size:15px;line-height:2;max-width:520px;margin:0 0 18px;color:#ffffffe0}#uiViewAbout .ui-link{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:18px;line-height:1.6;color:#ffffffc7;border-bottom:1px solid rgba(255,255,255,.22);padding-bottom:2px;transition:opacity .2s ease,border-color .2s ease,transform .2s ease}#uiViewAbout .ui-link:hover{opacity:1;border-color:#ffffff8c;transform:translateY(-1px)}.ui-about-studio{display:inline-flex;align-items:baseline;gap:6px;text-decoration:none;color:inherit}.ui-about-studio-logo{width:22px;height:auto;opacity:.85;transform:translateY(2px)}#uiPanel{position:fixed;top:50px;left:70px;z-index:9999;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.ui-cam-btn{width:clamp(42px,5vw,50px);height:clamp(42px,5vw,50px);border:1px solid rgba(255,255,255,.75);background:#000000d7;color:#ffffffbf;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;flex:0 0 auto}.ui-cam-btn:hover{background:#6a6a6a00;border-color:#000000bf;color:#000000bf}.ui-icon{width:clamp(22px,2.8vw,28px);height:clamp(22px,2.8vw,28px);display:block;flex:0 0 auto}.viewport-hint{position:fixed;left:50%;top:55px;transform:translate(-50%);z-index:9999;padding:9px 16px;border:1px solid black;display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;line-height:1.35;letter-spacing:.2px;opacity:1;pointer-events:none;transition:opacity .8s ease;animation:hintPulse 2.6s ease-in-out infinite}.viewport-hint.is-hidden{opacity:0}@keyframes hintPulse{0%{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.03)}to{transform:translate(-50%) scale(1)}}.mobile-start-overlay{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;background:#000;color:#fffc}.mobile-start-box{width:min(90vw,340px);padding:28px 20px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:#ffffff0a;text-align:center}.rotate-icon{width:74px;height:74px;margin:0 auto 18px;display:block;color:#fff;opacity:.92;animation:rotatePhoneHint 2.2s ease-in-out infinite;transform-origin:center center}.rotate-icon.stop{animation:none}.rotate-message{margin:0 0 18px;font-size:18px;line-height:1.4;opacity:.9}.start-btn{width:100%;height:48px;border:1px solid rgba(255,255,255,.24);border-radius:14px;background:#ffffff14;color:#fff;font-size:16px;cursor:pointer;transition:all .2s ease}.start-btn:disabled{opacity:.45;cursor:not-allowed}.start-btn:not(:disabled):hover{background:#ffffff24;transform:translateY(-1px)}@keyframes rotatePhoneHint{0%{transform:rotate(0)}20%{transform:rotate(0)}50%{transform:rotate(-90deg)}80%{transform:rotate(-90deg)}to{transform:rotate(0)}}#loadingScreen{position:fixed;inset:0;background:#000;z-index:999999;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .8s ease}.loading-leaves{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1;opacity:1;transition:opacity 1.2s ease}.loading-leaf{position:absolute;top:-12vh;left:var(--x, 80vw);width:var(--size, 20px);height:var(--size, 20px);opacity:var(--alpha, .8);will-change:transform,opacity;animation:loadingLeafFall var(--fall, 8s) linear infinite;animation-delay:var(--delay, 0s)}.loading-leaf svg{width:100%;height:100%;display:block}.loading-wrap{position:relative;z-index:3;width:100%;max-width:100%;text-align:center;transition:opacity .5s ease,transform .5s ease}.loading-wrap.is-hidden{opacity:0;transform:translateY(8px);pointer-events:none}.loading-line{width:100%;height:2px;background:#ffffff2e;position:relative;overflow:hidden}.loading-bar{width:0%;height:100%;background:#fff;transition:width .25s ease}.loading-percent{margin-top:12px;font-size:14px;color:#fff;letter-spacing:1px}.loading-message{position:absolute;left:50%;top:50%;transform:translate(-50%,-40px);color:#fff;font-size:64px;font-weight:300;letter-spacing:.5px;opacity:0;transition:opacity .9s ease,transform 1.2s cubic-bezier(.22,.61,.36,1);pointer-events:none;z-index:3}.loading-message.is-show{opacity:1;transform:translate(-50%,-60px)}@keyframes loadingLeafFall{0%{transform:translate3d(0,-10vh,0) rotate(0) scaleY(1);opacity:0}10%{transform:translate3d(-2vw,0,0) rotate(20deg) scaleY(.9);opacity:var(--alpha,.8)}25%{transform:translate3d(-6vw,22vh,0) rotate(80deg) scaleY(-1)}40%{transform:translate3d(-12vw,45vh,0) rotate(140deg) scaleY(.8)}55%{transform:translate3d(-20vw,68vh,0) rotate(200deg) scaleY(-1)}70%{transform:translate3d(-30vw,86vh,0) rotate(260deg) scaleY(.9)}85%{transform:translate3d(-42vw,100vh,0) rotate(320deg) scaleY(-1)}to{transform:translate3d(-55vw,115vh,0) rotate(360deg) scaleY(1);opacity:0}}@media(max-width:950px)and (max-height:500px)and (orientation:landscape),(max-width:1024px)and (max-height:768px)and (orientation:landscape){#uiPanel{top:10px;left:12px;right:12px;gap:6px}.ui-cam-btn{width:28px;height:28px}.ui-icon{width:20px;height:20px}.viewport-hint{top:12px;max-width:calc(100vw - 24px);padding:6px 10px;font-size:13px;line-height:1.25}.ui-drawer{width:65%}.ui-drawer__header{padding:14px 12px}.ui-drawer__content{padding:16px 12px 12px}.ui-inner{padding:14px}.ui-back{width:40px;height:40px;border-radius:10px}.side-back{left:0%;top:45%;transform:translate(-50%)}.ui-material-grid{grid-template-columns:repeat(3,minmax(100px,1fr));gap:12px;width:100%}.ui-drawer__title{font-size:18px;font-weight:650;letter-spacing:.2px}.ui-drawer__subtitle{font-size:12px;opacity:.75;margin-top:4px}#uiViewInfo .ui-drawer__title,#uiViewAbout .ui-drawer__title{font-size:16px;line-height:1.08;margin-bottom:1px;color:#a3a3a3}#uiViewInfo .ui-drawer__subtitle,#uiViewAbout .ui-drawer__subtitle{font-size:12px;margin-bottom:12px}#uiViewInfo p,#uiViewAbout p{font-size:12px;line-height:1.7;max-width:100%}.ui-about-image img{width:80px}.ui-info-image{width:95%;height:70%;display:block;margin:10px 0}.ui-section__title{font-size:12px}#uiViewMaterials p{font-size:12px;color:#a3a3a3}#uiViewMaterials>.ui-section:first-child .ui-section__title{font-size:18px;margin-bottom:1px;color:#a3a3a3}.loading-message{top:60%;font-size:28px}}