@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--color-primary: #a3865a;--color-secondary: #c0b6a7;--color-background: #0a0a0c;--color-text: #e0e0e0;--color-dark-grey: #1a1a1e;--font-title: "Nanum Myeongjo", serif;--font-body: "Noto Sans KR", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body.body-modal-open{overflow:hidden}body{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-body);overflow-x:hidden}#app-container{width:100%;min-height:100vh;position:relative;overflow-y:hidden}#home-content{overflow-y:hidden}.page-content,.modal-content,.character-modal-content,.char-info-description,.esther-skill-description,.boss-modal-right,.boss-modal-content,.ark-left-panel,.ark-right-panel,.search-results-list,.credit-content,.board-content,.info-window-content{scrollbar-width:none;-ms-overflow-style:none}.page-content::-webkit-scrollbar,.modal-content::-webkit-scrollbar,.character-modal-content::-webkit-scrollbar,.char-info-description::-webkit-scrollbar,.esther-skill-description::-webkit-scrollbar,.boss-modal-right::-webkit-scrollbar,.boss-modal-content::-webkit-scrollbar,.ark-left-panel::-webkit-scrollbar,.ark-right-panel::-webkit-scrollbar{display:none}.page-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0a0a0cd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:pageFadeIn .7s ease-in-out;z-index:200}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.return-btn{position:fixed;top:30px;right:30px;width:50px;height:50px;background-color:#1a1a1eb3;border:1px solid var(--color-primary);border-radius:50%;color:var(--color-primary);font-size:1.5rem;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .3s ease;z-index:1001}.return_icon_img{width:20px;height:20px;filter:invert(1)}.return-btn:hover{background-color:var(--color-primary);color:var(--color-background);transform:scale(1.1)}.main-view{display:flex;justify-content:center;align-items:center;height:100vh;text-align:center}.page-content{padding:100px 5% 50px;height:100%;overflow-x:hidden}#main-background{position:fixed;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:background-image .5s ease-in-out;z-index:-1;opacity:.3;animation:zoomInOut 20s infinite alternate ease-in-out}.story-map-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.story-map-path{fill:none;stroke:var(--color-primary);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:10 8;filter:drop-shadow(0 0 2px var(--color-primary));opacity:.6}.story-map-traveler{filter:drop-shadow(0 0 5px #fff);z-index:9999}@keyframes zoomInOut{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes backgroundPan{0%{background-position:50% 50%}25%{background-position:100% 50%}75%{background-position:0% 50%}to{background-position:50% 50%}}#home-title{font-family:var(--font-title);font-size:min(8vw,40px);font-weight:700;color:#fff;text-shadow:0 0 15px rgba(255,215,0,.7);animation:fadeIn 1.5s ease-in-out;z-index:10}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-screen-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--color-background);display:flex;justify-content:center;align-items:center;z-index:9999}.loading-animation-wrapper{position:relative;width:400px;height:100px;display:flex;justify-content:center;align-items:center}.loading-text,.loading-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.loading-text{font-family:var(--font-title);font-size:3.5rem;color:#fff;text-shadow:0 0 15px rgba(255,215,0,.7);z-index:10;background:transparent;display:flex;justify-content:center;align-items:center}.loading-image-wrapper{display:flex;justify-content:center;align-items:center;opacity:0}#main-menu-container{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:600px;height:120px;z-index:100;overflow:hidden}#main-menu-container .main-menu-swiper{width:100%;height:100%}#main-menu-container .swiper-slide{display:flex;justify-content:center;align-items:center;transition:opacity .4s ease,transform .4s ease;opacity:.6;transform:scale(1);cursor:pointer}#main-menu-container .swiper-slide-active{opacity:1;transform:scale(1.2)}#main-menu-container .slide-item{font-family:var(--font-title);font-size:min(3.68vw,18px);color:var(--color-secondary);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:color .4s ease,text-shadow .4s ease}#main-menu-container .swiper-slide-active .slide-item{color:#fff;text-shadow:0 0 15px var(--color-primary),0 0 5px rgba(223,207,182,.7)}.search-container{position:relative;width:100%;max-width:580px}.search-bar-container{display:flex;align-items:center;background-color:#1e1e23b3;border:1px solid rgba(163,134,90,.5);border-radius:24px;padding:5px 8px 5px 20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);margin-top:20px}.search-bar-input{flex-grow:1;background:transparent;border:none;outline:none;color:var(--color-text);font-size:1rem;height:34px}.search-bar-input::placeholder{color:#bda2799e}.search-bar-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;cursor:pointer}.search-bar-icon svg{fill:var(--color-secondary);width:24px;height:24px}.search-results-list{list-style:none;position:absolute;top:110%;left:0;right:0;background-color:#1e1e23e6;border:1px solid rgba(163,134,90,.5);border-radius:12px;margin:0;padding:8px;z-index:200;max-height:300px;overflow-y:auto}.result-item{display:flex;justify-content:space-between;padding:10px 15px;color:var(--color-text);cursor:pointer;border-radius:8px;transition:background-color .2s}.result-item:hover{background-color:#a3865a33}.result-name{font-size:min(1.2vw,14px);font-weight:500;word-break:break-all}.result-name span{font-size:min(1vw,14px)}.result-source{font-size:.8rem;color:var(--color-secondary)}.no-result-item{padding:10px 15px;color:var(--color-secondary);text-align:center;font-style:italic}.page-title{font-family:var(--font-title);font-size:2.8rem;color:var(--color-primary);text-align:center;margin-bottom:40px}#boss-toggle-buttons{display:flex;justify-content:center;gap:15px;margin-bottom:40px;flex-wrap:wrap}.toggle-btn{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary);padding:10px 20px;font-family:var(--font-body);font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s,color .3s}.toggle-btn.active,.toggle-btn:hover{background-color:var(--color-primary);color:var(--color-background)}.boss-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-top:10rem}.card-container{perspective:1000px;cursor:pointer}.card-3d{width:100%;aspect-ratio:3 / 4;position:relative;border-radius:15px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.25,1,.5,1);box-shadow:0 10px 30px #00000080;border:1px solid rgba(163,134,90,.3)}.card-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;border-radius:15px;transform:translateZ(0);transition:filter .4s}.card-img{opacity:0;transition:opacity .4s ease-out,transform .5s cubic-bezier(.25,1,.5,1);position:absolute;bottom:-20px;left:50%;max-width:160%;object-fit:contain;filter:drop-shadow(0 5px 15px rgba(0,0,0,.6));transform:translateY(20px) translate(-50%) translateZ(40px)}.card-title{opacity:1;transition:opacity .4s ease-out,transform .5s cubic-bezier(.25,1,.5,1);position:absolute;bottom:15px;left:0;width:100%;text-align:center;font-family:var(--font-title);font-size:1.5rem;color:#fff;text-shadow:0 2px 5px #000;transform:translateZ(50px)}.card-container:hover .card-3d{transform:rotateX(45deg)}.card-container:hover .card-bg{filter:brightness(.7)}.card-container:hover .card-img{opacity:1;transform:translateY(-50px) translate(-50%) translateZ(120px) rotateX(-55deg)}.card-container:hover .card-title{opacity:1;transform:translateZ(140px) rotateX(-55deg)}#story-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.story-title-item{background-color:var(--color-dark-grey);padding:20px;border-left:5px solid var(--color-primary);cursor:pointer;transition:background-color .3s,transform .3s}.story-title-item:hover{background-color:#2a2a2e;transform:translateY(-5px)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:none;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s}.modal-overlay.active{display:flex}.modal-content{background-color:var(--color-dark-grey);width:90%;max-width:800px;max-height:85vh;overflow-y:auto;padding:40px;border-top:5px solid var(--color-primary);position:relative;animation:slideInUp .4s}@keyframes slideInUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close-btn{position:absolute;top:0;right:0;font-size:clamp(1rem,5vw,2.5rem);color:var(--color-secondary);cursor:pointer;transition:color .3s,transform .3s,background-color .3s;z-index:10;float:right}.modal-close-btn.scrolled{background-color:#1a1a1ebf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px}.modal-close-btn:hover{color:#fff}#modal-title{font-family:var(--font-title);font-size:min(5.8vw,32px);color:var(--color-primary);margin-bottom:20px}#modal-body .story-paragraph{line-height:1.8;white-space:pre-wrap;font-style:min(4vw,16px)}.story-image{width:100%;height:auto;margin:20px 0;border-radius:10px;box-shadow:0 4px 8px #0000004d;object-fit:cover;background-color:#222}.story-map-container{position:relative;width:1200px;height:662px;margin:40px auto;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px #00000080}.story-map-image{width:100%;height:100%;object-fit:cover}.map-button{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;background-color:transparent;border:1px solid rgba(255,255,255,.4);border-radius:50%;cursor:pointer;transition:all .3s ease;padding:0;display:flex;justify-content:center;align-items:center;box-shadow:none}.map-button:hover{transform:translate(-50%,-50%) scale(1.2);background-color:#ffffff1a;border-color:#fffc}.map-button-pulse{width:100%;height:100%;border-radius:50%;background-color:var(--color-secondary);animation:pulse-animation 2.5s infinite;box-shadow:0 0 10px var(--color-secondary)}@keyframes pulse-animation{0%{transform:scale(.5);opacity:0}50%{opacity:.7}to{transform:scale(1.2);opacity:0}}.character-modal-content.new-layout{position:relative;background:linear-gradient(145deg,#232328,#111113);width:90%;max-width:1100px;height:72vh;max-height:800px;padding:0;border:1px solid rgba(163,134,90,.5);border-top:none;box-shadow:0 10px 40px #00000080,inset 0 0 1px 1px #a3865a4d;overflow:hidden}.char-info-container{display:flex;width:100%;height:100%}.char-info-left{flex:0 0 280px;padding:30px;border-right:1px solid rgba(163,134,90,.2);display:flex;flex-direction:column}.char-info-center{flex:1;display:flex;justify-content:center;align-items:center;padding:20px;position:relative;background:radial-gradient(circle,#ffffff0d,#fff0 70%)}.character-modal-img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 0 25px rgba(0,0,0,.9))}.char-info-right{flex:0 0 320px;padding:30px;border-left:1px solid rgba(163,134,90,.2);display:flex;flex-direction:column}.char-group-display{background-color:var(--color-primary);color:var(--color-background);padding:5px 15px;border-radius:5px;font-family:var(--font-title);font-size:1.1rem;text-align:center;align-self:flex-start;margin-bottom:10px}.char-info-name{font-family:var(--font-title);font-size:2.8rem;color:#fff;margin-bottom:5px;text-shadow:0 0 10px var(--color-primary)}.char-info-subtitle{font-family:var(--font-body);font-size:1rem;color:var(--color-secondary);margin-bottom:25px}.char-info-divider{width:100%;height:1px;background:linear-gradient(to right,var(--color-primary),transparent);margin-bottom:25px}.char-info-divider.small{width:50%;margin-top:15px;margin-bottom:15px;background:linear-gradient(to right,var(--color-secondary),transparent)}.char-info-details .detail-item{margin-bottom:18px}.detail-title{display:block;font-size:.9rem;color:var(--color-secondary);margin-bottom:4px}.detail-value{font-size:1.1rem;color:#fff;font-weight:500}.char-info-description{height:100%;overflow-y:auto;line-height:1.8;color:var(--color-text);font-size:.95rem}.description-title{font-family:var(--font-title);color:var(--color-primary);font-size:1.2rem;margin-bottom:10px}.char-info-description p{white-space:pre-wrap}.character-modal-img-top{display:none}.esther-skill-section{margin-top:auto;padding-top:20px}.esther-skills-container{display:flex;gap:10px;margin-bottom:15px}.esther-skill-icon{width:50px;height:50px;border:2px solid var(--color-secondary);border-radius:10px;padding:5px;cursor:pointer;transition:all .3s ease;background-color:#0003}.esther-skill-icon:hover{border-color:var(--color-primary);transform:scale(1.1)}.esther-skill-icon.active{border-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary);transform:scale(1.1)}.esther-skill-icon img{width:100%;height:100%;border-radius:5px;object-fit:contain}.esther-skill-description{background-color:#0000004d;border-radius:5px;padding:15px;font-size:.9rem;line-height:1.6;max-height:180px;overflow-y:auto}.worldview-container{display:flex;justify-content:center;align-items:center;padding:0;position:relative;overflow:hidden}.worldview-content-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px;z-index:5}.worldview-background{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;transition:background-image .3s ease-in-out}.worldview-selected-title-container{height:80px;display:flex;align-items:center;justify-content:center}.worldview-selected-title{font-family:var(--font-title);font-size:2.5rem;color:#fff;text-shadow:0 0 15px var(--color-primary);animation:fadeIn .5s ease-in-out}.worldview-menu{display:flex;flex-direction:column;gap:15px;width:100%;max-width:500px}.worldview-item{background-color:transparent;border:none;border-bottom:1px solid rgba(163,134,90,.3);color:#fff;padding:20px;font-family:var(--font-title);font-size:min(4vw,24px);text-align:center;filter:drop-shadow(0 0 2px black);cursor:pointer;transition:all .3s ease;opacity:.7}.worldview-item:hover{color:#fff;border-bottom-color:var(--color-primary);opacity:1}.worldview-item.active{color:#fff;border-bottom-color:var(--color-primary);transform:scale(1.05);opacity:1;text-shadow:0 0 10px var(--color-primary)}@keyframes worldviewPan{0%{background-position:50% 50%}25%{background-position:100% 50%}75%{background-position:0% 50%}to{background-position:50% 50%}}.boss-modal-content{display:flex;background-color:var(--color-dark-grey);width:90%;max-width:1200px;height:80vh;max-height:750px;border-top:5px solid var(--color-primary);position:relative;animation:slideInUp .4s;padding:0;overflow:hidden}.boss-modal-left{flex:0 0 350px;padding:40px 30px;border-right:1px solid rgba(163,134,90,.3);display:flex;flex-direction:column;align-items:center;text-align:center;background-color:#0000001a}.boss-modal-right{flex:1;padding:40px 30px;overflow-y:auto}.boss-modal-title{font-family:var(--font-title);font-size:2.5rem;color:var(--color-primary);margin-bottom:20px}.boss-modal-img{width:100%;max-width:250px;height:auto;aspect-ratio:1/1;object-fit:contain;margin-bottom:20px;filter:drop-shadow(0 0 10px rgba(0,0,0,.5));transform:translate(-49px) scale(2)}.difficulty-buttons{display:flex;gap:10px;margin-bottom:25px;margin-top:20px;z-index:1000}.difficulty-btn{background-color:#ffffff1a;border:1px solid var(--color-secondary);color:var(--color-secondary);padding:8px 15px;font-size:.9rem;border-radius:5px;cursor:pointer;transition:all .3s ease}.difficulty-btn:hover{background-color:#fff3;border-color:#fff;color:#fff}.difficulty-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-background);font-weight:700}.boss-info{width:100%}.info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(163,134,90,.2)}.info-title{font-weight:700;color:var(--color-secondary);font-size:1rem}.info-value{color:#fff;font-size:1rem}.pattern-section{margin-bottom:30px}.pattern-title{font-family:var(--font-title);font-size:1.8rem;color:var(--color-primary);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(163,134,90,.3)}.pattern-item{margin-bottom:10px}.pattern-button{width:100%;background-color:#ffffff0d;border:none;padding:15px;font-family:var(--font-body);font-size:1.1rem;color:#fff;text-align:left;cursor:pointer;transition:background-color .3s;border-radius:5px}.pattern-button:hover{background-color:#ffffff1a}.pattern-description{background-color:#0003;padding:15px;border-top:1px solid rgba(163,134,90,.2);border-radius:0 0 5px 5px;margin-top:-5px;animation:fadeIn .4s;line-height:1.7}.pattern-name-header{font-family:var(--font-title);font-size:1.2rem;color:var(--color-primary);margin-bottom:10px}.ark-page-container{display:flex;gap:20px;padding:40px}.ark-left-panel{flex:0 0 300px;background-color:#0003;border-radius:10px;padding:20px;overflow-y:auto;border:1px solid rgba(163,134,90,.2)}.ark-center-panel{flex:2;display:flex;justify-content:center;align-items:center;perspective:600px}.ark-right-panel{flex:0 0 350px;background-color:#0003;border-radius:10px;padding:30px;overflow-y:auto;border:1px solid rgba(163,134,90,.2)}.ark-list-header{font-family:var(--font-title);font-size:1.8rem;color:var(--color-primary);text-align:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(163,134,90,.3)}.ark-list{list-style:none;padding:0;margin:0}.ark-list-item{display:flex;align-items:center;padding:10px;margin-bottom:10px;border-radius:8px;cursor:pointer;transition:background-color .3s}.ark-list-item:hover{background-color:#a3865a1a}.ark-list-item.active{background-color:#a3865a33;box-shadow:inset 3px 0 0 var(--color-primary)}.ark-list-image{width:50px;height:50px;object-fit:cover;border-radius:50%;margin-right:15px;border:2px solid var(--color-secondary)}.ark-list-item.active .ark-list-image{border-color:var(--color-primary)}.ark-list-name{font-size:1.1rem;color:var(--color-text)}.ark-display-box{width:100%;max-width:400px;background-color:#0003;border-radius:15px;padding:30px;text-align:center;border:1px solid rgba(163,134,90,.2)}.ark-display-name{font-family:var(--font-title);font-size:2rem;color:var(--color-primary);margin-bottom:20px}.ark-image-wrapper{width:200px;height:200px;margin:0 auto 20px;border-radius:50%;padding:10px;background:radial-gradient(circle,rgba(163,134,90,.2) 0%,transparent 70%);position:relative}.ark-display-image{width:100%;height:100%;object-fit:cover;border-radius:50%;filter:drop-shadow(0 0 15px var(--color-primary));transition:transform .3s ease-in-out,opacity .3s ease-in-out;transform-style:preserve-3d}.ark-hover-image{position:absolute;top:-26%;left:-26%;width:150%;height:150%;object-fit:contain;border-radius:50%;opacity:0;transform:translateZ(20px);transition:opacity .3s ease-in-out,transform .4s ease-in-out;animation:floatUpDown 2s infinite alternate ease-in-out;transform-style:preserve-3d}.ark-image-wrapper:hover .ark-display-image{opacity:.5;transform:translateZ(-10px)}.ark-image-wrapper:hover .ark-hover-image{opacity:1;transform:translateZ(30px)}@keyframes floatUpDown{0%{transform:translateY(0) translateZ(30px)}to{transform:translateY(-10px) translateZ(30px)}}.ark-materials{border-top:1px solid rgba(163,134,90,.3);padding-top:20px}.ark-material-item{display:flex;justify-content:space-between;margin-bottom:10px;font-size:1rem}.material-name{color:var(--color-secondary)}.material-value{color:#fff;font-weight:700}.ark-description-box{line-height:1.8}.ark-description-title{font-family:var(--font-title);font-size:1.5rem;color:var(--color-primary);margin-top:20px;margin-bottom:10px}.ark-description-text{color:var(--color-text);font-size:.95rem;white-space:pre-wrap}.mouse-follow-line{position:fixed;left:0;width:100%;height:1px;background-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary);pointer-events:none;z-index:10;transition:top .1s ease-out}.class-page-container{display:flex;padding:40px;gap:20px;height:100%}.class-main-panel{flex:3;position:relative;border-radius:15px;overflow:hidden;display:flex;background-size:cover;background-position:center;transition:background-image .5s ease-in-out;border:1px solid rgba(163,134,90,.2)}.class-preview-image-wrapper{position:absolute;top:8%;left:-14%;width:90%;height:80%;pointer-events:none;display:flex;align-items:center}.class-preview-image{height:80%;object-fit:contain;object-position:center;filter:drop-shadow(0 0 2px rgba(163,134,90,.5)) drop-shadow(0 5px 20px rgba(0,0,0,.7));animation:slideInFromLeft .7s ease-out forwards}.class-preview-image.landscape{width:70%;transform:translate(26%)!important}.class-preview-image.portrait{width:115%;transform:translate(-18%)!important}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.class-info-panel{position:relative;z-index:5;margin-left:auto;width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-shadow:0 1px 5px #838282}.class-info-content-box{background-color:#1a1a1ecc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:30px 40px;border-radius:15px;border:1px solid rgba(163,134,90,.2);max-width:100%;width:100%}.class-info-name{font-family:var(--font-title);font-size:min(8vw,30 px);color:#fff;margin-bottom:1rem}.class-info-description{margin-bottom:2rem;line-height:1.7;font-size:min(4vw,14px)}.class-info-details .detail-item{margin-top:1.5rem}.class-info-details h3{font-family:var(--font-title);color:var(--color-secondary);font-size:1.2rem;margin-bottom:.5rem}.class-info-details .detail-content{display:flex;align-items:center;gap:15px}.class-right-panel{flex:1;min-width:300px;background-color:#0003;border-radius:10px;border:1px solid rgba(163,134,90,.2);display:flex;flex-direction:column}.base-class-list{padding:10px;border-bottom:1px solid rgba(163,134,90,.2)}.base-class-item{display:flex;padding:15px;border-radius:8px;cursor:pointer;transition:background-color .2s}.base-class-item:hover{background-color:#ffffff1a}.base-class-item.active{background-color:#a3865a33}.advanced-class-container{padding:20px}.advanced-class-header{font-family:var(--font-title);color:var(--color-primary);margin-bottom:15px;font-size:1.2rem;text-align:center}.advanced-class-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:15px}.advanced-class-item{display:flex;flex-direction:column;align-items:center;padding:10px;border-radius:8px;cursor:pointer;transition:background-color .2s}.advanced-class-item:hover{background-color:#a3865a1a}.advanced-class-item.active{background-color:#a3865a4d}.advanced-class-item span{margin-top:8px;font-size:.9rem}.detail-content-icons{display:flex;gap:20px;margin-bottom:1rem}.detail-content-description p{line-height:1.6;font-size:min(4vw,14px)}.class-info-emphasis{font-family:var(--font-title);font-size:min(4.8vw,18px);font-style:italic;color:var(--color-secondary);margin-bottom:1.5rem;padding-left:1rem;border-left:3px solid var(--color-primary)}.base-class-icon-img{width:32px;height:32px;margin-right:15px}.class-sprite-icon{background-repeat:no-repeat;display:inline-block;background-size:762px 730px}.base-icon{width:50px;height:50px;margin-right:15px}.advanced-icon{width:46px;height:46px}.identity-icon,.weapon-icon{transform-origin:center;transform:scale(1.2);margin:20px}.detail-icon-img{width:48px;height:48px;transform-origin:center}.image-viewer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1100;animation:fadeIn .3s}.image-viewer-content{position:relative;width:90vw;height:90vh;display:flex;justify-content:center;align-items:center}.image-viewer-content img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px}.image-viewer-close-btn{position:absolute;top:20px;right:20px;font-size:2.5rem;color:#fff;cursor:pointer;transition:transform .3s;text-shadow:0 0 5px #000}.image-viewer-close-btn:hover{transform:scale(1.2) rotate(90deg)}.image-viewer-download-btn{position:absolute;top:30px;left:30px;padding:10px 20px;background-color:#fff3;color:#fff;border:1px solid #fff;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .3s}.image-viewer-download-btn:hover{background-color:#fff6}.suggest-page-wrapper{width:100vw;height:100vh;padding:20px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#0000004d}.youtube-background{z-index:-1}.suggest-page-container{width:80%;max-width:1400px;height:90vh;display:flex;flex-direction:column;background-color:#0a0a0cb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-primary-light);border-radius:15px;box-shadow:0 10px 30px #0009;transition:all .4s ease-in-out}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;border-bottom:2px solid var(--color-primary-light);padding-bottom:15px}.suggest-page{padding:40px 5%;color:var(--color-text)}.page-header h1{font-size:clamp(1.8rem,4vw,2.5rem);color:var(--color-primary)}.write-btn{background-color:var(--color-primary);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:clamp(.9rem,2vw,1rem);transition:background-color .3s}.write-btn:hover{background-color:var(--color-primary-light)}.suggest-list-container{background-color:#0003;border-radius:8px;padding:10px;min-height:500px}.suggest-list{list-style:none;padding:0;margin:0}.suggest-list li{display:grid;grid-template-columns:1fr auto;gap:20px;padding:15px;border-bottom:1px solid var(--color-border);cursor:pointer;transition:background-color .3s;align-items:center}.suggest-list li>div{display:flex;justify-content:space-between;width:240px}.list-author,.list-date{text-align:center;color:var(--color-text-subtle);width:120px}.suggest-list li:hover{background-color:#ffffff0d}.suggest-list li:last-child{border-bottom:none}.list-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-author,.list-date{text-align:center;color:var(--color-text-subtle)}.pagination-container{display:flex;justify-content:center;align-items:center;margin-top:30px}.pagination-button{background:none;border:1px solid var(--color-border);color:var(--color-text-subtle);margin:0 5px;padding:8px 12px;border-radius:5px;cursor:pointer;transition:all .3s}.pagination-button:hover,.pagination-button.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.suggest-modal-content{background-color:var(--color-bg-dark);padding:30px;border-radius:12px;width:90%;max-width:600px;position:relative;border:1px solid var(--color-primary-light)}.suggest-form{display:flex;flex-direction:column;gap:15px}.suggest-form input,.suggest-form textarea{width:100%;padding:12px;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:1rem}.suggest-form .form-row{display:flex;gap:15px}.suggest-form textarea{min-height:200px;resize:vertical}.form-submit-btn{background-color:var(--color-primary);color:#fff;padding:15px;border:none;border-radius:8px;font-size:1.1rem;cursor:pointer;transition:background-color .3s}.form-submit-btn:hover{background-color:var(--color-primary-light)}.suggest-detail-modal-content{background-color:var(--color-bg-dark);padding:0;border-radius:12px;width:90%;max-width:800px;position:relative;overflow:hidden;border:1px solid var(--color-primary-light)}.detail-modal-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#0003}.detail-modal-actions button{background:none;border:1px solid var(--color-border);color:var(--color-text-subtle);margin-left:10px;padding:5px 10px;border-radius:5px;cursor:pointer;transition:all .3s}.detail-modal-actions button:hover{background-color:var(--color-primary-light);color:#fff}.detail-modal-body{padding:30px;max-height:70vh;overflow-y:auto}.detail-title{font-size:16px;margin-bottom:10px}.detail-meta{display:flex;gap:20px;color:var(--color-text-subtle);padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--color-border)}.detail-content{font-size:1.1rem;line-height:1.8;white-space:pre-wrap}.comment-section{margin-top:30px;padding-top:20px}.comment-section hr{border:none;border-top:1px solid var(--color-border);margin-bottom:20px}.comment-section h4{font-size:1.2rem;color:var(--color-primary);margin-bottom:20px}.comment-thread{display:flex;flex-direction:column;gap:15px}.reply-thread{padding-left:30px;border-left:2px solid var(--color-border);margin-left:10px}.comment-item{background-color:#00000026;padding:15px;border-radius:8px}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.comment-author{font-weight:700}.comment-date{font-size:.8rem;color:var(--color-text-subtle)}.comment-content{line-height:1.6;margin-bottom:10px}.comment-actions{display:flex;gap:10px}.comment-actions button{background:none;border:none;color:var(--color-text-subtle);font-size:.8rem;cursor:pointer;transition:color .3s}.comment-actions button:hover{color:var(--color-primary)}.comment-form{margin-top:15px;display:flex;flex-direction:column;gap:10px}.comment-form>div{display:flex;align-items:flex-end;flex-direction:column}.comment-form textarea{width:100%;padding:10px;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:.9rem;min-height:60px;resize:vertical}.comment-form-meta{display:flex;gap:10px;align-items:center;margin-bottom:10px}.comment-form-meta input{flex:1;width:100%;padding:8px;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text)}.comment_modal_btn{background-color:var(--color-primary);color:#fff;border:none;padding:8px 15px;border-radius:8px;cursor:pointer;transition:background-color .3s}.comment-form-meta button:hover{background-color:var(--color-primary-light)}.reply-form{padding:15px;background-color:#0003;border-radius:8px}.search-bar-container{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:30px;padding:15px;background-color:#0003;border-radius:8px}.search-select,.search-input,.search-button{background-color:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);border-radius:5px;padding:10px;font-size:1rem}.search-select{cursor:pointer}.search-input{flex-grow:1;max-width:400px}.search-button{background-color:var(--color-primary);color:#fff;cursor:pointer;transition:background-color .3s}.search-button:hover{background-color:var(--color-primary-light)}.suggest-list-container.loading{position:relative}.suggest-list-container.loading:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;border-radius:8px;z-index:10}.loading-spinner{position:absolute;top:50%;left:50%;width:50px;height:50px;border:5px solid rgba(255,255,255,.3);border-top-color:var(--color-primary);border-radius:50%;z-index:11;animation:spin 1s linear infinite;transform:translate(-50%,-50%)}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.youtube-iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100vh;transform:translate(-50%,-50%)}.window-header{width:100%;padding:10px 15px;background-color:#0000004d;border-bottom:1px solid var(--color-primary-light);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.live-clock{font-family:var(--font-title);font-size:.9rem;color:var(--color-secondary)}.window-controls .minimize-btn{background:none;border:none;color:var(--color-secondary);font-size:1.5rem;cursor:pointer;padding:0 5px}.window-controls .minimize-btn:hover{color:#fff}.suggest-page-container.minimized{width:50px;height:50px;top:20px!important;left:20px!important;position:fixed;cursor:pointer;padding:0;justify-content:center}.suggest-page-container.minimized .minimize-btn{font-size:1.2rem}.board-content{padding:2vw 3vw;overflow-y:auto;flex-grow:1;transition:opacity .2s}.suggest-page-container.minimized .board-content,.suggest-page-container.minimized .live-clock{display:none}.suggest-page-container.minimized .window-header{background:none;border:none;cursor:pointer}.credit-page-wrapper{position:relative;width:100%;height:100vh;display:flex;justify-content:center;overflow:hidden;padding:2vw}.credit-page-wrapper section{width:100%}.credit-content-area{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:1;padding:2vw 5vw;gap:4vw}.credit-header-section{width:100%;text-align:center;position:relative}.live-clock-display{position:absolute;top:0;left:0;font-family:var(--font-title);font-size:clamp(.8rem,1.5vw,1rem);color:var(--color-secondary);opacity:.7}.threejs-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:#111328}.language-switcher-top{position:absolute;top:0;right:0;display:flex;gap:5px}.language-switcher-top button{background-color:#0000004d;border:1px solid var(--color-secondary);color:var(--color-secondary);padding:5px 10px;font-size:.8rem;cursor:pointer;transition:all .3s;border-radius:5px}.language-switcher-top button:hover,.language-switcher-top button.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.credit-main-title{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-family:var(--font-title);text-shadow:0 0 10px rgba(255,255,255,.5);margin-top:min(14vw,90px)}.credit-main-title span:nth-child(1){font-size:clamp(1rem,3vw,1.5rem);color:var(--color-primary);letter-spacing:2px}.credit-main-title .main-logo-text{font-size:clamp(2.5rem,8vw,5rem);font-weight:700;line-height:1}.credit-main-title .sub-logo-text{font-size:clamp(1.2rem,4vw,2rem);letter-spacing:8px;margin-left:8px;color:var(--color-secondary)}.credit-card-container{width:100%;max-width:600px;height:auto;background-color:#0a0a0ccc;border:1px solid var(--color-primary);border-radius:5px;padding:5px;margin-bottom:5vh}.credit-card-header{display:flex;justify-content:space-between;padding:10px 20px;color:var(--color-secondary);font-family:var(--font-title);border-bottom:1px solid rgba(163,134,90,.5)}.credit-card-header span:last-child{width:100%;text-align:center}.credit-card-body{max-height:40vh;overflow-y:auto}.credit-tab-row{display:flex;justify-content:center;align-items:center;padding:15px 20px;color:#fff;cursor:pointer;transition:background-color .2s;border-bottom:1px solid rgba(163,134,90,.2)}.credit-tab-row:last-child{border-bottom:none}.credit-tab-row:hover{background-color:#a3865a33}.tab-row-name{font-family:var(--font-title);font-size:1.1rem;color:var(--color-primary)}.tab-row-desc{flex-basis:70%;text-align:left;font-size:.9rem;color:var(--color-text-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-window{position:absolute;width:500px;height:400px;background-color:#141419e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-primary-light);border-radius:8px;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column}.info-window-header{width:100%;padding:8px 15px;background-color:#0000004d;border-bottom:1px solid var(--color-primary-light);display:flex;justify-content:space-between;align-items:center;cursor:move;color:#fff;font-family:var(--font-title)}.info-window-title{font-size:1.1rem}.info-window-close-btn{background:none;border:none;color:var(--color-secondary);font-size:1.5rem;cursor:pointer;padding:0 5px;transition:color .2s}.info-window-close-btn:hover{color:#fff}.info-window-content{flex-grow:1;padding:20px;overflow-y:auto;line-height:1.8;font-size:1rem;white-space:pre-wrap}.gsap-cursor{display:inline-block;width:1px;height:1.2em;background-color:var(--color-secondary);vertical-align:middle;animation:blink .5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.image-download-list{display:flex;flex-direction:column}.copyright-notice{font-size:clamp(.8rem,2vw,1rem);color:var(--color-secondary);background-color:#0003;padding:15px;border-radius:8px;margin-bottom:20px}.image-list-item{display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center;padding:15px 10px;border-bottom:1px solid var(--color-border);transition:background-color .2s}.image-list-item:hover{background-color:#ffffff0d}.image-usage{font-weight:700}.image-filename{color:var(--color-text-subtle);font-style:italic}.download-btn{background-color:var(--color-primary);color:#fff;border:none;border-radius:50%;width:30px;height:30px;font-size:1.2rem;line-height:30px;text-align:center;cursor:pointer;transition:background-color .3s,transform .3s}.download-btn:hover{background-color:var(--color-primary-light);transform:scale(1.1)}.image-preview-tooltip{position:fixed;z-index:9999;width:200px;height:auto;pointer-events:none;border:2px solid var(--color-primary);border-radius:5px;box-shadow:0 5px 15px #00000080;background-color:var(--color-bg-dark)}.language-toggle-button{position:fixed;bottom:30px;right:30px;background-color:var(--color-primary);color:#000;border:none;padding:10px 20px;border-radius:8px;font-weight:700;cursor:pointer;z-index:1002;transition:transform .2s ease}.language-toggle-button:hover{transform:scale(1.05)}.image-preview-tooltip img{width:100%;height:100%;object-fit:cover}@media (max-width: 1200px){.story-map-container{width:95%;height:auto;aspect-ratio:1200 / 662}}@media (max-width: 1024px){.character-modal-content.new-layout,.ark-page-container,.class-page-container{flex-direction:column;overflow-y:auto}.char-info-container{flex-direction:column}.char-info-left,.char-info-right,.ark-left-panel,.ark-center-panel,.ark-right-panel,.class-main-panel,.class-right-panel{flex-basis:auto;width:100%;border:none}.char-info-right{border-top:1px solid rgba(163,134,90,.2)}.char-info-center{display:none}.character-modal-img-top{display:block;width:100%;height:300px;object-fit:cover;object-position:top;border-bottom:1px solid var(--color-primary)}.char-info-name{font-size:2.2rem}.esther-skill-section{margin-top:20px;padding-top:0}.boss-modal-content{flex-direction:column;height:auto;max-height:85vh;overflow-y:auto}.boss-modal-left{flex-basis:auto;width:100%;border-right:none;border-bottom:1px solid rgba(163,134,90,.3)}.boss-modal-right{overflow-y:visible}.ark-page-container{padding:20px}.ark-center-panel{margin-bottom:20px}.ark-left-panel,.ark-right-panel{overflow-y:visible}.class-page-container{flex-direction:column;padding:70px 20px 20px;height:100%}.class-main-panel{display:none}.class-image-panel-mobile,.class-info-panel-mobile{display:block;width:100%;margin-bottom:20px}.class-image-panel-mobile .class-preview-image{width:100%;height:100%;transform:none!important;animation:fadeIn .5s}.class-right-panel{order:-1;width:100%;margin-bottom:20px}.identity-icon,.weapon-icon{transform:scale(1);margin:0}.suggest-page-container{width:95%;height:80%}}@media (max-width: 768px){.credit-card{width:95%;height:85vh}.credit-tabs{flex-wrap:wrap}.credit-tab-btn{flex-basis:33.33%}#main-background{background-size:cover;animation:backgroundPan 60s linear infinite}.worldview-background{animation:worldviewPan 60s linear infinite}.page-title{font-size:2rem}.boss-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:0}.return-btn{top:20px;right:20px;width:40px;height:40px;font-size:1.2rem}.worldview-content-wrapper{padding:20px}.worldview-selected-title{font-size:6vw}.list-title{font-size:1.1rem;margin-bottom:5px}.suggest-page-wrapper{padding:20px 0}.suggest-page-container{width:98%;padding:15px}.suggest-modal-content,.suggest-detail-modal-content{width:95%}.info-window{width:100%!important;height:88%!important;top:10%!important;left:0!important;border-radius:0;border:none}.info-window-header{cursor:default!important}}@media (max-width: 600px){.image-list-item{grid-template-columns:1fr auto;gap:10px}.image-filename{display:none}.suggest-list li{display:block;position:relative;gap:5px;padding:12px}.suggest-list li>div{position:absolute;bottom:12px;left:12px;right:12px;width:auto;display:flex;justify-content:flex-end;gap:20px}.list-author,.list-date{position:static;width:auto;font-size:.8rem}.search-bar-container{align-items:stretch}.search-input{max-width:100%}}@media (max-width: 480px){.credit-card{width:95%;height:80vh}.credit-tab-btn{flex-basis:50%}#main-menu-container{max-width:95%}.boss-grid,#story-list{grid-template-columns:1fr}.modal-content,.character-modal-content.new-layout{width:95%;height:80%;padding:20px;overflow-x:hidden}.char-info-name{font-size:1.8rem;margin-top:10px}.char-info-left,.char-info-right{padding:20px}}