.header-container,header{display:flex}body,nav ul{padding:0;margin:0}header,nav ul,nav ul li{display:flex}.overlay{position:fixed;top:0;left:0;height:100%;opacity:0}#bg-video{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-3;filter:blur(0px)}body,nav,nav ul{margin:0}.center-text,.ia{-webkit-text-fill-color:transparent}.discord-button,nav ul li a{color:#fff;font-weight:700;text-decoration:none}.discord-button,.language-option,.social-link,nav ul li a{text-decoration:none}body{font-family:Arial,sans-serif;background-color:#000;overflow-x:hidden;overflow-y:auto}header{position:fixed;top:0;left:0;height:100vh;width:auto;align-items:flex-start;padding:24px 20px;background:linear-gradient(to right,rgba(0,0,0,.65),transparent);z-index:100;box-sizing:border-box}.header-container{flex-direction:column;align-items:flex-start;gap:28px}.logo{width:200px;height:200px;object-fit:contain;transition:transform .5s;flex-shrink:0}.logo:hover{transform:rotate(360deg)}nav{margin-top:8px}nav ul{list-style:none;flex-direction:column;align-items:flex-start;gap:18px}nav ul li{position:relative;height:auto;opacity:0;animation:.6s ease-out forwards fadeInDown}nav ul li a{font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:700;letter-spacing:.08em;white-space:nowrap;padding:7px 12px;border-radius:6px;display:block;-webkit-font-smoothing:antialiased;position:relative;transition:background .2s,color .2s}nav ul li a::after{content:'';position:absolute;left:12px;bottom:4px;width:calc(100% - 24px);height:1px;background-color:#fff;transition:transform .3s;transform-origin:right;transform:scaleX(0)}nav ul li a:hover::after{transform:scaleX(1);transform-origin:left}nav ul li a:hover{background:rgba(255,255,255,.08)}.ia{background:linear-gradient(90deg,#fff 0,#d3d3d3 25%,#000 50%,#c7c7c7 75%,#292929 100%);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite rgbAnimation;text-shadow:0 0 12px rgba(255,255,255,.5)}.overlay{width:100%;background:rgba(0,0,0,.55);z-index:-2;animation:1.5s ease-out .1s forwards fadeInZoom}.character-container{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:1;pointer-events:none}.character-img{display:block;height:100vh;max-height:none;width:auto}@keyframes rgbAnimation{0%,100%{background-position:0 0}50%{background-position:100% 100%}}.text-container{position:absolute;top:18%;left:48%;transform:translate(-50%,-50%);z-index:0;text-align:center;max-width:95vw}.center-text{font-family:Kanit,sans-serif;font-size:min(55vw, 700px)!important;line-height:1;white-space:nowrap;margin:0;background:linear-gradient(90deg,#fff 0,#e0e0e0 30%,#aaa 60%,#fff 100%);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;opacity:1!important;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 40px rgba(255,255,255,0.18))}@keyframes circularGradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes glowPulse{0%,100%{box-shadow:0 0 15px rgba(255,255,255,.15),0 0 30px rgba(255,255,255,.05)}50%{box-shadow:0 0 25px rgba(255,255,255,.25),0 0 50px rgba(255,255,255,.1)}}@keyframes spinHalo{to{transform:rotate(360deg)}}.discord-text{display:inline-block}.discord-button-container{position:absolute;top:calc(28% + 130px);left:50%;transform:translateX(-50%);z-index:2}.discord-button{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:10px;background:radial-gradient(circle at center,#1c1c1c,#0f0f0f,#0a0a0a);background-size:300% 300%;font-size:20px;padding:12px 28px;border-radius:50px;overflow:hidden;box-shadow:0 0 12px rgba(255,255,255,.08),inset 0 0 12px rgba(255,255,255,.04)}.discord-button::before{content:"";position:absolute;inset:-10px;z-index:-1;background:conic-gradient(from 0deg,rgba(255,255,255,0),rgba(255,255,255,.45),rgba(255,255,255,0) 30%,rgba(255,255,255,0) 70%,rgba(255,255,255,.45),rgba(255,255,255,0));filter:blur(18px);opacity:.45;animation:8s linear infinite spinHalo}.discord-button i{font-size:22px}.discord-arrow{width:14px;height:14px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-width:1.5;transition:transform .3s}.discord-button:hover .discord-arrow{transform:translateX(3px)}.social-links-container{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;gap:26px}.social-link{font-size:25px;color:rgba(255,255,255,.829);transition:color .3s,transform .2s}.language-switcher-button{width:45px;height:45px;background-color:rgba(255,255,255,.1);cursor:pointer;backdrop-filter:blur(5px);transition:background-color .3s,transform .2s;color:#fff}.social-link.discord:hover{color:#7289da}.social-link.youtube:hover{color:red}.language-switcher-container{position:fixed;top:20px;right:20px;z-index:1000}.language-switcher-button{border:none;border-radius:50%;font-size:16px;font-weight:700}.language-switcher-button:hover{background-color:rgba(255,255,255,.2);transform:scale(1.1)}::-webkit-scrollbar{display:none}.language-dropdown-menu{position:absolute;top:50%;right:55px;transform:translateY(-50%);background-color:rgba(0,0,0,.5);border-radius:50px;padding:8px 12px;display:flex;flex-direction:row;gap:8px;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.language-dropdown-menu.visible{opacity:1;visibility:visible}.language-option{color:#fff;font-weight:700;padding:8px 12px;border-radius:6px;transition:background-color .2s}.language-option:hover{background-color:rgba(255,255,255,.2)}@media (max-width:768px){nav ul{gap:2px}header{width:100%;height:auto;flex-direction:row;padding:12px 16px;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent)}.header-container{flex-direction:row;align-items:center;gap:16px}.logo{width:48px;height:48px}nav ul{flex-direction:row;gap:4px}.text-container{top:32%;left:50%;transform:translate(-50%,-50%);max-width:90%;width:100%;text-align:center}.center-text{font-size:min(20vw, 120px)!important;white-space:normal}.discord-button-container{top:calc(32% + min(20vw,120px) + 20px);left:50%;transform:translateX(-50%);max-width:90%}.discord-button{font-size:16px;padding:10px 24px;white-space:nowrap}.character-img{height:65vh;max-height:none}}@media (max-width:480px){.logo{width:50px}.character-img{height:55vh}.center-text{font-size:min(18vw, 60px)!important}.discord-button-container{top:calc(40% + min(18vw,60px) + 20px)}.social-links-container{bottom:10px;right:10px;gap:15px}.social-link{font-size:20px}}@media (min-width:1400px){.center-text{font-size:min(12vw, 240px)!important}.character-img{height:100vh}}@keyframes fadeInUp{from{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{from{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes fadeInZoom{from{opacity:0;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.logo{opacity:0;animation:.8s ease-out .15s forwards fadeInDown}nav ul li:first-child{animation-delay:.2s}nav ul li:nth-child(2){animation-delay:.3s}nav ul li:nth-child(3){animation-delay:.4s}nav ul li:nth-child(4){animation-delay:.5s}.language-switcher-container{opacity:0;animation:.8s ease-out .25s forwards fadeInDown}.social-links-container{opacity:0;animation:.8s ease-out .7s forwards fadeInUp}.character-img{opacity:0;animation:1s ease-out .4s forwards fadeInUp}.center-text{opacity:0;animation:.8s ease-out .35s forwards fadeInDown}.discord-button{opacity:0;animation:.8s ease-out .5s forwards fadeInUp}

