.ui-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:100}.welcome-overlay{background-color:#00000080;pointer-events:auto}.welcome-button{font-size:48px;font-family:Arial,sans-serif;background-color:transparent;color:#ffffff83;border:none;cursor:pointer;transition:transform .3s ease;margin-top:100px;animation:glowPulse 2s ease-in-out infinite;text-shadow:0 0 10px rgba(100,200,255,.4)}.welcome-button:hover{transform:scale(1.2);animation:none;text-shadow:0 0 20px rgba(100,200,255,.7)}.welcome-enter-block{display:flex;flex-direction:column;align-items:center}.welcome-enter-block:hover .welcome-enter-label{animation-play-state:paused;opacity:1}.welcome-enter-label{font-family:Arial,sans-serif;font-size:14px;color:#fff;margin-top:10px;user-select:none;pointer-events:none;animation:welcomeEnterFade 2.5s ease-in-out infinite}@keyframes welcomeEnterFade{0%,to{opacity:.35}50%{opacity:1}}@keyframes glowPulse{0%{text-shadow:0 0 10px rgba(100,200,255,.4)}50%{text-shadow:0 0 20px rgba(100,200,255,.7)}to{text-shadow:0 0 10px rgba(100,200,255,.4)}}.menu-overlay{background-color:transparent;pointer-events:none}.close-button{position:absolute;top:20px;right:20px;font-size:24px;font-family:Arial,sans-serif;background-color:transparent;color:#fff;border:none;cursor:pointer;pointer-events:auto}.screenshot-button{position:absolute;top:56px;right:10px;width:44px;height:44px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background-color:transparent;color:#fff;cursor:pointer;pointer-events:auto;transition:background-color .3s ease,transform .3s ease}.screenshot-button svg{width:20px;height:20px;stroke:currentColor}.screenshot-button:hover{background-color:#ffffff1a;transform:scale(1.05)}.screenshot-button:hover svg{transform:none}.menu-buttons{display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:auto}.menu-button{margin:8px 0;padding:12px 24px;font-size:16px;font-family:Arial,sans-serif;background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:30px;cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:all .3s ease;width:180px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 4px 6px #0000001a}.menu-button:hover{background-color:#fff3;border-color:#ffffff4d;box-shadow:0 6px 8px #00000026}.menu-button .en{font-size:16px;font-family:Arial,sans-serif;font-weight:500}.menu-button .jp{font-size:11px;font-family:Arial,sans-serif;margin-top:3px;opacity:.7}.copyright{position:absolute;top:20px;left:50%;transform:translate(-50%);font-size:14px;color:#fff;font-family:Arial,sans-serif}.site-version{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 10px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 24px #64c8ff14,inset 0 1px #ffffff14;font-family:Arial,sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#ffffff85;pointer-events:none;user-select:none;animation:siteVersionFloat 4s ease-in-out infinite}.site-version-beacon{width:7px;height:7px;border-radius:50%;background:#64c8fff2;box-shadow:0 0 6px #64c8ffe6,0 0 14px #64c8ff73;animation:siteVersionPulse 2.4s ease-in-out infinite}.site-version-text{line-height:1}.site-version-number{color:#ffffffeb;font-weight:600;letter-spacing:.06em;text-shadow:0 0 12px rgba(100,200,255,.35)}@keyframes siteVersionPulse{0%,to{transform:scale(1);opacity:.75}50%{transform:scale(1.15);opacity:1}}@keyframes siteVersionFloat{0%,to{opacity:.72}50%{opacity:.95}}@media (max-width: 767px){.site-version{font-size:10px;padding:6px 12px 6px 9px;gap:7px}.site-version-beacon{width:6px;height:6px}}.welcome-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.texture-image{max-width:200px;margin-top:50px}.welcome-content.moved-down{margin-top:20vh}.projects-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000004d;backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;pointer-events:auto}.projects-overlay .close-button{position:fixed;top:60px;right:20px;z-index:1003;pointer-events:auto;padding:10px;cursor:pointer}.project-carousel{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;perspective:2000px}.carousel-container{position:relative;width:200px;height:200px;transform-style:preserve-3d;animation:rotate 20s infinite linear;transform:translateZ(-400px)}.carousel-container.paused{animation-play-state:paused}.carousel-container.search-active{animation:none;transition:transform .5s ease-out}@keyframes rotate{0%{transform:translateZ(-400px) rotateY(0)}to{transform:translateZ(-400px) rotateY(360deg)}}.project-card{position:absolute;width:200px;height:300px;backface-visibility:hidden;transform-origin:center;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;border-radius:10px;overflow:hidden;box-sizing:border-box;transition:transform .5s ease-out,opacity .3s ease;opacity:.5;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 6px #0000001a}.project-card.active{opacity:1;transform:scale(1.1) translateZ(10px)}.project-card:before{content:"";position:absolute;inset:0;background-color:#0000004d;z-index:2}.project-card img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.project-card .overlay{position:relative;width:100%;padding:8px;box-sizing:border-box;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.project-card h3{margin-bottom:2px;font-size:12px;color:#fff;font-weight:700;font-family:Arial,sans-serif}.project-card p{margin-bottom:1px;font-size:8px;color:#fffc;font-family:Arial,sans-serif}.project-card .fields{display:flex;justify-content:space-between;width:100%;margin-top:2px}.project-card .field{font-size:7px;color:#fff9;font-family:Arial,sans-serif}@media (max-width: 767px){.carousel-container{width:160px;height:240px}.carousel-button{font-size:36px;padding:0 10px}.project-card p{font-size:10px}.project-card .field{font-size:8px}.menu-button{padding:12px 24px;font-size:16px;margin:8px 0;width:160px}.home-icon{padding:12px;bottom:30px}.home-icon svg{width:24px;height:24px}.close-button{font-size:24px;padding:8px;top:10px;right:10px}.screenshot-button{top:52px;right:10px;width:38px;height:38px}.screenshot-button svg{width:18px;height:18px}.about-content,.contact-content{width:90%;padding:15px;max-width:300px}.about-content h2,.contact-content h2{font-size:18px}.about-content p,.form-group label,.form-group input,.form-group textarea{font-size:14px}.submit-button{font-size:14px;padding:8px 16px}.search-container{width:90%;max-width:250px}.search-input{font-size:14px;padding:8px 12px}.project-carousel{width:95%}.project-card{width:140px;height:210px}.project-card h3{font-size:12px}.project-card p,.project-card .field{font-size:10px}.carousel-container{transform:translateZ(-300px)}@keyframes rotate{0%{transform:translateZ(-300px) rotateY(0)}to{transform:translateZ(-300px) rotateY(360deg)}}}@media (max-width: 480px){.menu-button{padding:10px 20px;font-size:14px;width:140px}.home-icon{padding:10px;bottom:20px}.home-icon svg{width:20px;height:20px}.close-button{font-size:20px;padding:6px}.about-content,.contact-content{width:95%;padding:12px}.about-content h2,.contact-content h2{font-size:16px}.about-content p,.form-group label,.form-group input,.form-group textarea{font-size:12px}.submit-button{font-size:12px;padding:6px 12px}.search-container{width:95%;max-width:200px}.search-input{font-size:12px;padding:6px 10px}.project-carousel{width:100%}.project-card{width:120px;height:180px}.project-card h3{font-size:10px}.project-card p,.project-card .field{font-size:8px}}@media (hover: none){.menu-button:hover,.home-icon:hover,.close-button:hover,.screenshot-button:hover{background-color:transparent;transform:none}}.home-icon{position:absolute;bottom:50px;left:50%;transform:translate(-50%);background-color:transparent;color:#fff;border:none;cursor:pointer;pointer-events:auto;padding:10px;border-radius:50%;transition:background-color .3s ease,transform .3s ease;display:flex;justify-content:center;align-items:center}.home-icon:hover{background-color:#ffffff1a;transform:translate(-50%) scale(1.1)}.home-icon svg{width:24px;height:24px}.dimmed-background{background-color:#00000080}.about-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000073;backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000}.about-content{background-color:#ffffff26;background-image:url(/textures/logo1.png);background-blend-mode:overlay;background-size:cover;background-position:center top;backdrop-filter:blur(10px);border-radius:15px;padding:20px;max-width:400px;width:80%;max-height:70vh;overflow-y:auto;border:1px solid rgba(255,255,255,.18);position:relative}.about-content:before{content:"";position:absolute;inset:0;background-color:#00000080;z-index:-1;border-radius:15px}.about-content h2,.about-content p{position:relative;z-index:1}.about-content h2{color:#fff;margin-bottom:15px;font-size:16px;font-family:Arial,sans-serif}.about-content p{color:#e0e0e0;margin-bottom:12px;line-height:1.5;font-size:10px;font-family:Arial,sans-serif}.about-content .close-button{position:absolute;top:8px;right:8px;background:none;border:none;color:#fff;font-size:20px;cursor:pointer}@media (max-width: 767px){.about-content{width:90%;padding:15px;max-width:300px}.about-content h2{font-size:14px}.about-content p{font-size:9px}}.contact-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000073;display:flex;justify-content:center;align-items:center;z-index:1000;pointer-events:auto;backdrop-filter:blur(10px)}.contact-content{background-color:#ffffff26;color:#fff;width:90%;max-width:400px;border-radius:15px;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.18);padding:30px;position:relative;pointer-events:auto;font-family:Arial,sans-serif;box-shadow:0 8px 32px #0000001a;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.contact-content h2{margin-bottom:20px;font-size:24px;font-family:Arial,sans-serif;color:#fff}.contact-content p{margin:0;font-size:16px;font-family:Arial,sans-serif;color:#ffffffe6}.email-button{background-color:#0ff3;color:#fff;border:1px solid rgba(0,255,255,.3);padding:20px;border-radius:50%;cursor:pointer;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;width:80px;height:80px}.mail-icon{width:32px;height:32px;stroke:currentColor}.email-button:hover{background-color:#00ffff4d;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 15px #0ff3}.email-button:active{transform:translateY(0) scale(.95)}@media (max-width: 767px){.email-button{width:70px;height:70px;padding:15px}.mail-icon{width:28px;height:28px}}@media (max-width: 480px){.email-button{width:60px;height:60px;padding:12px}.mail-icon{width:24px;height:24px}}.ui-container.contact-active{pointer-events:none}.ui-container.contact-active .contact-overlay,.ui-container.contact-active .contact-content,.ui-container.contact-active .close-button{pointer-events:auto}.search-container{position:absolute;top:20px;left:50%;transform:translate(-50%);width:80%;max-width:300px;z-index:1002;pointer-events:auto}.search-input{width:100%;padding:10px 15px;font-size:14px;font-family:Arial,sans-serif;color:#fff;background-color:#ffffff1a;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 4px #0000001a;border-radius:20px;transition:all .3s ease;pointer-events:auto}.search-input::placeholder{color:#ffffff80}.search-input:focus{outline:none;background-color:#ffffff26;border-color:#ffffff4d;box-shadow:0 0 10px #fff3}.projects-overlay .close-button{top:60px}.projects-overlay.no-search .close-button{top:20px}.project-card video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.project-card.unreleased:before{content:"";position:absolute;inset:0;z-index:3;background-color:#00000097}.project-card .watermark{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:4;pointer-events:none;background-color:#0006;backdrop-filter:blur(3px)}.project-card .watermark .warning-symbol{font-size:36px;line-height:1;margin-bottom:10px;color:#ff0c}.project-card .watermark .warning-text{font-size:9px;font-weight:700;color:#fffc;text-align:center;padding:0 10px;font-family:Arial,sans-serif}@media (max-width: 767px){.project-card .watermark .warning-symbol{font-size:28px}.project-card .watermark .warning-text{font-size:12px}}@media (hover: none) and (pointer: coarse){.menu-button,.home-icon,.close-button,.welcome-button{cursor:pointer;-webkit-tap-highlight-color:transparent}.menu-button:active,.home-icon:active,.close-button:active,.screenshot-button:active,.welcome-button:active{opacity:.7}}@media (hover: none) and (pointer: coarse){.close-button,.screenshot-button{cursor:pointer;-webkit-tap-highlight-color:transparent}.close-button:active,.screenshot-button:active{opacity:.7}}.search-input{width:100%;padding:12px 15px;font-size:16px;font-family:Arial,sans-serif;color:#fff;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;backdrop-filter:blur(5px);transition:all .3s ease;pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-input:focus{outline:none;background-color:#ffffff26;border-color:#ffffff4d;box-shadow:0 0 10px #ffffff1a}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid rgba(255,255,255,.3);border-radius:5px;background-color:#ffffff1a;color:#fff;font-size:16px;font-family:Arial,sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group input{height:40px}.form-group textarea{height:80px;resize:vertical}.submit-button{background-color:#fff3;color:#fff;border:none;padding:12px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s ease;font-size:16px;font-family:Arial,sans-serif;font-weight:500;width:auto;min-width:100px;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (hover: none) and (pointer: coarse){input,textarea,.submit-button{font-size:16px}.search-input,.form-group input,.form-group textarea,.submit-button{padding:12px 15px}.form-group input{height:44px}.form-group textarea{height:88px}.submit-button{min-height:44px}}.home-icon,.close-button,.screenshot-button,.menu-button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.home-icon{position:absolute;bottom:50px;left:50%;transform:translate(-50%);background-color:#ffffff1a;color:#fff;border:none;padding:15px;border-radius:50%;transition:background-color .3s ease,transform .3s ease;display:flex;justify-content:center;align-items:center}.home-icon svg{width:30px;height:30px}@media (hover: none) and (pointer: coarse){.home-icon,.close-button,.menu-button{padding:15px}.home-icon svg{width:36px;height:36px}.menu-button{font-size:18px}input,textarea,.submit-button{font-size:16px;padding:12px 15px}.search-input{padding:12px 15px;font-size:16px}}input,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}.project-card .book-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;perspective:1000px}.project-card .book-container .book-cover{transform-style:preserve-3d;opacity:1}.project-card .book-container:hover .book-cover{animation-play-state:paused}.project-card .book{width:60%;height:60%;object-fit:contain}.project-card .book-overlay{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;padding:10px;font-size:12px;opacity:0;transition:opacity .3s ease}.project-card .book-container:hover .book-overlay{opacity:1}.project-card .book-overlay h3{margin:0 0 5px;font-size:14px}.project-card .book-overlay p{margin:0;font-size:10px}@keyframes rotateBook{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.project-card .book-container .book-text{position:absolute;bottom:0;left:0;right:0;color:#fff;padding:10px;font-size:12px;display:flex;justify-content:space-between;align-items:flex-end}.project-card .book-container .book-text .book-info{flex:1}.project-card .book-container .book-text h3{margin:0 0 5px;font-size:14px}.project-card .book-container .book-text p{margin:0;font-size:10px}.project-card .book-container .buy-button{background-color:#53647485;border:none;color:#fff;padding:5px 10px;text-align:center;text-decoration:none;display:inline-block;font-size:12px;margin-left:10px;cursor:not-allowed;border-radius:3px;transition:background-color .3s;position:relative;overflow:hidden}.project-card .book-container .buy-button:before{content:"⤬";position:absolute;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;font-size:18px;color:#f44}.project-card .book-container .buy-button:hover{background-color:#7f9bb4ac}@media (max-width: 767px){.project-card .book-container .book-text{flex-direction:column;align-items:flex-start}.project-card .book-container .buy-button{margin-left:0;margin-top:5px;align-self:flex-end}}.moon-button{position:fixed;right:300px;top:-50px;padding:15px;background-color:#ffffff1a;color:#fff;border:none;border-radius:50%;cursor:pointer;z-index:1000;transition:background-color .3s ease,transform .3s ease;display:flex;justify-content:center;align-items:center}.moon-button:hover{background-color:#fff3;transform:scale(1.1)}.moon-button svg{width:20px;height:20px}@media (max-width: 767px){.moon-button{right:auto;left:-20px;top:-320px;padding:10px}.moon-button svg{width:16px;height:16px}}@media (max-width: 375px){.moon-button{left:-22px;top:-280px;padding:8px}.moon-button svg{width:16px;height:16px}}@media (hover: none) and (pointer: coarse){.moon-button{padding:12px}.moon-button svg{width:20px;height:20px}}.globe-icon{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(8px);width:24px;height:24px;color:#fff}@media (max-width: 767px){.globe-icon{width:20px;height:20px;transform:translate(calc(-50% - 18px)) translateY(6px)}}@media (max-width: 480px){.globe-icon{width:12px;height:12px;transform:translate(calc(-50% - 11px)) translateY(5px)}}.services-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:3000;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));overflow:hidden;pointer-events:auto;background:#00000073;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.services-content{position:relative;background-color:#ffffff1a;border-radius:14px;padding:18px 16px 16px;width:min(400px,94vw);max-width:400px;max-height:min(72vh,calc(100dvh - 40px));overflow-x:hidden;overflow-y:auto;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 32px #00000040;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.services-content .close-button{position:absolute;top:16px;right:16px;z-index:2}.services-content h2{color:#fff;margin-bottom:14px;font-size:1.35rem;text-align:center;font-family:Arial,sans-serif}.services-list{display:flex;flex-direction:column;gap:8px}.service-item{border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 14px #0000001f;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease}.service-item.is-open{background:#ffffff17;border-color:#ffffff3d;box-shadow:0 8px 24px #0000002e,inset 0 1px #ffffff14}.service-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px 10px 14px;border:none;background:transparent;color:#fff;cursor:pointer;font-family:Arial,sans-serif;text-align:left;transition:background .2s ease;-webkit-tap-highlight-color:transparent}.service-toggle:hover{background:#ffffff0d}.service-toggle-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.service-toggle-label{font-size:.92rem;font-weight:600;letter-spacing:.02em;line-height:1.2}.service-toggle-meta{font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;color:#ffffff7a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.service-item.is-open .service-toggle-meta{color:#ffffff9e}.service-toggle-icon{width:28px;height:28px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px #ffffff14;transition:background .22s ease,border-color .22s ease}.service-item.is-open .service-toggle-icon{background:#ffffff29;border-color:#ffffff47}.service-toggle-chevron{width:16px;height:16px;opacity:.9;transition:transform .28s ease}.service-toggle-chevron.open{transform:rotate(180deg)}.service-panel{padding:2px 12px 10px;border-top:1px solid rgba(255,255,255,.08)}.service-panel[hidden]{display:none}.service-panel:not([hidden]){animation:servicePanelIn .18s ease}@keyframes servicePanelIn{0%{opacity:0}to{opacity:1}}.service-item ul{list-style:none;padding:8px 0 0;margin:0}.service-item li{color:#ffffffc7;margin:0 0 4px;font-size:.8rem;font-family:Arial,sans-serif;padding:2px 0 2px 12px;position:relative}.service-item li:last-child{margin-bottom:0}.service-item li:before{content:"·";position:absolute;left:0;color:#ffffff73}.tool-shelf{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.14)}.tool-shelf-heading{color:#fff;margin:0 0 4px;font-size:.95rem;font-family:Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase}.tool-shelf-intro{margin:0 0 10px;color:#ffffff9e;font-size:.74rem;line-height:1.45;font-family:Arial,sans-serif}.tool-shelf-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:6px}.tool-shelf-item{padding:8px 10px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.tool-shelf-name{display:block;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.74rem;letter-spacing:.02em;margin-bottom:3px}.tool-shelf-line{margin:0;color:#ffffffc7;font-size:.76rem;line-height:1.45;font-family:Arial,sans-serif}.social-icons{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:20px;gap:25px}.social-icon{width:35px;height:35px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .3s ease}.social-icon:hover{transform:scale(1.1)}.social-icon svg{width:100%;height:100%;fill:#fff}.screen-icon-button{display:flex;align-items:center;justify-content:center;width:70px;height:70px;margin:20px auto 0;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.screen-icon-button:hover{transform:scale(1.1);background-color:#fff3;border-color:#ffffff4d}.screen-icon-button svg{width:30px;height:30px;color:#fff;stroke:currentColor}@media (max-width: 767px){.social-icons{margin-top:20px;gap:20px}.social-icon{width:30px;height:30px}.screen-icon-button{width:55px;height:55px;margin-top:15px}.screen-icon-button svg{width:25px;height:25px}}.floating-section{position:fixed;z-index:1000;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:20px;box-shadow:0 10px 30px #0000004d;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);color:#fff;overflow:hidden;cursor:grab;animation:floatIn .6s ease-out both;pointer-events:auto}@keyframes floatIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.floating-content{background-color:#ffffff14;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:20px;border:1px solid rgba(255,255,255,.15);box-shadow:0 25px 50px #0000004d;position:relative;overflow:hidden}.floating-content:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);opacity:0;transition:opacity .3s ease;pointer-events:none}.floating-content:hover:before{opacity:1}.about-section{top:10%;left:5%;max-width:500px;width:90%}.about-header{display:flex;align-items:center;gap:20px;padding:30px 30px 20px;border-bottom:1px solid rgba(255,255,255,.2)}.about-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;border:0;box-shadow:none}.about-avatar img{width:100%;height:100%;object-fit:cover}.about-title h2{color:#fff;margin:0 0 5px;font-size:2rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:2px}.about-subtitle{color:#fffc;margin:0;font-size:1rem;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.3)}.about-body{padding:20px 30px 30px}.about-description p{color:#ffffffe6;margin:0 0 15px;font-size:.95rem;line-height:1.6;text-shadow:0 1px 2px rgba(0,0,0,.3)}.about-skills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.skill-tag{background:linear-gradient(135deg,#fff3,#ffffff1a);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:6px 12px;color:#fff;font-size:.8rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.3);transition:all .3s ease}.skill-tag:hover{background:linear-gradient(135deg,#ffffff4d,#fff3);transform:translateY(-2px);box-shadow:0 4px 15px #0003}.projects-section{top:15%;right:5%;max-width:600px;width:90%}.section-header{padding:25px 30px 20px;border-bottom:1px solid rgba(255,255,255,.2)}.section-header h3{color:#fff;margin:0;font-size:1.5rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.services-section{bottom:15%;left:5%;max-width:400px;width:400px;height:400px}.services-section .floating-content{padding:20px 25px 25px;height:100%;display:flex;flex-direction:column;justify-content:flex-start}.services-section .section-header{flex-shrink:0;margin-bottom:20px}.services-section .section-header h3{font-family:Arial,sans-serif;font-size:1.4rem;font-weight:600;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);text-align:center}.contact-section{bottom:10%;right:5%;max-width:400px;width:90%}.contact-content{padding:20px 25px 25px}.contact-info h2{font-family:Arial,sans-serif;color:#fff;margin:0 0 8px;font-size:1.4rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.contact-info p{font-family:Arial,sans-serif;color:#ffffffe6;margin:0 0 20px;font-size:.9rem;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.3)}.contact-methods{display:flex;flex-direction:column;gap:12px}.contact-section .email-button{font-family:Arial,sans-serif!important;background:linear-gradient(135deg,#ffffff26,#ffffff14)!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:25px!important;padding:12px 20px!important;color:#fff!important;text-decoration:none!important;font-size:.9rem!important;font-weight:500!important;text-shadow:0 1px 2px rgba(0,0,0,.3)!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;gap:8px!important;cursor:pointer!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;width:auto!important;height:auto!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;justify-content:flex-start!important}.contact-section .email-button:hover{background:linear-gradient(135deg,#ffffff40,#ffffff26)!important;transform:translateY(-2px)!important;box-shadow:0 4px 15px #0003!important}.contact-section .mail-icon{font-size:1rem!important;opacity:.9!important;width:auto!important;height:auto!important}.social-links{display:flex;gap:10px;margin-top:5px}.social-link{font-family:Arial,sans-serif;background:linear-gradient(135deg,#ffffff26,#ffffff14);border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:8px 16px;color:#fff;text-decoration:none;font-size:.8rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.3);transition:all .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.social-link:hover{background:linear-gradient(135deg,#ffffff40,#ffffff26);transform:translateY(-2px);box-shadow:0 4px 15px #0003}@media (max-width: 767px){.services-section{bottom:10%;left:50%;transform:translate(-50%);max-width:350px;width:350px;height:350px}.services-section .floating-content{padding:15px 20px 20px}.services-section .section-header h3{font-size:1.2rem}.service-category{padding:10px 12px}.category-header h3{font-size:1rem}.service-category ul{grid-template-columns:1fr;gap:2px}.service-category li{font-size:.8rem}.projects-section{top:5%;right:50%;transform:translate(50%);max-width:350px;width:90%;height:80vh}.projects-grid-2d.scrollable{grid-template-columns:repeat(2,1fr);gap:15px;padding:15px}.videos-section{top:50%;left:50%;transform:translate(-50%,-50%);max-width:350px;width:90%;height:70vh}.videos-grid{grid-template-columns:1fr;gap:15px;padding:15px}.contact-section{bottom:5%;right:50%;transform:translate(50%);max-width:350px;width:90%}.contact-content{padding:15px 20px 20px}.contact-info h2{font-size:1.2rem}.contact-info p{font-size:.85rem}.email-button{font-size:.85rem;padding:10px 16px}.social-links{gap:8px}.social-link{width:45px;height:45px}.social-link svg{width:20px;height:20px}.back-button{top:15px;left:15px;width:35px;height:35px}.back-button svg{width:18px;height:18px}}@media (max-width: 480px){.services-section{max-width:300px;width:300px;height:300px}.services-section .floating-content{padding:12px 15px 15px}.services-section .section-header h3{font-size:1.1rem}.service-category{padding:8px 10px}.category-header h3{font-size:.9rem}.service-category li{font-size:.75rem}.projects-section{max-width:300px;height:75vh}.projects-grid-2d.scrollable{grid-template-columns:1fr;gap:12px;padding:12px}.videos-section{max-width:300px;height:65vh}.contact-section{max-width:300px}.social-link{width:40px;height:40px}.social-link svg{width:18px;height:18px}}.ui-container.projects-active{pointer-events:none}.ui-container.projects-active .projects-overlay,.ui-container.projects-active .projects-overlay *,.ui-container.projects-active .mini-project-overlay,.ui-container.projects-active .mini-project-overlay *{pointer-events:auto}.custom-content-container{position:absolute;top:0;left:-40px;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transform:scale(.6);transform-origin:center center}.custom-content-container .cartridge-scene{margin:0;width:300px;height:300px;perspective:2000px}.custom-content-container .data-cartridge{transform:translateZ(-50px)}@media (max-width: 767px){.custom-content-container{transform:scale(.4);left:-25px;top:-20px}.custom-content-container .cartridge-scene{width:250px;height:250px}}@media (max-width: 480px){.custom-content-container{transform:scale(.35);left:-25px;top:-25px}}.search-container{display:flex;gap:10px;align-items:center}.view-3d-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:20px;cursor:pointer;font-size:14px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:all .3s ease}.view-3d-button:hover{background:#fff3;border-color:#ffffff4d}.overlay-3d .close-button{z-index:2001;pointer-events:auto}.ui-container.overlay-active{pointer-events:none}.ui-container.overlay-active .overlay-3d,.ui-container.overlay-active .overlay-3d *{pointer-events:auto}@media (max-width: 767px){.search-container{flex-direction:row;width:90%;max-width:none}.view-3d-button{padding:8px 16px;font-size:12px}.overlay-3d-content{width:95%;height:95%}}.overlay-3d{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:2000;display:flex;justify-content:center;align-items:center;pointer-events:auto}.overlay-3d-content{position:relative;width:90%;height:90%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:15px;padding:20px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);pointer-events:auto;display:flex;justify-content:center;align-items:center}.cartridge-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;transition:transform .3s ease-out}.cartridge-wrapper:active,.cartridge-wrapper{cursor:default}.cartridge-wrapper .cartridge-scene{transform-style:preserve-3d}@media (max-width: 767px){.cartridge-wrapper{transform-origin:center center;scale:.8}}.view-2d-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:20px;cursor:pointer;font-size:14px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:all .3s ease}.view-2d-button:hover{background:#fff3;border-color:#ffffff4d}.project-carousel.view-2d{perspective:none;height:80vh;overflow-y:auto;display:flex;justify-content:center;align-items:flex-start;padding-top:50px}.carousel-container.grid-view .project-card{position:relative;transform:none!important;width:200px;height:200px;margin:0 auto}.carousel-container.grid-view .project-card img,.carousel-container.grid-view .project-card video{width:100%;height:100%;object-fit:cover}.carousel-container.grid-view .project-card .overlay{padding:10px;font-size:.9em}.carousel-container.grid-view .project-card .overlay h3{font-size:1em;margin-bottom:5px}.carousel-container.grid-view .project-card .overlay p{font-size:.8em;margin:2px 0}.project-carousel.view-2d::-webkit-scrollbar{width:8px}.project-carousel.view-2d::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.project-carousel.view-2d::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.project-carousel.view-2d::-webkit-scrollbar-thumb:hover{background:#fff6}.carousel-container.grid-view{transform:none!important;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px;animation:none!important;max-width:800px;margin:0 auto;width:100%;justify-content:center;align-items:center}@media (max-width: 767px){.carousel-container.grid-view{grid-template-columns:repeat(2,1fr);gap:15px;padding:15px}.carousel-container.grid-view .project-card{width:150px;height:150px}}@media (max-width: 480px){.carousel-container.grid-view{grid-template-columns:repeat(1,1fr);gap:10px;padding:10px}.carousel-container.grid-view .project-card{width:200px;height:200px}.project-carousel.view-2d{padding-top:70px}.search-container{flex-wrap:wrap;justify-content:center;gap:5px}.search-input{width:100%;margin-bottom:5px}.view-3d-button,.view-2d-button{padding:8px 12px;font-size:12px}}.audio-overlay{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(5px);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:10}.audio-overlay.active{opacity:1;pointer-events:auto}.play-button{width:60px;height:60px;border-radius:50%;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:24px;cursor:pointer;display:flex;justify-content:center;align-items:center;margin-bottom:20px;transition:all .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 15px #0000001a}.play-button .play-icon,.play-button .pause-icon{position:relative;width:24px;height:24px;display:flex;justify-content:center;align-items:center}.play-button .pause-icon:before,.play-button .pause-icon:after{content:"";position:absolute;width:4px;height:20px;background-color:#fff;border-radius:2px}.play-button .pause-icon:before{left:6px}.play-button .pause-icon:after{right:6px}.play-button:hover{background-color:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.play-button:active{transform:translateY(0);box-shadow:0 2px 10px #0000001a}.listen-button{padding:10px 20px;background-color:#1db95426;color:#fff;border:1px solid rgba(29,185,84,.3);border-radius:25px;text-decoration:none;font-size:14px;font-family:Arial,sans-serif;font-weight:500;letter-spacing:.5px;transition:all .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 15px #0000001a}.listen-button:hover{background-color:#1db95440;border-color:#1db95466;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.listen-button:active{transform:translateY(0);box-shadow:0 2px 10px #0000001a}.nsgmk-mini-player{width:min(210px,calc(100% - 24px));display:flex;align-items:center;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.22);border-radius:16px;background:#08080cc7;color:#fff;box-shadow:0 10px 30px #00000047;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:auto}.nsgmk-mini-player.active{border-color:#1db9548c;background:linear-gradient(135deg,#0a100de6,#0c1c13d1)}.nsgmk-mini-player-toggle{width:36px;height:36px;flex:0 0 36px;border:1px solid rgba(255,255,255,.32);border-radius:50%;background:#ffffff29;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.nsgmk-mini-player-toggle:hover{background:#ffffff3d;border-color:#ffffff7a;transform:translateY(-1px)}.nsgmk-mini-player-toggle .play-icon,.nsgmk-mini-player-toggle .pause-icon{position:relative;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1}.nsgmk-mini-player-toggle .pause-icon:before,.nsgmk-mini-player-toggle .pause-icon:after{content:"";position:absolute;width:3px;height:13px;background:#fff;border-radius:2px}.nsgmk-mini-player-toggle .pause-icon:before{left:3px}.nsgmk-mini-player-toggle .pause-icon:after{right:3px}.nsgmk-mini-player-main{flex:1;min-width:0}.nsgmk-mini-player-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.nsgmk-mini-player-title,.nsgmk-mini-player-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Arial,sans-serif}.nsgmk-mini-player-title{font-size:.72rem;font-weight:700}.nsgmk-mini-player-status{color:#ffffffa3;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase}.nsgmk-mini-player-progress{width:100%;height:3px;overflow:hidden;border-radius:999px;background:#ffffff2e}.nsgmk-mini-player-progress span{display:block;height:100%;width:0;border-radius:inherit;background:#1db954;transition:width .2s linear}.nsgmk-mini-player-link{display:inline-block;margin-top:7px;color:#ffffffe6;font-family:Arial,sans-serif;font-size:.62rem;text-decoration:none}.nsgmk-mini-player-link:hover{color:#1db954}.nsgmk-mini-player.mini-project{width:min(360px,100%);padding:12px}.nsgmk-mini-player.mini-project .nsgmk-mini-player-title{font-size:.86rem}.nsgmk-mini-player.mini-project .nsgmk-mini-player-status,.nsgmk-mini-player.mini-project .nsgmk-mini-player-link{font-size:.72rem}@media (max-width: 767px){.play-button{width:50px;height:50px;font-size:20px;margin-bottom:15px}.listen-button{padding:8px 16px;font-size:12px}.nsgmk-mini-player{width:min(180px,calc(100% - 16px));padding:8px;gap:8px;border-radius:14px}.nsgmk-mini-player-toggle{width:32px;height:32px;flex-basis:32px}.nsgmk-mini-player-title{font-size:.66rem}.nsgmk-mini-player-status,.nsgmk-mini-player-link{font-size:.56rem}}.home-button svg{width:20px;height:20px;stroke:currentColor}.home-button:hover svg{transform:scale(1.1)}.home-button.circle{width:60px;height:60px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none}.home-button.circle:hover{background-color:#ffffff1a;transform:scale(1.1)}.home-button svg{width:30px;height:30px;stroke:currentColor}.menu-button.icon-button{width:50px;height:50px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.loading-icon{width:24px;height:24px;animation:spin 1s linear infinite}.mail-icon{width:24px;height:24px;animation:popIn .3s ease-out}@keyframes popIn{0%{transform:scale(0);opacity:0}70%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@media (max-width: 767px){.menu-button.icon-button{width:40px;height:40px}.loading-icon,.mail-icon{width:20px;height:20px}}@media (max-width: 480px){.menu-button.icon-button{width:35px;height:35px}.loading-icon,.mail-icon{width:18px;height:18px}}@media (max-width: 480px){.services-section{max-width:300px;width:300px;height:300px}.services-section .floating-content{padding:12px 15px 15px}.services-section .section-header h3{font-size:1.1rem;margin-bottom:10px}.service-category{padding:8px 10px}.category-header h3{font-size:.9rem}.service-category li{font-size:.75rem}}.back-button{position:absolute;top:20px;left:20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10}.back-button:hover{background:#fff3;transform:translate(-2px)}.back-button svg{width:20px;height:20px;stroke:#fff;stroke-width:2}.about-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;margin:0 auto 20px;border:0}.about-video{width:100%;height:100%;object-fit:cover}.projects-section{top:10%;right:5%;max-width:800px;width:90%;height:80vh}.projects-section .floating-content{height:100%;display:flex;flex-direction:column}.project-categories{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 10px}.project-category-button{border:1px solid rgba(255,255,255,.35);background:#ffffff14;color:#ffffffd9;font-size:.78rem;padding:6px 12px;border-radius:999px;cursor:pointer;transition:all .2s ease}.project-category-button:hover{background:#fff3}.project-category-button.active{background:#ffffffe6;color:#111;border-color:#ffffffe6}.projects-overlay .overlay-categories{padding-top:70px;justify-content:center}.projects-grid-2d.scrollable{flex:1;overflow-y:auto;padding:10px 20px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-height:calc(100vh - 200px)}.projects-grid-2d.scrollable::-webkit-scrollbar{width:8px}.projects-grid-2d.scrollable::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.projects-grid-2d.scrollable::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.projects-grid-2d.scrollable::-webkit-scrollbar-thumb:hover{background:#ffffff80}.videos-section{top:60%;left:5%;transform:translateY(-50%);max-width:420px;width:85%;height:45vh}.videos-section .floating-content{padding:15px 18px 18px}.videos-section .section-header{padding:15px 18px 10px}.videos-section .section-header h3{font-size:1.1rem}.videos-section .projects-grid-2d.scrollable{padding:10px;grid-template-columns:repeat(2,1fr);gap:10px}.videos-section .project-card-2d{height:110px}.videos-section .project-overlay{padding:10px}.videos-section .project-overlay h4{font-size:.8rem}.videos-section .project-overlay p{font-size:.7rem}@media (max-width: 767px){.project-categories{padding:0 12px 8px;gap:6px}.project-category-button{font-size:.72rem;padding:5px 10px}.projects-overlay .overlay-categories{padding-top:60px}.videos-section{max-width:320px;width:90%;height:40vh;left:50%;transform:translate(-50%,-50%)}.videos-section .projects-grid-2d.scrollable{grid-template-columns:1fr;gap:8px;padding:8px}.videos-section .project-card-2d{height:100px}}@media (max-width: 480px){.videos-section{max-width:280px;height:38vh}.videos-section .project-card-2d{height:95px}}.back-button{position:fixed;top:20px;left:20px;z-index:2000}.contact-section .floating-content,.projects-section .floating-content,.services-section .floating-content,.videos-section .floating-content,.about-section .floating-content{border-radius:20px}.videos-section{max-width:650px;width:85%;height:55vh}.videos-grid .video-media{height:200px}.contact-content,.contact-methods{width:100%}.project-custom-content .cartridge-scene{width:140px!important;height:140px!important;margin:0!important;padding:0!important}.project-custom-content .cartridge-container{position:relative!important;top:0!important;left:0!important;width:100%!important;height:100%!important}.project-custom-content .data-cartridge{transform-origin:center center!important}@media (max-width: 767px){.project-custom-content .cartridge-scene{width:110px!important;height:110px!important}}.back-button{position:fixed!important;top:20px!important;left:20px!important;z-index:4000!important}.floating-section{user-select:none;-webkit-user-select:none;-ms-user-select:none;cursor:grab}.floating-section:active{cursor:grabbing}.view-button{margin-left:10px;height:40px;padding:0 16px;border-radius:20px;background:transparent;color:#7ecbff;font-weight:700;letter-spacing:2px;border:2px solid rgba(126,203,255,.6);text-shadow:0 0 8px rgba(126,203,255,.6);box-shadow:0 0 12px #7ecbff66,inset 0 0 8px #7ecbff33;cursor:pointer;transition:transform .2s ease,box-shadow .3s ease,border-color .3s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.view-button:hover{transform:translateY(-1px);border-color:#7ecbffe6;box-shadow:0 0 18px #7ecbffb3,inset 0 0 10px #7ecbff4d}.view-button:active{transform:translateY(0)}.screen-icon-button{display:none}@media (max-width: 767px){.view-button{height:36px;padding:0 14px;border-radius:18px;font-size:12px}}.menu-button.caret-button{display:flex;flex-direction:column;align-items:center;justify-content:center}.menu-button.caret-button .en{font-size:16px;font-weight:500}.menu-button.caret-button .jp{font-size:11px;margin-top:3px;opacity:.7}.menu-top-row{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:10px}.menu-button.caret-button,.menu-button.more-button{width:60px;height:60px;border-radius:50%;padding:0;justify-content:center}.menu-button.caret-button .en{font-size:22px;line-height:1}.menu-button.caret-button .jp{display:none}@media (max-width: 767px){.menu-button.caret-button,.menu-button.more-button{width:50px;height:50px}.menu-button.caret-button .en{font-size:18px}}.menu-button.caret-button .animate-icon{width:26px;height:26px;stroke:#fff;filter:drop-shadow(0 0 6px rgba(126,203,255,.6))}.menu-button.caret-button:hover .animate-icon{filter:drop-shadow(0 0 10px rgba(126,203,255,.9))}.videos-section .videos-grid-2d.scrollable{flex:1;overflow-y:auto;padding:12px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.videos-section .video-card-2d{position:relative;width:100%;height:120px;border-radius:10px;overflow:hidden;background-color:#ffffff14;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;cursor:pointer}.videos-section .video-card-2d:hover{background-color:#ffffff1f;border-color:#fff3;transform:translateY(-3px);box-shadow:0 8px 25px #0003}.videos-section .video-media{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.videos-section .video-card-2d:hover .video-media{transform:scale(1.05)}@media (max-width: 767px){.videos-section .videos-grid-2d.scrollable{grid-template-columns:1fr;gap:10px;padding:10px}.videos-section .video-card-2d{height:100px}}@media (max-width: 480px){.videos-section .video-card-2d{height:95px}}.close-all-button{position:fixed;bottom:30px;left:50%;transform:translate(-50%);padding:10px 22px;border-radius:22px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 20px #0003;cursor:pointer;z-index:3000;transition:all .2s ease;font-weight:600;letter-spacing:1px}.close-all-button:hover{background:#ffffff2e;transform:translate(-50%) translateY(-2px)}.close-all-button:active{transform:translate(-50%) translateY(0)}.email-menu-button{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;transition:transform .2s ease,background .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.email-menu-button:hover{background:#ffffff24;transform:translateY(-2px)}.email-menu-button svg{width:22px;height:22px;stroke:currentColor}.shop-menu-button{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;transition:transform .2s ease,background .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.shop-menu-button:hover{background:#ffffff24;transform:translateY(-2px)}.shop-menu-button svg{width:22px;height:22px;stroke:currentColor}.services-menu-button{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;padding:0;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;transition:transform .2s ease,background .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.services-menu-button:hover{background:#ffffff24;transform:translateY(-2px)}.services-menu-button svg{width:22px;height:22px;stroke:currentColor}@media (max-width: 767px){.email-menu-button,.shop-menu-button,.services-menu-button{width:50px;height:50px}.email-menu-button svg,.shop-menu-button svg,.services-menu-button svg{width:20px;height:20px}}.project-card-2d{position:relative;width:100%;height:180px;border-radius:12px;overflow:hidden;background-color:#ffffff0f;border:1px solid rgba(255,255,255,.15);transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.project-card-2d.clickable{cursor:pointer}.project-card-2d.clickable:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #0003}.project-card-2d:hover{background-color:#ffffff1a;border-color:#ffffff40;transform:translateY(-3px)}.project-card-2d.clickable:hover{background-color:#ffffff26;border-color:#ffffff4d}.project-media{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.project-card-2d:hover .project-media{transform:scale(1.05)}.project-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:12px;background:linear-gradient(to top,#00000073,#0000);color:#fff}.project-overlay h4{margin:0 0 4px;font-size:.95rem;font-family:Arial,sans-serif}.project-overlay p{margin:0;font-size:.8rem;opacity:.85;font-family:Arial,sans-serif}.project-field{font-size:.7rem!important;opacity:.7!important;margin:1px 0!important;font-family:Arial,sans-serif!important;text-shadow:0 1px 2px rgba(0,0,0,.5)!important}.audio-preview-overlay{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:10;border-radius:12px}.project-card-2d:hover .audio-preview-overlay{opacity:1;pointer-events:auto}.audio-play-button{width:50px;height:50px;border-radius:50%;background-color:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:20px;cursor:pointer;display:flex;justify-content:center;align-items:center;margin-bottom:15px;transition:all .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 15px #0000001a}.audio-play-button:hover{background-color:#fff3;border-color:#ffffff59;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.audio-play-button:active{transform:translateY(0);box-shadow:0 2px 10px #0000001a}.project-link-button{padding:8px 16px;background-color:#1db95440;color:#fff;border:1px solid rgba(29,185,84,.5);border-radius:20px;text-decoration:none;font-size:12px;font-family:Arial,sans-serif;font-weight:600;letter-spacing:.5px;transition:all .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 15px #00000026;text-shadow:0 1px 2px rgba(0,0,0,.3)}.project-link-button:hover{background-color:#1db95466;border-color:#1db954b3;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.project-link-button:active{transform:translateY(0);box-shadow:0 2px 10px #0000001a}@media (max-width: 767px){.audio-play-button{width:45px;height:45px;font-size:18px;margin-bottom:12px}.project-link-button{padding:6px 14px;font-size:11px}.project-card-2d{height:160px}}@media (max-width: 480px){.audio-play-button{width:40px;height:40px;font-size:16px;margin-bottom:10px}.project-link-button{padding:5px 12px;font-size:10px}.project-card-2d{height:140px}}.mini-project-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;justify-content:center;align-items:center;z-index:4000;animation:fadeIn .3s ease-out;pointer-events:auto}.mini-project-content{background:transparent;border:none;border-radius:20px;padding:0;max-width:95vw;width:95vw;max-height:95vh;overflow:visible;position:relative;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;pointer-events:auto;display:flex;align-items:center;justify-content:center}@media (min-width: 768px){.mini-project-content{max-width:38vw;width:38vw;height:38vh;max-height:38vh;overflow:hidden}.mini-project-media{width:100%;height:100%;max-height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:20px}.mini-project-image,.mini-project-video{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}}@media (min-width: 1200px){.mini-project-content{max-width:34vw;width:34vw;height:34vh;max-height:34vh}}.mini-project-media{cursor:pointer;position:relative}.mini-project-image,.mini-project-video{width:100%;height:100%;object-fit:contain;display:block;border-radius:20px;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.mini-project-video-expand{position:absolute;inset:0;z-index:2;padding:0;border:0;background:transparent;cursor:pointer}.mini-project-image.zoomed{cursor:grab;transform-origin:center center}.mini-project-image.zoomed:active{cursor:grabbing}.mini-project-image{user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.mini-project-info.hidden{opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s ease-out}.mini-project-info{transition:opacity .3s ease-out,visibility .3s ease-out}.mini-project-custom-content{width:auto;height:auto;max-width:100%;max-height:400px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:15px;margin:0 auto}.mini-project-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:20px;border-radius:0 0 20px 20px}.mini-project-info h3{color:#fff;margin:0 0 10px;font-size:1.4rem;font-weight:600;font-family:Arial,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.8)}.mini-project-info p{color:#ffffffe6;margin:0 0 8px;font-size:1rem;line-height:1.4;font-family:Arial,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.8)}.mini-project-field{color:#ffffffb3!important;font-size:.8rem!important;margin:4px 0!important;font-family:Arial,sans-serif!important}.mini-project-audio-controls{display:flex;align-items:center;gap:15px;margin-top:15px;padding-top:0}.mini-audio-play-button{width:50px;height:50px;border-radius:50%;background-color:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:20px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-family:Arial,sans-serif}.mini-audio-play-button:hover{background-color:#fff3;border-color:#ffffff59;transform:translateY(-2px)}.mini-project-link-button{padding:10px 20px;background-color:#1db9544d;color:#fff;border:1px solid rgba(29,185,84,.5);border-radius:25px;text-decoration:none;font-size:14px;font-weight:600;font-family:Arial,sans-serif;transition:all .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mini-project-link-button:hover{background-color:#1db95466;border-color:#1db954b3;transform:translateY(-2px)}.full-image-overlay{position:fixed;inset:0;background:#000000e0;pointer-events:auto;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:7000;animation:fadeIn .25s ease-out}.full-image-content{position:relative;max-width:96vw;pointer-events:auto;max-height:96vh;display:flex;align-items:center;justify-content:center}.full-image-content img,.full-image-media{display:block;max-width:100%;max-height:92vh;width:auto;height:auto;object-fit:contain;border-radius:14px;box-shadow:0 24px 60px #00000073;cursor:zoom-in;transform-origin:center center;transition:transform .18s ease-out;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.full-image-content.zoomed .full-image-media{cursor:grab}.full-image-content.panning .full-image-media{cursor:grabbing;transition:none}.full-video-media{display:block;max-width:100%;max-height:92vh;width:auto;height:auto;object-fit:contain;border-radius:14px;background:#000;box-shadow:0 24px 60px #00000073}.full-image-close{position:absolute;pointer-events:auto;top:-14px;right:-14px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:#000000b8;color:#fff;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.full-image-close:hover{transform:scale(1.05);background:#000000e0;border-color:#fff9}.ui-container.projects-active .full-image-overlay,.ui-container.projects-active .full-image-overlay *,.ui-container.sections-active .full-image-overlay,.ui-container.sections-active .full-image-overlay *,.ui-container.video-playing .full-image-overlay,.ui-container.video-playing .full-image-overlay *,.ui-container.shop-active .full-image-overlay,.ui-container.shop-active .full-image-overlay *{pointer-events:auto}.full-image-title{position:absolute;left:50%;bottom:14px;transform:translate(-50%);max-width:min(80vw,560px);padding:8px 14px;border-radius:999px;background:#0000009e;color:#fff;font-family:Arial,sans-serif;font-size:.9rem;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}@media (max-width: 767px){.full-image-overlay{padding:14px}.full-image-content img{max-height:88vh;border-radius:10px}.full-image-close{top:8px;right:8px}.full-image-title{bottom:10px;font-size:.8rem}}@media (max-width: 767px){.mini-project-content{max-width:95%;padding:15px;max-height:85vh}.mini-project-media{margin-bottom:15px}.mini-project-image,.mini-project-video{max-height:300px}.mini-project-image{touch-action:none;-webkit-user-drag:none}.mini-project-custom-content{max-height:300px}.mini-project-info h3{font-size:1.1rem}.mini-project-info p{font-size:.8rem}.mini-project-audio-controls{flex-direction:column;align-items:flex-start;gap:10px}.mini-audio-play-button{width:45px;height:45px;font-size:18px}.mini-project-link-button{padding:8px 16px;font-size:13px}}@media (max-width: 480px){.mini-project-content{padding:12px;max-height:90vh}.mini-project-image,.mini-project-video{max-height:250px}.mini-project-image{touch-action:none;-webkit-user-drag:none}.mini-project-custom-content{max-height:250px}.mini-project-info h3{font-size:1rem}.mini-project-info p{font-size:.75rem}.mini-audio-play-button{width:40px;height:40px;font-size:16px}.mini-project-link-button{padding:6px 14px;font-size:12px}}.project-type-badge{position:absolute;top:8px;right:8px;z-index:12;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-family:Arial,sans-serif;pointer-events:none;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.project-type-badge.folder-badge{background:#4891ffeb;color:#fff;border-color:#8cbeffe6}.project-type-badge.work-badge{background:#ffffffe0;color:#111;border-color:#ffffffb3;letter-spacing:.08em}.project-type-badge.music-badge{background:#e03232f0;color:#fff;border-color:#ff8e8ee6;letter-spacing:.08em;box-shadow:0 4px 14px #e0323247}.project-type-badge .project-type-code{font-weight:700;font-size:.58rem;letter-spacing:.03em}.project-card.folder-project,.project-card-2d.folder-project,.mobile-project-card.folder-project{border-color:#4891ff8c;box-shadow:inset 0 0 0 1px #4891ff59}.project-card-2d.folder-project{border:2px solid rgba(72,145,255,.45);background-color:#ffffff14}.project-card-2d.folder-project:hover .folder-indicator{opacity:1}.folder-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;background:#000000b3;padding:12px;border-radius:50%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 15px #0000004d;z-index:10;opacity:0;transition:all .3s ease;width:50px;height:50px}.folder-icon{display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));animation:folderGlow 2s ease-in-out infinite}.folder-icon svg{width:24px;height:20px;color:#fff}@keyframes folderGlow{0%,to{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5)) drop-shadow(0 0 5px rgba(255,255,255,.3))}50%{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5)) drop-shadow(0 0 15px rgba(255,255,255,.8)) drop-shadow(0 0 25px rgba(255,255,255,.4))}}.folder-text{font-size:.7rem;color:#ffffffe6;font-family:Arial,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.5)}.folder-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:4000;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));overflow:hidden;pointer-events:auto;background:#00000059;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:fadeIn .28s ease-out}.folder-content{position:relative;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:18px 16px 16px;width:min(760px,94vw);max-width:760px;max-height:min(85vh,calc(100dvh - 40px));overflow-x:hidden;overflow-y:auto;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 32px #00000040;pointer-events:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.folder-content .close-button{position:absolute;top:16px;right:16px;z-index:2}.folder-header{text-align:center;margin-bottom:16px;padding:0 28px 14px;border-bottom:1px solid rgba(255,255,255,.12)}.folder-header h3{color:#fff;margin:0 0 8px;font-size:1.35rem;font-weight:600;font-family:Arial,sans-serif}.folder-header p{color:#ffffffb8;margin:0;font-size:.82rem;line-height:1.45;font-family:Arial,sans-serif}.folder-link-button{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;padding:8px 14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:.82rem;font-weight:600;text-decoration:none;transition:background .2s ease,border-color .2s ease}.folder-link-button:hover{background:#ffffff1a;border-color:#ffffff52}.folder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0}.folder-item{position:relative;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:12px;overflow:hidden;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease;cursor:pointer;contain:layout style paint}.folder-item:hover{background:#ffffff17;border-color:#ffffff3d;box-shadow:0 6px 18px #0000002e}.folder-item img,.folder-item video{width:100%;height:150px;object-fit:cover;display:block}.folder-item.video-item{grid-column:span 2;grid-row:span 2}.folder-item.video-item img,.folder-item.video-item video{height:300px}.folder-item-title{position:absolute;top:0;left:0;right:0;background:linear-gradient(to bottom,rgba(0,0,0,.72),transparent);color:#fff;padding:8px 8px 12px;font-size:.76rem;font-family:Arial,sans-serif;text-align:center}.folder-grid.cover-art-folder{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}.folder-item.cover-art-item{padding:0;aspect-ratio:1}.folder-item.cover-art-item img,.folder-item.cover-art-item video{height:100%;min-height:0}.folder-grid.cover-art-folder .folder-item-title,.folder-grid.cover-art-folder .folder-item-description{display:none}.folder-item-description{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.78),transparent);color:#ffffffd1;padding:12px 8px 8px;font-size:.68rem;font-family:Arial,sans-serif;text-align:center;line-height:1.3}@media (max-width: 767px){.folder-content{width:min(760px,94vw);max-height:min(85vh,calc(100dvh - 32px))}.folder-header h3{font-size:1.2rem}.folder-header p{font-size:.78rem}.folder-grid{grid-template-columns:repeat(2,1fr);gap:10px}.folder-item img,.folder-item video{height:140px}.folder-item.video-item img,.folder-item.video-item video{height:240px}.folder-item:hover{transform:none;box-shadow:none}.folder-item-description{display:none}}@media (max-width: 480px){.folder-grid{gap:8px}.folder-item img,.folder-item video{height:120px}.folder-item.video-item img,.folder-item.video-item video{height:210px}.folder-item-title{font-size:.68rem;padding:6px}}@media (hover: none) and (pointer: coarse){.folder-item:hover{background:#ffffff0f;border-color:#ffffff24;box-shadow:none}}.contact-section .social-link svg{stroke:currentColor;color:#fff;width:24px;height:24px}.projects-overlay .overlay-panel,.contact-overlay .contact-content,.services-overlay .more-content,.video-player-overlay .video-player-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:900px;width:90vw;max-height:85vh;border-radius:20px;overflow:hidden}.projects-overlay,.contact-overlay,.shop-overlay,.services-overlay,.video-player-overlay{background:#00000073;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.services-overlay .more-content,.video-player-overlay .video-player-content{max-width:1200px;width:95vw;max-height:90vh}.services-overlay .video-container,.services-overlay .more-pricing-panel{padding:12px}.services-overlay .video-container video{width:100%;height:auto;max-height:min(68vh,560px);object-fit:contain;border-radius:12px;display:block}.services-overlay .services-template-video{pointer-events:none}.services-overlay .services-template-video::-webkit-media-controls{display:none!important}.services-overlay .services-template-video::-webkit-media-controls-enclosure{display:none!important}.more-overlay-heading{margin:0 0 12px;text-align:center;font-family:Arial,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.02em;color:#ffffffe0}.more-video-label{margin:10px 0 0;text-align:center;font-family:Arial,sans-serif;font-size:.68rem;font-weight:400;letter-spacing:.02em;text-transform:none;line-height:1.4;color:#ffffff8c}.more-pricing-panel{width:100%;min-width:0;max-height:min(70vh,520px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 12px 12px!important;font-family:Arial,sans-serif}.more-pricing-panel *{font-family:Arial,sans-serif}.more-pricing-list{display:flex;flex-direction:column;gap:8px}.more-pricing-item{border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);overflow:hidden}.more-pricing-item.is-open{background:#ffffff17;border-color:#ffffff3d}.more-pricing-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:none;background:transparent;color:#fff;cursor:pointer;font-family:Arial,sans-serif;text-align:left;-webkit-tap-highlight-color:transparent}.more-pricing-toggle-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.more-pricing-toggle-label{font-size:.82rem;font-weight:600;line-height:1.25}.more-pricing-toggle-meta{font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:#ffffff7a}.more-pricing-toggle-icon{width:26px;height:26px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.14)}.more-pricing-chevron{width:14px;height:14px;transition:transform .25s ease}.more-pricing-chevron.open{transform:rotate(180deg)}.more-pricing-details{padding:0 12px 10px;border-top:1px solid rgba(255,255,255,.08)}.more-pricing-details[hidden]{display:none}.more-pricing-row{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.more-pricing-row:last-child{border-bottom:none;padding-bottom:4px}.more-pricing-row-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:4px}.more-pricing-name{font-size:.78rem;font-weight:600;line-height:1.3;color:#ffffffeb}.more-pricing-price{flex-shrink:0;font-size:.72rem;font-weight:600;color:#ffffffe0}.more-pricing-description{margin:0;font-size:.72rem;line-height:1.45;color:#ffffff9e}.more-pricing-notes{margin:12px 0 0;padding:10px 0 0;list-style:none;border-top:1px solid rgba(255,255,255,.1)}.more-pricing-notes li{position:relative;padding-left:12px;margin-bottom:6px;font-size:.68rem;line-height:1.4;color:#ffffff8c}.more-pricing-notes li:last-child{margin-bottom:0}.more-pricing-notes li:before{content:"·";position:absolute;left:0;color:#ffffff59}.video-player-overlay video{width:100%;height:auto;max-height:360px;object-fit:contain;border-radius:12px;display:block}@media (max-width: 767px){.video-player-overlay .video-player-content{max-width:min(480px,94vw)}.video-player-overlay video{max-height:260px}}@media (max-width: 480px){.video-player-overlay .video-player-content{max-width:min(360px,92vw)}}.services-overlay .more-content{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;padding:48px 20px 20px;align-items:start}.services-overlay .video-container,.services-overlay .more-pricing-panel{width:100%;min-width:0}.floating-section,.floating-section *{font-family:Arial,sans-serif}.resize-handle{position:absolute;right:6px;bottom:6px;width:16px;height:16px;border-right:2px solid rgba(255,255,255,.6);border-bottom:2px solid rgba(255,255,255,.6);opacity:.8;cursor:nwse-resize;z-index:10}@media (max-width: 767px){.floating-section{max-height:80vh}.floating-section .floating-content{overflow-y:auto;-webkit-overflow-scrolling:touch}}.contact-section .social-link svg{stroke:currentColor;color:#fff}.ui-container.sections-active{pointer-events:none}.ui-container.sections-active .floating-section,.ui-container.sections-active .floating-section *,.ui-container.sections-active .close-all-button,.ui-container.sections-active .mini-project-overlay,.ui-container.sections-active .mini-project-overlay *{pointer-events:auto}.ui-container.video-playing{pointer-events:none}.ui-container.video-playing .video-player-overlay,.ui-container.video-playing .video-player-overlay *,.about-overlay,.services-overlay,.video-player-overlay,.projects-overlay,.contact-overlay,.shop-overlay,.about-overlay .about-content,.services-overlay .more-content,.video-player-overlay .video-player-content,.projects-overlay .search-container,.contact-overlay .contact-content,.services-overlay .services-content,.shop-overlay .shop-content{pointer-events:auto}.close-button,.screenshot-button{pointer-events:auto!important}.video-player-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#00000073;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:3000}.video-player-overlay .video-player-content{position:relative;max-width:560px;width:90vw;max-height:80vh;background:#14141499;border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:16px 16px 12px}.video-player-overlay .close-button{position:absolute;top:8px;right:8px;z-index:1}.video-player-overlay video{width:100%;height:auto;max-height:360px;display:block}.services-overlay .more-content{position:relative;background:#14141499;border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:16px 16px 20px;box-shadow:0 10px 30px #0000004d}.video-player-overlay{display:flex;align-items:center;justify-content:center}.video-player-overlay .video-player-content{border-radius:16px}.services-overlay,.video-player-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}.services-overlay .more-content,.video-player-overlay .video-player-content{position:relative!important;top:auto!important;left:auto!important;transform:none!important;margin:0 auto}.services-overlay .more-content .close-button{position:absolute;top:6px;right:6px;z-index:3;width:auto;height:auto;min-width:0;padding:4px;font-size:18px;line-height:1;background:transparent;border:none;border-radius:0}@media (max-width: 767px){.services-overlay{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.services-overlay .more-content{display:grid;grid-template-columns:1fr;gap:8px;width:min(480px,94vw);max-height:min(84dvh,calc(100dvh - 24px));overflow:hidden;padding:32px 14px 14px}.services-overlay .video-container{padding:6px 8px}.services-overlay .video-container video{max-height:min(28vh,210px)}.more-overlay-heading{margin-bottom:8px;font-size:.88rem}.more-video-label{margin-top:6px}.services-overlay .more-pricing-panel{max-height:min(46dvh,360px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:6px 10px 10px!important}}@media (max-width: 480px){.services-overlay .more-content{width:min(360px,92vw);max-height:min(88dvh,calc(100dvh - 16px));padding:30px 12px 12px}.services-overlay .video-container video{max-height:min(24vh,180px)}.services-overlay .more-pricing-panel{max-height:min(50dvh,320px)}}@media (min-width: 1025px){.about-section{max-width:360px;width:360px}.projects-section{max-width:420px;width:420px;height:60vh}.services-section{width:360px;height:360px}.contact-section{max-width:360px;width:360px}.videos-section{max-width:380px;width:380px;height:45vh}.projects-section .floating-content,.videos-section .floating-content,.about-section .floating-content,.contact-section .floating-content{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}}.sections-wrapper{position:relative}@media (max-width: 767px){.sections-wrapper{position:fixed;inset:0;padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;pointer-events:auto}.sections-wrapper .floating-section{position:relative;inset:auto;transform:none!important;width:100%!important;max-width:100%!important;margin:0;cursor:default}.sections-wrapper .floating-section .floating-content{overflow-y:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 767px){.sections-wrapper .floating-section{max-height:42vh}.sections-wrapper .projects-section{max-height:48vh}.sections-wrapper .videos-section{max-height:40vh}.sections-wrapper .services-section{height:320px;max-height:320px}.sections-wrapper .about-section,.sections-wrapper .contact-section{max-height:42vh}.sections-wrapper .floating-section .floating-content{padding:12px 14px}}@media (min-width: 1025px){.contact-section{max-width:320px;width:320px}}.project-card-2d>img,.project-card-2d>video{width:100%;height:100%;object-fit:cover;display:block}.project-card-2d .project-custom-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.floating-section .floating-content{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.floating-section,.floating-section:active{cursor:default}@media (min-width: 769px){.about-section .floating-content{height:100%!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;box-sizing:border-box}}@media (min-width: 769px){.videos-section,.services-section{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important}}@media (max-width: 767px){.videos-section,.services-section{left:auto!important;top:auto!important;transform:none!important}}@media (min-width: 1025px){.about-section{height:60vh}}.about-avatar{width:120px!important;height:120px!important;aspect-ratio:1 / 1;border-radius:50%!important;overflow:hidden;clip-path:circle(50% at 50% 50%)}@media (max-width: 767px){.about-avatar{width:100px!important;height:100px!important}}.view-button{background:#14283c40;color:#cfeaff;border-color:#7ecbffe6;box-shadow:0 0 18px #7ecbffb3,inset 0 0 10px #7ecbff4d}.view-button:hover{background:#14283c59}.about-avatar{aspect-ratio:1 / 1}.about-avatar .about-video,.about-video{width:100%;height:100%;object-fit:cover;border-radius:50%}@media (max-width: 767px){.view-button{font-size:13px;letter-spacing:1.6px}}.intro-overlay{position:fixed;inset:0;background:#000;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);display:flex;align-items:center;justify-content:center;z-index:5000;pointer-events:none;opacity:1;transform:scale(1);filter:blur(0);transition:opacity .68s ease,filter .68s ease,transform .68s ease,background .68s ease,backdrop-filter .68s ease}.intro-overlay-logo,.intro-overlay-reload{background:#0000006b;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.intro-overlay.hide{opacity:0;filter:blur(18px);transform:scale(1.035);background:#0000}.intro-content{position:relative;width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.intro-code-sequence,.intro-loading-bar,.intro-logo-reveal{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:opacity .32s ease,transform .52s cubic-bezier(.16,1,.3,1)}.intro-code-sequence{gap:4px;color:#fff;font-family:Courier New,Arial,monospace;font-size:clamp(13px,2.2vw,22px);font-weight:400;line-height:1.18;letter-spacing:-.025em;opacity:1;transform:translateY(0);align-items:flex-start;justify-content:center;text-align:left;padding-left:clamp(22px,7vw,96px);padding-right:20px;max-width:min(92vw,760px)}.intro-code-line{display:block;position:relative;width:100%;max-width:100%;white-space:pre-wrap;overflow:visible;opacity:0;min-height:1.18em;text-shadow:0 0 10px rgba(255,255,255,.28);transform:translate3d(-10px,0,0);transition:opacity .12s ease,transform .18s ease,letter-spacing .12s steps(2,end);word-break:break-word}.intro-code-line.is-visible{opacity:1;transform:translateZ(0)}.intro-code-line.is-typing{letter-spacing:.015em}.intro-code-line.is-typing:after{content:"";display:inline-block;width:.55em;height:1em;margin-left:.18em;background:#fff;vertical-align:-.12em;animation:introCursorBlink .42s steps(1,end) infinite}.intro-overlay-brand .intro-code-sequence,.intro-overlay-logo .intro-code-sequence,.intro-overlay-reload .intro-code-sequence,.intro-overlay.hide .intro-code-sequence{opacity:0;transform:translateY(-16px);pointer-events:none}.intro-overlay-sequence .intro-code-sequence{opacity:1;transform:translateY(0);pointer-events:none}.intro-overlay-sequence .intro-code-line.is-visible{opacity:1}.intro-loading-bar{opacity:0;transform:translateY(clamp(82px,14vw,132px))}.intro-overlay-logo .intro-loading-bar{opacity:1;transform:translateY(clamp(82px,14vw,132px))}.intro-loading-bar:before{content:"";width:min(34vw,132px);height:1px;background:#ffffff2e;display:block}.intro-loading-bar-fill{position:absolute;top:50%;left:50%;width:min(34vw,132px);height:1px;overflow:hidden;transform:translate(-50%,-50%)}.intro-loading-bar-fill:after{content:"";display:block;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:left center;animation:introLoadingBar 1.15s cubic-bezier(.65,0,.35,1) forwards}.intro-overlay-sequence .intro-loading-bar-fill:after,.intro-overlay.hide .intro-loading-bar-fill:after{animation:none}.intro-logo-reveal{opacity:0;transform:translateY(18px) scale(.94)}.intro-logo-reveal:before,.intro-logo-reveal:after{content:"";position:absolute;width:min(48vw,300px);aspect-ratio:1 / 1;background:url(/textures/Asx.png) center / contain no-repeat;opacity:0;pointer-events:none}.intro-overlay-brand .intro-logo-reveal,.intro-overlay-logo .intro-logo-reveal,.intro-overlay-reload .intro-logo-reveal{opacity:1;transform:translateY(0) scale(1)}.intro-overlay-reload .intro-logo{animation:reloadLogoBreak 1.15s steps(2,end) forwards}.intro-overlay-reload .intro-logo-reveal:before{clip-path:polygon(0 0,100% 0,100% 34%,0 46%);filter:drop-shadow(9px 0 0 rgba(255,255,255,.18));animation:reloadLogoShardTop 1.15s steps(2,end) forwards}.intro-overlay-reload .intro-logo-reveal:after{clip-path:polygon(0 54%,100% 44%,100% 100%,0 100%);filter:drop-shadow(-9px 0 0 rgba(255,255,255,.14));animation:reloadLogoShardBottom 1.15s steps(2,end) forwards}.intro-logo{width:min(48vw,300px);height:auto;display:block}@keyframes introCursorBlink{0%,46%{opacity:1}47%,to{opacity:0}}@keyframes introLoadingBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes reloadLogoBreak{0%,48%{opacity:1;transform:translateZ(0) scale(1);filter:none}58%{opacity:.88;transform:translate3d(-2px,1px,0) skew(-2deg) scale(1.01);filter:blur(.2px)}70%{opacity:.55;transform:translate3d(5px,-1px,0) skew(3deg) scale(1.02);filter:blur(.8px)}86%{opacity:.18;transform:translate3d(-8px,2px,0) scale(1.05);filter:blur(2px)}to{opacity:0;transform:translateZ(0) scale(1.08);filter:blur(4px)}}@keyframes reloadLogoShardTop{0%,50%{opacity:0;transform:translateZ(0)}58%{opacity:.8;transform:translate3d(9px,-5px,0) skew(6deg)}72%{opacity:.58;transform:translate3d(-16px,-12px,0) skew(-8deg)}to{opacity:0;transform:translate3d(28px,-22px,0) skew(14deg)}}@keyframes reloadLogoShardBottom{0%,50%{opacity:0;transform:translateZ(0)}60%{opacity:.72;transform:translate3d(-10px,7px,0) skew(-7deg)}76%{opacity:.5;transform:translate3d(18px,13px,0) skew(8deg)}to{opacity:0;transform:translate3d(-30px,24px,0) skew(-13deg)}}@media (max-width: 767px){.intro-content{width:100%;min-height:100%}.intro-code-sequence{font-size:clamp(12px,3.6vw,16px);padding-left:22px}}@media (max-width: 480px){.intro-content{min-height:100%}.intro-logo{width:min(64vw,230px)}.intro-logo-reveal:before,.intro-logo-reveal:after{width:min(64vw,230px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{to{opacity:0;visibility:hidden}}@keyframes pulse{0%{transform:scale(.98)}to{transform:scale(1)}}.about-avatar{width:120px!important;height:120px!important;aspect-ratio:1 / 1;border-radius:50%!important;overflow:hidden;border:0!important;box-shadow:none!important}.about-avatar .about-video,.about-video{display:block;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}@media (max-width: 767px){.about-avatar{width:100px!important;height:100px!important;border:0!important;box-shadow:none!important}}@media (max-width: 767px){.floating-section{background:#0a0a0a8c!important;border:1px solid rgba(255,255,255,.12)!important}.floating-section .floating-content{background-color:#0a0a0aa6!important;border-color:#ffffff1f!important}}.about-handle-row{margin-top:6px;display:flex;align-items:center;gap:8px}.about-handle{height:48px;width:auto;filter:drop-shadow(0 0 6px rgba(255,255,255,.35));opacity:.95}@media (max-width: 767px){.about-handle{height:40px}}@media (max-width: 767px){.services-content{max-height:min(72vh,calc(100dvh - 32px))}}@media (hover: none) and (pointer: coarse){.services-content{-webkit-overflow-scrolling:touch;scrollbar-width:thin}.services-content::-webkit-scrollbar{width:6px}.services-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.services-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.services-content::-webkit-scrollbar-thumb:hover{background:#ffffff80}}@media (min-width: 768px) and (max-width: 1024px){.about-section{max-width:280px!important;width:60%!important;top:3%!important;left:1%!important;max-height:70vh!important;overflow-y:auto!important}.about-header{padding:15px 15px 8px!important}.about-avatar{width:50px!important;height:50px!important}.about-title h2{font-size:1.2rem!important}.about-body{padding:8px 15px 15px!important}.projects-section{max-width:320px!important;width:60%!important;top:5%!important;right:1%!important;max-height:70vh!important;overflow-y:auto!important}.section-header{padding:12px 15px 8px!important}.section-header h3{font-size:1.1rem!important}.services-section{width:220px!important;height:220px!important;bottom:5%!important;left:1%!important;max-height:70vh!important;overflow-y:auto!important}.services-header{padding:12px 15px 8px!important}.services-header h3{font-size:1.1rem!important}.services-body{padding:8px 15px 15px!important}.contact-section{max-width:220px!important;width:60%!important;bottom:3%!important;right:1%!important;max-height:70vh!important;overflow-y:auto!important}.contact-header{padding:12px 15px 8px!important}.contact-header h3{font-size:1.1rem!important}.contact-body{padding:8px 15px 15px!important}.videos-section{max-width:280px!important;width:60%!important;top:45%!important;left:50%!important;transform:translate(-50%,-50%)!important;max-height:70vh!important;overflow-y:auto!important}.videos-header{padding:12px 15px 8px!important}.videos-header h3{font-size:1.1rem!important}.videos-body{padding:8px 15px 15px!important}.section-body p,.about-body p,.contact-body p{font-size:.8rem!important;line-height:1.4!important}.section-body ul li,.services-body ul li{font-size:.75rem!important;margin-bottom:5px!important}.floating-section{margin:10px!important}.about-section+.projects-section,.services-section+.contact-section{margin-top:25px!important}}@media (min-width: 1024px) and (max-width: 1366px){.about-section{max-width:450px;width:85%;top:9%;left:4%}.projects-section{max-width:540px;width:85%;top:13%;right:4%}.services-section{max-width:360px;width:360px;height:360px;bottom:13%;left:4%}.contact-section{max-width:360px;width:85%;bottom:9%;right:4%}.videos-section{max-width:380px;width:85%;height:42vh;top:58%;left:4%}}.mobile-projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 20px;row-gap:30px;padding:20px;align-content:start;width:100%;height:calc(100vh - 200px);overflow-y:auto;max-width:800px;margin:0 auto}.mobile-project-card{position:relative;width:100%;aspect-ratio:1;min-height:200px;border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column}@supports not (aspect-ratio: 1 / 1){.mobile-project-card:before{content:"";display:block;padding-top:100%}}.mobile-project-card:hover{transform:scale(1.02);box-shadow:0 4px 20px #0000004d}@media (hover: none) and (pointer: coarse){.mobile-project-card,.mobile-project-card:hover,.mobile-project-card:active{transform:none!important;box-shadow:none!important}}.mobile-project-card img,.mobile-project-card video,.project-card-2d img,.project-card-2d video,.carousel-container.grid-view .project-card img,.carousel-container.grid-view .project-card video{background-color:#ffffff0f}.mobile-project-card img,.mobile-project-card video{width:100%;height:100%;object-fit:cover;object-position:center;display:block;position:absolute;top:0;left:0;z-index:1}.mobile-project-card .overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:15px 10px 10px;font-size:.8rem;font-family:Arial,sans-serif;z-index:2}.mobile-project-card .overlay h3{margin:0 0 5px;font-size:.9rem;font-family:Arial,sans-serif;font-weight:600}.mobile-project-card .overlay p{margin:2px 0;font-size:.7rem;font-family:Arial,sans-serif;opacity:.9}.mobile-project-card .watermark{position:absolute;top:10px;right:10px;background:#ffc107e6;color:#000;padding:5px 8px;border-radius:8px;font-size:.7rem;font-family:Arial,sans-serif;text-align:center;z-index:3}.mobile-project-card .warning-symbol{display:block;font-size:1rem;margin-bottom:2px}.mobile-project-card .warning-text{font-size:.6rem;font-family:Arial,sans-serif;line-height:1.2}.mobile-project-card .warning-text p{margin:0}.mobile-project-card .audio-overlay{position:absolute;inset:10px 10px auto;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;display:flex;flex-direction:column;gap:5px;align-items:flex-start;opacity:1;pointer-events:auto;z-index:3}.mobile-project-card .play-button{width:30px;height:30px;border-radius:50%;background:#000000b3;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-family:Arial,sans-serif}.mobile-project-card .project-link-button{background:#000000b3;color:#fff;text-decoration:none;padding:4px 8px;border-radius:6px;font-size:.6rem;font-family:Arial,sans-serif;text-align:center}.mobile-project-card .book-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px}.mobile-project-card .book-container .book-cover-3d{transform:scale(.8)}.mobile-project-card .book-text{text-align:center;color:#fff;margin-top:10px;font-family:Arial,sans-serif}.mobile-project-card .book-info h3{margin:0 0 5px;font-size:.8rem;font-family:Arial,sans-serif}.mobile-project-card .book-info p{margin:2px 0;font-size:.6rem;font-family:Arial,sans-serif;opacity:.8}.mobile-project-card .buy-button{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:4px 8px;border-radius:6px;font-size:.6rem;font-family:Arial,sans-serif;cursor:pointer;margin-top:5px}.mobile-project-card .custom-content-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform:scale(.7)}.unavailable-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:4;backdrop-filter:blur(2px)}.caution-symbol{display:block;font-size:3rem;margin-bottom:10px;color:#ffffffe6;text-shadow:0 2px 4px rgba(0,0,0,.8)}.caution-text{font-size:1rem;font-weight:600;color:#ffffffe6;text-shadow:0 2px 4px rgba(0,0,0,.8)}@media (max-width: 767px){.mobile-projects-grid{gap:15px 15px;row-gap:25px;padding:15px;grid-auto-rows:minmax(180px,auto)}.mobile-project-card{min-height:180px}.mobile-project-card .overlay{padding:12px 10px 10px}.mobile-project-card .overlay h3{font-size:.85rem}.mobile-project-card .overlay p{font-size:.7rem}}@media (max-width: 480px){.mobile-projects-grid{gap:12px 12px;row-gap:20px;padding:12px}.mobile-project-card{min-height:160px}.mobile-project-card .overlay{padding:10px 8px 8px}.mobile-project-card .overlay h3{font-size:.8rem}.mobile-project-card .overlay p{font-size:.65rem}.mobile-project-card .custom-content-container{transform:scale(.7)}}@media (min-width: 430px) and (max-width: 767px){.mobile-projects-grid{gap:24px 24px;row-gap:32px;padding:24px;grid-auto-rows:minmax(200px,auto)}.mobile-project-card{min-height:200px}}.folder-detail-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:5000;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));pointer-events:auto;background:#00000059;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:fadeIn .28s ease-out}.folder-detail-content{position:relative;width:min(520px,94vw);max-height:min(90vh,calc(100dvh - 40px));overflow-y:auto;padding:18px 16px 16px;border-radius:14px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 32px #00000040;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.folder-detail-content .close-button{position:absolute;top:16px;right:16px;z-index:2}.mobile-folder-item-media{width:100%;border-radius:12px;overflow:hidden;background:#0003}.mobile-folder-item-image,.mobile-folder-item-video{width:100%;max-height:50vh;object-fit:contain;display:block;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.mobile-folder-item-info{margin-top:14px;text-align:center}.mobile-folder-item-info h3{color:#fff;margin:0 0 8px;font-size:1.1rem;font-family:Arial,sans-serif}.mobile-folder-item-info p{color:#ffffffc2;margin:0 0 4px;font-size:.82rem;font-family:Arial,sans-serif;line-height:1.4}.mobile-folder-item-field{color:#ffffff94;font-size:.74rem;font-family:Arial,sans-serif}.checkout-confirm-overlay{position:fixed;inset:0;z-index:2500;display:flex;align-items:center;justify-content:center;padding:20px;pointer-events:auto;background:#00000059;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.ui-container.checkout-confirm-active{pointer-events:none}.ui-container.checkout-confirm-active .checkout-confirm-overlay{pointer-events:auto}.checkout-confirm-content{position:relative;width:min(420px,92vw);padding:32px 28px 28px;border-radius:20px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 32px #0000004d;text-align:center;font-family:Arial,sans-serif}.checkout-confirm-content .close-button{position:absolute;top:14px;right:14px}.checkout-confirm-content h2{margin:0 0 14px;color:#fff;font-size:1.6rem;font-weight:500;font-family:Arial,sans-serif}.checkout-confirm-message{margin:0 0 10px;color:#ffffffe6;font-size:.95rem;line-height:1.5;font-family:Arial,sans-serif}.checkout-confirm-sub{margin:0 0 22px;color:#fff9;font-size:.85rem;font-family:Arial,sans-serif}.checkout-confirm-btn{width:auto;min-width:160px;margin:0 auto}@media (max-width: 767px){.checkout-confirm-overlay{padding:16px;align-items:center}.checkout-confirm-content{padding:28px 22px 24px}.checkout-confirm-content h2{font-size:1.4rem}}.shop-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;pointer-events:auto;background:#00000059;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.ui-container.about-active{pointer-events:none}.ui-container.about-active .about-overlay,.ui-container.about-active .about-overlay *{pointer-events:auto}.ui-container.tour-active{z-index:1100;pointer-events:none}.ui-container.tour-active .guided-tour-overlay,.ui-container.tour-active .guided-tour-overlay *{pointer-events:auto}.ui-container.tour-active .guided-tour-arrow,.ui-container.services-active{pointer-events:none}.ui-container.services-active .services-overlay,.ui-container.services-active .services-overlay *{pointer-events:auto}.ui-container.folder-active{pointer-events:none}.ui-container.folder-active .folder-overlay,.ui-container.folder-active .folder-overlay *,.ui-container.folder-active .folder-detail-overlay,.ui-container.folder-active .folder-detail-overlay *{pointer-events:auto}.ui-container.shop-active{pointer-events:none}.ui-container.shop-active .shop-overlay{pointer-events:auto}.shop-content{position:relative;width:min(920px,94vw);max-height:90vh;overflow-y:auto;padding:28px 28px 32px;border-radius:20px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 32px #00000040;font-family:Arial,sans-serif}.shop-content .close-button{position:absolute;top:16px;right:16px;z-index:2}.shop-content h2{color:#fff;margin:0 0 20px;font-size:1.8rem;text-align:center;font-family:Arial,sans-serif;font-weight:500;letter-spacing:.5px}.shop-product{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.shop-media{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%}.shop-image-frame{width:160px;max-height:220px;border-radius:12px;overflow:hidden;background:#00000040;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center}.shop-product-image{width:100%;height:100%;max-height:220px;object-fit:contain;display:block}.shop-image-dots{display:flex;align-items:center;justify-content:center;gap:10px}.shop-dot{width:10px;height:10px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:#fff3;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.shop-dot:hover{background:#ffffff59;border-color:#fff9}.shop-dot.active{width:12px;height:12px;background:#fff;border-color:#fff;box-shadow:0 0 10px #ffffff80}.shop-product-info{display:flex;flex-direction:column;align-items:center;gap:12px;padding:0;width:100%;max-width:420px;text-align:center}.shop-product-info h3{margin:0;color:#fff;font-size:1.35rem;font-family:Arial,sans-serif;font-weight:600}.shop-product-price{margin:0;color:#fff;font-size:1.25rem;font-weight:600;font-family:Arial,sans-serif;letter-spacing:.02em}.shop-product-meta{margin:0;color:#ffffffa6;font-size:.9rem;font-family:Arial,sans-serif}.shop-desc-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;margin:0;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:30px;color:#ffffffe6;font-family:Arial,sans-serif;font-size:.9rem;cursor:pointer;transition:background .2s ease,border-color .2s ease}.shop-desc-toggle:hover{background:#ffffff24;border-color:#ffffff59}.shop-desc-chevron{width:18px;height:18px;stroke:currentColor;transition:transform .25s ease}.shop-desc-chevron.open{transform:rotate(180deg)}.shop-product-desc{margin:0;color:#ffffffd9;font-size:.95rem;line-height:1.5;font-family:Arial,sans-serif;text-align:center;animation:shopDescFadeIn .25s ease}@keyframes shopDescFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.shop-product-actions{margin-top:4px;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.shop-checkout-note{margin:0;color:#ffffff73;font-size:.7rem;line-height:1.45;font-family:Arial,sans-serif;text-align:center}.shop-buy-btn{width:auto;min-width:160px;margin:0;text-decoration:none;box-sizing:border-box}@media (min-width: 768px){.shop-content{width:min(600px,94vw)}.shop-product{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:start;gap:28px;width:100%}.shop-media{width:100%}.shop-image-frame{width:100%;max-height:260px}.shop-product-image{max-height:260px}.shop-product-info{align-items:flex-start;width:100%;max-width:none;text-align:left;padding-top:2px}.shop-product-desc{text-align:left;max-width:100%}.shop-product-actions{align-items:flex-start;width:100%}.shop-checkout-note{text-align:left}}@media (max-width: 767px){.shop-overlay{padding:16px;align-items:center;justify-content:center}.shop-content{width:min(100%,400px);max-height:85vh;padding:22px 18px 24px;border-radius:16px}.shop-content h2{font-size:1.5rem;margin-bottom:16px}.shop-product{gap:18px}.shop-media{width:100%}.shop-image-frame{width:140px;max-height:190px}.shop-product-image{max-height:190px}.shop-product-info h3{font-size:1.2rem}.shop-product-price{font-size:1.15rem}.shop-checkout-note{font-size:.65rem}.shop-buy-btn{width:100%;max-width:220px}}.cartridge-scene{width:300px;height:300px;perspective:1500px;margin:50px auto;padding:20px}.cartridge-scene.case-open .data-cartridge{transform:rotateX(0)!important;transition:transform .5s ease-out}.cartridge-scene.case-open .cd{transform:translateZ(50px)!important;transition:transform .5s ease-out}.cartridge-scene.case-open .front{transform:rotateX(-90deg) translateZ(150px);transition:transform .5s ease-out}.cartridge-scene.case-open .back{transform:translateZ(-25px);transition:transform .5s ease-out}.mobile .data-cartridge{transition:transform .1s linear}.face{position:absolute;backface-visibility:hidden;transition:transform .5s,opacity .5s;backface-visibility:visible}.front,.back{width:100%;height:100%}.front{background:linear-gradient(135deg,#7ba1ae4d,#f5f5f54d);color:#333;font-family:Arial,sans-serif;padding:20px;box-sizing:border-box;overflow:hidden;border:1px solid rgba(255,255,255,.5);z-index:2;transform:translateZ(15px)}.back{transform:rotateY(180deg) translateZ(15px);background-color:#2a2a2a;background-color:transparent;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;backface-visibility:visible;transform:translateZ(-25px)}.back-center-hole{width:35%;height:35%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background-color:transparent;box-shadow:0 0 0 1000px #2a2a2a;z-index:1}.back-shutter,.back-label,.back-grooves,.back-corners{position:relative;z-index:2}.back-grooves{position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px)}.back-shutter{position:absolute;bottom:10%;left:10%;right:10%;height:20%;background-color:#3f3f3f;border-radius:3px;border:1px solid rgba(255,255,255,.1)}.back-label{position:absolute;top:8%;left:10%;right:10%;height:15%;background-color:#ffffff0d;border-radius:2px;border:1px solid rgba(255,255,255,.1)}.back-corners .corner{position:absolute;width:15px;height:15px;background-color:#1f1f1f;z-index:3}.corner.top-left{top:-140px;left:-142px}.corner.top-right{top:126px;right:128px}.corner.bottom-left{bottom:125px;left:125px}.corner.bottom-right{bottom:-140px;right:-138px}.right,.left{width:42px;height:100%;top:0;border-radius:0;transform:translateZ(0)}.right{right:-10px;transform:rotateY(90deg) translateZ(11px) translate(5px);background:linear-gradient(to left,#a0a0a0,#d0d0d0);display:flex;flex-direction:column;justify-content:center;align-items:center}.right:after{content:"";width:80%;height:10%;background-color:#222;border-radius:2px;box-shadow:inset 0 0 5px #00000080}.left{left:-12px;transform:rotateY(-90deg) translateZ(9px) translate(-5px);background:linear-gradient(to right,#a0a0a0,#d0d0d0)}.top,.bottom{width:100%;height:42px;left:0;border-radius:0}.top{top:-11px;transform:rotateX(90deg) translateZ(10px) translateY(-5px);background:linear-gradient(to bottom,#b0b0b0,#e0e0e0)}.bottom{bottom:104px;transform:rotateX(-90deg) translateZ(125px) translateY(5px);background:linear-gradient(to top,#b0b0b0,#e0e0e0)}.data-cartridge{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .1s linear;transform-origin:center center}.cd{position:absolute;width:80%;height:80%;top:10%;left:10%;transition:transform .1s linear;z-index:1;transform-style:preserve-3d;animation:spin 4s linear infinite}.cd-left-text{position:absolute;left:40px;top:68%;transform:translateY(-50%) rotate(-360deg);font-size:3px;color:#fdcfff;font-family:Arial,sans-serif;white-space:nowrap;z-index:5;backface-visibility:hidden}.disc{width:100%;height:100%;position:relative;transform-style:preserve-3d}.disc:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at center,#000000 0%,#000 10%,#333 10.3%,#333 10.5%,#b1b0b0 10.6%,#3a3a3a 11%,#000 15%,#3333335e 15.5%,#3333335f 20%,#9999994b 20.5%,#66666692 21%,transparent 15%),url(/Textures2/texture-image1.png) 60% -5% / 70% 50% no-repeat,url(/Textures2/graphic-image.png) center/100% no-repeat;box-shadow:0 0 20px #15151580,0 0 40px #ffffff4d,inset 0 0 50px #fff3;backface-visibility:hidden;z-index:2}.disc:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at center,#000 0%,#000 10%,#333 10.3%,#333 10.5%,#b1b0b0 10.6%,#3a3a3a 11%,#000 15%,#333 15.5%,#333 20%,#999 20.5%,#666 21%,#666 25%,#666 25.5%,#666 25.5%,#666 26%,#999 28%,#000000 29%,#999 30%,transparent 25.5%),repeating-radial-gradient(circle at center,rgba(255,255,255,.1) 0px,rgba(255,255,255,.1) 2px,transparent 2px,transparent 4px),conic-gradient(from 0deg,#ff000074,#ff990074,#ffff0074,#00ff0074,#00ffff74,#0000ff74,#9900ff74,#ff00ff74,#ff000074);box-shadow:0 0 20px #15151580,0 0 40px #ffffff4d,inset 0 0 50px #fff3;opacity:1;transform:rotateY(180deg);backface-visibility:hidden;z-index:1}.inner-ring{position:absolute;width:50%;height:50%;top:25%;left:25%;border-radius:50%;border:2px solid #333;box-shadow:inset 0 0 10px #00000080}.logo-left,.logo-right{content:"";position:absolute;width:50px;height:50px;background-size:contain;background-repeat:no-repeat;background-position:center;backface-visibility:hidden;z-index:4}.logo-left{left:30px;top:50%;transform:translateY(-50%);background-image:url(/Textures2/left-logo.png)}.logo-right{right:30px;top:50%;transform:translateY(-50%);width:80px;height:80px;background-image:url(/Textures2/right-logo.png)}.disc-code{position:absolute;top:97%;left:100%;width:242px;height:230px;transform:translate(-50%,-50%);font-size:3px;color:#ededed;text-align:center;z-index:4;backface-visibility:hidden}.disc-code span{position:absolute;top:0;left:0;transform-origin:center}.front-left-texture{position:absolute;top:0;left:0;width:90%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.9;mix-blend-mode:normal;border-radius:10px;overflow:hidden;transform:rotate(-360deg)}.case-lines{position:absolute;inset:10px;border:1px solid rgba(255,255,255,.2)}.screw{width:8px;height:8px;position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#888,#444);box-shadow:inset 0 0 2px #00000080}.screw:before{content:"";position:absolute;top:50%;left:50%;width:60%;height:2px;background:#222;transform:translate(-50%,-50%)}.screw:after{content:"";position:absolute;top:50%;left:50%;width:2px;height:60%;background:#222;transform:translate(-50%,-50%)}.screw-1{top:5px;left:5px}.screw-2{top:5px;right:5px}.screw-3{bottom:5px;left:5px}.screw-4{bottom:5px;right:5px}.sony-logo{-webkit-text-stroke:1px #ffffff;-webkit-text-fill-color:transparent;font-weight:700;position:absolute;top:15px;left:15px;font-size:25px;color:#fff;font-family:Arial,serif}.cartridge-logo{position:absolute;top:50px;left:15px;font-size:18px;font-weight:700;color:#f3f3f3}.disc-info{position:absolute;bottom:15px;left:15px;font-size:12px;color:#ffffffb3}.insert-text{position:absolute;top:65%;right:5px;transform:translateY(-50%) rotate(-90deg);font-size:8px;color:#fffc;white-space:nowrap;text-shadow:0 0 10px rgba(32,48,59,.73),0 0 20px rgba(31,43,51,.492);background:linear-gradient(135deg,#1f1e1e7c,#ffffff0d);padding:4px 8px;border-radius:4px;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);letter-spacing:1px}.arrow{display:inline-block;margin-right:5px;margin-left:-8px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:5px solid rgba(255,255,255,.8);transform:translateY(2px)}.cartridge-container{position:absolute;width:80%;height:80%;top:10%;left:10%}.black-tab{position:absolute;top:20px;right:20px;width:60px;height:100px;background:#16161699;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;padding:5px;box-shadow:0 4px 12px #0000004d,inset 0 0 20px #ffffff0d;z-index:2;overflow:hidden}.black-tab:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,#ffffff1a,#ffffff0d);border-radius:8px 8px 0 0}.black-tab-text{color:#fffc;font-size:6px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.3);position:relative;letter-spacing:1px;text-transform:uppercase}.black-tab-line{width:100%;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);margin:5px 0;position:relative}.embossed-logo{font-size:12px;color:#fff3;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.1)}.grip-area{width:100%;height:20px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.1),rgba(255,255,255,.1) 1px,transparent 1px,transparent 3px)}.reflective-highlight{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff1a,#fff0,#ffffff1a)}.tech-details{font-size:6px;color:#ffffff80;text-align:center}.signature{position:absolute;bottom:-80px;right:-50px;width:220px;height:200px;background-image:url(/Textures2/symbol.png);background-size:contain;background-repeat:no-repeat;background-position:center}.shock-absorbing{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:8px;color:#fff;text-transform:uppercase,lowercase;text-shadow:1px 1px 2px black}.shock-circle{width:20px;height:20px;border:2px solid #fff;border-radius:50%;position:absolute;left:-25px;top:50%;transform:translateY(-50%);display:flex;justify-content:center;align-items:center}.shock-circle:after{content:"";width:10px;height:10px;background-color:#fff;border-radius:50%}@keyframes collapse{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(360deg)}to{transform:scale(1) rotate(720deg)}}.cartridge-scene.collapsed .data-cartridge{transform:scale(.1) rotateY(720deg);animation:collapse 1s forwards}@keyframes float{0%,to{transform:scale(.1) rotateY(720deg)}50%{transform:translate(200px,-100px) rotate(45deg) translateY(-20px)}}.cartridge-scene.collapsed .face:hover,.cartridge-scene.collapsed .cd:hover{cursor:pointer}.cartridge-scene.collapsed .cd{transform:scale(.1) rotateY(720deg);animation:float 3s ease-in-out infinite}.face.reassembled,.cd.reassembled{animation:none!important;transform:none!important}.cartridge-scene.collapsed .face,.cartridge-scene.collapsed .cd{animation:scatter 1s forwards}@keyframes reassemble{0%{opacity:0;transform:scale(.1) rotateY(0)}to{opacity:1;transform:scale(1) rotateY(0)}}.cd.reassembled{transform:none!important;animation:none!important}@keyframes reassemble-cd{0%{opacity:0;transform:scale(.1) rotateY(720deg) rotate(720deg)}to{opacity:1;transform:scale(1) rotateY(720deg) rotate(720deg)}}@keyframes scatter{0%{transform:translate(0) rotate(720deg)}to{transform:translate(var(--translate-x),var(--translate-y)) rotate(var(--rotate))}}.cartridge-scene.collapsed .front{--translate-x: 100px;--translate-y: -100px;--rotate: 45deg}.cartridge-scene.collapsed .back{--translate-x: -100px;--translate-y: 100px;--rotate: -45deg}.cartridge-scene.collapsed .right{--translate-x: 150px;--translate-y: 0px;--rotate: 90deg}.cartridge-scene.collapsed .left{--translate-x: -150px;--translate-y: 0px;--rotate: -90deg}.cartridge-scene.collapsed .top{--translate-x: 0px;--translate-y: -150px;--rotate: 180deg}.cartridge-scene.collapsed .bottom{--translate-x: 0px;--translate-y: 150px;--rotate: 0deg}.cartridge-scene.collapsed .cd{--translate-x: 200px;--translate-y: -100px;--rotate: 45deg}.side-detail{position:absolute;width:100%;height:100%;display:flex;align-items:stretch;padding:0;box-sizing:border-box}.side-groove{width:1px;height:100%;background-color:#0003}.side-label{flex-grow:1;font-size:8px;color:#0009;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);display:flex;justify-content:center;align-items:center;padding:2px 0}.top .side-detail,.bottom .side-detail{flex-direction:row}.top .side-groove,.bottom .side-groove{width:20%;height:1px}.top .side-label,.bottom .side-label{writing-mode:horizontal-tb;transform:none;width:60%;padding:0 2px}.right .side-label,.left .side-label{transform:rotate(180deg)}.left:before,.right:before{content:"";position:absolute;top:5%;height:90%;width:5px;background-color:#0000001a;border-radius:2px}.left:before{right:5px}.right:before{left:5px}.top:before,.bottom:before{content:"";position:absolute;left:5%;width:90%;height:5px;background-color:#6c69691a;border-radius:2px}.top:before{bottom:5px}.bottom:before{top:5px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cartridge-scene.case-open .cd{transform:translateZ(50px) rotate(0)!important;animation:none}.wndrboi-dialog{position:fixed;transform:translate(-50%,calc(-100% + 20px));z-index:1200;pointer-events:none;background:#ffffff24;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.24);border-radius:10px;padding:12px 18px;box-shadow:0 8px 28px #0000002e;color:#fff;text-align:center;width:max-content;max-width:min(320px,82vw);animation:wndrboiDialogIn .35s ease}.wndrboi-dialog-fact{margin:0;font-family:Arial,sans-serif;font-size:.82rem;line-height:1.45;text-shadow:0 1px 4px rgba(0,0,0,.35)}@keyframes wndrboiDialogIn{0%{opacity:0;transform:translate(-50%,calc(-100% + 28px))}to{opacity:1;transform:translate(-50%,calc(-100% + 20px))}}.guided-tour-overlay{position:fixed;inset:0;z-index:1100;pointer-events:auto;animation:guidedTourIn .35s ease}.guided-tour-overlay.is-fading{animation:guidedTourOut .36s ease forwards}.guided-tour-backdrop{position:absolute;inset:0;background:#0000006b;pointer-events:auto;cursor:pointer}.guided-tour-spotlight{position:fixed;border-radius:14px;box-shadow:0 0 0 9999px #0000006b,0 0 0 2px #ffffff8c,0 0 24px #ffffff2e;pointer-events:auto;cursor:pointer}.guided-tour-arrow{position:fixed;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:11px solid rgba(255,255,255,.92);filter:drop-shadow(0 2px 6px rgba(0,0,0,.25));pointer-events:none}.guided-tour-tooltip{position:fixed;pointer-events:auto;cursor:pointer;background:#ffffff24;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.24);border-radius:10px;padding:12px 16px 10px;box-shadow:0 8px 28px #00000038;color:#fff;text-align:center;max-width:min(320px,84vw)}.guided-tour-tooltip p{margin:0;font-family:Arial,sans-serif;font-size:.9rem;line-height:1.45;text-shadow:0 1px 4px rgba(0,0,0,.35)}.guided-tour-progress{display:block;margin-top:8px;font-family:Arial,sans-serif;font-size:.72rem;letter-spacing:.08em;opacity:.72;text-transform:uppercase}.guided-tour-continue{display:block;margin-top:10px;font-family:Arial,sans-serif;font-size:.78rem;opacity:.88}@keyframes guidedTourIn{0%{opacity:0}to{opacity:1}}@keyframes guidedTourOut{0%{opacity:1}to{opacity:0}}@media (hover: hover) and (pointer: fine){html,body,body *{cursor:none!important}.site-cursor{position:fixed;top:0;left:0;width:26px;height:26px;margin:-13px 0 0 -13px;border:1.5px solid rgba(255,255,255,.9);background:#ffffff24;border-radius:50%;pointer-events:none;z-index:10000;transform:translate3d(-100px,-100px,0);transition:width .16s ease,height .16s ease,margin .16s ease,background .16s ease,border-color .16s ease,opacity .16s ease;will-change:transform;box-shadow:0 0 12px #ffffff14}.site-cursor.is-hovering{width:36px;height:36px;margin:-18px 0 0 -18px;background:#ffffff14;border-color:#fff}.site-cursor.is-clicking{width:20px;height:20px;margin:-10px 0 0 -10px;background:#ffffff38}}@media (hover: none),(pointer: coarse){.site-cursor{display:none}}.colorful-ascii-overlay{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:0;transition:opacity .72s ease}.colorful-ascii-overlay.is-active{opacity:1}.colorful-ascii-overlay.is-fading{opacity:0}.colorful-ascii-canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.colorful-ascii-sample{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;pointer-events:none}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#000}#root{width:100vw;height:100vh;height:calc(var(--vh, 1vh) * 100);margin:0;padding:0;overflow:hidden}@media (max-width: 768px){html,body,#root{width:100vw;height:100vh;height:calc(var(--vh, 1vh) * 100);min-height:100vh;min-height:calc(var(--vh, 1vh) * 100);min-height:-webkit-fill-available}}@supports (-webkit-touch-callout: none){html,body,#root{min-height:-webkit-fill-available}}@media (hover: none) and (pointer: coarse){*,html,body{cursor:auto!important}}.performance-monitor{position:fixed;top:20px;right:20px;background:#000c;border:1px solid #00ffff;border-radius:8px;padding:15px;font-family:Courier New,monospace;font-size:12px;color:#fff;z-index:1000;backdrop-filter:blur(10px);min-width:200px}.performance-header{font-weight:700;color:#0ff;margin-bottom:10px;text-align:center;border-bottom:1px solid #00ffff;padding-bottom:5px}.performance-metrics{display:flex;flex-direction:column;gap:5px}.metric{display:flex;justify-content:space-between;align-items:center}.metric .label{color:#ccc}.metric .value{font-weight:700;padding:2px 6px;border-radius:3px;min-width:40px;text-align:center}.metric .value.good{background:#0f03;color:#0f0}.metric .value.caution{background:#ff03;color:#ff0}.metric .value.warning{background:#f003;color:red}.metric .value.quality-high{background:#0f03;color:#0f0}.metric .value.quality-medium{background:#ff03;color:#ff0}.metric .value.quality-low{background:#f003;color:red}@media (max-width: 768px){.performance-monitor{top:10px;right:10px;padding:10px;font-size:10px;min-width:160px}.performance-metrics{gap:3px}.metric .value{min-width:30px;padding:1px 4px}}img,video,picture,canvas,svg{-webkit-user-drag:none;-khtml-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}video::-internal-media-controls-download-button,video::-webkit-media-controls-enclosure{overflow:hidden}[data-scroll-panel]{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.joystick-container{position:absolute;bottom:20px;left:20px;z-index:1000}@media (max-width: 768px){.joystick-container{bottom:10px;left:10px}}#root{width:100vw;height:100vh}body{margin:0}@tailwind base;@tailwind components;@tailwind utilities;