.ui-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.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)}@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}.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}.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}.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{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(/assets/logo1-Cp589nIG.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,.welcome-button:active{opacity:.7}}@media (hover: none) and (pointer: coarse){.close-button{cursor:pointer;-webkit-tap-highlight-color:transparent}.close-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,.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)}}.tip-message{position:absolute;left:50%;bottom:110px;transform:translate(-50%);background:none;color:#fff;font-family:Arial,sans-serif;padding:4px 12px;border-radius:8px;font-size:13px;text-align:center;z-index:1100;max-width:80vw;box-shadow:none;border:none;transition:opacity .3s;opacity:.95}.tip-message p{margin:0;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.5)}.services-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;overflow:hidden}.services-content{background-color:#ffffff1a;border-radius:15px;padding:25px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;border:1px solid rgba(255,255,255,.2)}.services-content h2{color:#fff;margin-bottom:25px;font-size:1.8rem;text-align:center;font-family:Arial,sans-serif}.services-list{display:flex;flex-direction:column;gap:20px}.service-item{padding:15px;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.service-item h3{color:#fff;margin:0 0 12px;font-size:1.2rem;font-family:Arial,sans-serif}.service-item ul{list-style:none;padding:0;margin:0}.service-item li{color:#fffc;margin:0 0 6px;font-size:.9rem;font-family:Arial,sans-serif;padding-left:15px;position:relative}.service-item li:before{content:"•";color:#fff9;position:absolute;left:0}.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 *{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}@media (max-width: 767px){.play-button{width:50px;height:50px;font-size:20px;margin-bottom:15px}.listen-button{padding:8px 16px;font-size:12px}}.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}.projects-grid-2d.scrollable{flex:1;overflow-y:auto;padding: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){.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}.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;max-height:38vh}.mini-project-info{display:none}}@media (min-width: 1200px){.mini-project-content{max-width:34vw;width:34vw;max-height:34vh}}.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-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)}@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-card-2d.folder-project{border:2px solid rgba(255,255,255,.3);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;top:0;left:0;width:100%;height:100%;background-color:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:4000;animation:fadeIn .3s ease-out;pointer-events:auto}.folder-content{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:25px;max-width:800px;width:90%;max-height:85vh;overflow-y:auto;position:relative;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 20px 40px #0000004d;pointer-events:auto}.folder-header{text-align:center;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.2)}.folder-header h3{color:#fff;margin:0 0 10px;font-size:1.8rem;font-weight:600;font-family:Arial,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.5)}.folder-header p{color:#ffffffe6;margin:0;font-size:1rem;font-family:Arial,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.5)}.folder-link-button{display:inline-flex;align-items:center;justify-content:center;margin-top:14px;padding:10px 20px;background:transparent;border:1px solid rgba(255,255,255,.35);border-radius:999px;color:#fff;font-size:.9rem;font-weight:600;text-decoration:none;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:none;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.folder-link-button:hover{transform:translateY(-2px);border-color:#fff9;background-color:#ffffff14}.folder-link-button:active{transform:translateY(0);background-color:#ffffff1f}.folder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:10px}.folder-item{position:relative;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:15px;overflow:hidden;transition:all .3s ease;cursor:pointer;contain:layout style paint;will-change:transform}.folder-item:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-3px);box-shadow:0 8px 25px #0003}.folder-item img,.folder-item video{width:100%;height:150px;object-fit:cover;display:block;transition:transform .3s ease;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.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-close-button{display:none;justify-content:center;margin-top:20px;padding:0 20px}.folder-close-button button{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:20px;color:#fff;padding:12px 30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #0000004d;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);min-width:120px;position:relative;overflow:hidden}.folder-close-button button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);opacity:0;transition:opacity .3s ease;pointer-events:none}.folder-close-button button:hover{transform:translateY(-2px);box-shadow:0 15px 40px #0006;border-color:#ffffff40}.folder-close-button button:hover:before{opacity:1}.folder-close-button button:active{transform:translateY(0);box-shadow:0 5px 20px #0000004d}.folder-item:hover img,.folder-item:hover video{transform:scale(1.05)}.folder-item-title{position:absolute;top:0;left:0;right:0;background:linear-gradient(to bottom,#000c,#0000);color:#fff;padding:10px 10px 15px;font-size:.8rem;font-family:Arial,sans-serif;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.8)}.folder-item-description{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000e6,#0009,#0000);color:#ccc;padding:15px 10px 10px;font-size:.7rem;font-family:Arial,sans-serif;text-align:center;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.8)}@media (max-width: 767px){.folder-content{max-width:95%;padding:20px;max-height:90vh}.folder-item video{will-change:auto;transform:none;backface-visibility:visible}.folder-item{contain:layout style;will-change:auto}.folder-item img{contain:layout style paint;will-change:auto}.folder-header h3{font-size:1.5rem}.folder-header p{font-size:.9rem}.folder-grid{grid-template-columns:repeat(2,1fr);gap:15px;padding:8px}.folder-item img,.folder-item video{height:120px}.folder-item.video-item img,.folder-item.video-item video{height:200px}.folder-close-button{display:flex;margin-top:15px}.folder-close-button button{padding:10px 25px;font-size:.9rem;min-width:100px}.folder-item-title{font-size:.65rem;padding:6px 6px 10px}.folder-item-description{display:none}}@media (max-width: 480px){.folder-content{padding:15px;max-height:95vh}.folder-header h3{font-size:1.3rem}.folder-header p{font-size:.8rem}.folder-grid{grid-template-columns:1fr;gap:12px;padding:6px}.folder-item img,.folder-item video{height:100px}.folder-item.video-item img,.folder-item.video-item video{height:150px}.folder-close-button{margin-top:12px}.folder-close-button button{padding:8px 20px;font-size:.8rem;min-width:90px}.folder-item-title{font-size:.6rem;padding:4px 4px 6px}.folder-item-description{display:none}}.contact-section .social-link svg{stroke:currentColor;color:#fff;width:24px;height:24px}.projects-overlay .overlay-panel,.contact-overlay .contact-content,.services-overlay .services-content,.more-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,.services-overlay,.more-overlay,.video-player-overlay{background:#00000073;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.more-overlay .more-content,.video-player-overlay .video-player-content{max-width:1200px;width:95vw;max-height:90vh}.more-overlay .video-container,.more-overlay .image-container{padding:12px}.more-overlay .video-container video,.more-overlay .image-container img{width:100%;height:auto;max-height:300px;object-fit:contain;border-radius:12px;display:block}.video-player-overlay video{width:100%;height:auto;max-height:360px;object-fit:contain;border-radius:12px;display:block}@media (max-width: 767px){.more-overlay .more-content,.video-player-overlay .video-player-content{max-width:420px}.more-overlay .video-container video,.more-overlay .image-container img{max-height:220px}.video-player-overlay video{max-height:260px}}@media (max-width: 480px){.more-overlay .more-content,.video-player-overlay .video-player-content{max-width:360px}}.more-overlay .more-content{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 20px 20px;align-items:center}.more-overlay .video-container,.more-overlay .image-container{width:100%}@media (max-width: 767px){.more-overlay .more-content{grid-template-columns:1fr 1fr;gap:10px}}.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{pointer-events:auto}.ui-container.more-active{pointer-events:none}.ui-container.more-active .more-overlay,.ui-container.more-active .more-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 *,.more-overlay,.video-player-overlay,.projects-overlay,.contact-overlay,.services-overlay,.more-overlay .more-content,.video-player-overlay .video-player-content,.projects-overlay .search-container,.contact-overlay .contact-content,.services-overlay .services-content{pointer-events:auto}.close-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}.more-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}.more-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}.more-overlay,.video-player-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}.more-overlay .more-content,.video-player-overlay .video-player-content{position:static!important;top:auto!important;left:auto!important;transform:none!important;margin:0 auto}@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;display:flex;align-items:center;justify-content:center;z-index:5000;pointer-events:none;opacity:1;transition:opacity .35s ease}.intro-overlay.hide{opacity:0}.intro-content{display:flex;flex-direction:column;align-items:center;gap:20px}.intro-logo{width:min(45vw,360px);height:auto;opacity:0;animation:fadeIn .3s ease forwards,pulse .6s ease .2s}.loading-bar{width:150px;height:5px;background:#fff3;border-radius:3px;overflow:hidden;opacity:0;animation:fadeIn .3s ease .4s forwards}.loading-bar-fill{height:100%;background:linear-gradient(90deg,#fff,#ffffffb3);border-radius:2px;width:0%;animation:loadingProgress 1.5s ease .7s forwards}@keyframes loadingProgress{0%{width:0%}to{width:100%}}@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-overlay{padding:15px}.services-content{padding:20px;max-height:95vh;border-radius:12px}.services-content h2{font-size:1.6rem;margin-bottom:20px}.services-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.service-item{padding:12px;margin-bottom:0}.service-item h3{font-size:1.1rem;margin-bottom:10px}.service-item li{font-size:.85rem;margin-bottom:5px}}@media (max-width: 480px){.services-overlay{padding:10px}.services-content{padding:18px;max-height:98vh;border-radius:10px}.services-content h2{font-size:1.4rem;margin-bottom:18px}.services-list{gap:10px}.service-item{padding:10px;margin-bottom:0}.service-item h3{font-size:1rem;margin-bottom:8px}.service-item li{font-size:.8rem;margin-bottom:4px}}@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 (max-width: 360px){.services-list{grid-template-columns:1fr;gap:12px}.service-item{margin-bottom:0}}@media (min-width: 769px){.services-list{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.services-content{max-width:800px;padding:30px}.services-content h2{font-size:2rem;margin-bottom:30px}.service-item{padding:20px}.service-item h3{font-size:1.3rem;margin-bottom:15px}.service-item li{font-size:1rem;margin-bottom:8px}}@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;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,1) 10%,rgba(0,0,0,1) 90%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,1) 10%,rgba(0,0,0,1) 90%,transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.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{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;top:10px;left:10px;display:flex;flex-direction:column;gap:5px;align-items:center;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}}.mobile-folder-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;justify-content:center;align-items:center;z-index:5000;animation:fadeIn .3s ease-out;pointer-events:auto}.mobile-folder-content{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:15px;max-width:90vw;width:90vw;max-height:80vh;overflow-y:auto;position:relative;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mobile-folder-header{text-align:center;margin-bottom:15px;position:relative}.mobile-folder-header h3{color:#fff;font-size:1.5rem;font-family:Arial,sans-serif;margin:0 0 10px;font-weight:700}.mobile-folder-header p{color:#fffc;font-size:.9rem;font-family:Arial,sans-serif;margin:0}.mobile-folder-close{position:absolute;top:-10px;right:-10px;background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;width:40px;height:40px}.mobile-folder-close:hover{color:#ffffffb3;transform:scale(1.1)}.mobile-folder-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:5px 0}.mobile-folder-project-card{position:relative;width:100%;aspect-ratio:1;min-height:120px;border-radius:12px;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}.mobile-folder-project-card:hover{transform:scale(1.02);box-shadow:0 4px 20px #0000004d}.mobile-folder-project-card.selected{transform:scale(1.05);box-shadow:0 6px 25px #0006;border-color:#fff6}.mobile-folder-card-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.mobile-folder-card-image img,.mobile-folder-card-image video{width:100%;height:100%;object-fit:cover}.mobile-folder-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-folder-card-overlay h4{margin:0 0 5px;font-size:.9rem;font-family:Arial,sans-serif;font-weight:700;color:#fff}.mobile-folder-card-overlay p{margin:0 0 2px;font-size:.7rem;font-family:Arial,sans-serif;color:#fffc}.mobile-folder-card-description{position:absolute;inset:0;background:#000000e6;color:#fff;padding:20px;display:flex;align-items:center;justify-content:center;z-index:3;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:fadeIn .3s ease-out}.mobile-folder-card-description p{font-size:.9rem;font-family:Arial,sans-serif;line-height:1.4;text-align:center;margin:0;color:#ffffffe6}.mobile-folder-item-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:6000;animation:fadeIn .3s ease-out;pointer-events:auto}.mobile-folder-item-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}.mobile-folder-item-media{width:100%;height:auto;max-height:35vh;display:flex;align-items:center;justify-content:center;border-radius:20px;overflow:hidden}.mobile-folder-item-image,.mobile-folder-item-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}.mobile-folder-item-info{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:15px;padding:10px;margin-top:10px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mobile-folder-item-info h3{color:#fff;font-size:.9rem;font-family:Arial,sans-serif;margin:0 0 6px;font-weight:700}.mobile-folder-item-info p{color:#fffc;font-size:.7rem;font-family:Arial,sans-serif;margin:0 0 4px;line-height:1.2}.mobile-folder-item-field{color:#fff9!important;font-size:.6rem!important;font-family:Arial,sans-serif!important}.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(/assets/texture-image1-lxqF8DKd.png) 60% -5% / 70% 50% no-repeat,url(/assets/graphic-image-B5SMbmha.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(/assets/left-logo-hRBPdztz.png)}.logo-right{right:30px;top:50%;transform:translateY(-50%);width:80px;height:80px;background-image:url(/assets/right-logo-BLDAWGcU.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(/assets/symbol-D7qbghAA.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}.atom-cursor{pointer-events:none;position:fixed;top:0;left:0;width:20px;height:20px;border-radius:50%;background-color:#ffffff4d;mix-blend-mode:difference;transition:transform .3s ease,box-shadow .3s ease;z-index:9999}@media (min-width: 768px) and (max-width: 1024px){.atom-cursor{display:none!important}body,button,a,input,textarea,[role=button]{cursor:auto!important}}@media (max-width: 767px){.atom-cursor{display:none!important}body,button,a,input,textarea,[role=button]{cursor:auto!important}}.atom-cursor:before,.atom-cursor:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:2px solid rgba(255,255,255,.5);animation:orbit 3s linear infinite}.atom-cursor:before{animation-delay:-1.5s}.atom-cursor.hovering{box-shadow:0 0 15px 5px #ffffff80}.atom-cursor.clicking{transform:scale(.9)}.point-cloud-container{position:fixed;pointer-events:none;z-index:9998}.point{position:absolute;width:4px;height:4px;background-color:#fffc;border-radius:50%;animation:point-disperse 1s ease-out forwards}@keyframes orbit{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.2)}to{transform:translate(-50%,-50%) rotate(360deg) scale(1)}}@keyframes point-disperse{0%{transform:translate(0);opacity:1}to{transform:translate(calc(random(100)*1px - 50px),calc(random(100)*1px - 50px));opacity:0}}body,button,a,input,textarea,[role=button]{cursor: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}}@media (hover: hover) and (pointer: fine){*,html,body{cursor:none!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}}.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;