:root{
  --bg:#07111d;--bg2:#0b1b2d;--panel:#0b1c2c;--panel2:#10273b;--line:#27415a;--line2:#a97825;
  --gold:#f3b53f;--gold2:#ffd97b;--cream:#f6ead3;--text:#e7eef5;--muted:#9db0c2;--blue:#59b8ff;--green:#49d98a;--red:#ff655f;
  --shadow:0 16px 40px rgba(0,0,0,.35)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -20%,#15314f 0,#07111d 40%,#050b13 100%);color:var(--text);font:15px/1.45 Inter,Segoe UI,Arial,sans-serif;min-height:100vh}.wrap{width:min(1220px,calc(100% - 28px));margin:auto}.site-header{height:68px;position:sticky;top:0;z-index:50;background:rgba(5,13,23,.95);backdrop-filter:blur(8px);border-bottom:1px solid #1d344a}.nav{display:flex;align-items:center;gap:26px;height:100%}.brand{font-family:Georgia,serif;color:#ffd988;font-size:31px;font-weight:800;letter-spacing:.5px;text-shadow:0 0 18px #b16c18}.brand{text-decoration:none;white-space:nowrap}.brand span{color:#fff1c5}.nav-links{display:flex;gap:22px;align-items:center;flex:1}.nav-links a{color:#d9e2ea;text-decoration:none;font-weight:700;font-size:13px;letter-spacing:.25px}.nav-links a:hover,.nav-links a.active{color:var(--gold)}.nav-actions{display:flex;gap:8px;align-items:center}.btn{border:1px solid #36526b;background:#0c1f31;color:#f4f7fa;padding:10px 17px;border-radius:5px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.btn.gold{background:linear-gradient(#ffd768,#e9a625);color:#1d2530;border-color:#efb43f;box-shadow:inset 0 1px 0 #fff6c5}.btn.ghost:hover{border-color:#d39b35;color:#ffd676}.hero{position:relative;isolation:isolate;min-height:430px;border-bottom:1px solid #213b52;background-size:cover;background-position:center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,11,18,.2),rgba(4,11,18,.42) 48%,rgba(4,11,18,.22)),linear-gradient(180deg,rgba(4,11,18,.1),rgba(4,11,18,.12) 55%,#07111d 100%);z-index:-1}.hero.home{background-image:url('assets/world-hero-1.webp')}.hero.shop{background-image:url('assets/world-hero-2.webp');min-height:330px}.hero.rank{background-image:url('assets/world-hero-1.webp');min-height:360px}.hero-content{padding:62px 0 34px;text-align:center;max-width:760px;margin:auto}.eyebrow{letter-spacing:7px;text-transform:uppercase;font-size:12px;color:#dce6ee}.hero h1{font-family:Georgia,serif;font-size:72px;line-height:.92;margin:6px 0;color:#fff1d5;text-shadow:0 3px 0 #514123,0 5px 22px #000}.hero h2{font-family:Georgia,serif;font-size:34px;margin:0 0 10px;color:#f7e4c1}.hero p{font-size:17px;color:#edf4f8;text-shadow:0 1px 4px #000;max-width:680px;margin:12px auto 20px}.hero-actions{display:flex;justify-content:center;gap:10px}.feature-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:28px}.feature{background:rgba(7,18,30,.72);border:1px solid rgba(149,188,219,.25);padding:12px 8px;border-radius:6px;font-weight:800;font-size:12px}.feature b{display:block;color:var(--gold);font-size:25px;margin-bottom:4px}.page{margin-top:-22px;position:relative;z-index:3;padding-bottom:40px}.grid{display:grid;gap:12px}.grid.cols-2{grid-template-columns:2fr 1fr}.panel{background:linear-gradient(180deg,rgba(12,30,47,.97),rgba(6,19,31,.97));border:1px solid #294963;box-shadow:var(--shadow);border-radius:7px;overflow:hidden}.panel.goldline{border-color:#7f5d28}.panel-head{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid #29435a;font-family:Georgia,serif;font-size:21px;color:#f3e2c1}.panel-head .grow{flex:1}.panel-head small{font:700 11px/1 Inter;color:#72bdf5;text-transform:uppercase}.panel-body{padding:12px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.news-card{border:1px solid #29445b;background:#0a1b2a;border-radius:5px;overflow:hidden}.news-card img{width:100%;aspect-ratio:2.2/1;object-fit:cover;display:block}.news-card .copy{padding:11px}.tag{display:inline-block;padding:4px 8px;border-radius:3px;font-size:10px;font-weight:900;color:#092035;background:#f0b43c;margin-right:7px}.tag.blue{background:#67adff}.news-card h3{margin:8px 0 4px;font-family:Georgia,serif;color:#fff2d2;font-size:18px}.news-card p{margin:0;color:#9fb2c2;font-size:13px}.status{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.online{color:#57e197;font-weight:900}.stats-4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}.mini-stat{border:1px solid #23425a;border-radius:4px;padding:10px;text-align:center;background:#0a1b2b}.mini-stat b{display:block;color:#f0f4f8;font-size:16px}.event{margin-top:10px;border:1px solid #7e5b26;background:linear-gradient(90deg,rgba(19,25,31,.95),rgba(11,29,48,.95)),url('assets/treasure.webp') center/cover;padding:14px;border-radius:5px}.event h3{color:#ffd66f;font-family:Georgia,serif;margin:0 0 4px}.event .btn{margin-top:9px;padding:8px 12px}.rank-list{display:grid}.rank-row{display:grid;grid-template-columns:54px 42px 1.4fr 1fr 90px 120px;gap:8px;align-items:center;padding:9px 11px;border-top:1px solid #173247}.rank-row:first-child{border-top:0}.rank-row .n{color:#ffcc5c;font-weight:900;font-size:17px}.avatar{width:34px;height:34px;border-radius:4px;object-fit:cover;border:1px solid #48637a}.class-icon{width:28px;height:28px;object-fit:cover;border-radius:5px}.muted{color:#8fa5b6}.systems{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.system-card{min-height:120px;position:relative;overflow:hidden;border:1px solid #38536a;border-radius:6px;background-size:cover;background-position:center}.system-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,12,20,.94),rgba(4,12,20,.40))}.system-card .inner{position:relative;z-index:2;padding:16px;width:70%}.system-card h3{font-family:Georgia,serif;color:#f8ead0;margin:0 0 5px}.system-card .ico{color:#f7b43b;font-size:28px}.cta{margin-top:12px;background:url('assets/world-hero-2.webp') center 56%/cover;border:1px solid #7f5a25;border-radius:7px;text-align:center;padding:18px;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;inset:0;background:rgba(5,13,21,.62)}.cta>*{position:relative}.cta h2{font-family:Georgia,serif;margin:0;color:#ffeac1}.footer{border-top:1px solid #1f394e;background:#06101a;padding:22px 0;color:#7f95a7}.footer .row{display:flex;align-items:center;gap:20px;justify-content:space-between}.footer a{color:#9db0bf;text-decoration:none;margin-right:14px}.shop-layout{display:grid;grid-template-columns:190px 1fr 220px;gap:10px}.categories,.cart,.premium-box{background:rgba(8,25,40,.98);border:1px solid #31506b;border-radius:6px;overflow:hidden}.categories h3,.cart h3,.premium-box h3{font-family:Georgia,serif;color:#ffda79;padding:13px;margin:0;border-bottom:1px solid #29455d}.cat{display:flex;gap:10px;padding:10px 13px;border-top:1px solid #173248;color:#dbe4eb;text-decoration:none;font-size:13px}.cat:hover,.cat.active{background:linear-gradient(90deg,#15569a,#0f3a62);color:#fff}.shop-main{min-width:0}.toolbar{display:flex;gap:8px;margin-bottom:9px}.search{flex:1;background:#081b2d;border:1px solid #36536d;border-radius:5px;color:#dce6ed;padding:11px}.products{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.product{background:#0a1c2d;border:1px solid #36526b;border-radius:5px;padding:8px;text-align:center;position:relative}.product img{width:100%;aspect-ratio:1.3/1;object-fit:cover;border-radius:4px;border:1px solid #3f5567}.product h4{margin:7px 0 2px;color:#f7ead1;font-family:Georgia,serif;font-size:15px}.product p{font-size:11px;color:#94a8b8;margin:0 0 6px;min-height:33px}.price{font-weight:900;color:#fff2c2}.buy{display:block;margin-top:6px;background:linear-gradient(#ffd267,#dca128);border:1px solid #ffc95a;color:#17212b;font-weight:900;padding:6px;border-radius:4px}.shop-section-title{font-family:Georgia,serif;color:#ffd36a;font-size:18px;margin:12px 0 8px;border-bottom:1px solid #5b4829;padding-bottom:6px}.bundles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bundle{border:1px solid #7b5b2c;background:linear-gradient(135deg,#112336,#0b1623 70%);padding:12px;border-radius:5px}.bundle h3{margin:0;color:#ffe28e;font-family:Georgia,serif}.bundle ul{padding-left:18px;color:#dce4e9;font-size:12px;min-height:78px}.bundle .buy{width:100%}.cart .body,.premium-box .body{padding:13px;color:#afbfca}.cart-illustration{width:84px;height:84px;object-fit:cover;border-radius:50%;display:block;margin:8px auto}.premium-box{margin-top:10px}.premium-box li{margin:9px 0}.premium-box .btn{width:100%;justify-content:center}.rank-tabs{display:flex;gap:7px;justify-content:center;margin-top:20px}.rank-tabs a{background:#0a2032;border:1px solid #35536b;color:#e8eef2;padding:12px 24px;border-radius:5px;text-decoration:none;font-weight:900}.rank-tabs a.active{background:linear-gradient(#ffd96c,#e6a72d);color:#1a2430;border-color:#ffc85d}.rank-page-grid{display:grid;grid-template-columns:2fr 1fr;gap:10px}.leader-table .head,.leader-table .r{display:grid;grid-template-columns:50px 1.4fr 1fr 1fr 75px 120px;align-items:center;gap:9px;padding:9px 12px;border-top:1px solid #173247}.leader-table .head{font-size:11px;color:#aebdca;border-top:0}.leader-table .r:nth-child(2){background:linear-gradient(90deg,rgba(243,181,63,.08),transparent)}.guild-row{display:grid;grid-template-columns:36px 1fr 65px 90px;gap:7px;padding:9px;border-top:1px solid #1b3448}.hall{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.hall-card{border:1px solid #7d5c27;background:#0a1b2a;border-radius:5px;text-align:center;padding:10px}.hall-card img{width:88px;height:88px;border-radius:50%;object-fit:cover;border:2px solid #d2a043}.hall-card b{display:block;color:#ffe2a2}.rewards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.reward{border:1px solid #42556a;background:#0a1928;border-radius:5px;padding:10px;text-align:center}.reward img{width:76px;height:76px;object-fit:cover;border-radius:10px}.reward b{display:block;color:#ffe1a0}.mobile-menu{display:none;width:44px;height:40px;padding:8px 9px;border:1px solid #36526b;border-radius:5px;background:#0c1f31;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}.mobile-menu span{display:block;width:23px;height:2px;background:#ffd66f;border-radius:2px;transition:transform .2s ease,opacity .2s ease}.mobile-menu.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu.open span:nth-child(2){opacity:0}.mobile-menu.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1000px){.site-header{position:sticky}.nav{position:relative}.mobile-menu{display:flex;margin-left:0;flex:0 0 44px}.nav-actions{margin-left:auto}.nav-links{display:none;position:absolute;left:0;right:0;top:calc(100% + 1px);z-index:80;flex-direction:column;align-items:stretch;gap:0;padding:8px;background:rgba(5,13,23,.99);border:1px solid #294963;border-top:0;border-radius:0 0 8px 8px;box-shadow:0 18px 35px rgba(0,0,0,.45)}.nav-links.open{display:flex}.nav-links a{padding:13px 12px;border-bottom:1px solid #173247;font-size:14px}.nav-links a:last-child{border-bottom:0}.nav-links a.active{background:linear-gradient(90deg,rgba(243,181,63,.16),transparent);border-left:3px solid var(--gold)}.nav-actions{margin-left:auto}.grid.cols-2,.rank-page-grid,.shop-layout{grid-template-columns:1fr}.products{grid-template-columns:repeat(3,1fr)}.categories{display:none}.shop-side{display:grid;grid-template-columns:1fr 1fr;gap:10px}.premium-box{margin-top:0}.hero h1{font-size:54px}.systems{grid-template-columns:repeat(2,1fr)}.rank-row{grid-template-columns:42px 36px 1fr 80px}.rank-row>*:nth-child(4),.rank-row>*:nth-child(6){display:none}}
@media(max-width:650px){.site-header{height:auto}.nav{padding:9px 0;gap:7px}.brand{font-size:23px;flex:0 1 auto}.nav-actions{order:initial;margin-left:auto;min-width:0}.mobile-menu{order:initial;margin-left:0;flex:0 0 42px;width:42px}.nav-actions .ghost{display:none}.nav-actions .btn.gold{font-size:10px;white-space:nowrap}.nav-links{top:100%}.hero{min-height:360px}.hero-content{padding-top:42px}.hero h1{font-size:42px}.hero h2{font-size:27px}.feature-strip{grid-template-columns:repeat(2,1fr)}.news-grid,.products,.bundles,.hall,.rewards,.shop-side{grid-template-columns:1fr 1fr}.systems{grid-template-columns:1fr}.stats-4{grid-template-columns:1fr 1fr}.leader-table .head,.leader-table .r{grid-template-columns:40px 1fr 70px}.leader-table .head>*:nth-child(3),.leader-table .head>*:nth-child(4),.leader-table .head>*:nth-child(6),.leader-table .r>*:nth-child(3),.leader-table .r>*:nth-child(4),.leader-table .r>*:nth-child(6){display:none}.footer .row{display:block}.news-grid{grid-template-columns:1fr}.products{grid-template-columns:repeat(2,1fr)}.rank-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;margin-top:16px}.rank-tabs a{min-width:0;padding:9px 5px;font-size:10px;line-height:1.2;text-align:center;white-space:normal}.hero.rank h1{font-size:38px!important;line-height:1}.hero.rank h2{font-size:20px}.hero.rank .hero-content{padding-left:0;padding-right:0}.rank-page-grid .panel-head{flex-wrap:wrap}.rank-page-grid .panel-head .grow{display:none}.rank-page-grid .panel-head .btn{padding:8px 9px;font-size:10px}body{overflow-x:hidden}}