#enter-screen{position:fixed;inset:0;background:#000;z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .8s ease}
#enter-screen.hidden{opacity:0;pointer-events:none}
#enter-content{display:flex;flex-direction:column;align-items:center;gap:36px}
#enter-logo{width:480px;height:480px;object-fit:contain;animation:enterPulse 2s ease-in-out infinite}
#enter-btn{font-family:Kanit,sans-serif;font-size:22px;font-weight:700;letter-spacing:.3em;color:#fff;border:1px solid rgba(255,255,255,.3);padding:14px 48px;border-radius:50px;cursor:pointer;transition:background .2s,border-color .2s,transform .15s;user-select:none}
#enter-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.7);transform:scale(1.05)}
#enter-btn:active{transform:scale(.97)}
@keyframes enterPulse{0%,100%{filter:drop-shadow(0 0 8px rgba(255,255,255,.15))}50%{filter:drop-shadow(0 0 24px rgba(255,255,255,.45))}}

#main-title{display:flex;align-items:center;justify-content:center;gap:0}
#title-left,#title-right{display:inline-block}
#title-gap{display:inline-block;width:1.4em}

#visitor-counter{position:fixed;bottom:20px;left:24px;z-index:1000;display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.6);font-family:Poppins,Arial,sans-serif;font-size:13px;font-weight:600;letter-spacing:.04em;opacity:0;animation:.8s ease-out 1s forwards fadeInUp}
#visitor-counter i{font-size:15px}
#visitor-count{color:rgba(255,255,255,.9)}

#audio-toggle{display:block;margin-top:10px;width:45px;height:45px;background-color:rgba(255,255,255,.1);border:none;border-radius:50%;cursor:pointer;backdrop-filter:blur(5px);transition:background-color .3s,transform .2s;color:#fff;font-size:18px}
#audio-toggle:hover{background-color:rgba(255,255,255,.2);transform:scale(1.1)}
#audio-toggle.muted{color:rgba(255,255,255,.4)}