:root{--bg-color: #020203;--text-main: #E6E6E6;--accent-red: #A83333;--accent-blue: #2B4E6A}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-main);font-family:Zen Old Mincho,serif;overflow:hidden;width:100vw;height:100vh}.grain-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}#canvas-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;transition:opacity 1.5s ease}@media (max-width: 768px){#canvas-container{top:2vh}}.ui-layer{position:relative;z-index:10;width:100%;height:100%;pointer-events:none}.nav-container{position:absolute;top:60px;left:50px;display:flex;flex-direction:row-reverse;gap:2.5rem;pointer-events:auto;z-index:2000}.nav-item{writing-mode:vertical-rl;text-orientation:upright;font-size:.95rem;letter-spacing:.35em;color:#ffffffb3;text-decoration:none;cursor:pointer;transition:all .4s ease;position:relative;padding:10px 0;font-weight:500;text-shadow:0 0 8px rgba(0,0,0,.8)}.nav-item:hover{color:#fff}.lang-switch{position:fixed;top:40px;right:50px;z-index:2000;display:flex;gap:.5rem;font-family:Zen Old Mincho,serif;font-size:.9rem;letter-spacing:.1em;color:#fff9;pointer-events:auto}.lang-btn{cursor:pointer;transition:all .3s ease;position:relative}.lang-btn:hover,.lang-btn.active{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.6)}.separator{opacity:.5}.mobile-menu-btn{display:none;position:fixed;top:20px;right:20px;z-index:10000;width:30px;height:30px;cursor:pointer;pointer-events:auto}.mobile-menu-btn span{display:block;width:100%;height:2px;background-color:#fff;margin-bottom:6px;transition:.3s}.mobile-menu-btn.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-nav{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:9999;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;pointer-events:none!important;transition:opacity .3s ease,visibility .3s ease}.mobile-nav.active{opacity:1;visibility:visible;pointer-events:auto!important}.mobile-nav-inner{display:flex;flex-direction:column;gap:2rem;text-align:center}.mobile-nav-item{font-size:1.2rem;color:#fff;text-decoration:none;cursor:pointer;pointer-events:auto}.vertical-line{position:absolute;writing-mode:vertical-rl;text-orientation:upright;font-feature-settings:"palt";letter-spacing:.25em;line-height:2}.title-area{top:10vh;right:10vw;height:80vh;display:flex;flex-direction:column;align-items:flex-end;mix-blend-mode:exclusion}h1{font-size:clamp(2rem,4vw,3.5rem);font-weight:900;margin-left:2rem;padding-right:2rem;text-shadow:0 2px 10px rgba(0,0,0,.4)}.main-catch-small{display:block;font-family:Zen Old Mincho,serif;font-size:1rem;font-weight:400;letter-spacing:.2em;margin-bottom:.5rem;color:var(--accent-silver)}.subtitle{font-size:.9rem;opacity:.8;margin-left:1rem}.message-area{position:absolute;bottom:10vh;left:8vw;text-align:left}.message-en{font-family:Zen Old Mincho,serif;font-size:.75rem;letter-spacing:.2em;color:#fff9;margin-bottom:1rem;display:block}.message-jp{font-size:1.2rem;line-height:1.8;letter-spacing:.1em;text-shadow:0 2px 10px rgba(0,0,0,.4)}.progress-line{position:fixed;left:20px;top:50%;transform:translateY(-50%);width:1px;height:20vh;background:#ffffff1a}.progress-bar{position:absolute;top:0;left:0;width:100%;height:0%;background:var(--accent-red);transition:height .1s ease}#transition-curtain{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:9999;pointer-events:none;opacity:0;transition:opacity 1.2s ease}#loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#020203;z-index:9999;display:flex;justify-content:center;align-items:center;transition:opacity 1.5s ease}.hex-spinner{width:60px;height:60px;background:transparent;border:1px solid rgba(255,255,255,.15);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);animation:spin-flat 8s linear infinite}@keyframes spin-flat{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.nav-container,.desktop-only{display:none!important}.mobile-menu-btn{display:block}.lang-switch{top:25px;right:70px;font-size:.85rem}.title-area{right:5vw;height:60vh;top:15vh;mix-blend-mode:normal}h1{font-size:2rem;padding-right:1rem;margin-left:1rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.subtitle{font-size:.75rem}.message-area{bottom:13vh;left:5vw;width:90%;text-align:left}.message-jp{font-size:.95rem;line-height:1.8;text-shadow:0 2px 4px rgba(0,0,0,.5);margin-bottom:0}.message-en{margin-bottom:.6rem;font-size:.7rem}.progress-line{left:10px}}.copyright{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:2000;pointer-events:none;text-align:center;width:100%}.copyright p{font-family:Zen Old Mincho,serif;font-size:.75rem;letter-spacing:.15em;color:#e6e6e666;margin:0;opacity:0;animation:fadeInCopyright 2s ease 3s forwards}@keyframes fadeInCopyright{to{opacity:1}}.kobutsusho-info{font-family:Zen Old Mincho,serif;font-size:.65rem;color:#e6e6e666;letter-spacing:.1em;line-height:1.5;position:absolute;bottom:0;right:2rem;text-align:right;pointer-events:auto;opacity:0;animation:fadeInCopyright 2s ease 3s forwards}@media (max-width: 768px){.copyright{bottom:1.2rem;padding:0 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.4rem}.copyright p{font-size:.6rem;color:#ffffff8c;text-shadow:0 1px 2px rgba(0,0,0,.6);margin:0;line-height:1.4;letter-spacing:.08em}.kobutsusho-info{position:static;text-align:center;font-size:.55rem;color:#ffffff80;text-shadow:0 1px 2px rgba(0,0,0,.6);line-height:1.6;letter-spacing:.06em;padding:0;margin:0}}