/* v4 — shop alignment, clean hero features, registration */
.hero.home .feature,
.hero.shop .feature{background:transparent;border:0;box-shadow:none}

.shop-hero-content{text-align:left;margin-left:0;max-width:820px;padding-right:20px}
.hero.shop .shop-hero-content h1{font-size:56px;white-space:nowrap}
.hero.shop .shop-hero-content h2{font-size:32px;line-height:1.05;white-space:nowrap}
.hero.shop .shop-hero-content p{margin-left:0;max-width:720px}
.shop-features{grid-template-columns:repeat(3,minmax(0,1fr));max-width:760px}
.shop-features .feature{justify-content:flex-start;text-align:left;padding-left:0}

.product{display:flex;flex-direction:column;height:100%}
.product h4{min-height:38px;display:flex;align-items:flex-start;justify-content:center}
.product p{min-height:48px}
.product .price{margin-top:auto}
.product .buy{width:100%;margin-top:8px}
.bundles{align-items:stretch}
.bundle{display:flex;flex-direction:column;height:100%}
.bundle h3{min-height:46px}
.bundle ul{flex:1;min-height:96px;margin-bottom:8px}
.bundle .price{margin-top:auto}
.bundle .buy{margin-top:8px;min-height:34px}

.auth-page{background:#050d16}
.auth-shell{min-height:calc(100vh - 150px);display:grid;place-items:center;padding:64px 14px;background:linear-gradient(rgba(5,13,22,.62),rgba(5,13,22,.90)),url('assets/world-hero-1.webp') center/cover fixed}
.auth-card{width:min(590px,100%);background:linear-gradient(180deg,rgba(11,29,45,.97),rgba(6,18,29,.98));border:1px solid #7b5a28;border-radius:9px;padding:34px;box-shadow:0 28px 80px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,219,134,.08);text-align:center}
.auth-emblem{width:54px;height:54px;margin:0 auto 12px;border:1px solid #b27b27;display:grid;place-items:center;transform:rotate(45deg);color:#ffd369;font-size:27px;background:#0a1c2d;box-shadow:0 0 26px rgba(243,181,63,.17)}
.auth-emblem::first-letter{transform:rotate(-45deg)}
.auth-card h1{font-family:Georgia,serif;color:#fff0cf;font-size:38px;margin:8px 0 5px;text-shadow:0 2px 12px #000}
.auth-intro{color:#aebfcd;margin:0 0 25px}
.register-form{text-align:left}
.register-form label{display:block;color:#e9d8b1;font-size:11px;font-weight:900;letter-spacing:.7px;margin-bottom:14px}
.register-form input[type="text"],.register-form input[type="email"],.register-form input[type="password"]{display:block;width:100%;margin-top:7px;background:#071827;border:1px solid #38536b;border-radius:5px;color:#eef4f7;padding:12px 13px;outline:0}
.register-form input:focus{border-color:#d9a43e;box-shadow:0 0 0 3px rgba(243,181,63,.10)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.check-row{display:flex!important;align-items:flex-start;gap:9px;color:#9fb0be!important;font-weight:500!important;letter-spacing:0!important;line-height:1.45}
.check-row input{margin-top:3px;accent-color:#eeb03a}.check-row a,.auth-login a{color:#ffd26b}
.auth-submit{width:100%;justify-content:center;font-size:14px;padding:12px 17px;margin-top:2px}
.auth-login{border-top:1px solid #203a50;margin-top:20px;padding-top:18px;color:#8fa4b5}
.active-register{box-shadow:0 0 0 1px rgba(255,216,120,.2),0 0 18px rgba(243,181,63,.13)}

@media(max-width:650px){
  .hero.shop{min-height:390px}
  .shop-hero-content{padding-top:38px;padding-right:0;max-width:100%}
  .hero.shop .shop-hero-content h1{font-size:40px;white-space:normal}
  .hero.shop .shop-hero-content h2{font-size:23px;white-space:normal;line-height:1.08}
  .hero.shop .shop-hero-content p{font-size:14px}
  .shop-features{grid-template-columns:1fr 1fr 1fr;gap:4px}
  .shop-features .feature{font-size:9px;padding:7px 2px;justify-content:center;text-align:center}
  .shop-features .feature b{font-size:18px}
  .product h4{min-height:42px}.product p{min-height:50px}
  .bundle h3{min-height:42px}.bundle ul{min-height:112px}
  .auth-shell{padding:34px 12px;background-attachment:scroll}.auth-card{padding:26px 18px}.auth-card h1{font-size:31px}.form-grid{grid-template-columns:1fr}
}

/* v5 — angular Nythoria UI + supplied frame/button assets */
:root{
  --ornament:#d79a32;
  --ornament-bright:#f3c665;
  --square-panel-bg:linear-gradient(rgba(8,27,45,.94),rgba(5,20,34,.96)),url('assets/ui-bg-repeat.png');
}

/* Everything intentionally angular/square. */
.btn,.feature,.panel,.news-card,.tag,.mini-stat,.event,.avatar,.class-icon,.system-card,.cta,
.categories,.cart,.premium-box,.search,.product,.product img,.buy,.bundle,.rank-tabs a,.hall-card,
.hall-card img,.reward,.reward img,.mobile-menu,.auth-card,.register-form input[type="text"],
.register-form input[type="email"],.register-form input[type="password"],.cart-illustration{
  border-radius:0!important;
}

/* Reusable dark-blue fantasy texture from the supplied UI set. */
.panel,.categories,.cart,.premium-box,.product,.bundle,.hall-card,.reward,.auth-card{
  background:var(--square-panel-bg);
}

/* Gilded square frame language used across all pages. */
.panel,.categories,.cart,.premium-box,.product,.bundle,.hall-card,.reward,.auth-card,.system-card,.cta{
  position:relative;
  border:1px solid #775522;
  box-shadow:inset 0 0 0 1px rgba(32,73,107,.55),0 12px 30px rgba(0,0,0,.28);
}
.panel:before,.categories:before,.cart:before,.premium-box:before,.product:before,.bundle:before,
.hall-card:before,.reward:before,.auth-card:before,.system-card:before,.cta:before{
  content:"";
  position:absolute;
  left:-1px;top:-1px;
  width:28px;height:28px;
  background:none no-repeat left top/28px 28px;
  pointer-events:none;
  z-index:8;
}
.panel:after,.categories:after,.cart:after,.premium-box:after,.product:after,.bundle:after,
.hall-card:after,.reward:after,.auth-card:after,.system-card:after,.cta:after{
  content:"";
  position:absolute;
  right:-1px;top:-1px;
  width:28px;height:28px;
  background:none no-repeat left top/28px 28px;
  transform:scaleX(-1);
  pointer-events:none;
  z-index:8;
}

/* The tiny supplied frame texture becomes the fine internal line. */
.panel-head,.categories h3,.cart h3,.premium-box h3,.shop-section-title{
  border-bottom:0;
  background-image:none;
  background-repeat:repeat-x;
  background-position:left bottom;
  background-size:auto 2px;
}

/* Supplied 3-piece MMORPG button skin: left cap + repeated center + right cap. */
.btn,.buy,.rank-tabs a{
  min-height:38px;
  border:0!important;
  color:#f5dfad!important;
  text-shadow:0 1px 2px #000;
  background-color:#08233b!important;
  background-image:url('assets/ui-btn-left.png'),url('assets/ui-btn-right.png'),url('assets/ui-btn-center.png')!important;
  background-position:left center,right center,center center!important;
  background-repeat:no-repeat,no-repeat,repeat-x!important;
  background-size:auto 100%,auto 100%,auto 100%!important;
  box-shadow:none!important;
  padding-left:24px!important;
  padding-right:24px!important;
  justify-content:center;
}
.btn:hover,.buy:hover,.rank-tabs a:hover{
  filter:brightness(1.14);
  color:#fff0bf!important;
}
.btn.gold,.rank-tabs a.active{
  color:#ffd66f!important;
}

/* Header also uses square lines and no rounded mobile drawer. */
.site-header{
  border-bottom:1px solid #a37428;
  box-shadow:0 1px 0 rgba(242,192,89,.22);
}
.nav-links a.active{position:relative}
.nav-links a.active:after{
  content:"";position:absolute;left:0;right:0;bottom:-22px;height:2px;
  background:linear-gradient(90deg,transparent,#e4ae45,transparent);
}
.mobile-menu{background-color:#08233b!important}

/* Shop hero: the outer .wrap owns the page alignment; content no longer sticks to viewport edge. */
.hero.shop>.wrap{width:min(1220px,calc(100% - 28px));margin-left:auto;margin-right:auto}
.shop-hero-content{
  width:min(820px,100%);
  max-width:820px;
  margin:0;
  padding:56px 0 30px;
  text-align:left;
}
.hero.shop .shop-hero-content h1{margin-left:0}
.hero.shop .shop-hero-content p{margin-left:0;margin-right:0}
.shop-features{
  max-width:760px;
  gap:0;
  border-top:1px solid rgba(214,158,54,.28);
  padding-top:14px;
}
.shop-features .feature{
  position:relative;
  padding:8px 20px 8px 0;
  margin-right:20px;
}
.shop-features .feature:not(:last-child):after{
  content:"";position:absolute;right:0;top:10%;height:80%;width:2px;
  background:none center/2px 100% repeat-y;
}

/* Shop blocks and toolbar all use the same square visual grammar. */
.shop-layout{gap:12px}
.toolbar{position:relative;gap:10px}
.search{
  border:1px solid #6f5124!important;
  box-shadow:inset 0 0 0 1px #173b59;
}
.search{background:linear-gradient(rgba(7,28,47,.95),rgba(7,28,47,.95)),url('assets/ui-bg-repeat.png')}
.shop-section-title{
  position:relative;
  min-height:36px;
  display:flex;
  align-items:center;
  margin:12px 0 8px;
  padding:5px 34px 8px 10px;
  border-top:1px solid #795722;
  border-left:1px solid #795722;
  border-right:1px solid #795722;
  background-color:rgba(7,27,45,.88);
}
.shop-section-title:before{content:"";position:absolute;left:-1px;top:-1px;width:28px;height:28px;background:none no-repeat/28px 28px;pointer-events:none}
.shop-section-title:after{content:"";position:absolute;right:-1px;top:-1px;width:28px;height:28px;background:none no-repeat/28px 28px;transform:scaleX(-1);pointer-events:none}
.categories h3,.cart h3,.premium-box h3{padding-left:18px}
.cat{border-top:1px solid rgba(40,75,105,.58)}
.cat:hover,.cat.active{background:linear-gradient(90deg,#075aa4,#0a365a 72%,#081f35)}

/* Equal-height shop cards and truly aligned actions. */
.products{align-items:stretch}
.product{padding:9px;min-height:100%;display:flex;flex-direction:column}
.product img{border:1px solid #6f5124}
.product h4{min-height:42px;margin:8px 0 3px;align-items:flex-start}
.product p{min-height:48px;margin-bottom:8px}
.product .price{margin-top:auto;min-height:22px;display:flex;align-items:center;justify-content:center}
.product .buy{margin-top:8px;width:100%}
.bundles{align-items:stretch}
.bundle{display:flex;flex-direction:column;padding:14px}
.bundle h3{min-height:48px}
.bundle ul{flex:1;min-height:100px}
.bundle .price{margin-top:auto;min-height:22px}
.bundle .buy{margin-top:8px;width:100%}

/* Square cards outside shop too. */
.feature-strip .feature{box-shadow:none}
.hero.home .feature{border:0!important}
.system-card{border-color:#775522}
.system-card:after{z-index:0}
.system-card .inner{z-index:2}
.cta:before{z-index:0;background:rgba(5,13,21,.62)}
.cta>*{position:relative;z-index:2}

/* Ranking and register pages inherit the new frame language. */
.rank-tabs{gap:9px}
.auth-card{overflow:hidden}
.auth-login{background-image:none;background-repeat:repeat-x;background-position:left top;background-size:auto 2px;border-top:0}

@media(max-width:1000px){
  .nav-links{border-radius:0!important;border-color:#775522;background:linear-gradient(rgba(5,19,32,.99),rgba(5,19,32,.99)),url('assets/ui-bg-repeat.png')}
  .nav-links a.active:after{display:none}
  .shop-hero-content{padding-top:44px}
}
@media(max-width:650px){
  .hero.shop>.wrap{width:min(100% - 24px,1220px)}
  .shop-hero-content{width:100%;max-width:none;margin:0;padding:34px 0 24px}
  .shop-features .feature{padding-left:4px;padding-right:10px;margin-right:8px}
  .shop-section-title{font-size:15px;padding-left:10px;padding-right:28px}
  .btn,.buy,.rank-tabs a{padding-left:18px!important;padding-right:18px!important}
}

/* =========================================================
   unified Nythoria skin from supplied UI source pieces
   ========================================================= */
:root{
  --site-width:1500px;
  --ny-edge:#d39b36;
  --ny-edge-soft:#765625;
  --ny-blue:#071a2b;
  --ny-blue-2:#09243c;
  --ny-surface:linear-gradient(rgba(6,24,40,.96),rgba(4,18,31,.98)),url('assets/ui-bg-repeat.png');
}

.wrap{width:min(var(--site-width),calc(100% - 40px));}
.site-header .wrap{width:min(var(--site-width),calc(100% - 40px));}

/* Crisp square geometry — no rounded cards anywhere in the game UI. */
.panel,.news-card,.mini-stat,.event,.system-card,.cta,.categories,.cart,.premium-box,
.search,.product,.product img,.bundle,.rank-tabs a,.hall-card,.hall-card img,.reward,
.reward img,.auth-card,.register-form input[type="text"],.register-form input[type="email"],
.register-form input[type="password"],.mobile-menu,.tag,.avatar,.class-icon{border-radius:0!important}

/* Major panels: textured fill + fine gold frame made from the supplied edge pieces. */
.panel,.categories,.cart,.premium-box,.bundle,.auth-card{
  background:
    none left top/10px 8px repeat-x,
    none left bottom/10px 8px repeat-x,
    none left top/8px 10px repeat-y,
    none right top/8px 10px repeat-y,
    var(--ny-surface)!important;
  border:0!important;
  box-shadow:inset 0 0 28px rgba(0,0,0,.22),0 12px 30px rgba(0,0,0,.24)!important;
  position:relative;
}
.panel::before,.categories::before,.cart::before,.premium-box::before,.bundle::before,.auth-card::before{
  content:"";position:absolute;left:0;top:0;width:28px;height:28px;z-index:6;pointer-events:none;
  background:none center/28px 28px no-repeat;transform:scaleY(-1);
}
.panel::after,.categories::after,.cart::after,.premium-box::after,.bundle::after,.auth-card::after{
  content:"";position:absolute;right:0;top:0;width:28px;height:28px;z-index:6;pointer-events:none;
  background:none center/28px 28px no-repeat;transform:scale(-1);
}

/* Smaller cards stay clean; only a thin forged border and small corner accents. */
.product,.news-card,.system-card,.hall-card,.reward{
  position:relative;
  background:linear-gradient(rgba(8,28,46,.96),rgba(5,20,34,.98)),url('assets/ui-bg-repeat.png')!important;
  border:1px solid #5f4928!important;
  box-shadow:inset 0 0 0 1px rgba(27,64,92,.65),0 8px 18px rgba(0,0,0,.2)!important;
}
.product::before,.news-card::before,.system-card::before,.hall-card::before,.reward::before{
  content:"";position:absolute;left:-1px;top:-1px;width:18px;height:18px;z-index:5;pointer-events:none;
  background:none center/18px 18px no-repeat;transform:scaleY(-1);
}
.product::after,.news-card::after,.system-card::after,.hall-card::after,.reward::after{
  content:"";position:absolute;right:-1px;top:-1px;width:18px;height:18px;z-index:5;pointer-events:none;
  background:none center/18px 18px no-repeat;transform:scale(-1);
}

/* Panel headers use the supplied horizontal line instead of bulky corner graphics. */
.panel-head,.categories h3,.cart h3,.premium-box h3,.shop-section-title{
  background-color:rgba(5,24,40,.88)!important;
  background-image:none!important;
  background-repeat:repeat-x!important;
  background-position:left bottom!important;
  background-size:10px 8px!important;
  border:0!important;
  min-height:44px;
}
.panel-head{padding:12px 18px 14px}
.categories h3,.cart h3,.premium-box h3{padding:13px 18px 15px}

/* Three-piece buttons assembled exactly like the standalone live UI preview.
   The ornamental caps sit outside the repeatable centre, so they never get
   squashed, tiled or covered by the label. Margins reserve their real width. */
.btn,.buy,.rank-tabs a{
  --btn-h:51px;
  --btn-left-w:calc(var(--btn-h) * 53 / 51);
  --btn-right-w:calc(var(--btn-h) * 45 / 51);
  position:relative!important;
  isolation:isolate;
  height:var(--btn-h)!important;
  min-height:var(--btn-h)!important;
  margin-left:var(--btn-left-w)!important;
  margin-right:var(--btn-right-w)!important;
  border:0!important;
  border-radius:0!important;
  background:url('assets/ui-btn-center.png') center/auto var(--btn-h) repeat-x!important;
  color:#eef6ff!important;
  text-shadow:0 2px 2px #000,0 0 7px #2476bd!important;
  box-shadow:none!important;
  padding:0 10px!important;
  display:inline-grid!important;
  place-items:center!important;
  text-decoration:none!important;
  font:700 14px/1 Georgia,"Times New Roman",serif!important;
  letter-spacing:.035em;
  white-space:nowrap;
  cursor:pointer;
  transition:filter 140ms ease,transform 80ms ease;
}
.btn::before,.buy::before,.rank-tabs a::before,
.btn::after,.buy::after,.rank-tabs a::after{
  content:"";position:absolute;top:0;height:var(--btn-h);z-index:-1;pointer-events:none;
  background-repeat:no-repeat;background-size:100% var(--btn-h)
}
.btn::before,.buy::before,.rank-tabs a::before{
  right:100%;width:var(--btn-left-w);background-image:url('assets/ui-btn-left.png')
}
.btn::after,.buy::after,.rank-tabs a::after{
  left:100%;width:var(--btn-right-w);background-image:url('assets/ui-btn-right.png')
}
.btn:hover,.btn:focus-visible,.buy:hover,.buy:focus-visible,.rank-tabs a:hover,.rank-tabs a:focus-visible{
  filter:brightness(1.28) saturate(1.22) drop-shadow(0 0 8px rgba(22,140,255,.5));outline:0
}
.btn:focus-visible,.buy:focus-visible,.rank-tabs a:focus-visible{box-shadow:inset 0 0 0 2px #bfe6ff!important}
.btn:active,.buy:active,.rank-tabs a:active{transform:translateY(2px);filter:brightness(.9)}
.btn:disabled,.buy:disabled{filter:grayscale(1) brightness(.65);cursor:not-allowed}
.btn.gold,.rank-tabs a.active{color:#ffd56e!important}
.hero-actions{flex-wrap:wrap}
.nav-actions .btn{font-size:12px!important}
.product .buy{--btn-h:35px;width:calc(100% - var(--btn-left-w) - var(--btn-right-w));margin-top:8px!important;font-size:11px!important;}
.bundle .buy{--btn-h:38px;width:calc(100% - var(--btn-left-w) - var(--btn-right-w));font-size:11px!important}
.event .btn{--btn-h:34px;font-size:11px!important}
.auth-submit,.premium-box .btn{width:calc(100% - var(--btn-left-w) - var(--btn-right-w))!important}

/* Header is wider and calmer: artwork stays on buttons, navigation stays readable. */
.site-header{height:72px;border-bottom:0!important;background:#04111e!important;box-shadow:0 1px 0 #8b6428,0 2px 0 #132d45!important}
.nav{gap:24px}
.brand{font-size:30px}
.nav-links{gap:23px}
.nav-links a{font-size:12px}
.nav-links a.active::after{bottom:-25px}

/* Hero sections: maintain generous desktop alignment and avoid left-edge sticking. */
.hero.home{min-height:475px}
.hero.shop{min-height:380px}
.hero.shop>.wrap{width:min(var(--site-width),calc(100% - 40px))!important}
.shop-hero-content{width:min(860px,64vw)!important;max-width:860px!important;padding:58px 0 34px!important;margin:0!important;text-align:left!important}
.hero.shop h1{font-size:58px!important;line-height:.98!important;margin:0 0 4px!important;white-space:nowrap}
.hero.shop h2{font-size:30px!important;line-height:1.05!important;margin:0 0 11px!important;white-space:nowrap}
.hero.shop p{margin:0 0 20px!important;max-width:680px!important;font-size:16px!important}

/* Feature strips remain unboxed, as requested previously. */
.hero.home .feature,.hero.shop .feature{
  background:transparent!important;border:0!important;box-shadow:none!important;padding:8px 10px!important
}
.hero.home .feature::before,.hero.home .feature::after,.hero.shop .feature::before{display:none!important}
.shop-features{max-width:720px!important;border-top:0!important;padding-top:4px!important;margin-top:17px!important}
.shop-features .feature{margin-right:0!important;position:relative}
.shop-features .feature:not(:last-child)::after{
  content:""!important;display:block!important;position:absolute!important;right:0!important;top:15%!important;width:8px!important;height:70%!important;
  background:none center/8px 10px repeat-y!important;opacity:.8
}

/* Home layout: wider and closer to the original mockups. */
.page{margin-top:-18px}
.grid.cols-2{grid-template-columns:minmax(0,2.35fr) minmax(320px,.9fr);gap:14px}
.news-grid{gap:12px}
.systems{gap:14px}
.system-card{min-height:150px}
.cta{border:1px solid #725426!important;box-shadow:inset 0 0 0 1px rgba(33,68,96,.65)!important;background:url('assets/world-hero-2.webp') center 56%/cover!important}
.cta::before{background:linear-gradient(90deg,rgba(4,14,24,.68),rgba(4,14,24,.42))!important}

/* Shop: more breathing room, strong but not overdecorated framing. */
.shop-layout{grid-template-columns:220px minmax(0,1fr) 250px;gap:14px}
.toolbar{gap:10px;margin-bottom:10px}
.search{min-height:42px;background:#071c2f!important;border:1px solid #6c5229!important;box-shadow:inset 0 0 0 1px #173d5b!important;padding:11px 13px!important}
.toolbar .btn{--btn-h:42px;min-width:190px}
.shop-section-title{
  position:relative;display:flex;align-items:center;margin:12px 0 8px;padding:7px 14px 12px!important;
  color:#f1bd52!important;font-size:18px!important
}
.shop-section-title::before,.shop-section-title::after{display:none!important}
.categories{overflow:hidden}
.cat{padding:11px 15px;border-top:1px solid rgba(33,67,92,.72)}
.cat:hover,.cat.active{background:linear-gradient(90deg,#0c5da1 0,#0b416d 72%,rgba(8,31,51,.4) 100%)}
.products{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:stretch}
.product{padding:10px;display:flex;flex-direction:column;min-width:0}
.product img{width:100%;aspect-ratio:1.36/1;object-fit:cover;border:1px solid #6a512b!important;box-shadow:inset 0 0 0 1px rgba(29,64,91,.6)}
.product h4{min-height:42px;margin:9px 0 3px;font-size:15px;line-height:1.18;display:flex;align-items:flex-start;justify-content:center}
.product p{min-height:48px;margin:0 0 7px;font-size:11px;line-height:1.35}
.product .price{margin-top:auto;min-height:22px;display:flex;align-items:center;justify-content:center}
.bundles{gap:11px;align-items:stretch}
.bundle{padding:16px 14px 14px;display:flex;flex-direction:column}
.bundle h3{min-height:48px;margin:0;color:#f4cc6f;font-size:18px}
.bundle ul{flex:1;min-height:104px;margin:9px 0 10px;padding-left:18px}
.bundle .price{margin-top:auto;min-height:22px}
.cart-illustration{border-radius:0!important;border:1px solid #644d28;width:94px;height:94px}

/* Ranking / register inherit the same cleaner language. */
.rank-tabs{gap:10px}
.rank-tabs a{--btn-h:42px;min-width:155px}
.auth-card{padding:38px}
.auth-login{border-top:0!important;background:none top left/10px 8px repeat-x!important;padding-top:24px!important}

.footer{margin-top:18px;background:#04101b;border-top:1px solid #20384b}

@media(max-width:1250px){
  :root{--site-width:1180px}
  .shop-layout{grid-template-columns:190px minmax(0,1fr) 220px}
  .nav-links{gap:15px}.nav{gap:18px}.nav-links a{font-size:11px}
  .products{gap:8px}.product{padding:8px}
}

@media(max-width:1000px){
  .wrap,.site-header .wrap,.hero.shop>.wrap{width:min(100% - 24px,var(--site-width))!important}
  .site-header{height:64px}
  .nav-actions .btn.ghost{display:none!important}
  .nav-actions .btn{--btn-h:36px;font-size:10px!important;}
  .nav-links{background:var(--ny-surface)!important;border:1px solid #7a5a29!important}
  .nav-links::before,.nav-links::after{display:none!important}
  .hero.home{min-height:430px}
  .hero.shop{min-height:390px}
  .shop-hero-content{width:min(760px,100%)!important;max-width:760px!important;padding:44px 0 26px!important}
  .hero.shop h1{font-size:48px!important}
  .hero.shop h2{font-size:26px!important}
  .grid.cols-2{grid-template-columns:1fr}
  .shop-layout{grid-template-columns:1fr}
  .categories{display:grid;grid-template-columns:repeat(3,1fr)}
  .categories h3{grid-column:1/-1}
  .categories>div{display:none}
  .shop-side{display:grid;grid-template-columns:1fr 1fr;gap:12px}.premium-box{margin-top:0}
}

@media(max-width:760px){
  .wrap,.site-header .wrap,.hero.shop>.wrap{width:min(100% - 18px,var(--site-width))!important}
  .brand{font-size:22px}.nav{gap:10px}.nav-actions{margin-left:auto}
  .nav-actions .btn{--btn-h:34px;font-size:9px!important;}
  .hero.home{min-height:430px}.hero-content{padding-top:45px}
  .hero h1{font-size:52px}.hero h2{font-size:25px}
  .feature-strip{grid-template-columns:repeat(5,1fr);gap:0}.feature{font-size:9px!important}.feature b{font-size:19px}
  .hero.shop{min-height:420px;background-position:42% center}
  .shop-hero-content{padding:34px 0 22px!important;width:100%!important}
  .hero.shop h1{font-size:40px!important;white-space:normal}
  .hero.shop h2{font-size:22px!important;white-space:normal}
  .hero.shop p{font-size:14px!important;max-width:92%!important}
  .shop-features{grid-template-columns:repeat(3,1fr)!important}.shop-features .feature{font-size:8px!important;padding-inline:5px!important}
  .toolbar{flex-direction:column}.toolbar .btn{width:calc(100% - var(--btn-left-w) - var(--btn-right-w));min-width:0}
  .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .bundles{grid-template-columns:1fr}
  .categories{grid-template-columns:repeat(2,1fr)}
  .shop-side{grid-template-columns:1fr}
  .rank-tabs{display:grid!important;grid-template-columns:1fr 1fr!important}.rank-tabs a{min-width:0;width:calc(100% - var(--btn-left-w) - var(--btn-right-w))}
  .footer .row{flex-direction:column;text-align:center}
}

@media(max-width:480px){
  .hero.home .feature-strip{grid-template-columns:repeat(3,1fr);row-gap:8px}
  .products{grid-template-columns:1fr 1fr}
  .product h4{font-size:14px}
  .categories{grid-template-columns:1fr 1fr}.cat{font-size:11px;padding:10px}
}

/* =========================================================
   v8 — whole button centers, four real corners, matched lines
   Center tile is 51×51 and must stay whole. Two tiles may sit
   side by side; the graphic is never cropped or squashed, so
   its edges keep meeting the side ornaments.
   ========================================================= */
:root{
  --btn-h:51px;
  --btn-tile:51px;
  --btn-left-w:53px;
  --btn-right-w:45px;
}

.btn,.buy,.rank-tabs a{
  --btn-h:51px;
  --btn-tile:51px;
  --btn-left-w:53px;
  --btn-right-w:45px;
  position:relative!important;
  isolation:isolate;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  flex-shrink:0!important;
  align-self:center;
  width:max-content;
  min-width:var(--btn-tile)!important;
  max-width:none!important;
  height:var(--btn-h)!important;
  min-height:var(--btn-h)!important;
  margin:0 var(--btn-right-w) 0 var(--btn-left-w)!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background-color:transparent!important;
  background-image:url('assets/ui-btn-center.png')!important;
  background-repeat:repeat-x!important;
  background-size:var(--btn-tile) var(--btn-h)!important;
  background-position:left center!important;
  background-origin:border-box!important;
  background-clip:border-box!important;
  color:#eef6ff!important;
  text-shadow:0 2px 2px #000,0 0 7px #2476bd!important;
  box-shadow:none!important;
  font:700 13px/1 Georgia,"Times New Roman",serif!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  cursor:pointer;
  vertical-align:middle;
}
.btn::before,.buy::before,.rank-tabs a::before,
.btn::after,.buy::after,.rank-tabs a::after{
  content:""!important;
  position:absolute!important;
  top:0!important;
  bottom:auto!important;
  height:var(--btn-h)!important;
  transform:none!important;
  pointer-events:none!important;
  z-index:1;
  background-repeat:no-repeat!important;
  background-color:transparent!important;
}
.btn::before,.buy::before,.rank-tabs a::before{
  right:100%!important;
  left:auto!important;
  width:var(--btn-left-w)!important;
  background-image:url('assets/ui-btn-left.png')!important;
  background-size:var(--btn-left-w) var(--btn-h)!important;
  background-position:left center!important;
}
.btn::after,.buy::after,.rank-tabs a::after{
  left:100%!important;
  right:auto!important;
  width:var(--btn-right-w)!important;
  background-image:url('assets/ui-btn-right.png')!important;
  background-size:var(--btn-right-w) var(--btn-h)!important;
  background-position:left center!important;
}
.btn:hover,.btn:focus-visible,.buy:hover,.buy:focus-visible,.rank-tabs a:hover,.rank-tabs a:focus-visible{
  filter:brightness(1.18) saturate(1.12);
  outline:0;
}
.btn:active,.buy:active,.rank-tabs a:active{transform:translateY(1px)}
.btn.gold,.rank-tabs a.active{color:#ffd56e!important}
.nav-actions .btn,.product .buy,.bundle .buy,.event .btn,.toolbar .btn,.rank-tabs a,.auth-submit,.premium-box .btn,.cart .btn{
  --btn-h:51px!important;
  --btn-tile:51px!important;
  --btn-left-w:53px!important;
  --btn-right-w:45px!important;
  height:51px!important;
  min-height:51px!important;
  font-size:12px!important;
}
.hero-actions,.nav-actions,.rank-tabs{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:center;
  gap:12px 14px!important;
}
.hero-actions{justify-content:center}
.nav-actions{justify-content:flex-end;flex-wrap:nowrap!important}
.rank-tabs a{min-width:0!important}
.product,.bundle{align-items:stretch}
.product .buy,.bundle .buy{align-self:center}
.cart .body,.premium-box .body{text-align:center}
.product .buy,.bundle .buy,.auth-submit,.premium-box .btn,.cart .btn,.toolbar .btn{
  width:max-content!important;
}
.auth-card .register-form{align-items:stretch}
.auth-submit{align-self:center}

/* Four corners plus edge strips. Right and bottom strips are mirrored
   so the highlight stays on the outside and meets the corner art. */
.panel,.categories,.cart,.premium-box,.bundle,.auth-card,
.product,.news-card,.hall-card,.reward,.system-card{
  position:relative;
  overflow:visible!important;
}
.panel,.categories,.cart,.premium-box,.bundle,.auth-card{
  background:var(--ny-surface)!important;
  border:0!important;
}
.product,.news-card,.hall-card,.reward{
  border:0!important;
  background:linear-gradient(rgba(8,28,46,.96),rgba(5,20,34,.98)),url('assets/ui-bg-repeat.png')!important;
}
.system-card{
  border:0!important;
  background:var(--card-img) center/cover no-repeat!important;
}
.panel::before,.categories::before,.cart::before,.premium-box::before,.bundle::before,.auth-card::before,
.product::before,.news-card::before,.hall-card::before,.reward::before,.system-card::before,
.cta::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:auto!important;
  height:auto!important;
  transform:none!important;
  pointer-events:none!important;
  z-index:6!important;
  background-image:
    none,
    none,
    none,
    none,
    none,
    none,
    none,
    none!important;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat-x,repeat-x,repeat-y,repeat-y!important;
  background-position:left top,right top,left bottom,right bottom,left top,left bottom,left top,right top!important;
  background-size:28px 28px,28px 28px,28px 28px,28px 28px,10px 8px,10px 8px,8px 10px,8px 10px!important;
}
.panel::after,.categories::after,.cart::after,.premium-box::after,.bundle::after,.auth-card::after,
.product::after,.news-card::after,.hall-card::after,.reward::after{
  content:none!important;
}
.system-card::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  transform:none!important;
  pointer-events:none!important;
  z-index:1!important;
  background:linear-gradient(90deg,rgba(4,12,20,.92),rgba(4,12,20,.38))!important;
}
.system-card .inner{position:relative;z-index:2;padding:18px 18px 18px 36px!important;width:78%}
.cta{
  border:0!important;
  overflow:hidden;
}
.cta::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  transform:none!important;
  z-index:1!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(4,14,24,.7),rgba(4,14,24,.42))!important;
}
.cta>*{position:relative;z-index:2}
.panel-head,.categories h3,.cart h3,.premium-box h3{
  position:relative;
  z-index:2;
  flex-wrap:wrap;
  padding:14px 34px 16px!important;
  min-height:52px;
}
.panel-body{padding:14px 16px 18px}
.panel>.rank-list{padding:2px 16px 18px}
.news-card .copy{padding:12px 16px 18px}
.product{padding:14px 18px 20px!important}
.product img{border:0!important}
.product .tag{z-index:7}
.bundle{padding:28px 22px 20px!important}
.cart .body,.premium-box .body{padding:16px 14px 18px}
.shop-layout{grid-template-columns:220px minmax(0,1fr) minmax(290px,320px)!important}
.products{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))!important}
.bundles{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important}

@media(max-width:1250px){
  .shop-layout{grid-template-columns:190px minmax(0,1fr) minmax(270px,300px)!important}
  .nav-actions{flex-wrap:nowrap!important}
}
@media(max-width:1000px){
  .nav-actions .btn,.product .buy,.event .btn,.toolbar .btn,.rank-tabs a{
    --btn-h:51px!important;--btn-tile:51px!important;height:51px!important;min-height:51px!important;font-size:12px!important
  }
  .rank-tabs{display:flex!important;grid-template-columns:none!important}
  .rank-tabs a{width:max-content!important}
  .shop-side{align-items:start}
}
@media(max-width:760px){
  .site-header{height:auto!important}
  .nav{flex-wrap:wrap!important;row-gap:8px}
  .nav-actions{flex:1 0 auto!important;margin-left:auto!important}
  .nav-actions .btn,.product .buy,.event .btn,.toolbar .btn,.rank-tabs a{
    --btn-h:51px!important;--btn-tile:51px!important;height:51px!important;min-height:51px!important;font-size:12px!important;padding:0!important
  }
  .toolbar{align-items:center}
  .toolbar .btn{width:max-content!important;min-width:0!important}
  .rank-tabs{display:flex!important;grid-template-columns:none!important}
  .rank-tabs a{width:max-content!important;min-width:0!important}
}
@media(max-width:480px){
  .products{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))!important}
}

/* v9 — account menu, shop API, admin */
.account-menu{position:relative}
.account-drop{display:none;position:absolute;right:0;top:100%;padding-top:10px;min-width:200px;background:transparent;border:0;z-index:90}
.account-menu.open .account-drop{display:block}
.account-drop a{display:block;padding:11px 14px;color:#e7eef5;text-decoration:none;border-bottom:1px solid #173247;font-weight:700;font-size:13px}
.account-drop a:hover{background:linear-gradient(90deg,rgba(243,181,63,.16),transparent);color:var(--gold)}
.shop-msg{min-height:22px;color:var(--red);font-weight:700;margin:0 0 8px}
.shop-msg.ok{color:var(--green)}
.shop-coins{color:var(--gold);font-weight:800;padding:10px 13px;border-bottom:1px solid #29455d}
.cart-line{text-align:left;padding:8px 0;border-bottom:1px solid #173247;color:#dbe4eb}
.cart-line a{color:var(--gold)}
.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.account-grid b{display:block;color:#9db0c2;font-size:11px;letter-spacing:.6px}
.data-table.head,.data-table.r{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:8px 0;border-top:1px solid #173247;align-items:center}
.data-table.head{color:#8fa5b6;font-size:11px;border-top:0;font-weight:800}
.admin-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.admin-form textarea,.admin-form select{display:block;width:100%;margin-top:7px;background:#071827;border:1px solid #38536b;color:#eef4f7;padding:12px 13px}
.admin-pre{white-space:pre-wrap;background:#071827;border:1px solid #29455d;padding:12px;color:#c5d4e0;max-height:360px;overflow:auto}
.wh-pager a{margin-right:8px;color:var(--gold);text-decoration:none;font-weight:800}
.wh-pager a.active{color:#fff}
@media(max-width:650px){
  .account-grid{grid-template-columns:1fr 1fr}
  .nav-actions .account-toggle{font-size:10px;padding:0 8px}
}

.account-menu{position:relative;z-index:90}
.account-identity{
  display:flex;flex-direction:column;align-items:flex-end;gap:1px;
  background:transparent;border:0;color:#f6ead3;cursor:pointer;padding:6px 10px;
  font:700 13px/1.2 Georgia,serif;text-align:right;text-decoration:none;
  pointer-events:auto;
}
.account-identity .account-name{color:#fff1d5;font-size:14px;letter-spacing:.3px}
.account-identity .account-coins{color:var(--gold);font-size:12px;font-weight:800}
.account-drop{
  display:none;position:absolute;right:0;top:100%;min-width:180px;padding-top:8px;
  background:transparent;border:0;z-index:95;
}
.account-drop-inner{
  background:#0b1c2c;border:1px solid #7b5a28;padding:8px;
  box-shadow:0 16px 40px rgba(0,0,0,.45);
}
.account-menu:hover .account-drop,.account-menu.open .account-drop{display:block}
.account-drop a{display:block;color:#e9d8b1;text-decoration:none;padding:8px 10px;font-weight:800}
.account-drop a:hover{background:#13283c;color:#ffd66f}
.admin-form{
  display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;align-items:start;
}
.admin-form label{display:flex;flex-direction:column;gap:6px;color:#e9d8b1;font-size:11px;font-weight:900;letter-spacing:.6px}
.admin-form input,.admin-form select,.admin-form textarea{
  width:100%;min-height:42px;box-sizing:border-box;background:#071827;border:1px solid #38536b;color:#eef4f7;padding:10px 12px;
}
.admin-form textarea{min-height:140px;font:13px/1.4 Consolas,monospace}
.admin-form .span-2{grid-column:1 / -1}
.admin-checks{display:flex;gap:18px;align-items:center}
.admin-table.head,.admin-table.r{
  display:grid;grid-template-columns:1.1fr 1.4fr .6fr 1.2fr auto;gap:10px;align-items:center;
  padding:10px 4px;border-top:1px solid #173247;
}
.admin-table.head{border-top:0;color:#8fa5b6;font-size:11px;font-weight:800}
.admin-table .actions{display:flex;gap:8px;justify-content:flex-end}
.admin-form textarea,.admin-form select{margin-top:0!important}
.admin-checks .check-row{display:flex;align-items:center;gap:8px;flex-direction:row!important}
.admin-checks .check-row input{width:auto;min-height:0;margin:0}
.ui-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none;position:relative}
.ui-switch input{position:absolute;opacity:0;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;appearance:none;-webkit-appearance:none}
.ui-switch .ui-switch-img{width:58px;height:30px;object-fit:contain;display:block;pointer-events:none;flex:0 0 auto}
.admin-checks .ui-switch{margin-right:8px}
@media(max-width:800px){
  .admin-form{grid-template-columns:1fr}
  .admin-table.head,.admin-table.r{grid-template-columns:1fr 1fr; }
}

/* v11 — 3-part buttons join: left | repeating center | right, no overlap */
:root{
  --btn-h:36px;
  --btn-tile:36px;
  --btn-left-w:37px;
  --btn-right-w:32px;
}
.btn,.buy,.rank-tabs a{
  --btn-h:51px;
  --btn-tile:102px;
  --btn-left-w:53px;
  --btn-right-w:53px;
  height:var(--btn-h)!important;
  min-height:var(--btn-h)!important;
  margin:0!important;
  padding:0 var(--btn-right-w) 0 var(--btn-left-w)!important;
  background-color:transparent!important;
  background-image:url('assets/ui-btn-center.png')!important;
  background-repeat:repeat-x!important;
  background-position:left center!important;
  background-origin:content-box!important;
  background-clip:content-box!important;
  background-size:var(--btn-tile) var(--btn-h)!important;
}
.btn::before,.buy::before,.rank-tabs a::before,
.btn::after,.buy::after,.rank-tabs a::after{
  content:""!important;
  display:block!important;
}

/* v11 wins: 3-part slice is defined above. Shop spacing only. */
.shop-main{padding-top:4px}
.shop-section-title{
  margin:22px 0 14px!important;
  border:0!important;
  background-image:none!important;
  min-height:0!important;
  padding:0 0 6px!important;
}
.shop-section-title:before,.shop-section-title:after{content:none!important}
.product{
  padding:16px 16px 18px!important;
  min-height:0!important;
}
.product .product-thumb,.product img{
  width:100%!important;
  height:132px!important;
  max-height:132px!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block;
}
.product h4{min-height:0!important;margin:10px 0 6px}
.product p{min-height:40px!important}
.products{gap:16px!important}
.bundles{gap:16px!important;margin-top:8px}
.categories .cat{padding:11px 14px}
.shop-coins{padding:12px 16px}
.page{padding-bottom:56px}
.hero.shop{min-height:300px}
@media(max-width:1000px){
  .shop-layout{gap:16px!important}
  .product .product-thumb,.product img{height:120px!important;max-height:120px!important}
}
@media(max-width:650px){
  .btn,.buy,.rank-tabs a{white-space:nowrap!important}
  .nav-actions{gap:18px!important}
  .product .product-thumb,.product img{height:110px!important}
}

.nav-actions.is-pending{visibility:hidden;min-width:168px;min-height:38px}
.admin-modal-backdrop{position:fixed;inset:0;background:rgba(2,8,14,.72);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow:auto}
.admin-modal{width:min(880px,100%);max-height:min(88vh,900px);overflow:auto;background:linear-gradient(rgba(6,24,40,.98),rgba(4,18,31,.98)),url('assets/ui-bg-repeat.png');border:1px solid #7b5a28;padding:28px 24px 22px;position:relative}
.admin-modal h3{margin:0 0 12px;color:#ffe2a2;font-family:Georgia,serif}
.admin-modal .admin-form{grid-template-columns:1fr 1fr}
.admin-name{color:#f6ead3;font-weight:800}
.admin-table a{color:inherit;text-decoration:none}
.account-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.warehouse-table{display:flex;flex-direction:column;gap:0;margin:8px 0 16px}
.warehouse-row{display:grid;grid-template-columns:70px minmax(0,1fr) 110px 140px;gap:10px;align-items:center;padding:10px 4px;border-top:1px solid #173247}
.warehouse-row .wh-status{color:#c9d6e2;font-weight:800}
.btn:hover,.buy:hover,.rank-tabs a:hover{
  filter:none;
}

/* v14 — quieter supplied corners/lines */
.panel,.categories,.cart,.premium-box,.bundle,.auth-card,.admin-modal{
  background-image:
    none,
    none,
    none,
    none,
    linear-gradient(rgba(6,24,40,.96),rgba(4,18,31,.98)),
    url('assets/ui-bg-repeat.png')!important;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,repeat!important;
  background-position:left top,right top,left bottom,right bottom,center,center!important;
  background-size:auto 28px,auto 28px,auto 28px,auto 28px,cover,auto!important;
  border:1px solid #7a5a28;
  filter:none!important;
}
.panel::before,.categories::before,.cart::before,.premium-box::before,.bundle::before,.auth-card::before,
.panel::after,.categories::after,.cart::after,.premium-box::after,.bundle::after,.auth-card::after{
  content:none!important;display:none!important;
}
.btn:hover,.buy:hover,.rank-tabs a:hover{
  filter:brightness(1.12) saturate(1.1)!important;
  box-shadow:none!important;
}
.buy,.product .buy,.bundle .buy{white-space:nowrap;}
.nav-actions.is-pending{visibility:visible;min-width:168px;min-height:38px}
.lang-switch{display:flex;gap:6px;margin-right:8px;font-weight:800}
.lang-switch a{color:#c9d6e2;text-decoration:none;font-size:12px}
.lang-switch a.active{color:var(--gold)}
.dev-banner{text-align:center;color:#f3e2c1;margin:8px 0 16px;font-family:Georgia,serif}
.dev-banner small{display:block;color:#9db0c2;font:600 13px/1.4 Inter,sans-serif;margin-top:4px}

/* v17 — ui-corner + ui-line frames, button caps, themed controls */
.toolbar{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.toolbar .btn{min-width:0}
.panel,.categories,.cart,.premium-box,.bundle,.auth-card,.product,.news-card,.hall-card,.reward,.admin-modal,.cta{
  position:relative;
  overflow:visible!important;
  border:0!important;
  background-color:transparent!important;
  background-image:linear-gradient(rgba(6,24,40,.96),rgba(4,18,31,.98)),url('assets/ui-bg-repeat.png')!important;
  background-repeat:no-repeat,repeat!important;
  background-position:center,center!important;
  background-size:cover,auto!important;
  filter:none!important;
}
.system-card{
  position:relative;
  overflow:visible!important;
  border:0!important;
  background-image:linear-gradient(90deg,rgba(4,12,20,.92),rgba(4,12,20,.38)),var(--card-img)!important;
  background-repeat:no-repeat,no-repeat!important;
  background-position:center,center!important;
  background-size:cover,cover!important;
  filter:none!important;
}
.panel::before,.categories::before,.cart::before,.premium-box::before,.bundle::before,.auth-card::before,
.product::before,.news-card::before,.hall-card::before,.reward::before,.system-card::before,.cta::before,.cta::after,
.panel::after,.categories::after,.cart::after,.premium-box::after,.bundle::after,.auth-card::after,
.product::after,.news-card::after,.hall-card::after,.reward::after,.system-card::after{
  content:none!important;display:none!important;background:none!important;
}
.btn,.buy,.rank-tabs a{
  padding:0 var(--btn-right-w) 0 var(--btn-left-w)!important;
  margin:0!important;
  background-clip:content-box!important;
  background-origin:content-box!important;
  box-shadow:none!important;
}
.btn::before,.buy::before,.rank-tabs a::before{
  left:0!important;right:auto!important;z-index:3!important;
}
.btn::after,.buy::after,.rank-tabs a::after{
  right:0!important;left:auto!important;z-index:3!important;
}
.btn:hover,.btn:focus-visible,.buy:hover,.buy:focus-visible,.rank-tabs a:hover,.rank-tabs a:focus-visible{
  filter:brightness(1.14) saturate(1.08) drop-shadow(0 0 8px rgba(70,170,255,.45))!important;
  box-shadow:none!important;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
select,textarea{
  background:#071c2f!important;
  border:1px solid #6c5229!important;
  color:#e8f0f8!important;
  min-height:40px;
  padding:8px 12px!important;
  font:600 14px/1.3 Inter,Segoe UI,sans-serif!important;
  border-radius:0!important;
  outline:0;
  appearance:none;
  -webkit-appearance:none;
}
select{
  background-image:linear-gradient(45deg,transparent 50%,#d4a84a 50%),linear-gradient(135deg,#d4a84a 50%,transparent 50%),linear-gradient(rgba(7,28,47,.95),rgba(7,28,47,.95))!important;
  background-position:calc(100% - 16px) 16px,calc(100% - 11px) 16px,0 0!important;
  background-size:6px 6px,6px 6px,auto!important;
  background-repeat:no-repeat!important;
  padding-right:28px!important;
}
input:focus,select:focus,textarea:focus{border-color:#d9a43e!important}
.ny-modal-back{position:fixed;inset:0;background:rgba(2,8,14,.78);z-index:240;display:flex;align-items:center;justify-content:center;padding:20px}
.ny-modal{width:min(720px,100%);max-height:88vh;overflow:auto;padding:22px 20px}
.ny-modal h3{margin:0 0 12px;color:#ffe2a2;font-family:Georgia,serif}
.ny-modal .admin-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ny-modal .span-2{grid-column:1/-1}
.ny-tabs{display:flex;gap:8px;margin:0 0 14px;flex-wrap:wrap}
.pager{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.news-card a{color:inherit;text-decoration:none}
.news-article{padding:24px}

/* =========================================================
   v19 — frames (ui-corner + ui-line), 3-part buttons, modal scroll,
   pending auth, account/roadmap/input polish
   ========================================================= */
.panel,.categories,.cart,.premium-box,.bundle,.auth-card,.product,.news-card,.hall-card,.reward,.admin-modal,.ny-modal{
  position:relative!important;
  overflow:visible!important;
  border:0!important;
  filter:none!important;
  background-color:transparent!important;
  background-image:linear-gradient(rgba(6,24,40,.96),rgba(4,18,31,.98)),url('assets/ui-bg-repeat.png')!important;
  background-repeat:no-repeat,repeat!important;
  background-position:center,center!important;
  background-size:cover,auto!important;
  box-shadow:none!important;
}
.system-card{
  position:relative!important;
  overflow:visible!important;
  border:0!important;
  filter:none!important;
  background-image:linear-gradient(90deg,rgba(4,12,20,.88),rgba(4,12,20,.34)),var(--card-img)!important;
  background-repeat:no-repeat,no-repeat!important;
  background-position:center,center!important;
  background-size:cover,cover!important;
}
.cta{
  position:relative!important;
  overflow:visible!important;
  border:0!important;
  filter:none!important;
  background-image:linear-gradient(90deg,rgba(4,14,24,.7),rgba(4,14,24,.42)),url('assets/world-hero-2.webp')!important;
  background-repeat:no-repeat,no-repeat!important;
  background-position:center,center 56%!important;
  background-size:cover,cover!important;
}
.panel::before,.categories::before,.cart::before,.premium-box::before,.bundle::before,.auth-card::before,
.product::before,.news-card::before,.hall-card::before,.reward::before,.system-card::before,.cta::before,
.panel::after,.categories::after,.cart::after,.premium-box::after,.bundle::after,.auth-card::after,
.product::after,.news-card::after,.hall-card::after,.reward::after,.system-card::after,.cta::after{
  content:none!important;display:none!important;background:none!important;
}
.panel-head,.categories h3,.cart h3,.premium-box h3,.shop-section-title{
  background-image:none!important;
  background-color:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
  position:relative;z-index:2;
  padding:16px 32px 10px!important;
}
.panel-body{position:relative;z-index:2;padding:8px 22px 22px}
.ny-frame{
  position:absolute;inset:0;z-index:1;pointer-events:none;overflow:visible;
}
.ny-frame i{display:block;margin:0;padding:0;font:0/0 a;border:0}
.ny-frame .ny-c{
  position:absolute;
  background-repeat:no-repeat;
  background-position:0 0;
  transform:none;
}
.ny-frame .ny-tl{
  left:0;top:0;width:33px;height:32px;
  background-image:url('assets/ui_corner_top_left.png');
  background-size:33px 32px;
}
.ny-frame .ny-tr{
  right:0;top:0;width:32px;height:33px;
  background-image:url('assets/ui_corner_top_right.png');
  background-size:32px 33px;
}
.ny-frame .ny-bl{
  left:0;bottom:0;width:32px;height:33px;
  background-image:url('assets/ui_corner_bottom_left.png');
  background-size:32px 33px;
}
.ny-frame .ny-br{
  right:0;bottom:0;width:33px;height:32px;
  background-image:url('assets/ui_corner_bottom_right.png');
  background-size:33px 32px;
}
.ny-frame .ny-ln{position:absolute}
.ny-frame .ny-top,.ny-frame .ny-bot{
  left:32px;right:32px;height:5px;
  background:url('assets/ui-line-h.png') repeat-x 0 0/auto 100%;
}
.ny-frame .ny-top{top:0}
.ny-frame .ny-bot{bottom:0}
.ny-frame .ny-left,.ny-frame .ny-right{
  top:32px;bottom:32px;width:5px;
  background:url('assets/ui-line-v.png') repeat-y 0 0/100% auto;
}
.ny-frame .ny-left{left:0}
.ny-frame .ny-right{right:0}

:root{
  --btn-h:51px;
  --btn-left-w:53px;
  --btn-right-w:53px;
  --btn-tile:102px;
}
.btn,.buy,.rank-tabs a{
  --btn-h:51px;
  --btn-left-w:53px;
  --btn-right-w:53px;
  --btn-tile:102px;
  position:relative!important;
  isolation:isolate;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:var(--btn-h)!important;
  min-height:var(--btn-h)!important;
  margin:0!important;
  padding-left:var(--btn-left-w)!important;
  padding-right:var(--btn-right-w)!important;
  padding-top:0!important;
  padding-bottom:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  background-color:transparent!important;
  background-image:url('assets/ui-btn-center.png')!important;
  background-repeat:repeat-x!important;
  background-position:left center!important;
  background-size:var(--btn-tile) var(--btn-h)!important;
  background-origin:content-box!important;
  background-clip:content-box!important;
  box-shadow:none!important;
  filter:none;
  color:#eef6ff!important;
  text-shadow:0 2px 2px #000,0 0 7px #2476bd!important;
  font:700 13px/1 Georgia,"Times New Roman",serif!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  cursor:pointer;
}
.btn::before,.buy::before,.rank-tabs a::before,
.btn::after,.buy::after,.rank-tabs a::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:0!important;bottom:0!important;
  height:auto!important;
  pointer-events:none!important;
  z-index:3!important;
  transform:none!important;
  background-repeat:no-repeat!important;
  background-color:transparent!important;
}
.btn::before,.buy::before,.rank-tabs a::before{
  left:0!important;right:auto!important;
  width:var(--btn-left-w)!important;
  background-image:url('assets/ui-btn-left.png')!important;
  background-size:100% 100%!important;
  background-position:left center!important;
  background-origin:padding-box!important;
  background-clip:padding-box!important;
}
.btn::after,.buy::after,.rank-tabs a::after{
  right:0!important;left:auto!important;
  width:var(--btn-right-w)!important;
  background-image:url('assets/ui-btn-right.png')!important;
  background-size:100% 100%!important;
  background-position:right center!important;
  background-origin:padding-box!important;
  background-clip:padding-box!important;
}
.btn:hover,.btn:focus-visible,.buy:hover,.buy:focus-visible,.rank-tabs a:hover,.rank-tabs a:focus-visible{
  filter:brightness(1.12) saturate(1.08) drop-shadow(0 0 6px rgba(70,170,255,.55))!important;
  box-shadow:none!important;
  outline:0;
}
.btn:active,.buy:active,.rank-tabs a:active{transform:translateY(1px);filter:brightness(.92)!important}
.btn.gold,.rank-tabs a.active{color:#ffd56e!important}
.btn:disabled,.buy:disabled{filter:grayscale(1) brightness(.65)!important;cursor:not-allowed}

.nav-actions.is-pending{
  visibility:visible!important;
  min-width:220px;
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.nav-actions.is-pending > *{visibility:hidden!important}
.nav-actions.is-pending::after{
  content:"";
  display:block;
  width:148px;height:10px;
  background:linear-gradient(90deg,#123047,#1d4a6a,#123047);
  opacity:.55;
}
.nav-actions:not(.is-pending)::after{content:none;display:none}

.ny-modal-back{
  position:fixed;inset:0;z-index:240;
  display:flex;align-items:center;justify-content:center;
  padding:16px;overflow:hidden;
  background:rgba(2,8,14,.78);
}
.ny-modal,.admin-modal.ny-modal,.ny-modal.panel,.admin-modal-backdrop .admin-modal,.ny-modal-back .admin-modal{
  width:min(880px,calc(100vw - 32px));
  max-height:min(86vh,920px);
  display:flex!important;
  flex-direction:column;
  overflow:hidden!important;
  padding:18px 16px 12px!important;
}
.ny-modal-head,.ny-modal > h3{
  flex:0 0 auto;
  margin:4px 18px 8px!important;
  position:relative;z-index:2;
}
.ny-modal-scroll{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  position:relative;z-index:2;
  padding:4px 18px 8px;
}
.ny-modal-scroll .span-2:last-child,
.ny-modal-scroll .ny-modal-foot{
  position:sticky;
  bottom:0;
  z-index:4;
  margin:0;
  padding:14px 0 6px;
  background:linear-gradient(180deg,rgba(6,24,40,0),rgba(6,24,40,.94) 28%,rgba(4,18,31,.98));
}

.toolbar{gap:12px;align-items:center}
.pager{gap:12px;align-items:center;margin-top:14px;padding:8px 4px}
.pager .btn:disabled{opacity:.45;pointer-events:none}

input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
select,textarea,.search,.admin-form input,.admin-form select,.admin-form textarea,
.register-form input[type="text"],.register-form input[type="email"],.register-form input[type="password"]{
  background:#071c2f!important;
  border:1px solid #6c5229!important;
  color:#e8f0f8!important;
  min-height:40px;
  padding:8px 12px!important;
  font:600 14px/1.3 Inter,Segoe UI,sans-serif!important;
  border-radius:0!important;
  outline:0;
  appearance:none;
  -webkit-appearance:none;
  box-shadow:inset 0 0 0 1px rgba(23,61,91,.55);
}
input:hover,select:hover,textarea:hover,.search:hover{
  border-color:#8a6a32!important;
}
input:focus,select:focus,textarea:focus,.search:focus{
  border-color:#d9a43e!important;
  box-shadow:inset 0 0 0 1px rgba(217,164,62,.25),0 0 8px rgba(217,164,62,.18)!important;
}
select{
  background-image:linear-gradient(45deg,transparent 50%,#d4a84a 50%),linear-gradient(135deg,#d4a84a 50%,transparent 50%),linear-gradient(#071c2f,#071c2f)!important;
  background-position:calc(100% - 16px) 16px,calc(100% - 11px) 16px,0 0!important;
  background-size:6px 6px,6px 6px,auto!important;
  background-repeat:no-repeat!important;
  padding-right:28px!important;
  cursor:pointer;
}
.toolbar select,.pager select,#gc-ps{
  min-width:72px;
  height:40px;
}

.account-page{display:flex;flex-direction:column;gap:16px;padding-top:8px}
.account-page .account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.account-page .account-grid > div{
  padding:12px 14px;
  background:rgba(7,28,47,.55);
  border:1px solid rgba(107,82,36,.35);
}
.account-page .account-grid b{display:block;color:#9db0c2;font-size:11px;letter-spacing:.7px;margin-bottom:4px}
.account-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.data-table.head,.data-table.r{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:10px 8px;align-items:center;
  border-top:1px solid #173247;
}
.data-table.head{border-top:0;color:#8fa5b6;font-size:11px;font-weight:800}
.roadmap-page .roadmap-item{padding:14px 0;border-top:1px solid #173247}
.roadmap-page .roadmap-item:first-child{border-top:0;padding-top:0}
.roadmap-item-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.roadmap-item-head h3{margin:0;color:#ffe2a2;font-family:Georgia,serif}
.roadmap-bar{height:8px;background:#102536;margin-top:8px}
.roadmap-bar span{display:block;height:8px;background:#e5a43b}
.roadmap-meta{color:#9db0c2;font-size:12px;font-weight:800;margin-top:6px}
@media(max-width:800px){
  .account-page .account-grid{grid-template-columns:1fr 1fr}
}
.ny-modal-back,
.admin-modal-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:400!important;
  isolation:isolate;
  overflow:hidden!important;
}
.ny-modal-back .ny-frame,
.admin-modal-backdrop .ny-frame{
  z-index:1;
}

.nav-actions .btn,.toolbar .btn,.product .buy,.bundle .buy,.cart .btn,.premium-box .btn,.auth-submit,.event .btn,.hero-actions .btn{
  padding-left:var(--btn-left-w)!important;
  padding-right:var(--btn-right-w)!important;
  padding-top:0!important;
  padding-bottom:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background-color:transparent!important;
  background-image:url('assets/ui-btn-center.png')!important;
  background-repeat:repeat-x!important;
  background-position:left center!important;
  background-size:var(--btn-tile) var(--btn-h)!important;
  background-origin:content-box!important;
  background-clip:content-box!important;
}
.toolbar .btn,.toolbar{border:0!important;box-shadow:none!important;background-color:transparent!important}
.product,.product img,.product .product-thumb{
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
}
.account-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;align-items:center}
.account-page .panel{margin:0}