:root{--color-bg-dark:#120e14;--color-wood-dark:#2a1f1b;--color-gold-bright:#e6c587;--color-gold-dark:#8c7346;--color-accent-blue:#4a7c99;--color-text-primary:#f2e8d5;--color-text-secondary:#a39b8c;--glass-bg:#140f12b3;--glass-border:#e6c58726;--glass-blur:blur(20px);color:var(--color-text-primary);background-color:var(--color-bg-dark);font-family:Inter,sans-serif}body{background-color:#000;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6,.cinzel-font{font-family:Cinzel,serif}.cinzel-decorative{font-family:Cinzel Decorative,serif}.marcellus-font{font-family:Marcellus,serif}a{color:inherit;text-decoration:none}.responsive-bg{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.section-overlay{z-index:1;background:radial-gradient(circle,#120e144d 0%,#120e14f2 100%);position:absolute;inset:0}.content-layer{z-index:2;width:100%;max-width:1400px;margin:0 auto;position:relative}.swiper-pagination-bullet{background:var(--color-text-secondary)!important;opacity:.5!important}.swiper-pagination-bullet-active{box-shadow:0 0 10px var(--color-gold-bright);background:var(--color-gold-bright)!important;opacity:1!important}.navbar-wrapper{z-index:1000;pointer-events:none;justify-content:center;width:100%;display:flex;position:fixed;top:30px;left:0}.navbar{pointer-events:auto;-webkit-backdrop-filter:blur(15px);background:linear-gradient(#28232dcc 0%,#141219e6 100%);border:1px solid #e6c5874d;border-radius:50px;padding:.5rem;box-shadow:0 10px 30px #00000080,inset 0 1px #ffffff1a}.navbar:before,.navbar:after{content:"";background:var(--color-gold-bright);width:6px;height:6px;box-shadow:0 0 5px var(--color-gold-bright);position:absolute;top:50%;transform:translateY(-50%)rotate(45deg)}.navbar:before{left:-3px}.navbar:after{right:-3px}.navbar-container{align-items:center;display:flex}.navbar-links{align-items:center;gap:2.5rem;padding:0 1rem;display:flex}.nav-link{color:var(--color-text-primary);letter-spacing:1px;font-size:1.1rem;transition:color .3s,text-shadow .3s}.nav-link:hover{color:var(--color-gold-bright);text-shadow:0 0 10px #e6c58780}.nav-btn{color:var(--color-text-primary);letter-spacing:1px;border:1px solid #0000;border-radius:30px;padding:.5rem 2rem;font-size:1.1rem;transition:all .3s}.nav-btn.active{color:var(--color-gold-bright);background:radial-gradient(at bottom,#e6c58726 0%,#0000 70%);border-color:#e6c58780;box-shadow:inset 0 -2px 10px #e6c58733}.nav-btn.login-btn{border-color:#e6c58780}.nav-btn.login-btn:hover{color:var(--color-gold-bright);background:#e6c5871a}.nav-user-container{align-items:center;gap:1rem;display:flex}.nav-username{color:var(--color-gold-bright);letter-spacing:1px;font-size:1.1rem}.nav-btn.logout-btn{cursor:pointer;background:0 0;border-color:#e6c5874d}.nav-btn.logout-btn:hover{color:var(--color-gold-bright);background:#e6c5871a}@media (width<=800px){.navbar-wrapper{top:15px}.navbar{box-sizing:border-box;max-width:95vw;padding:.3rem}.navbar-links{white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;gap:.8rem;padding:0 .5rem;overflow-x:auto}.navbar-links::-webkit-scrollbar{display:none}.nav-link,.nav-btn{padding:.3rem .8rem;font-size:.85rem}.nav-user-container{gap:.5rem}.nav-username{font-size:.85rem}}.section-store{background:linear-gradient(to bottom, #111, var(--color-bg-dark));text-align:center;padding:6rem 2rem}.store-head{color:var(--color-gold-bright);margin-bottom:2rem;font-size:1.8rem;line-height:1.4}.store-desc{color:var(--color-text-secondary);letter-spacing:2px;margin-bottom:3rem;font-size:1rem}.bottom-market{flex-wrap:wrap;justify-content:center;gap:4rem;display:flex}.market-box{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.play-text{color:#fff;letter-spacing:2px;border-bottom:1px solid var(--color-gold-dark);padding-bottom:.5rem;font-size:1.2rem}.market-links{gap:1rem;display:flex}.market-btn{color:#fff;background:#1a1a1a;border:1px solid #444;border-radius:6px;padding:.8rem 2rem;transition:all .3s}.market-btn:hover{border-color:var(--color-gold-bright);color:var(--color-gold-bright)}.section-cmt{background-color:var(--color-bg-dark);text-align:center;border-top:1px solid #222;padding:3rem 2rem}.cmt-desc{color:var(--color-text-primary);margin-bottom:2rem;font-size:1.1rem}.nav-sns{justify-content:center;gap:2rem;margin:0;padding:0;list-style:none;display:flex}.nav-sns a{color:var(--color-text-secondary);transition:color .3s}.nav-sns a:hover{color:var(--color-gold-bright)}.footer{text-align:center;color:#666;background-color:#0a080b;border-top:1px solid #1a1a1a;padding:3rem 2rem;font-size:.9rem}.info-wrap{flex-direction:column;align-items:center;gap:1rem;display:flex}.out-links{gap:2rem;display:flex}.out-links a:hover{color:var(--color-text-primary)}.store-btn{cursor:pointer;color:#fff;background:linear-gradient(#1a1a1a,#000);border:1px solid #444;border-radius:8px;align-items:center;min-width:180px;padding:.6rem 1.5rem;text-decoration:none;transition:all .3s;display:flex}.store-btn:hover{border-color:var(--color-gold-dark);color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #00000080}.store-btn-content{text-align:left;flex-direction:column;align-items:flex-start;margin-left:10px;display:flex}.hero-section{flex-direction:column;justify-content:center;min-height:100vh;padding-top:100px;display:flex;position:relative;overflow:hidden}.hero-section:after{content:"";background:linear-gradient(to bottom, transparent, var(--color-bg-dark));z-index:5;pointer-events:none;height:150px;position:absolute;bottom:0;left:0;right:0}.responsive-bg-container{z-index:0;position:absolute;inset:0}.hero-content{flex-direction:column;align-items:center;gap:3rem;padding:0 2rem;display:flex}.main-title{color:var(--color-gold-bright);text-shadow:0 4px 20px #000c,0 0 10px #e6c58766;letter-spacing:4px;text-align:center;margin:0;font-size:clamp(3rem,8vw,6rem)}.news-carousel-container{border:1px solid var(--color-gold-dark);background:linear-gradient(135deg,#1e2332cc,#0f1219e6);border-radius:12px;width:100%;max-width:600px;padding:1rem;box-shadow:0 10px 30px #00000080}.news-swiper{padding-bottom:2rem!important}.event-slide{align-items:center;gap:1.5rem;padding:.5rem;display:flex}.event-thumb{border:1px solid var(--color-gold-dark);border-radius:8px;flex-shrink:0;width:120px;height:80px;overflow:hidden}.event-info{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.event-tag{color:var(--color-text-primary);background:var(--color-accent-blue);border-radius:3px;margin-bottom:.5rem;padding:2px 6px;font-size:.7rem;font-weight:600}.event-title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:1rem;line-height:1.3;display:-webkit-box;overflow:hidden}.event-link{color:var(--color-gold-bright);font-size:.8rem;font-weight:600}.markets-container{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.store-btn{cursor:pointer;background:linear-gradient(#1a1a1a,#000);border:1px solid #444;border-radius:8px;align-items:center;min-width:180px;padding:.6rem 1.5rem;transition:all .3s;display:flex}.store-btn:hover{border-color:var(--color-gold-dark);transform:translateY(-2px);box-shadow:0 5px 15px #00000080}.store-btn-content{flex-direction:column;align-items:flex-start;margin-left:10px;display:flex}.store-btn-subtitle{color:#aaa;text-transform:uppercase;font-size:.65rem}.store-btn-title{color:#fff;font-size:1.2rem;font-weight:600}@media (width<=800px){.event-slide{text-align:center;flex-direction:column}.event-thumb{width:100%;height:140px}.event-info{align-items:center}.event-title{text-align:center}}:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.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{backface-visibility:hidden;transform:translateZ(0)}.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{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.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-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.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,.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{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.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)}}.swiper-pagination{text-align:center;z-index:10;transition:opacity .3s;position:absolute;transform:translate(0,0)}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);width:100%;left:0}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);display:inline-block}button.swiper-pagination-bullet{box-shadow:none;appearance:none;border:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{width:8px;top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,top .2s;display:inline-block}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{white-space:nowrap;left:50%;transform:translate(-50%)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(0)}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:100% 0}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);top:0;left:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size,4px);height:100%;top:0;left:0}.swiper-pagination-lock{display:none}.features-section{background-color:var(--color-bg-dark);text-align:center;z-index:2;padding:6rem 2rem;position:relative}.features-header{margin-bottom:4rem}.features-title{color:var(--color-gold-dark);letter-spacing:3px;margin-bottom:.5rem;font-size:1.5rem}.features-subtitle{color:var(--color-text-primary);text-shadow:0 0 10px #e6c58733;margin:0;font-size:2.5rem}.features-carousel-wrap{max-width:1200px;margin:0 auto}.feature-card{background:linear-gradient(180deg, var(--color-wood-dark), #111);border:1px solid var(--color-gold-dark);border-radius:8px;flex-direction:column;height:100%;transition:transform .3s;display:flex;overflow:hidden}.feature-card:hover{transform:translateY(-10px);box-shadow:0 10px 20px #000c,0 0 15px #e6c58733}.feature-img-placeholder{border-bottom:1px solid var(--color-gold-dark);width:100%;height:200px}.feature-card-title{color:var(--color-gold-bright);margin:1.5rem 1rem .5rem;font-size:1.2rem}.feature-card-desc{color:var(--color-text-secondary);margin:0 1rem 1.5rem;font-size:.9rem;line-height:1.6}.features-swiper{padding-top:1rem!important;padding-bottom:3rem!important}.features-swiper .swiper-button-next,.features-swiper .swiper-button-prev{text-shadow:0 0 10px #000c;color:var(--color-gold-bright)!important}:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;color:var(--swiper-navigation-color,var(--swiper-theme-color));justify-content:center;align-items:center;display:flex;position:absolute}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) ::slotted(svg),:is(.swiper-button-prev,.swiper-button-next) svg{object-fit:contain;transform-origin:50%;fill:currentColor;pointer-events:none;width:100%;height:100%}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset,4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0;right:auto}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset,4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.character-section{background:radial-gradient(circle at center, var(--color-wood-dark) 0%, var(--color-bg-dark) 100%);text-align:center;z-index:2;padding:6rem 2rem;position:relative;overflow:hidden}.char-header{margin-bottom:4rem}.char-title{color:var(--color-gold-dark);letter-spacing:3px;margin-bottom:.5rem;font-size:1.5rem}.char-subtitle{color:var(--color-text-primary);text-shadow:0 0 10px #e6c58733;margin:0;font-size:2.5rem}.char-layout{justify-content:space-between;align-items:center;gap:4rem;max-width:1400px;margin:0 auto;display:flex}@media (width<=1024px){.char-layout{flex-direction:column-reverse}}.char-info-panel{text-align:left;border:1px solid var(--color-gold-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#14141ecc,#0a0a0fe6);border-radius:12px;flex:1;padding:2rem;box-shadow:0 20px 40px #00000080}.char-nation{color:var(--color-gold-dark);letter-spacing:2px;text-transform:uppercase;margin-bottom:.5rem;font-size:1rem}.char-name{color:#fff;text-shadow:0 2px 10px #00000080;margin:0 0 .5rem;font-size:3.5rem}.char-class{color:var(--color-gold-bright);margin:0 0 1rem;font-size:1.2rem}.char-stars{color:#a4b0f5;margin:0 0 1.5rem;font-size:1rem}.char-divider{background:var(--color-gold-dark);width:50px;height:2px;margin:1.5rem 0}.char-desc{color:#ccc;font-size:1.1rem;line-height:1.6}.char-swiper-container{flex:1.5;width:100%;max-width:700px;position:relative}.char-glow{background:var(--color-gold-bright);filter:blur(80px);opacity:.2;pointer-events:none;z-index:1;width:80%;height:100px;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.hero-swiper{width:100%;padding-top:50px;padding-bottom:50px}.hero-slide{background-position:50%;background-size:cover;justify-content:center;align-items:flex-end;width:400px;height:600px;display:flex}@media (width<=768px){.hero-slide{width:300px;height:450px}}.hero-image{object-fit:contain;filter:drop-shadow(0 20px 30px #000c);width:100%;height:100%;transition:transform .3s}.swiper-slide-active .hero-image{transform:scale(1.05)}.swiper-button-next,.swiper-button-prev{color:var(--color-gold-bright)!important}.world-section{background:var(--color-bg-dark);text-align:center;z-index:2;border-top:1px solid #ffffff0d;padding:6rem 2rem;position:relative}.world-header{margin-bottom:3rem}.world-title{color:var(--color-gold-dark);letter-spacing:3px;margin-bottom:.5rem;font-size:1.5rem}.world-subtitle{color:var(--color-text-primary);text-shadow:0 0 10px #e6c58733;margin:0;font-size:2.5rem}.world-container{flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;display:flex}.world-selector{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.world-btn{border:1px solid var(--color-gold-dark);color:#ccc;cursor:pointer;background:#14141ecc;border-radius:4px;padding:.8rem 1.5rem;font-size:1rem;transition:all .3s}.world-btn:hover{color:#fff;background:#281e28cc}.world-btn.active{background:var(--color-gold-dark);color:var(--color-bg-dark);box-shadow:0 0 15px var(--color-gold-dark);font-weight:700}.world-display{border:2px solid var(--color-gold-dark);border-radius:12px;width:100%;height:600px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0009}.world-image{object-fit:cover;width:100%;height:100%;transition:opacity .5s}.world-overlay{text-align:left;background:linear-gradient(#0000,#000000e6);width:100%;padding:2rem;position:absolute;bottom:0;left:0}.world-overlay h3{color:var(--color-gold-bright);text-shadow:0 2px 10px #000;margin:0 0 .5rem;font-size:2.5rem}.world-overlay p{color:#fff;text-shadow:0 2px 5px #000;max-width:800px;margin:0;font-size:1.2rem;line-height:1.5}@media (width<=768px){.world-display{height:400px}.world-overlay h3{font-size:1.8rem}.world-overlay p{font-size:1rem}}.login-section{background-image:url(/bg.png);background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:100vh;padding:6rem 2rem;display:flex;position:relative}.login-overlay{z-index:1;background:#00000073;position:absolute;inset:0}.login-content{z-index:2;flex-direction:column;align-items:center;width:100%;max-width:450px;display:flex;position:relative}.login-main-title{color:var(--color-gold-bright);text-align:center;letter-spacing:4px;text-shadow:0 0 25px var(--color-gold-bright), 0 4px 12px #000000e6;margin-bottom:2rem;font-size:3rem}.flip-card{perspective:1000px;background-color:#0000;width:100%}.flip-card-inner{width:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;border:1px solid var(--color-gold-dark);box-sizing:border-box;background-color:#0f0e1ed1;border-radius:16px;width:100%;padding:2rem 1.75rem;position:absolute;box-shadow:0 12px 30px #0009}.flip-card-back{transform:rotateY(180deg)}.flip-card-inner{min-height:550px}.login-header-text{color:var(--color-gold-bright);text-align:center;letter-spacing:2px;margin-bottom:1.5rem;font-size:1.5rem}.input-group{text-align:left;margin-bottom:1rem}.input-label{color:#aaa;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;margin-left:4px;font-size:.75rem;font-weight:700;display:block}.obsidian-input-wrapper{background:#09080f;border:1px solid #ffffff1a;border-radius:8px;align-items:center;height:48px;padding:0 1rem;transition:border-color .3s;display:flex}.obsidian-input-wrapper:focus-within{border-color:var(--color-gold-bright)}.obsidian-input-wrapper i{color:var(--color-gold-dark);margin-right:10px}.obsidian-input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:.9rem}.obsidian-input::placeholder{color:#555}.plaque-btn{background:linear-gradient(to bottom, var(--color-gold-bright), var(--color-gold-dark));color:#1a1a1a;letter-spacing:2px;cursor:pointer;text-transform:uppercase;border:none;border-radius:4px;width:100%;height:52px;margin-top:1.5rem;font-size:1.1rem;font-weight:700;transition:transform .2s,filter .2s;box-shadow:0 4px 10px #00000080}.plaque-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.forgot-link{text-align:right;color:var(--color-gold-dark);cursor:pointer;margin-bottom:1rem;font-size:.8rem;text-decoration:underline;display:block}.enroll-row{text-align:center;color:#aaa;margin-top:1.5rem;font-size:.85rem}.enroll-link{color:var(--color-gold-bright);cursor:pointer;margin-left:5px;font-weight:700;text-decoration:underline}.error-banner{color:#faa;background:#381016d9;border:1px solid #f44;border-radius:8px;align-items:center;gap:10px;margin-top:1rem;padding:10px;font-size:.85rem;display:flex}.page-section{background:var(--color-bg-dark);text-align:center;min-height:100vh;padding:8rem 2rem 4rem;position:relative}.page-container{max-width:1000px;margin:0 auto}.page-title{color:var(--color-gold-bright);letter-spacing:2px;margin-bottom:.5rem;font-size:3rem}.page-subtitle{color:#ccc;margin-bottom:3rem;font-size:1.2rem}.page-content{border:1px solid var(--color-gold-dark);text-align:left;color:#fff;background:#14141ecc;border-radius:12px;padding:3rem;font-size:1.1rem;line-height:1.8}.page-content p{margin-bottom:1.5rem}.placeholder-box{border:2px dashed var(--color-gold-dark);width:100%;height:400px;color:var(--color-gold-dark);letter-spacing:2px;background:#0000004d;border-radius:8px;justify-content:center;align-items:center;margin-top:2rem;font-size:1.5rem;display:flex}.interactive-map-container{border:2px solid var(--color-gold-dark);background:#000;border-radius:12px;width:100%;max-width:1200px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 10px 40px #000c}.interactive-map-img{width:100%;display:block}.map-pin{background:var(--color-gold-bright);cursor:pointer;width:24px;height:24px;box-shadow:0 0 15px var(--color-gold-bright);z-index:10;border-radius:50%;transition:transform .2s;position:absolute;transform:translate(-50%,-50%)}.map-pin:hover{transform:translate(-50%,-50%)scale(1.3)}.map-pin:after{content:"";border:2px solid var(--color-gold-bright);border-radius:50%;animation:2s infinite pulse;position:absolute;inset:0}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(3)}}.map-panel{border:1px solid var(--color-gold-dark);text-align:left;background:#0f0e1ee6;border-radius:8px;min-height:200px;margin-top:2rem;padding:2rem;animation:.3s ease-out fadeIn}.map-panel h3{color:var(--color-gold-bright);margin-bottom:1rem;font-size:2rem}.map-panel p{color:#ddd;font-size:1.1rem;line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.story-section{padding:2rem 0}.lore-block{border:1px solid var(--color-gold-dark);background:#0f0e1ecc;border-radius:8px;margin-bottom:3rem;padding:3rem;box-shadow:0 10px 30px #00000080}.lore-block h2{color:var(--color-gold-bright);border-bottom:1px solid #e6c58733;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:2.2rem}.lore-block h3{color:var(--color-gold-dark);margin-top:2rem;margin-bottom:1rem;font-size:1.5rem}.lore-text{color:#ddd;margin-bottom:1.5rem;font-size:1.15rem;line-height:1.8}.lore-list{padding-left:0;list-style-type:none}.lore-list li{color:#ddd;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.7}.lore-list strong{color:var(--color-gold-bright);margin-bottom:.25rem;font-size:1.2rem;display:inline-block}.characters-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem;margin-top:3rem;padding-bottom:4rem;display:grid}.roster-card{border:1px solid var(--color-gold-dark);background:#0f0e1ed9;border-radius:12px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 10px 30px #0009}.roster-card:hover{border-color:var(--color-gold-bright);transform:translateY(-5px);box-shadow:0 15px 40px #000000e6}.roster-image-container{border-bottom:2px solid var(--color-gold-dark);background:#111;width:100%;height:400px;position:relative;overflow:hidden}.roster-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.roster-card:hover .roster-image{transform:scale(1.05)}.roster-info{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.roster-nation{color:var(--color-gold-dark);letter-spacing:2px;text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem}.roster-name{color:var(--color-gold-bright);margin-bottom:.25rem;font-size:1.8rem}.roster-title{color:#ddd;margin-bottom:1rem;font-size:1.1rem}.roster-desc{color:#aaa;margin-top:auto;font-size:.95rem;line-height:1.6}