*,:after,:before{box-sizing:border-box;border:0;outline:0;font:inherit;vertical-align:baseline;word-break:break-word}*,:after,:before,blockquote,body,dd,dl,figure,h1,h2,h3,h4,h5,h6,html,p{margin:0;padding:0}body,html{min-height:100vh;position:relative;scroll-behavior:smooth;font-family:Noto Sans KR,sans-serif;font-size:var(--base-font-size);line-height:1.5;text-rendering:optimizeSpeed}a,a:active,a:focus,a:hover,a:link,a:visited{color:inherit;text-decoration:none;outline:0}ol,ul{list-style:none}button,input,select,textarea{font:inherit}img,svg{display:block;max-width:100%;height:auto}table{width:100%;border-collapse:collapse}::-webkit-scrollbar{display:none}:root{--base-font-size:18px;--color-darkgreen:#0e1213;--color-deepgreen:#203940;--color-lightgreen-highlight:#d3f4d6;--color-lightgreen:#82de89;--color-smoothgreen:#89e8bc;--color-smoothgreen-light:#b8fcdc;--color-smoothblue:#85d1cf;--color-lgray:#e1e7e4;--color-mgray:#bdc2bf;--color-dgray:#929694;--color-black:#121212;--shadow-normal:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-medium:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-large:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-bold:0 5px 15px -3px rgba(0,0,0,0.23),0 4px 6px -2px rgba(0,0,0,0.23)}.green-scrollbar::-webkit-scrollbar{width:14px;height:14px}.green-scrollbar::-webkit-scrollbar-thumb{background-color:var(--color-lightgreen);border-radius:8px;border:3px solid var(--color-deepgreen)}.green-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--color-lightgreen-highlight)}.scroll-hint{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:999;font-size:2.2rem;color:white;opacity:1;text-shadow:0 2px 4px rgba(0,0,0,.3);animation:bounceY 2s ease-in-out infinite;pointer-events:none;transition:opacity .5s ease}.scroll-hint.fade-out{opacity:0}.glass-wrapper{transition:opacity .5s ease}.glass{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.blur-glass,.glass{border-radius:15px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 20px rgba(0,0,0,.3);background-color:rgba(255,255,255,.05)}.blur-glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.glass-shine:before{content:"";position:absolute;top:0;left:-90%;width:25%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.2) 30%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.2) 70%,rgba(255,255,255,0));transform:skewX(-40deg);opacity:0;pointer-events:none;transition:opacity .3s ease;filter:blur(4px);will-change:transform,filter}.glass-wrapper:hover .glass-shine:before{opacity:1;animation:glass-glint .5s ease-out}.digital-box{position:relative;width:100%;padding:.5rem .8rem;background:rgba(255,255,255,.02);overflow:hidden}.digital-box-corner{position:absolute;width:16px;height:16px;border:1px solid rgba(255,255,255,.2);pointer-events:none;z-index:10}.digital-box-top-left{top:0;left:0;border-right:none;border-bottom:none}.digital-box-top-right{top:0;right:0;border-left:none;border-bottom:none}.digital-box-bottom-left{bottom:0;left:0;border-right:none;border-top:none}.digital-box-bottom-right{bottom:0;right:0;border-left:none;border-top:none}.tooltip{background-color:#111;color:#fff;padding:6px 10px;border-radius:6px;white-space:nowrap;z-index:9999;box-shadow:0 4px 12px rgba(0,0,0,.2);pointer-events:none;position:fixed}.tooltip-hover-underline{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-underline-offset:2px}.tooltip-popup-container{position:fixed;top:50%;left:50%;max-width:100vw;max-height:100dvh;padding:.5rem 1rem 1rem;z-index:20000;color:white;transform-origin:center center;overflow:hidden;display:flex;flex-direction:column}.tooltip-popup-title-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.tooltip-popup-title{font-size:1.4rem;flex:1 1}.tooltip-box{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.tooltip-popup-close{background:none;border:none;color:white;font-size:1.5rem;cursor:pointer}.tooltip-text-area{flex:1 1;line-height:1.8rem;font-size:1.2rem;font-weight:400;text-align:left;overflow-y:auto;word-break:break-word;overflow-wrap:break-word;white-space:normal}.tooltip-text-area strong{font-weight:800}.tooltip-text-area p{margin:.5em 0}.tooltip-text-area ol,.tooltip-text-area ul{margin:.5em 0 .5em 1.5em;padding:0}.tooltip-text-area li{margin:.3em 0}.tooltip-text-area h1,.tooltip-text-area h2,.tooltip-text-area h3,.tooltip-text-area h4,.tooltip-text-area h5,.tooltip-text-area h6{margin:.8em 0 .4em;font-weight:700}.tooltip-text-area blockquote{margin:.8em 0;padding:.5em 1em;border-left:3px solid var(--color-lightgreen);color:#ccc;background:rgba(255,255,255,.05);font-style:italic}.tooltip-text-area code{font-family:Source Code Pro,monospace;background:rgba(255,255,255,.1);padding:.1em .3em;border-radius:4px;font-size:.9em}.tooltip-text-area pre{background:rgba(255,255,255,.08);padding:.8em 1em;border-radius:6px;overflow-x:auto;margin:.8em 0}.tooltip-text-area pre code{font-family:Source Code Pro,monospace;background:none;padding:0;font-size:.9em}.dropdown{position:relative;display:inline-block}.dropdown-header{cursor:pointer}.dropdown-list{display:flex;flex-direction:column;overflow:hidden;pointer-events:none;transition:max-height .3s ease,opacity .3s ease}.open .dropdown-list{transform:translateY(0);pointer-events:auto}.dropdown-item{cursor:pointer;white-space:nowrap}.gate-code-mask-wrapper{position:relative}.gate-code-mask{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-size:1.3rem;pointer-events:none}.gate-code-input{width:3rem;height:3rem;margin:0 .5rem;font-size:1.5rem;text-align:center;border-radius:10px;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.1);color:transparent;text-shadow:0 0 0 transparent;caret-color:white}.gate-wrapper{position:fixed;top:0;left:0;width:100%;height:100dvh;z-index:1000;pointer-events:none}.gate-container,.gate-wrapper{display:flex;justify-content:center;align-items:center}.gate-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.05);padding:1.2rem;color:white;text-align:center;z-index:10;pointer-events:auto;width:90%;max-width:450px;flex-direction:column;overflow:auto}.gate-input-container{padding:1.2rem}.gate-input-group{display:flex;justify-content:center;margin-top:1.5rem}.gate-digital-split{position:absolute;inset:0;pointer-events:none;z-index:5}.gate-panel{position:absolute;width:100%;height:83.5%;background:linear-gradient(rgba(255,255,255,.1));background-blend-mode:overlay;box-shadow:inset 0 0 20px rgba(255,255,255,.05),0 4px 30px rgba(0,0,0,.5);transition:transform 1.5s cubic-bezier(.4,0,.2,1);will-change:transform}.gate-input-section{transition:opacity .6s ease,transform .6s ease}.gate-hidden{display:none}.gate-shake{animation:gate-shake .6s ease}.gate-welcome-box{opacity:0;transform:scale(.95);transition:opacity .6s ease,transform .6s ease}.gate-fade-in{opacity:1;transform:scale(1)}.gate-fade-out{opacity:0;transform:scale(.95)}.gate-notice{margin-top:.5rem;color:#eee}.gate-error{color:var(--color-lightgreen)}.gate-collapse{transition:transform .5s ease,opacity .5s ease;transform:scale(0);opacity:0;pointer-events:none}h1{font-size:2rem}h2{font-size:1.7rem}h3{font-size:1.5rem}h4{font-size:1.3rem}h5{font-size:1.1rem}h6{font-size:.9rem}strong{font-weight:800}.spinner{border:4px solid rgba(255,255,255,.2);border-top-color:#dafffc;border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes dropIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes dropDown{0%{transform:translateY(-60px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes b{to{background-position:50% 0,60% 50%}}@keyframes slideUp{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes glass-glint{0%{left:-90%}to{left:140%}}@keyframes bounceY{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes gate-shake{0%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}to{transform:translateX(0)}}@keyframes menu-slide{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes menu-item-slide{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes logo{0%{transform:scale(1)}50%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes zoom{0%{transform:scale(0)}to{transform:scale(1)}}.fade-in-up{animation:fadeInUp .8s ease forwards;opacity:0}.fade-in-left{animation:fadeInLeft .5s forwards}.slide-up{opacity:0;animation:slideUp .8s ease-out forwards}.slide-in{opacity:0;animation:slideInLeft .6s ease-out forwards}.fade-delay-1{animation-delay:.2s}.fade-delay-2{animation-delay:.6s}.feature-delay-1{animation-delay:.3s}.feature-delay-2{animation-delay:.6s}.feature-delay-3{animation-delay:.9s}.feature-delay-4{animation-delay:1.2s}.feature-delay-5{animation-delay:1.5s}.feature-delay-6{animation-delay:1.8s}.transition{position:fixed;z-index:9999;transition:width .4s ease-in-out,height .4s ease-in-out;transform-origin:center center}.transition-rect-1{background-color:#85d1cf}.transition-rect-2{background-color:#89e8bc}.transition-rect-3{background-color:#82de89}.transition-rect-4{background-color:var(--color-deepgreen)}.error-page{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#333;gap:1em}.error-heading{line-height:1em}.error-heading,.error-subheading{color:var(--color-smoothgreen)}.error-paragraph{margin-top:20px;color:var(--color-lightgreen)}.error-button{padding:10px 20px;background-color:var(--color-lightgreen);border:none;border-radius:5px;cursor:pointer;text-decoration:none;transition:all .2s ease;font-weight:700}.error-button:hover{background-color:var(--color-lightgreen-highlight)}.error-button span{color:var(--color-deepgreen)}.error-button span i{margin-right:10px}.error-logo-wrap{display:flex;font-weight:700;justify-content:center;align-items:center;gap:15px}.error-logo-wrapper i{margin-top:6px}@media (max-width:1600px){:root{--base-font-size:16px}}@media (max-width:1100px){:root{--base-font-size:14px}}@media (max-width:600px){:root{--base-font-size:13px}}@media (max-width:400px){:root{--base-font-size:12px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media (max-width:1100px){.gate-glass-box{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:rgba(255,255,255,.1)}}.hamburger{position:relative;display:block;width:30px;height:26px;margin:2px 0;transition:transform .2s ease}.hamburger .line{position:absolute;display:block;width:100%;height:4.56px;border-radius:30px;background:var(--color-darkgreen);transition:all .35s cubic-bezier(.84,-.48,.14,1.5);z-index:2}.hamburger .line:first-child{top:0}.hamburger .line:nth-child(2){top:50%;width:80%;transform:translateY(-50%)}.hamburger .line:nth-child(3){bottom:0}.rotate-down{top:50%!important;transform:translateY(-50%) rotate(45deg)}.fade-out{width:0!important}.rotate-up{bottom:50%!important;transform:translateY(50%) rotate(-45deg)}.header-container{position:fixed;top:0;right:30px;width:60px;height:60px;z-index:10000;background:white;box-shadow:0 7px 10px 0 rgba(0,0,0,.4);border-radius:15px;border-top-left-radius:0;border-top-right-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden;transition:height .35s cubic-bezier(.84,-.48,.14,1.5),transform .2s ease}.header-container:hover .hamburger{transform:scale(1.1)}.header-container.open{height:220px}.header-container.open:hover .hamburger{transform:scale(1)}.header-trigger{padding:15px;cursor:pointer}.header-items{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.header-items button{padding:0;background:none}.header-item{transition:background-color .2s ease,transform .2s ease,border-radius .2s ease;background:var(--color-lgray);padding:7px;border-radius:10px;cursor:pointer}.header-item:hover{transform:scale(1.1);border-radius:50%}.header-item.active{background:var(--color-smoothgreen-light)}.icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;stroke:var(--color-black);stroke-width:.24}body{background:var(--color-deepgreen)}.main-wrapper{width:100dvw;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:auto}.logo img{width:18em;animation-name:logo;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;margin-bottom:1em}.logo-no-animation img{width:18em;margin-bottom:1em;transition:"transform 0.2s ease-out"}.logo-wrapper{width:15em;height:15em;border:3px solid var(--color-lightgreen);border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:1em;position:relative;transition:border-color .3s ease}.logo-wrapper:hover{border-color:var(--color-smoothgreen)}.logo-wrapper img{width:70%;height:70%;transition:transform .05s linear;will-change:transform}.title-wrapper{display:flex;flex-direction:column;padding:40px;color:white;text-align:center;border-radius:20px;line-height:27px}.title{font-weight:700;color:white;margin-bottom:5px;line-height:1.2em}.subtitle{margin-top:.8em;color:var(--color-mgray);transition:color .3s ease}.subtitle:hover{color:var(--color-lightgreen)}.floor{background:var(--color-lightgreen);border-radius:30px;width:100%;height:4px}#position{width:95%;padding-bottom:8dvh;position:fixed;bottom:0;left:50%;transform:translateX(-50%)}.position-setter{position:absolute;width:25%;margin-left:auto;margin-right:auto;display:block;position:relative}#works-list{padding:2rem;overflow-y:auto;border-radius:25px;height:100dvh}.works-list-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:flex-start;grid-gap:1.5rem;gap:1.5rem}.works-list-grid.dimmed .works:not(.active):not(:hover){filter:brightness(.3);pointer-events:none}.works-line{align-items:flex-start;display:grid;position:relative;grid-gap:1.5rem;gap:1.5rem}.work-video-container{position:relative;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.work-video-container.loading{background:linear-gradient(135deg,#ff5733,#33ff57);filter:blur(10px);transition:filter .3s ease,background .3s ease}.work-video-container.loaded{background:transparent;filter:none}.works{width:100%;height:100%;position:relative;border-radius:10px;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,.5);transition:transform .3s ease,opacity .3s ease,filter .3s ease}.works.active,.works:hover{transform:scale(1.04)}.works:hover .work-title,.works:hover .work-year{top:10px;bottom:unset}.work-image,.work-video-container video{width:100%;height:100%;object-fit:cover}.work-title{left:10px;font-weight:400}.work-title,.work-year{position:absolute;top:10px;background-color:rgba(0,0,0,.6);color:#fff;font-size:.8rem;padding:4px 8px;border-radius:5px;z-index:2;pointer-events:none;white-space:nowrap}.work-year{right:10px}.work-info-container{position:absolute;left:15px;bottom:15px;display:flex;align-items:center;justify-content:center;gap:15px;opacity:0;transition:all .3s ease;transition:opacity .3s ease,transform .3s ease;z-index:2}.work-type{color:#fff;padding:5px 10px;border-radius:100px;font-size:.8rem}.work-icon,.work-type{text-decoration:none;display:flex;align-items:center;justify-content:center;transition:background .3s ease,transform .2s ease}.work-icon{width:32px;height:32px;border-radius:50%;padding:5px;background:white}#Study{background:#3748e2}#Project{background:#e23770}#Release{background:#278936}.github{font-size:1.3rem}.link{font-size:1.1rem}.gradient-bg{position:absolute;bottom:0;left:0;right:0;height:0;background:linear-gradient(0deg,rgba(0,0,0,.4),transparent);height:30%;transition:transform .5s ease,opacity .3s ease;opacity:0;z-index:1;transform:translateY(100%)}.works:hover .gradient-bg{transform:translateY(0);opacity:1}.drop-icon{opacity:0;transform:translateY(-20px);animation:dropIn .3s ease forwards;animation-delay:var(--icon-delay,0s)}.drop-icon:first-child{--icon-delay:0.1s}.drop-icon:nth-child(2){--icon-delay:0.15s}.drop-icon:nth-child(3){--icon-delay:0.2s}.drop-icon:nth-child(4){--icon-delay:0.25s}.works.focused .glitch-layer{display:none}.project-stacked-fixed{position:fixed;top:0;left:0;width:100%;height:100vh;transition:opacity .6s ease;display:flex;align-items:center;justify-content:center}.project-stacked-fixed .content{text-align:center;padding:2rem}.text-indicator{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:.75rem;z-index:999;font-family:sans-serif}.indicator-item{display:flex;align-items:center;font-size:.95rem;color:#444;opacity:.6;transition:all .3s ease;transform:translateX(0);position:relative;padding-left:1.4rem}.indicator-item .dot{width:8px;height:8px;border-radius:50%;background-color:black;position:absolute;left:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease}.indicator-item.active{opacity:1;font-weight:600;transform:translateX(-10px)}.indicator-item.active .dot{transform:translateY(-50%) scale(1)}@media (max-width:1400px){.works-list-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1100px){.header-container{position:fixed;top:20px;left:50%;transform:translateX(-50%);height:auto;width:170px;z-index:10000;background:white;box-shadow:0 7px 10px 0 rgba(0,0,0,.4);border-radius:15px;flex-direction:row;justify-content:center;transition:opacity .2s ease}.header-container.open{height:auto}.header-trigger{display:none}.header-items{padding:8px;display:flex;flex-direction:row;align-items:flex-start;gap:10px;overflow-x:scroll}.header-items button{padding:0;background:none}.header-item{transition:background-color .2s ease,transform .2s ease,border-radius .2s ease;background:var(--color-lgray);padding:7px;border-radius:10px;cursor:pointer;flex-shrink:0}.header-item:hover{transform:scale(1.1);border-radius:50%}.header-item.active{background:var(--color-smoothgreen-light)}.icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;stroke:var(--color-black);stroke-width:.24}.works-list-grid{grid-template-columns:repeat(1,1fr);margin-top:80px}}.mu-loading-container{position:absolute;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;background-color:transparent;transition:opacity .6s ease;pointer-events:none}.mu-loading-bar-row{display:flex;align-items:center;gap:.8rem;margin-bottom:1.5rem}.mu-loading-bar-wrapper{min-width:250px;height:30px;border:1px solid #fff;overflow:hidden}.mu-loading-bar{height:100%;background-color:#fff;transition:width .2s ease-out}.mu-loading-percent-text{font-size:1.3rem;color:#fff}.mulight-main-setting-button{position:fixed;top:1rem;right:1.5rem;z-index:1100;cursor:pointer;font-size:2rem;color:#fff;transition:text-shadow .3s ease}.mulight-main-setting-button:hover{text-shadow:0 0 15px rgba(255,251,0,.8)}.main-nav{bottom:1.2rem;right:1.2rem}.main-nav,.nav-wrapper{position:fixed;z-index:1000}.nav-wrapper{top:1.2rem;right:1.5rem;font-size:2.5rem;color:#fff;font-weight:600}.mulight-nav{position:relative}.mulight-nav-icon{position:relative;cursor:pointer;opacity:.7;transition:transform .3s cubic-bezier(.76,0,.29,.97),text-shadow .3s ease,opacity .3s ease;display:flex;justify-content:center;align-items:center;transform-origin:center center;color:#fff}.mulight-nav-icon:hover{text-shadow:0 0 20px rgba(255,251,0,.8);opacity:1}.mulight-nav-icon.open,.mulight-nav-icon.open:hover{text-shadow:0 0 20px rgba(0,255,242,.8);opacity:1}.mulight-nav-item-container{position:absolute;bottom:3.5rem;right:.488888rem;display:flex;min-width:250px;flex-direction:column;align-items:flex-end;z-index:100}.mulight-nav-item{color:white;font-size:1.5rem;padding:.7rem 0;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:text-shadow .3s ease}.mulight-nav-item:hover{text-shadow:0 0 20px rgba(0,255,242,.8)}.mulight-nav-item i{font-size:1.2rem;margin-right:.5rem}#mulight{position:relative;width:100%;height:100dvh;overflow:hidden}#mu-container{position:relative;overflow:visible;height:100%}.mulight-screen{background-image:repeating-linear-gradient(180deg,rgba(0,0,0,.4) 0,rgba(0,0,0,.4) 1px,transparent 0,transparent 3px);background-size:6px 6px;position:fixed;width:100%;height:150%;z-index:999999;pointer-events:none}.mulight-title{position:absolute;top:.5rem;left:1.5rem;font-size:2.5rem;color:#fff;font-weight:600;max-width:80%}.mulight-title.animate{animation:dropDown .5s ease}.mulight-footer{position:absolute;bottom:1rem;left:1rem;font-size:.8rem;color:#ffffff54;font-weight:400}.mulight-footer.animate{animation:fadeIn .7s ease-out;animation-delay:.2s;animation-fill-mode:both}.world-main-title-wrapper{margin-bottom:4rem;display:flex;flex-direction:column;gap:1rem;color:white}.main-menu-grid{display:flex;gap:5rem;flex-wrap:wrap;justify-content:center}.main-menu-grid span{color:white}.main-menu-card{display:flex;align-items:center;justify-content:center;width:220px;height:120px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);border-radius:15px;color:white;font-size:1.2rem;font-weight:700;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 4px 20px rgba(0,0,0,.3);text-decoration:none;transition:transform .3s ease,background .3s ease;cursor:pointer}.main-menu-card:hover{background:rgba(255,255,255,.15);transform:translateY(-5px)}.main-menu-card.disabled{opacity:.4;filter:grayscale(100%);pointer-events:none;cursor:default;color:gray}.mu-dropdown-wrapper{display:flex;flex-direction:column;gap:.8rem}.dropdown-mulight{position:relative;width:100%;color:white}.dropdown-mulight .dropdown-menu{background:white;border:1px solid #ccc;width:100%;max-height:200px;overflow-y:auto}.dropdown-mulight .dropdown-header{border:1px solid rgba(255,255,255,.5);background-color:transparent;padding:.4rem 1rem;border-radius:8px;display:flex;text-align:left;align-items:center;position:relative}.dropdown-mulight .dropdown-list{gap:.8rem;max-height:0;width:100%;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease,transform .3s ease}.dropdown-mulight.open .dropdown-list{max-height:500px;opacity:1}.dropdown-mulight .dropdown-item{padding:.4rem 1rem;border-radius:6px;display:flex;text-align:left;border:1px solid rgba(255,255,255,.3);background-color:rgba(0,0,0,.3);transition:background .3s ease}.dropdown-mulight .dropdown-item:first-of-type{margin-top:.8rem}.dropdown-mulight .dropdown-item:hover,.dropdown-mulight .selected{background-color:rgba(255,255,255,.1)}.register-button{position:fixed;z-index:99;bottom:1rem;left:1.5rem;padding:.6rem 1rem;border-radius:8px;cursor:pointer;font-size:1rem;background-color:transparent;border:1px solid white;color:white;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.mulight-wrapper{padding:1.5rem;position:relative}.characters-grid-container,.species-grid-container{display:grid;grid-gap:1.5rem;gap:1.5rem;position:relative;perspective:1200px;transform-style:preserve-3d}.mu-option-group{display:flex;justify-content:flex-start;gap:.5rem}.mu-option,.mu-option-active{padding:.3rem .6rem;border-radius:15px;background-color:transparent;color:white;pointer-events:none;border:1px solid rgba(255,255,255,.2);font-size:.8rem;font-weight:700}.mu-option-active{background-color:white;color:#333}.mu-sidebar{position:fixed;width:300px;transition:transform .4s ease;z-index:100;height:100%;border-top-left-radius:0;border-bottom-left-radius:0}.mu-sidebar.closed{transform:translateX(-100%)}.mu-sidebar.open{transform:translateX(0)}.mu-sidebar-toggle{position:absolute;top:1.5rem;left:100%;width:3rem;height:8rem;font-size:1.6rem;background:#333;color:#fff;cursor:pointer;-webkit-clip-path:polygon(0 0,100% 20%,100% 80%,0 100%);clip-path:polygon(0 0,100% 20%,100% 80%,0 100%);display:flex;align-items:center;justify-content:center;z-index:20;transition:background .3s ease,opacity .3s ease;opacity:.6}.mu-sidebar-toggle:hover{opacity:1}.mu-sidebar-header{position:relative;padding:.5rem 1rem;color:white;border-bottom:1px solid #fff}.mu-sidebar-close{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.2rem;color:white;cursor:pointer}.mu-sidebar-body{position:relative;max-height:calc(100dvh - 3rem);overflow-y:auto;padding:1rem;color:white;display:flex;flex-direction:column;gap:1rem}.mu-sidebar-search{width:100%;padding:.6rem 1rem;background:transparent;box-shadow:none;color:white;font-size:1.2rem;border-radius:10px}.mu-sidebar-search::placeholder{color:rgba(255,255,255,.8)}.flex-col{display:flex;flex-direction:column;justify-content:flex-start;gap:.2rem}.flex-row{display:flex;align-items:center;gap:.7rem}.species-grid-container{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.species-card{background-size:cover;background-position:50%;color:white;aspect-ratio:1/1;position:relative;overflow:hidden;cursor:pointer}.species-card,.species-card:hover{transition:transform .5s ease,box-shadow .5s ease}.species-card:hover{transform:translateY(-6px);box-shadow:0 8px 20px rgba(0,0,0,.2)}.species-card-id{text-shadow:0 0 5px black;padding:.5rem .7rem;font-size:1rem;width:100%;text-align:left;position:absolute;top:0;left:0}.popup-preview{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;opacity:.3;font-size:2rem}.species-symbol{height:100%}.species-symbol,.symbol-placeholder{display:flex;align-items:center;justify-content:center}.symbol-placeholder{grid-column:1;grid-row:1;width:100%;max-width:300px}.symbol-placeholder img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;padding:1rem;opacity:.2}.species-detail-wrapper{display:flex;flex-direction:column;height:100%}.species-detail-header{position:relative;display:flex;justify-content:space-between;padding:0 .7rem .7rem;margin-bottom:1.2rem;font-size:1.4rem;border-bottom:1px solid rgba(255,255,255,.2)}.species-detail-close{border:none;font-size:1.5rem;background:transparent;color:white;cursor:pointer}.species-detail-content{display:grid;grid-template-columns:1fr 1.5fr 2.5fr;grid-template-rows:auto 1fr;grid-gap:1rem;gap:1rem;font-size:1rem;height:100%;overflow:hidden}.species-symbol-container{display:flex;flex-direction:column;justify-content:space-between;position:relative;gap:1rem}.symbol-download-container{display:flex;align-items:center;justify-content:center;gap:.8rem}.symbol-download-button{flex:1 1;padding:.4rem .7rem;border-radius:15px;font-size:.8rem;background:transparent;color:white;border:1px solid rgba(255,255,255,.2);transition:background .5s ease,color .5s ease;cursor:pointer}.symbol-download-button:hover{color:#333;background:white}.symbol-download-button.disabled{opacity:.5;cursor:default}.symbol-download-button.disabled:hover{background:transparent;color:white}.species-subtitle{display:flex;justify-content:flex-start;align-items:center;font-weight:400;font-size:1.2rem}.species-subtitle i{font-size:1.3rem;margin-right:.4rem}.species-subtitle strong{margin-left:.4rem;font-weight:800}.species-criteria-title{margin-bottom:.5rem}.species-info-box{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.8rem;padding:1rem}.species-info-toggle-group{align-items:flex-start;display:flex;gap:.5rem}.species-criteria-box{grid-column:1/span 2;grid-row:2}.species-criteria-box,.species-notes-box{display:flex;flex-direction:column;padding:1rem}.species-notes-box{grid-column:3;grid-row:1/span 2;min-height:300px}.species-description-area{text-align:left;overflow-y:auto;max-height:100%;min-height:0;line-height:1.8rem;font-weight:400;font-size:1.1rem;position:relative;white-space:pre-wrap;z-index:1}.species-description-area strong{font-weight:800}.species-input-title{display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.species-input-title input{width:auto!important;max-width:11rem;padding:.1rem .5rem!important;font-size:inherit!important}.species-input-title input:first-of-type{text-align:center;max-width:70px}.characters-main-content{flex-grow:1}.characters-grid-container{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));flex:1 1}.character-card{background-size:cover;background-position:50%;color:white;aspect-ratio:1/1.4;position:relative;overflow:hidden;cursor:pointer}.character-card,.character-card:hover{transition:transform .5s ease,box-shadow .5s ease}.character-card:hover{box-shadow:0 8px 20px rgba(0,0,0,.2)}.alive-indicator{position:absolute;top:.7rem;right:.7rem;width:13.5px;height:13.5px;border-radius:50%}.alive-indicator[data-state="1"]{background-color:#2db332;box-shadow:0 0 6px #2db332aa}.alive-indicator[data-state="0"]{background-color:#f33426;box-shadow:0 0 6px #f33426aa}.alive-indicator[data-state=""],.alive-indicator[data-state="2"]{background-color:#a11dff;box-shadow:0 0 6px #a11dffaa}.char-card-info{position:absolute;text-shadow:0 0 5px black;padding:.5rem .7rem;font-size:1rem;width:100%}.char-card-name{bottom:0;width:100%;padding:.7rem}.char-card-name-box{bottom:0;padding:.5rem .7rem;text-align:center;background:rgba(0,0,0,.15);box-shadow:inset 2px 2px 5px rgba(0,0,0,.5),inset -1px -1px 3px rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);border-radius:55px;width:100%}.char-card-species{top:0;left:0;text-align:left;transition:transform .3s ease,text-shadow .3s ease,color .3s ease}.char-card-species:hover{transform:translateY(-3px);text-shadow:0 0 10px rgba(0,255,242,.8);color:rgb(224,255,253)}.character-lock-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;color:rgba(255,255,255,.8);pointer-events:none;z-index:5}.character-input-container{display:flex;flex-direction:column;gap:.7rem}.character-form-checkboxes{display:flex;justify-content:space-evenly;align-items:center}.character-form select{background-color:rgba(255,255,255,.05);color:white;border:1px solid rgba(255,255,255,.2);border-radius:4px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.character-form select option{background-color:#1a1a1a;color:white}.character-form select:focus{outline:none;border-color:rgba(255,255,255,.4);background-color:rgba(255,255,255,.1)}.character-cate-tree{padding:1rem;background:transparent;box-shadow:none}.cate-tree-root{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.cate-tree-root button{background:transparent;color:white;font-size:1.2rem}.mu-cate-table tbody td{padding:.5rem}.mu-cate-table tbody .submit-button{padding:.2rem .4rem}.modal-backdrop{inset:0;z-index:2000}.modal-backdrop,.modal-backdrop-lite{position:fixed;background-color:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center}.modal-backdrop-lite{transition:opacity .5s ease;opacity:0}.modal-backdrop-lite.active{opacity:1;inset:0}.modal-content{padding:1rem;width:100%;height:100dvh;overflow-y:scroll}.modal-content form{display:flex;flex-direction:column;gap:1rem;border-radius:8px;color:white}.modal-content label{text-align:left;font-size:.9rem}.modal-content form input,.modal-content form select,.modal-content form textarea{padding:.75rem;font-size:.9rem;border:1px solid #ccc;background:transparent;border-radius:6px;outline:none;width:100%;color:white;resize:vertical}.modal-content form textarea{min-height:300px}.modal-header{display:flex;justify-content:space-between;align-items:center;font-size:1.5rem}.button-group{display:flex;gap:1rem}.submit-button{padding:.5rem 1rem;background-color:transparent;border:1px solid white;border-radius:8px;color:white;font-size:.9rem;cursor:pointer}.input-container,.input-id-and-name{display:flex;gap:.7rem}.input-id-and-name{flex-direction:column;align-items:center;width:100%}.symbol-reset{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background:#333;color:#fff;border:none;cursor:pointer;font-size:14px;line-height:20px;text-align:center;padding:0}.input-symbol-img{background-color:transparent;border:1px solid white;border-radius:8px;display:inline-block;flex:1 1;width:270px;height:100%;padding:1rem}.input-symbol-img img{width:100%;aspect-ratio:1/1}.toggle-group-wrapper{border:1px solid white;border-radius:8px;display:flex;flex-direction:column;gap:.7rem;width:100%;padding:.75rem}.toggle-group-container{display:flex;align-items:center;justify-content:flex-start;gap:.7rem}.toggle-group{display:flex;gap:.5rem}.toggle-button{background-color:transparent;color:white}.toggle-active,.toggle-button{padding:.2rem .5rem;border-radius:6px;border:1px solid white;font-size:.9rem;cursor:pointer}.toggle-active{background-color:white;color:#333}@media (max-width:1100px){.sidebar-close{display:none}.filter-select-box{width:100%;font-size:.8rem;justify-content:center}.species-detail-wrapper{height:auto}.species-detail-content{overflow:auto;grid-template-columns:1fr;grid-template-rows:auto}.symbol-box{grid-row:1;grid-column:1}.symbol-download-container{order:1}.species-symbol{order:2}.species-info-box{padding:1rem;grid-row:2;grid-column:1}.species-criteria-box{grid-row:3;grid-column:1}.species-notes-box{grid-row:4;grid-column:1}.mulight-nav-icon:hover{text-shadow:none}.modal-content{padding:1rem;border-radius:0;width:100%;height:100%;max-height:100%}.modal-content form{display:flex;flex-direction:column;gap:1rem;border-radius:8px;color:white}.modal-content label{text-align:left;font-size:.9rem}.modal-content form input,.modal-content form select,.modal-content form textarea{padding:.75rem;font-size:.9rem;border:1px solid #ccc;background:transparent;border-radius:6px;outline:none;width:100%;color:white}.modal-content form textarea{min-height:200px}.button-group{display:flex;gap:1rem}.submit-button{padding:.5rem 1rem;background-color:transparent;border:1px solid white;color:white;border-radius:8px;font-size:.9rem;cursor:pointer}.toggle-group-container{display:flex;justify-content:flex-start;align-items:center;gap:.7rem}.toggle-group-container label{display:none}.input-container{display:flex;justify-content:flex-start;gap:.7rem}.input-symbol-img{width:150px}.toggle-group{display:flex;gap:.5rem}.toggle-button{background-color:transparent;color:white}.toggle-active,.toggle-button{padding:.3rem .8rem;border-radius:6px;border:1px solid white;font-size:.9rem;cursor:pointer}.toggle-active{background-color:white;color:#333}.tooltip-popup-container{width:100vw;height:100dvh}}@media (max-width:600px){.species-grid-container{grid-template-columns:repeat(3,minmax(150px,1fr))}.mulight-main-setting-button:hover{text-shadow:none}.character-card{height:160px;aspect-ratio:auto}.character-card:hover{transform:translateY(-3px)}.modal-header .button-group{position:absolute;z-index:333;bottom:1rem;right:1rem}}@media (max-width:400px){.species-title{display:block;text-align:center;flex-shrink:0}.species-grid-container{grid-template-columns:repeat(2,minmax(150px,1fr))}}.moe-container{height:100vh;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth}.moe-container::-webkit-scrollbar{display:none}.moe-section{height:100vh;width:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;justify-content:center}.moe-wrapper{overflow:visible;gap:2em;height:100%;background:#00000051}.moe-wrapper,.moe-wrapper .top-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.moe-wrapper .top-wrapper{color:white;border-radius:20px;margin-bottom:1.2em}.moe-title{color:white;font-weight:700;margin-bottom:.3em}.moe-subtitle{color:var(--color-mgray);transition:color .3s ease;white-space:nowrap}.moe-subtitle:hover{color:var(--color-lightgreen)}.server-wrapper{align-items:stretch;gap:3.5em}.server-item,.server-wrapper{display:flex;border-radius:20px}.server-item{flex:1 1;flex-direction:column;width:100%;padding:1.5em;color:white;text-align:center;line-height:27px;box-shadow:var(--shadow-medium);background:#00000051;animation-name:logo;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.server-item .title{font-weight:700;line-height:1.2em;white-space:nowrap;margin-bottom:0}.server-item .subtitle{margin-top:5px;color:var(--color-mgray);white-space:nowrap;transition:color .3s ease}.playercount{margin-top:1em;font-size:1.3rem}.sip{font-weight:700;padding:1px 4px;border-radius:3px;background:#82de89aa;margin:0 2px}.items{display:flex;padding:0 40px;gap:2em;margin-top:2em}.item{display:flex;flex-direction:column;cursor:pointer;justify-content:space-between;gap:5px;width:5.5em}.item.deactive{cursor:default}.item.deactive i,.item.deactive span p{color:#555!important}.item span{position:relative;overflow:hidden;width:100%;height:2em}.item span p{margin:0;padding:0;position:absolute;width:100%;top:0;left:50%;transform:translate(-50%,-100%);transition:all .2s ease;color:white}.item:hover span p{transform:translate(-50%)}.item i{transition:all .2s ease;margin-bottom:7px;font-size:3rem;color:white}.item i:hover{transform:scale(1.1)}.tooltip-container{position:relative;display:inline-block}.tooltip-container .tooltip-text{visibility:hidden;background-color:#00000051;color:#fff;font-size:.9rem;text-align:center;padding:.6em 1em;border-radius:15px;position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-25px);white-space:nowrap;z-index:10;opacity:0;transition:opacity .3s ease}.tooltip-container .tooltip-text:after{content:"";position:absolute;top:100%;left:45%;border:12px solid transparent;border-top-color:#00000051}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.intro-wrapper{height:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-evenly;gap:2rem;padding:2rem;color:white}.intro-left{display:flex;flex-direction:column;gap:.5rem;line-height:2.2rem}.intro-left p{font-size:1.1rem}.feature-list{list-style:none;padding:0;margin:0}.feature-item{font-size:1.5rem;padding:.6em 1em;margin:1em 0;display:flex;align-items:center;border:2px solid #ffffff70;border-radius:20px}.list-icon{margin-right:.7em}.description-container{height:100%;background:#00000051;flex-direction:column}.description-container,.description-wrapper{width:100%;display:flex;align-items:center;justify-content:center}.description-wrapper{gap:2em;max-width:1000px}.description-area{text-align:left}.description{display:flex;flex:1 1;flex-direction:column;width:100%;padding:1.5em;color:white;text-align:center;border-radius:20px;line-height:27px;font-weight:400}