: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{padding:9px 9px;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:url('assets/ui-corner.png') 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:url('assets/ui-corner.png') 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:url('assets/ui-frame.png');
  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:url('assets/ui-frame.png') 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,.toolbar .btn{
  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:url('assets/ui-corner.png') no-repeat/28px 28px;pointer-events:none}
.shop-section-title:after{content:"";position:absolute;right:-1px;top:-1px;width:28px;height:28px;background:url('assets/ui-corner.png') 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:url('assets/ui-frame.png');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}
}

/* =========================================================
   v6 — refined 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-v6.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:
    url('assets/ui-frame-horizontal-v6.png') left top/10px 8px repeat-x,
    url('assets/ui-frame-horizontal-v6.png') left bottom/10px 8px repeat-x,
    url('assets/ui-frame-v6.png') left top/8px 10px repeat-y,
    url('assets/ui-frame-v6.png') 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:url('assets/ui-corner-v6.png') 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:url('assets/ui-corner-v6.png') 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-v6.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:url('assets/ui-corner-v6.png') 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:url('assets/ui-corner-v6.png') 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:url('assets/ui-frame-horizontal-v6.png')!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-v6.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-v6.png')
}
.btn::after,.buy::after,.rank-tabs a::after{
  left:100%;width:var(--btn-right-w);background-image:url('assets/ui-btn-right-v6.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{--btn-h:38px;font-size:12px!important;padding-inline:8px!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;padding-inline:4px!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:url('assets/ui-frame-v6.png') 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:url('assets/ui-frame-horizontal-v6.png') 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;padding-inline:7px!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;padding-inline:6px!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-v6.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-v6.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-v6.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-v6.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:
    url('assets/ui-corner-tl-v6.png'),
    url('assets/ui-corner-tr-v6.png'),
    url('assets/ui-corner-v6.png'),
    url('assets/ui-corner-br-v6.png'),
    url('assets/ui-frame-horizontal-v6.png'),
    url('assets/ui-frame-bottom-v6.png'),
    url('assets/ui-frame-v6.png'),
    url('assets/ui-frame-right-v6.png')!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:calc(100% + 6px);min-width:200px;background:rgba(8,22,36,.98);border:1px solid #7b5a28;z-index:90;box-shadow:0 16px 40px rgba(0,0,0,.45)}
.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:calc(100% + 6px);min-width:180px;
  background:#0b1c2c;border:1px solid #7b5a28;padding:8px;z-index:95;
}
.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}
@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:36px;
  --btn-tile:36px;
  --btn-left-w:37px;
  --btn-right-w:32px;
  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-left-v6.png'),url('assets/ui-btn-right-v6.png'),url('assets/ui-btn-center-v6.png')!important;
  background-repeat:no-repeat,no-repeat,repeat-x!important;
  background-position:left center,right center,left center!important;
  background-origin:padding-box,padding-box,content-box!important;
  background-clip:padding-box,padding-box,content-box!important;
  background-size:var(--btn-left-w) var(--btn-h),var(--btn-right-w) var(--btn-h),var(--btn-tile) var(--btn-h)!important;
}
.btn::before,.buy::before,.rank-tabs a::before,
.btn::after,.buy::after,.rank-tabs a::after{
  content:none!important;
  display:none!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}
}