/* L2BAZA v1.5 — unified dark fantasy design system */
:root{
  --l2-bg:#05080b;
  --l2-bg2:#080d12;
  --l2-panel:#0c1218;
  --l2-panel2:#101720;
  --l2-line:#2c2115;
  --l2-line2:#5f421e;
  --l2-gold:#c99343;
  --l2-gold2:#e4bd75;
  --l2-gold3:#7d5528;
  --l2-text:#eee8dd;
  --l2-muted:#9c9a96;
  --l2-purple:#8a4ed3;
  --l2-green:#79c66a;
  --l2-red:#d76562;
  --l2-shadow:0 18px 50px rgba(0,0,0,.48);
  --l2-inset:inset 0 0 0 1px rgba(226,183,111,.035);
}
html{background:var(--l2-bg);scroll-behavior:smooth}
body.l2-v15{margin:0;background:
  radial-gradient(circle at 50% -10%,rgba(164,104,39,.13),transparent 38%),
  linear-gradient(180deg,#05080b 0,#081019 46%,#05080b 100%);color:var(--l2-text);font-family:Arial,Helvetica,sans-serif;min-height:100vh}
body.l2-v15::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:
  linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),
  linear-gradient(rgba(255,255,255,.008) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 78%,transparent)}
body.l2-v15 a{transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}
body.l2-v15 h1,body.l2-v15 h2,body.l2-v15 h3,body.l2-v15 h4,.brand-main{font-family:Georgia,"Times New Roman",serif}
body.l2-v15 .container{width:min(1320px,94vw)}

/* header */
.l2-v15 .site-header{height:70px;background:rgba(4,7,10,.97);border-bottom:1px solid rgba(152,102,43,.4);box-shadow:0 8px 30px rgba(0,0,0,.35);backdrop-filter:blur(14px)}
.l2-v15 .header-inner{min-height:70px;height:70px;gap:22px;padding:0 2px}
.l2-v15 .brand{display:flex;align-items:center;gap:9px;min-width:250px}
.l2-v15 .brand-crest{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(219,159,65,.26))}
.l2-v15 .brand-copy{display:flex;flex-direction:column}
.l2-v15 .brand-main{font-size:31px;line-height:1;color:#e5bc76;letter-spacing:.5px;text-shadow:0 0 18px rgba(203,144,62,.15)}
.l2-v15 .brand-sub{font-size:8px;color:#a69c8c;margin-top:4px;letter-spacing:.55px}
.l2-v15 .main-nav{gap:23px;justify-content:center}
.l2-v15 .main-nav a{font-size:12px;font-weight:700;letter-spacing:.2px;color:#e7e4de;white-space:nowrap;position:relative;padding:27px 0}
.l2-v15 .main-nav a::after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:2px;background:linear-gradient(90deg,#856029,#e2b561,#856029);transition:.18s ease}
.l2-v15 .main-nav a:hover{color:var(--l2-gold2)}
.l2-v15 .main-nav a:hover::after{left:0;right:0}
.l2-v15 .header-actions{gap:8px}
.l2-v15 .icon-btn{width:38px;height:38px;border:0;background:transparent;color:#f6f2eb;font-size:22px;display:grid;place-items:center;padding:0}
.l2-v15 .notification-icon{position:relative}.l2-v15 .notification-icon b{position:absolute;right:-1px;top:1px;min-width:16px;height:16px;padding:0 3px;border-radius:8px;background:#a51f21;color:#fff;font:700 9px/16px Arial}
.l2-v15 .account-link{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 10px;border-left:1px solid #2c241c;color:#e7d5b8}.l2-v15 .account-link:hover{color:#fff}.l2-v15 .account-link span:last-child{display:flex;flex-direction:column}.l2-v15 .account-link b{font-size:11px}.l2-v15 .account-link small{font-size:8px;color:#8f8b83;margin-top:2px}.l2-v15 .account-glyph{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid #735126;background:#15100a;color:#e9bf75}
.l2-v15 .login-button,.l2-v15 .add-server-button{min-height:38px;height:38px}
.l2-v15 .menu-toggle{border:1px solid #504029;background:#0b1015;color:#e8c07a}

/* shared buttons and form controls */
.l2-v15 .btn{min-height:39px;padding:0 17px;border-radius:2px;font-size:11px;font-weight:700;letter-spacing:.25px;text-transform:uppercase;box-shadow:0 8px 20px rgba(0,0,0,.22);position:relative;overflow:hidden}
.l2-v15 .btn::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 36%,rgba(255,255,255,.08) 46%,transparent 57%);transform:translateX(-130%);transition:transform .45s ease;pointer-events:none}.l2-v15 .btn:hover::after{transform:translateX(130%)}
.l2-v15 .btn-gold{color:#fff4df;border:1px solid #bb8740;background:linear-gradient(180deg,#c39048 0,#9a6428 46%,#6c431c 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 8px 20px rgba(62,39,13,.28)}
.l2-v15 .btn-gold:hover{filter:brightness(1.12);border-color:#e0b76f;transform:translateY(-1px)}
.l2-v15 .btn-ghost{color:#e8e4dc;border:1px solid #3c4550;background:linear-gradient(180deg,#111820,#091017)}
.l2-v15 .btn-ghost:hover{border-color:#785a31;color:#f2c77c}
.l2-v15 input,.l2-v15 select,.l2-v15 textarea{color:#eee9df;background:#091017;border:1px solid #29313a;border-radius:2px;outline:none}.l2-v15 input:focus,.l2-v15 select:focus,.l2-v15 textarea:focus{border-color:#8d642f;box-shadow:0 0 0 2px rgba(185,128,55,.08)}

/* shared fantasy surfaces */
.l2-v15 .ornate-surface,.l2-v15 .ornate-shell,
.l2-v15 .panel,.l2-v15 .catalog-side-panel,.l2-v15 .server-side-panel,.l2-v15 .finder-side-panel,
.l2-v15 .content-side-panel,.l2-v15 .rating-nav-panel,.l2-v15 .rating-info-panel,.l2-v15 .rating-table-panel,
.l2-v15 .compare-table-card,.l2-v15 .compare-recommend-panel,.l2-v15 .compare-selector,
.l2-v15 .server-section,.l2-v15 .month-calendar-panel,.l2-v15 .article-body,
.l2-v15 .admin-panel,.l2-v15 .auth-card,.l2-v15 .wallet-balance-card,.l2-v15 .wallet-history-panel,
.l2-v15 .payment-order-card,.l2-v15 .ads-product-grid,.l2-v15 .pro-section,.l2-v15 .analytics-pro-panel{
  position:relative;background:linear-gradient(180deg,rgba(14,21,28,.98),rgba(7,12,17,.98));border:1px solid #4d3922;box-shadow:var(--l2-shadow),var(--l2-inset)}
.l2-v15 .ornate-surface::before,.l2-v15 .ornate-shell::before,.l2-v15 .panel::before,.l2-v15 .catalog-side-panel::before,.l2-v15 .server-side-panel::before,.l2-v15 .server-section::before,.l2-v15 .rating-table-panel::before,.l2-v15 .month-calendar-panel::before{content:"";position:absolute;inset:5px;border:1px solid rgba(220,164,87,.06);pointer-events:none}
.l2-v15 .section-line-head,.l2-v15 .block-head,.l2-v15 .rating-section-head{border-bottom:1px solid rgba(119,83,37,.3);padding-bottom:8px}
.l2-v15 .section-line-head h2,.l2-v15 .block-head h2,.l2-v15 .rating-section-head h2{color:#d7a85e;font-weight:400;text-shadow:0 0 14px rgba(212,151,61,.08)}
.l2-v15 .eyebrow,.l2-v15 .content-eyebrow,.l2-v15 .finder-kicker,.l2-v15 .rating-kicker,.l2-v15 .cms-kicker{color:#d7a459;letter-spacing:1.8px;font-weight:700}
.l2-v15 .breadcrumbs{color:#777d82;font-size:11px}.l2-v15 .breadcrumbs a{color:#a39d91}.l2-v15 .breadcrumbs b{color:#d5b379}

/* home hero — reference composition */
.l2-v15 .hero-section{min-height:470px;border-bottom:1px solid #2c2015;background:
  linear-gradient(180deg,rgba(4,7,10,.06),rgba(4,7,10,.16) 47%,rgba(4,8,12,.87) 83%,#060a0e 100%),
  url('../img/hero-banner-v1.png') center 16%/cover no-repeat}
.l2-v15 .hero-section.takeover-active{background-image:linear-gradient(180deg,rgba(4,7,10,.05),rgba(4,7,10,.18) 50%,#060a0e 100%),var(--takeover-cover),url('../img/hero-banner-v1.png')}
.l2-v15 .hero-overlay{background:radial-gradient(ellipse at center,transparent 0 34%,rgba(2,5,8,.24) 69%,rgba(2,5,8,.7) 100%)}
.l2-v15 .hero-inner{padding-top:76px;padding-bottom:20px}
.l2-v15 .hero-copy{max-width:790px;margin:0 auto 28px;text-align:center;background:transparent;border:0;padding:0;backdrop-filter:none}
.l2-v15 .hero-copy h1{font-size:51px;line-height:1.03;margin:0;color:#e5bf80;font-weight:400;letter-spacing:1px;text-shadow:0 3px 24px #000}
.l2-v15 .hero-copy p{font:400 14px/1.45 Georgia,serif;color:#f1e8da;margin:10px 0 0;text-shadow:0 2px 16px #000;letter-spacing:.25px}
.l2-v15 .finder{max-width:860px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1.1fr 1.15fr 170px;gap:10px;padding:11px;border:1px solid #60441f;background:rgba(5,9,13,.94);box-shadow:0 18px 40px rgba(0,0,0,.52)}
.l2-v15 .finder label{font-size:9px;color:#c99b57;letter-spacing:.7px}.l2-v15 .finder select{height:39px;margin-top:6px;font-size:11px;padding:0 10px}.l2-v15 .finder .btn{height:43px;align-self:end}
.l2-v15 .quick-tags{padding-top:11px;gap:7px}.l2-v15 .quick-tags button{height:29px;padding:0 14px;border:1px solid #3a2d20;background:#081017;color:#cabda9;font-size:10px;border-radius:2px}.l2-v15 .quick-tags button:hover{color:#efbd6d;border-color:#7a5728;background:#0d1217}
.l2-v15 .takeover-sponsor{position:absolute;top:10px;right:0;display:flex;gap:10px;align-items:center;background:rgba(6,10,14,.88);border:1px solid #6f512d;padding:8px 12px;font-size:10px}.l2-v15 .takeover-sponsor span{color:#c89443}.l2-v15 .takeover-sponsor a{color:#f0bc66}

/* home content */
.l2-v15 .content-layout{grid-template-columns:minmax(0,1fr) 282px;gap:18px;padding-top:13px;padding-bottom:20px}
.l2-v15 .main-column .block{margin-bottom:14px}.l2-v15 .block-head{margin-bottom:8px}.l2-v15 .block-head h2{font-size:22px}.l2-v15 .block-head a{font-size:10px;color:#b99b74}
.l2-v15 .calendar-box{grid-template-columns:180px 1fr;border:1px solid #49351f;background:#081017}.l2-v15 .calendar-month{min-height:82px;border-right:1px solid #332719;background:#0c1218;font-size:18px;color:#d5a55b}.l2-v15 .calendar-day{min-height:82px}.l2-v15 .calendar-day span{font-size:10px}.l2-v15 .calendar-day strong{font-size:27px;margin:7px 0 4px}.l2-v15 .calendar-day em{font-size:15px}.l2-v15 .calendar-day.active{box-shadow:inset 0 0 0 1px #8e642e;background:linear-gradient(180deg,#23180d,#101419)}
.l2-v15 .cards-grid{grid-template-columns:repeat(3,1fr);gap:10px}
.l2-v15 .server-card{min-height:300px;padding:0 11px 11px;border:1px solid #4e3921;background:#080e13;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.l2-v15 .server-card::before{inset:4px}.l2-v15 .server-poster{height:120px;margin:0 -11px 13px;background:linear-gradient(180deg,rgba(4,7,10,.08),rgba(4,7,10,.78)),var(--card-cover) center/cover no-repeat}.l2-v15 .server-logo{margin-top:-67px;min-height:59px;font-size:31px;text-shadow:0 3px 16px #000}.l2-v15 .server-card .chip-row{margin-bottom:9px}.l2-v15 .server-card .chip-row span{padding:5px 7px;font-size:9px}.l2-v15 .server-card .opening{font-size:12px;margin:9px 0}.l2-v15 .server-card .meta-row,.l2-v15 .server-card .stat-row{padding:8px 0;font-size:10px}.l2-v15 .server-card .btn{min-height:31px;font-size:9px;padding:0 9px}.l2-v15 .vip-label{font-size:9px;padding:4px 8px}
.l2-v15 .featured-card{min-height:150px;grid-template-columns:220px 1fr 170px;gap:14px;padding:14px;border-color:#60451f;background:linear-gradient(90deg,#0b1117,#0a1016 63%,#171007)}.l2-v15 .featured-card::after{background:linear-gradient(90deg,rgba(4,7,10,.28),rgba(4,7,10,.86)),var(--featured-cover,url('../img/hero-banner-v1.png')) 18% center/cover no-repeat;opacity:.52}.l2-v15 .featured-illustration{min-height:120px;position:relative;z-index:1}.l2-v15 .featured-logo{font-size:35px}.l2-v15 .featured-logo span{font-size:15px}.l2-v15 .featured-body{padding-top:13px}.l2-v15 .featured-body h3{font-size:24px;margin-bottom:8px}.l2-v15 .featured-body p{font-size:11px;line-height:1.45;margin:7px 0}.l2-v15 .feature-row{font-size:10px;margin-top:9px}.l2-v15 .metric-line{font-size:15px}.l2-v15 .metric-line b{font-size:17px}
.l2-v15 .table-wrap{border-color:#49351f}.l2-v15 .server-row{padding:9px 13px;font-size:10px;grid-template-columns:1.7fr .85fr .55fr .8fr 1fr .55fr}.l2-v15 .table-head{font-size:8px}.l2-v15 .table-more{padding:9px}
.l2-v15 .sidebar{display:block}.l2-v15 .side-nav{border:1px solid #533d22}.l2-v15 .side-nav a{padding:12px 13px;font-size:10px}.l2-v15 .side-nav a.active{background:linear-gradient(90deg,#341f0e,#0a1117)}.l2-v15 .panel{padding:13px 14px;margin-bottom:10px}.l2-v15 .panel h3{font-size:19px;margin-bottom:6px}.l2-v15 .panel p{font-size:10px;line-height:1.45;margin-bottom:8px}.l2-v15 .panel-art{height:83px;margin:4px auto 7px}.l2-v15 .notify-art{height:74px}.l2-v15 .bonus-art{height:90px}.l2-v15 .panel .btn{min-height:31px;font-size:9px}.l2-v15 .notify-icons{margin:8px 0}.l2-v15 .notify-icons span{width:30px;height:30px;font-size:12px}.l2-v15 .top-list{gap:7px}.l2-v15 .top-list li{font-size:10px;padding-bottom:7px}.l2-v15 .top-index{width:20px;height:20px;font-size:9px}
.l2-v15 .premium-opening-day,.l2-v15 .paid-home-banner{background:#070c11}.l2-v15 .opening-day-card,.l2-v15 .paid-home-banner-card{border:1px solid #5a4021;background:#0b1117}

/* universal hero system for all public pages */
.l2-v15 .catalog-hero,.l2-v15 .rating-hero,.l2-v15 .finder-hero,.l2-v15 .compare-hero,.l2-v15 .content-hero,.l2-v15 .knowledge-hero,.l2-v15 .news-hero,.l2-v15 .calendar-hero-page,.l2-v15 .subhero,.l2-v15 .ads-hero{
  position:relative;border-bottom:1px solid #44311d;background:
  linear-gradient(90deg,rgba(4,7,10,.93) 0,rgba(4,7,10,.45) 48%,rgba(4,7,10,.77) 100%),
  url('../img/hero-banner-v1.png') center 43%/cover no-repeat;overflow:hidden}
.l2-v15 .catalog-hero::after,.l2-v15 .rating-hero::after,.l2-v15 .finder-hero::after,.l2-v15 .compare-hero::after,.l2-v15 .content-hero::after,.l2-v15 .calendar-hero-page::after,.l2-v15 .subhero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 54%,rgba(4,8,12,.92));pointer-events:none}
.l2-v15 .catalog-hero>.container,.l2-v15 .rating-hero-inner,.l2-v15 .finder-hero-grid,.l2-v15 .compare-hero-grid,.l2-v15 .content-hero-inner,.l2-v15 .calendar-hero-page>.container,.l2-v15 .subhero>.container{position:relative;z-index:1}
.l2-v15 .catalog-hero,.l2-v15 .calendar-hero-page{padding:38px 0 33px}.l2-v15 .catalog-hero-row h1,.l2-v15 .calendar-page-head h1,.l2-v15 .compare-hero h1,.l2-v15 .finder-hero h1,.l2-v15 .rating-hero h1,.l2-v15 .content-hero h1,.l2-v15 .subhero h1{color:#e3bc77;font-weight:400;text-shadow:0 3px 18px #000;letter-spacing:.5px}
.l2-v15 .catalog-hero-row p,.l2-v15 .calendar-page-head p,.l2-v15 .compare-hero p,.l2-v15 .finder-hero p,.l2-v15 .rating-hero p,.l2-v15 .content-hero p{color:#d3cec4}
.l2-v15 .catalog-count{border:1px solid #51391f;background:rgba(6,10,14,.76);box-shadow:0 12px 28px rgba(0,0,0,.28)}.l2-v15 .catalog-count strong{color:#e3b264}

/* catalog */
.l2-v15 .catalog-shell{padding-top:14px;padding-bottom:34px}.l2-v15 .catalog-status-tabs{border:1px solid #45311c;background:#091017;gap:0}.l2-v15 .catalog-status-tabs a{border-right:1px solid #2b241c;color:#aaa79f;font-size:10px}.l2-v15 .catalog-status-tabs a.active{background:linear-gradient(180deg,#442a12,#17120d);color:#edc279}.l2-v15 .catalog-filter-panel{border:1px solid #4d3820;background:#0b1117;box-shadow:var(--l2-shadow);padding:13px;gap:9px}.l2-v15 .catalog-filter-panel label{font-size:9px;color:#d0a660}.l2-v15 .catalog-filter-panel input,.l2-v15 .catalog-filter-panel select{height:39px;margin-top:5px;font-size:10px}.l2-v15 .catalog-toolbar{border-bottom:1px solid #332619;color:#a6a49d}.l2-v15 .view-switch a{border:1px solid #34383d;background:#0b1117;color:#aaa}.l2-v15 .view-switch a.active{border-color:#7a5729;color:#e9bb6d;background:#171108}
.l2-v15 .catalog-layout{grid-template-columns:minmax(0,1fr) 260px;gap:15px}.l2-v15 .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.l2-v15 .catalog-card{border:1px solid #4f3a21;background:#081017;box-shadow:0 14px 30px rgba(0,0,0,.36);overflow:hidden}.l2-v15 .catalog-card-art{height:124px;background:linear-gradient(180deg,rgba(4,7,10,.14),rgba(4,7,10,.82)),var(--card-cover) center/cover no-repeat}.l2-v15 .catalog-card-art span{width:54px;height:54px;border:1px solid #94703b;background:rgba(6,9,12,.82);display:grid;place-items:center;margin:auto;color:#e6b866;font:400 28px Georgia}.l2-v15 .catalog-card-body{padding:12px}.l2-v15 .catalog-card-title h3{font-size:20px}.l2-v15 .catalog-opening{color:#e2b76b}.l2-v15 .catalog-meta,.l2-v15 .catalog-stats{font-size:10px}.l2-v15 .catalog-card-actions{gap:7px}.l2-v15 .catalog-card .btn{font-size:9px;min-height:32px}.l2-v15 .catalog-promo{background:linear-gradient(180deg,#d5aa5c,#81541d);color:#1a1006}
.l2-v15 .catalog-list{border:1px solid #45331f;background:#091017}.l2-v15 .catalog-list-row{border-bottom:1px solid #242b31;background:linear-gradient(180deg,#0c1218,#080e13)}.l2-v15 .list-emblem{border:1px solid #6d4e29;background:#151109;color:#e1b163}
.l2-v15 .catalog-sidebar .catalog-side-panel{padding:14px;margin-bottom:10px}.l2-v15 .catalog-side-panel h3{font-size:17px;color:#d8a95d}.l2-v15 .mini-openings a{border-bottom:1px solid #27231d}.l2-v15 .mini-openings time{color:#e0ad5a}

/* server detail */
.l2-v15 .server-page-hero{min-height:330px;background:
  linear-gradient(90deg,rgba(4,7,10,.88),rgba(4,7,10,.32) 50%,rgba(4,7,10,.8)),
  var(--server-custom-cover,url('../img/hero-banner-v1.png')) center/cover no-repeat;border-bottom:1px solid #503820}
.l2-v15 .server-page-overlay{background:linear-gradient(180deg,rgba(5,8,11,.05),rgba(5,8,11,.25) 60%,#070b0f 100%)}
.l2-v15 .server-hero-content{padding-top:30px;padding-bottom:24px}.l2-v15 .server-hero-grid{grid-template-columns:240px 1fr 260px;gap:26px}.l2-v15 .project-emblem{width:190px;height:190px;background:radial-gradient(circle,rgba(191,134,54,.12),transparent 65%);border:1px solid rgba(148,103,46,.48);display:grid;place-items:center}.l2-v15 .project-emblem img{max-width:150px;max-height:150px;filter:drop-shadow(0 12px 24px rgba(0,0,0,.45))}.l2-v15 .promo-ribbon{color:#e7bb70;background:#6a451d;border:1px solid #bd8840}.l2-v15 .project-wordmark{font-size:17px;color:#bf9e69}.l2-v15 .server-summary h1{font-size:46px;color:#efe3cc;font-weight:400}.l2-v15 .server-tag-row span,.l2-v15 .server-feature-inline span{border:1px solid #3b3328;background:rgba(7,11,15,.78);color:#d9d2c5}.l2-v15 .server-hero-stats{border-left:1px solid #4a3823;background:rgba(5,9,13,.62);padding:18px}.l2-v15 .server-hero-stats strong{color:#e7bb6b}.l2-v15 .aden-score-mini{border-top:1px solid #372b1e}.l2-v15 .server-page-layout{grid-template-columns:minmax(0,1fr) 285px;gap:17px;padding-top:14px}.l2-v15 .server-tabs{border:1px solid #49351f;background:#0a1117}.l2-v15 .server-tabs a{color:#a9a59d;border-right:1px solid #28231d}.l2-v15 .server-tabs a.active{color:#e0b15f;background:linear-gradient(180deg,#25190d,#101319)}.l2-v15 .server-section{padding:18px;margin-bottom:12px}.l2-v15 .server-section h2{color:#d9a95c}.l2-v15 .server-about p,.l2-v15 .server-bullets,.l2-v15 .server-specs{color:#c9c5bc}.l2-v15 .server-specs>div{border-bottom:1px solid #252a2e}.l2-v15 .advantage-grid{gap:9px}.l2-v15 .advantage-card{border:1px solid #392f23;background:#0a1016}.l2-v15 .adv-icon{color:#dca854}.l2-v15 .server-gallery-main{border:1px solid #5b4121;background:linear-gradient(180deg,rgba(4,7,10,.1),rgba(4,7,10,.45)),url('../img/hero-banner-v1.png') center/cover no-repeat}.l2-v15 .review-item,.l2-v15 .similar-card,.l2-v15 .seo-related-card{border:1px solid #322a20;background:#091017}.l2-v15 .review-score{color:#e9b453}.l2-v15 .server-sidebar .server-side-panel{padding:15px;margin-bottom:10px}.l2-v15 .server-side-panel h3{color:#dba95a}.l2-v15 .countdown>div{border:1px solid #4f3920;background:#0b1117}.l2-v15 .countdown b{color:#e8b35f}.l2-v15 .btn-discord{background:linear-gradient(180deg,#6652ad,#3b2d78);border-color:#7d6bc0}.l2-v15 .btn-telegram{background:linear-gradient(180deg,#3a85bb,#225b86);border-color:#4c94c4}

/* rating */
.l2-v15 .rating-hero{padding:35px 0 28px}.l2-v15 .rating-hero-inner{grid-template-columns:1fr 520px;gap:24px}.l2-v15 .rating-hero h1{font-size:43px}.l2-v15 .rating-hero-stats>div{border:1px solid #4b3620;background:rgba(7,11,15,.7)}.l2-v15 .rating-podium{align-items:end}.l2-v15 .podium-card{border:1px solid #503820;background:linear-gradient(180deg,rgba(17,22,28,.96),rgba(7,11,15,.98));box-shadow:0 15px 35px rgba(0,0,0,.35)}.l2-v15 .podium-card.place-1{border-color:#b68036;transform:translateY(-9px)}.l2-v15 .podium-emblem,.l2-v15 .ranking-server-mark{background:url('../img/brand-crest.png') center/75% no-repeat,#0d1116;color:transparent;border:1px solid #5b4225}.l2-v15 .rating-layout{grid-template-columns:240px minmax(0,1fr);gap:15px}.l2-v15 .rating-nav-panel,.l2-v15 .rating-info-panel{padding:14px}.l2-v15 .rating-nav-panel a{border-bottom:1px solid #24221e;color:#bbb7af}.l2-v15 .rating-nav-panel a.active{color:#e2b15f;background:#171108}.l2-v15 .rating-category-card{border:1px solid #49351f;background:linear-gradient(180deg,#10161d,#081017);box-shadow:0 12px 25px rgba(0,0,0,.25)}.l2-v15 .rating-category-card span{color:#c9954c}.l2-v15 .ranking-row{border-bottom:1px solid #262a2d;background:linear-gradient(180deg,#0d1319,#091017)}.l2-v15 .ranking-position{border-right:1px solid #2b251e}.l2-v15 .ranking-top-1{box-shadow:inset 4px 0 0 #c18a37}.l2-v15 .ranking-metric small{color:#777b7e}.l2-v15 .ranking-metric strong,.l2-v15 .ranking-metric b{color:#e2b25e}.l2-v15 .rating-mini-panel,.l2-v15 .rating-winners-grid>div{border:1px solid #46331f;background:#091017}

/* finder */
.l2-v15 .finder-hero{min-height:300px;padding:38px 0}.l2-v15 .finder-hero-grid{grid-template-columns:1fr 300px}.l2-v15 .finder-hero h1{font-size:43px}.l2-v15 .finder-oracle-card{border:1px solid #5b4224;background:rgba(7,11,15,.78);box-shadow:var(--l2-shadow)}.l2-v15 .finder-layout{grid-template-columns:minmax(0,1fr) 270px;gap:16px}.l2-v15 .finder-wizard{padding:17px}.l2-v15 .finder-progress button{border:1px solid #383027;background:#0a1117;color:#aaa}.l2-v15 .finder-progress button.active{border-color:#b67d35;color:#f0c775;background:#1b1209}.l2-v15 .finder-option{border:1px solid #393027;background:linear-gradient(180deg,#0d141b,#081017)}.l2-v15 .finder-option:hover{border-color:#8c622f}.l2-v15 .finder-option input:checked+span,.l2-v15 .finder-option:has(input:checked){border-color:#c18838;box-shadow:0 0 0 1px rgba(222,171,93,.12),0 0 25px rgba(169,104,38,.12)}.l2-v15 .match-card{border:1px solid #47331f;background:#091017}.l2-v15 .match-card.best-match{border-color:#9e6c2d;box-shadow:0 0 25px rgba(176,112,39,.12)}.l2-v15 .match-cover{border-right:1px solid #31261c}.l2-v15 .match-score-ring{border-color:#b47d33;color:#eab96a}

/* compare */
.l2-v15 .compare-hero{padding:35px 0 27px}.l2-v15 .compare-hero-grid{grid-template-columns:1fr 250px}.l2-v15 .compare-hero h1{font-size:42px}.l2-v15 .compare-hero-emblem{color:#d7a85c;text-shadow:0 0 22px rgba(211,154,69,.18)}.l2-v15 .compare-shell{padding-top:14px}.l2-v15 .compare-selected-pill,.l2-v15 .compare-add-box{border:1px solid #403225;background:#091017}.l2-v15 .compare-layout{grid-template-columns:minmax(0,1fr) 270px;gap:15px}.l2-v15 .compare-grid{border-top:1px solid #30281f;border-left:1px solid #30281f}.l2-v15 .compare-label,.l2-v15 .compare-value,.l2-v15 .compare-server-head{border-right:1px solid #30281f;border-bottom:1px solid #30281f}.l2-v15 .compare-label{background:#0d141b;color:#c6b089}.l2-v15 .compare-value{background:#081017}.l2-v15 .compare-server-head{background:linear-gradient(180deg,#111820,#0a1016)}.l2-v15 .compare-server-head.recommended{box-shadow:inset 0 3px 0 #be8335}.l2-v15 .compare-server-emblem,.l2-v15 .compare-mini-emblem{background:url('../img/brand-crest.png') center/75% no-repeat,#0b1015;color:transparent;border:1px solid #584022}.l2-v15 .compare-recommend-panel{background:radial-gradient(circle at 50% 20%,rgba(115,60,154,.2),transparent 45%),linear-gradient(180deg,#11151d,#080d12)}

/* content hub / news / knowledge */
.l2-v15 .content-hero,.l2-v15 .knowledge-hero,.l2-v15 .news-hero{min-height:285px}.l2-v15 .content-hero-inner{min-height:285px;display:flex;align-items:center}.l2-v15 .content-hero h1,.l2-v15 .knowledge-hero h1,.l2-v15 .news-hero h1{font-size:44px}.l2-v15 .content-hub-shell,.l2-v15 .content-grid-wrap{padding-top:15px;padding-bottom:36px}.l2-v15 .content-layout,.l2-v15 .knowledge-layout,.l2-v15 .article-layout{grid-template-columns:minmax(0,1fr) 270px;gap:16px}.l2-v15 .content-tabs,.l2-v15 .content-toolbar{border:1px solid #49361f;background:#091017}.l2-v15 .content-tabs a{color:#aaa}.l2-v15 .content-tabs a.active{color:#e2b361;background:#191107}.l2-v15 .content-grid,.l2-v15 .knowledge-card-grid{gap:11px}.l2-v15 .article-card,.l2-v15 .knowledge-card{border:1px solid #44311e;background:#091017;box-shadow:0 12px 30px rgba(0,0,0,.3);overflow:hidden}.l2-v15 .article-card h2,.l2-v15 .knowledge-card h2,.l2-v15 .knowledge-card h3{color:#eee6d7}.l2-v15 .article-card:hover,.l2-v15 .knowledge-card:hover{border-color:#7d572a;transform:translateY(-2px)}.l2-v15 .featured-news{border:1px solid #5a4022;background:#091017}.l2-v15 .featured-news-art,.l2-v15 .knowledge-card-art{box-shadow:inset 0 0 0 1px rgba(226,180,105,.08)}.l2-v15 .content-sidebar .content-side-panel{padding:14px}.l2-v15 .content-subscribe{border:1px solid #5d4121;background:radial-gradient(circle at 30% 20%,rgba(140,90,30,.16),transparent 46%),#0b1117}.l2-v15 .article-hero{min-height:380px;background:linear-gradient(180deg,rgba(4,7,10,.18),rgba(4,7,10,.88)),var(--article-cover,url('../img/hero-banner-v1.png')) center/cover no-repeat}.l2-v15 .article-hero-inner{min-height:380px}.l2-v15 .article-hero h1{font-size:46px;color:#efe3d0;text-shadow:0 3px 22px #000}.l2-v15 .article-body{padding:24px}.l2-v15 .article-body h2{color:#d8a95c;border-bottom:1px solid #31271e;padding-bottom:6px}.l2-v15 .article-body h3{color:#d5b27a}.l2-v15 .article-body p,.l2-v15 .article-body li{color:#c9c5bd;line-height:1.72}.l2-v15 .article-body blockquote{border-left:3px solid #b37a33;background:#0d141a;color:#d9cfc0}.l2-v15 .wiki-infobox{border:1px solid #5b4020;background:#091017}.l2-v15 .wiki-infobox h3{color:#e3b664}.l2-v15 .wiki-toc{border:1px solid #49351f;background:#0a1117}.l2-v15 .wiki-toc a{color:#bbb4a8}.l2-v15 .wiki-toc a:hover{color:#e4b86d}

/* calendar */
.l2-v15 .calendar-page-shell{padding-top:15px}.l2-v15 .calendar-page-layout{grid-template-columns:minmax(0,1fr) 270px;gap:15px}.l2-v15 .month-calendar-panel{padding:15px}.l2-v15 .month-calendar-head{border-bottom:1px solid #3b2c1d}.l2-v15 .month-calendar-head h2{color:#deb265}.l2-v15 .calendar-arrow{border:1px solid #46341f;background:#0b1117;color:#e0b15e}.l2-v15 .month-weekdays span{color:#aa9d89}.l2-v15 .month-day{border:1px solid #272921;background:#081017}.l2-v15 .month-day.has-openings{border-color:#503a21}.l2-v15 .month-day.today{box-shadow:inset 0 0 0 1px #b17b32;background:#181108}.l2-v15 .month-day-number span{background:#8b5d24;color:#fff}.l2-v15 .month-day-servers a{border:1px solid #30271d;background:#0c1218}.l2-v15 .month-opening-row{border:1px solid #372c20;background:#091017}.l2-v15 .month-opening-row:hover{border-color:#765328;background:#0d141a}.l2-v15 .month-opening-rating,.l2-v15 .month-opening-clock{color:#e0ad57}

/* auth / owner / payments / admin — same visual language */
.l2-v15 .auth-shell,.l2-v15 .owner-shell,.l2-v15 .admin-shell,.l2-v15 .payment-shell,.l2-v15 .analytics-shell,.l2-v15 .monetization-shell,.l2-v15 .seo-center-shell,.l2-v15 .creative-studio-shell,.l2-v15 .editorial-shell{background:radial-gradient(circle at 50% 0,rgba(135,83,28,.12),transparent 35%),linear-gradient(180deg,#070b10,#05080b);color:var(--l2-text)}
.l2-v15 .auth-card,.l2-v15 .owner-grid>*,.l2-v15 .owner-stat-grid>*,.l2-v15 .stat-grid>*,.l2-v15 .admin-panel,.l2-v15 .payment-layout>*,.l2-v15 .payment-provider-grid>*,.l2-v15 .wallet-stat-card,.l2-v15 .pro-plan-grid>*{border-color:#4b3620;background:linear-gradient(180deg,#0f161d,#081017);box-shadow:0 14px 35px rgba(0,0,0,.3)}
.l2-v15 .admin-head h1,.l2-v15 .owner-shell h1,.l2-v15 .payment-hero h1,.l2-v15 .auth-card h1{color:#ddb266}.l2-v15 .admin-head span,.l2-v15 .owner-shell .eyebrow{color:#c58f45}.l2-v15 .admin-panel h2,.l2-v15 .owner-shell h2,.l2-v15 .payment-order-card h2{color:#d6a45a}

/* trust + footer */
.l2-v15 .trust-strip{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #4b351d;border-bottom:1px solid #2c2a25;background:linear-gradient(180deg,#0b1116,#080d12);padding:0 max(3vw,calc((100vw - 1320px)/2))}
.l2-v15 .trust-strip>div{padding:14px 17px;border-right:1px solid #252b30;display:flex;align-items:center;gap:11px}.l2-v15 .trust-strip>div:last-child{border-right:0}.l2-v15 .trust-seal{width:34px;height:34px;display:grid;place-items:center;border:1px solid #674922;background:#141008;color:#e0ad59;border-radius:50%;font-style:normal}.l2-v15 .trust-strip span{display:flex;flex-direction:column;gap:2px}.l2-v15 .trust-strip b{font-size:10px;color:#d8a85c}.l2-v15 .trust-strip small{font-size:9px;color:#989894}
.l2-v15 .site-footer{padding:25px 0 18px;background:linear-gradient(180deg,#071018,#05080b);border-top:1px solid #1f252a}.l2-v15 .footer-grid{grid-template-columns:1.55fr .8fr .8fr 1fr;gap:34px}.l2-v15 .footer-logo{display:flex;align-items:center;gap:9px}.l2-v15 .footer-logo img{filter:drop-shadow(0 0 12px rgba(212,153,67,.2))}.l2-v15 .footer-logo span{display:flex;flex-direction:column}.l2-v15 .footer-logo b{font:400 28px Georgia;color:#d9ad63}.l2-v15 .footer-logo small{font-size:7px;color:#7f7d77}.l2-v15 .footer-grid h4{font-size:15px;color:#d2a154}.l2-v15 .footer-grid a,.l2-v15 .footer-grid p{font-size:10px;color:#929491}.l2-v15 .social-row span{width:34px;height:34px;border:1px solid #614422;background:#10151a;color:#e6b568;font-size:10px}.l2-v15 .footer-crest{background-image:url('../img/footer-crest.png');opacity:.58}.l2-v15 .copyright{font-size:8px;letter-spacing:1.2px;color:#50565a;background:#04070a;border-top:1px solid #14191e;padding:9px}

/* responsive */
@media(max-width:1240px){
  .l2-v15 .main-nav{gap:14px}.l2-v15 .main-nav a{font-size:10px}.l2-v15 .brand{min-width:220px}.l2-v15 .brand-main{font-size:27px}
  .l2-v15 .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.l2-v15 .rating-hero-inner{grid-template-columns:1fr}.l2-v15 .rating-podium{max-width:720px}
}
@media(max-width:980px){
  .l2-v15 .site-header{height:62px}.l2-v15 .header-inner{height:62px;min-height:62px}.l2-v15 .main-nav{display:none}.l2-v15 .main-nav.open{display:flex;position:absolute;top:62px;left:0;right:0;z-index:40;flex-direction:column;align-items:stretch;background:#060a0e;border-bottom:1px solid #513820;padding:8px 16px}.l2-v15 .main-nav.open a{padding:11px;border-bottom:1px solid #1d2227}.l2-v15 .menu-toggle{display:grid}.l2-v15 .add-server-button{display:none}.l2-v15 .brand{min-width:auto}.l2-v15 .brand-sub{display:none}
  .l2-v15 .hero-section{min-height:560px;background-position:54% top}.l2-v15 .hero-inner{padding-top:88px}.l2-v15 .hero-copy h1{font-size:39px}.l2-v15 .finder{grid-template-columns:1fr 1fr}.l2-v15 .finder .btn{grid-column:1/-1}.l2-v15 .content-layout,.l2-v15 .catalog-layout,.l2-v15 .server-page-layout,.l2-v15 .finder-layout,.l2-v15 .compare-layout,.l2-v15 .rating-layout,.l2-v15 .content-layout,.l2-v15 .knowledge-layout,.l2-v15 .article-layout,.l2-v15 .calendar-page-layout{grid-template-columns:1fr}.l2-v15 .sidebar,.l2-v15 .catalog-sidebar,.l2-v15 .server-sidebar,.l2-v15 .finder-sidebar,.l2-v15 .compare-sidebar,.l2-v15 .content-sidebar,.l2-v15 .wiki-infobox-column,.l2-v15 .calendar-aside{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.l2-v15 .side-nav{grid-column:1/-1}.l2-v15 .cards-grid{grid-template-columns:repeat(2,1fr)}.l2-v15 .featured-card{grid-template-columns:190px 1fr}.l2-v15 .featured-side{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr)}.l2-v15 .server-hero-grid{grid-template-columns:180px 1fr}.l2-v15 .server-hero-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-left:0;border-top:1px solid #49351f}.l2-v15 .trust-strip{grid-template-columns:repeat(2,1fr)}.l2-v15 .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .l2-v15 .container{width:min(94vw,620px)}.l2-v15 .header-actions .icon-btn:nth-of-type(n+2){display:none}.l2-v15 .account-link{display:none}.l2-v15 .brand-main{font-size:23px}.l2-v15 .brand-crest{width:42px;height:42px}
  .l2-v15 .hero-section{min-height:620px;background-position:center top}.l2-v15 .hero-copy h1{font-size:31px}.l2-v15 .hero-copy p{font-size:11px}.l2-v15 .finder{grid-template-columns:1fr}.l2-v15 .quick-tags{display:none}
  .l2-v15 .content-layout{padding-top:8px}.l2-v15 .calendar-box{grid-template-columns:1fr}.l2-v15 .calendar-month{border-right:0;border-bottom:1px solid #342719;min-height:54px}.l2-v15 .calendar-days{overflow-x:auto}.l2-v15 .calendar-day{min-width:88px}.l2-v15 .cards-grid,.l2-v15 .catalog-grid{grid-template-columns:1fr}.l2-v15 .featured-card{grid-template-columns:1fr}.l2-v15 .featured-illustration{border-right:0;border-bottom:1px solid #2a251f}.l2-v15 .featured-side{grid-template-columns:repeat(2,1fr)}
  .l2-v15 .catalog-status-tabs{overflow-x:auto;white-space:nowrap}.l2-v15 .catalog-filter-panel{grid-template-columns:1fr}.l2-v15 .catalog-list{overflow-x:auto}.l2-v15 .catalog-list-row{min-width:760px}.l2-v15 .server-page-hero{min-height:430px}.l2-v15 .server-hero-grid{grid-template-columns:1fr;text-align:center}.l2-v15 .project-emblem{margin:auto;width:130px;height:130px}.l2-v15 .project-emblem img{max-width:105px;max-height:105px}.l2-v15 .server-summary h1{font-size:34px}.l2-v15 .server-tag-row,.l2-v15 .server-feature-inline,.l2-v15 .server-hero-actions{justify-content:center}.l2-v15 .server-hero-stats{grid-template-columns:repeat(2,1fr)}.l2-v15 .server-tabs{overflow-x:auto;white-space:nowrap}.l2-v15 .server-tabs a{padding:11px}.l2-v15 .advantage-grid{grid-template-columns:1fr 1fr}
  .l2-v15 .finder-hero-grid,.l2-v15 .compare-hero-grid{grid-template-columns:1fr}.l2-v15 .finder-oracle-card,.l2-v15 .compare-hero-emblem{display:none}.l2-v15 .finder-option-grid{grid-template-columns:1fr 1fr}.l2-v15 .match-card{grid-template-columns:1fr}.l2-v15 .match-cover{height:150px;border-right:0;border-bottom:1px solid #2f281f}.l2-v15 .match-score-side{display:grid;grid-template-columns:1fr 1fr;align-items:center}.l2-v15 .compare-table-card{overflow-x:auto}.l2-v15 .compare-grid{min-width:820px}.l2-v15 .rating-podium{grid-template-columns:1fr}.l2-v15 .podium-card.place-1{transform:none}.l2-v15 .ranking-row{grid-template-columns:42px 1fr auto;gap:7px}.l2-v15 .ranking-server-mark{display:none}.l2-v15 .ranking-metric,.l2-v15 .ranking-trend{display:none}.l2-v15 .rating-category-grid{grid-template-columns:1fr 1fr}
  .l2-v15 .content-grid,.l2-v15 .knowledge-card-grid{grid-template-columns:1fr}.l2-v15 .article-hero{min-height:300px}.l2-v15 .article-hero-inner{min-height:300px}.l2-v15 .article-hero h1{font-size:33px}.l2-v15 .article-body{padding:16px}.l2-v15 .sidebar,.l2-v15 .catalog-sidebar,.l2-v15 .server-sidebar,.l2-v15 .finder-sidebar,.l2-v15 .compare-sidebar,.l2-v15 .content-sidebar,.l2-v15 .wiki-infobox-column,.l2-v15 .calendar-aside{grid-template-columns:1fr}
  .l2-v15 .month-grid{overflow-x:auto;display:grid;grid-template-columns:repeat(7,minmax(120px,1fr))}.l2-v15 .month-opening-row{grid-template-columns:55px 1fr auto}.l2-v15 .month-opening-rating{display:none}.l2-v15 .trust-strip{grid-template-columns:1fr}.l2-v15 .footer-grid{grid-template-columns:1fr}.l2-v15 .footer-crest{opacity:.2}
}

/* ==========================================================================\n   L2BAZA v1.5.1 — REFERENCE LOCK\n   Geometry and scale aligned to the approved 1536×1024 fantasy mockup.\n   ========================================================================== */
@media (min-width:1241px){
  .l2-v15 .container{
    width:min(1900px,calc(100vw - clamp(48px,12vw,260px)));
    max-width:none;
  }
  .l2-v15 .site-header{height:82px}
  .l2-v15 .header-inner{height:82px;min-height:82px;gap:30px}
  .l2-v15 .brand{min-width:320px;gap:12px}
  .l2-v15 .brand-crest{width:64px;height:64px}
  .l2-v15 .brand-main{font-size:38px}
  .l2-v15 .brand-sub{font-size:9px;letter-spacing:.7px}
  .l2-v15 .main-nav{gap:29px}
  .l2-v15 .main-nav a{font-size:14px;padding:32px 0}
  .l2-v15 .header-actions{gap:10px}
  .l2-v15 .icon-btn{width:42px;height:42px;font-size:24px}
  .l2-v15 .login-button,.l2-v15 .add-server-button{min-height:46px;font-size:12px;padding:0 24px}

  /* approved hero proportions */
  .l2-v15 .hero-section{
    min-height:438px;
    background-position:center 19%;
    background-size:cover;
  }
  .l2-v15 .hero-inner{padding-top:116px;padding-bottom:24px}
  .l2-v15 .hero-copy{max-width:1080px;margin-bottom:22px}
  .l2-v15 .hero-copy h1{font-size:66px;line-height:.98;letter-spacing:1.6px}
  .l2-v15 .hero-copy p{font-size:17px;line-height:1.42;margin-top:12px}
  .l2-v15 .finder{max-width:1300px;grid-template-columns:1.05fr 1fr 1.12fr 1.18fr 215px;gap:12px;padding:14px}
  .l2-v15 .finder label{font-size:10px}
  .l2-v15 .finder select{height:47px;font-size:12px;padding:0 13px}
  .l2-v15 .finder .btn{height:50px;font-size:12px}
  .l2-v15 .quick-tags{padding-top:13px;gap:9px}
  .l2-v15 .quick-tags button{height:34px;padding:0 18px;font-size:11px}

  /* main desktop composition: large useful area instead of a narrow island */
  .l2-v15 .content-layout{grid-template-columns:minmax(0,1fr) 350px;gap:22px;padding-top:16px}
  .l2-v15 .home-reference-top{display:grid;grid-template-columns:.92fr 1.08fr;gap:18px;align-items:start}
  .l2-v15 .home-reference-top>.block{min-width:0;margin-bottom:16px}
  .l2-v15 .block-head{margin-bottom:9px}
  .l2-v15 .block-head h2{font-size:25px}
  .l2-v15 .block-head a{font-size:11px}
  .l2-v15 .calendar-box{grid-template-columns:210px 1fr}
  .l2-v15 .calendar-month{min-height:91px;font-size:21px}
  .l2-v15 .calendar-day{min-height:91px}
  .l2-v15 .calendar-day span{font-size:11px}
  .l2-v15 .calendar-day strong{font-size:30px}
  .l2-v15 .calendar-day em{font-size:17px}

  .l2-v15 .home-reference-top #servers .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .l2-v15 .home-reference-top #servers .server-card:nth-child(n+3){display:none}
  .l2-v15 .home-reference-top #servers .server-card{min-height:336px}
  .l2-v15 .server-card{padding:0 13px 13px;min-height:328px}
  .l2-v15 .server-poster{height:142px;margin:0 -13px 14px}
  .l2-v15 .server-logo{margin-top:-80px;min-height:69px;font-size:36px}
  .l2-v15 .server-card .chip-row span{font-size:10px;padding:5px 8px}
  .l2-v15 .server-card .opening{font-size:13px}
  .l2-v15 .server-card .meta-row,.l2-v15 .server-card .stat-row{font-size:11px;padding:9px 0}
  .l2-v15 .server-card .btn{min-height:35px;font-size:10px}

  .l2-v15 .featured-card{min-height:168px;grid-template-columns:270px minmax(0,1fr) 200px;gap:18px;padding:16px}
  .l2-v15 .featured-illustration{min-height:136px}
  .l2-v15 .featured-logo{font-size:40px}
  .l2-v15 .featured-logo span{font-size:17px}
  .l2-v15 .featured-body h3{font-size:27px}
  .l2-v15 .featured-body p{font-size:12px}
  .l2-v15 .feature-row{font-size:11px}
  .l2-v15 .metric-line b{font-size:19px}

  .l2-v15 .server-row{padding:10px 15px;font-size:11px}
  .l2-v15 .table-head{font-size:9px}

  .l2-v15 .side-nav a{padding:14px 15px;font-size:11px}
  .l2-v15 .panel{padding:15px 16px;margin-bottom:12px}
  .l2-v15 .panel h3{font-size:21px}
  .l2-v15 .panel p{font-size:11px}
  .l2-v15 .panel-art{height:104px}
  .l2-v15 .notify-art{height:94px}
  .l2-v15 .bonus-art{height:112px}
  .l2-v15 .panel .btn{min-height:35px;font-size:10px}

  /* public sub-pages use the same wide stage */
  .l2-v15 .catalog-layout{grid-template-columns:minmax(0,1fr) 330px;gap:20px}
  .l2-v15 .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .l2-v15 .catalog-card-art{height:150px}
  .l2-v15 .catalog-card-title h3{font-size:22px}
  .l2-v15 .server-page-layout{grid-template-columns:minmax(0,1fr) 340px;gap:22px}
  .l2-v15 .server-page-hero{min-height:500px}
  .l2-v15 .rating-page-layout,.l2-v15 .finder-page-layout,.l2-v15 .compare-page-layout,.l2-v15 .content-layout-main,.l2-v15 .knowledge-layout,.l2-v15 .calendar-page-layout{gap:22px}

  .l2-v15 .trust-strip{padding-left:max(32px,calc((100vw - min(1900px,calc(100vw - clamp(48px,12vw,260px))))/2));padding-right:max(32px,calc((100vw - min(1900px,calc(100vw - clamp(48px,12vw,260px))))/2))}
  .l2-v15 .trust-strip>div{padding:17px 20px}
  .l2-v15 .trust-strip b{font-size:11px}
  .l2-v15 .trust-strip small{font-size:10px}
  .l2-v15 .site-footer{padding-top:30px}
  .l2-v15 .footer-grid{gap:44px}
  .l2-v15 .footer-logo b{font-size:32px}
  .l2-v15 .footer-grid h4{font-size:16px}
  .l2-v15 .footer-grid a,.l2-v15 .footer-grid p{font-size:11px}
}

/* Keep the approved composition stable at common notebook/desktop widths. */
@media (min-width:981px) and (max-width:1240px){
  .l2-v15 .container{width:94vw;max-width:none}
  .l2-v15 .hero-section{min-height:410px}
  .l2-v15 .hero-inner{padding-top:92px}
  .l2-v15 .hero-copy h1{font-size:53px}
  .l2-v15 .finder{max-width:1000px}
  .l2-v15 .home-reference-top{display:grid;grid-template-columns:1fr;gap:0}
}

/* ========================================================================== 
   L2BAZA v1.5.2 — ASSET-DRIVEN REFERENCE MATCH
   The public site now uses the same visual grammar as the approved mockups:
   wide stage, cinematic art, textured surfaces, ornate side modules and
   server-specific artwork instead of flat vector-like panels.
   ========================================================================== */

/* ---------- desktop stage geometry ---------- */
@media (min-width: 1100px){
  .l2-v15 .site-header .container.header-inner{
    width:96vw!important;
    max-width:none!important;
  }
  .l2-v15 .content-layout,
  .l2-v15 .catalog-shell,
  .l2-v15 .server-page-layout,
  .l2-v15 .server-flash-wrap,
  .l2-v15 .rating-layout,
  .l2-v15 .finder-layout,
  .l2-v15 .compare-shell,
  .l2-v15 .content-hub-shell,
  .l2-v15 .content-grid-wrap,
  .l2-v15 .calendar-page-shell,
  .l2-v15 .footer-grid{
    width:80vw!important;
    max-width:1600px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .l2-v15 .site-header{height:60px!important}
  .l2-v15 .header-inner{height:60px!important;min-height:60px!important;gap:22px!important}
  .l2-v15 .brand{min-width:260px!important;gap:8px!important}
  .l2-v15 .brand-crest{width:50px!important;height:50px!important}
  .l2-v15 .brand-main{font-size:30px!important}
  .l2-v15 .brand-sub{font-size:7px!important;margin-top:2px!important}
  .l2-v15 .main-nav{gap:22px!important}
  .l2-v15 .main-nav a{font-size:11px!important;padding:23px 0!important}
  .l2-v15 .icon-btn{width:36px!important;height:36px!important;font-size:20px!important}
  .l2-v15 .login-button,.l2-v15 .add-server-button{min-height:36px!important;height:36px!important;padding:0 18px!important;font-size:10px!important}

  /* Hero dimensions from the approved first screen. */
  .l2-v15 .hero-section{
    min-height:318px!important;
    height:318px!important;
    background-position:center 42%!important;
  }
  .l2-v15 .hero-inner{
    padding-top:36px!important;
    padding-bottom:12px!important;
  }
  .l2-v15 .hero-copy{max-width:900px!important;margin-bottom:13px!important}
  .l2-v15 .hero-copy h1{font-size:52px!important;line-height:1!important;letter-spacing:1px!important}
  .l2-v15 .hero-copy p{font-size:13px!important;line-height:1.34!important;margin-top:8px!important}
  .l2-v15 .finder{max-width:880px!important;grid-template-columns:1fr 1fr 1.1fr 1.15fr 170px!important;gap:8px!important;padding:10px!important}
  .l2-v15 .finder select{height:38px!important;font-size:10px!important}
  .l2-v15 .finder .btn{height:42px!important;font-size:10px!important}
  .l2-v15 .quick-tags{padding-top:9px!important;gap:6px!important}
  .l2-v15 .quick-tags button{height:27px!important;font-size:9px!important;padding:0 13px!important}

  /* Main composition mirrors reference: calendar + 3 cards + fixed ornate rail. */
  .l2-v15 .content-layout{
    grid-template-columns:minmax(0,1fr) 258px!important;
    gap:18px!important;
    padding-top:12px!important;
    padding-bottom:12px!important;
  }
  .l2-v15 .home-reference-top{
    display:grid!important;
    grid-template-columns:370px minmax(0,1fr)!important;
    gap:16px!important;
    align-items:start!important;
  }
  .l2-v15 .home-reference-top #servers .cards-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .l2-v15 .home-reference-top #servers .server-card:nth-child(n){display:block!important}
  .l2-v15 .calendar-box{grid-template-columns:125px 1fr!important}
  .l2-v15 .calendar-month{min-height:84px!important;font-size:17px!important}
  .l2-v15 .calendar-day{min-height:84px!important}
  .l2-v15 .calendar-day strong{font-size:24px!important;margin:5px 0 3px!important}
  .l2-v15 .calendar-day span{font-size:9px!important}
  .l2-v15 .calendar-day em{font-size:12px!important}
  .l2-v15 .block-head h2{font-size:19px!important}
  .l2-v15 .block-head a{font-size:9px!important}
  .l2-v15 .main-column .block{margin-bottom:8px!important}
  .l2-v15 .server-card{min-height:190px!important;padding:0 8px 8px!important}
  .l2-v15 .server-poster{height:92px!important;margin:0 -8px 7px!important}
  .l2-v15 .server-logo{margin-top:-55px!important;min-height:50px!important;font-size:25px!important}
  .l2-v15 .server-card .chip-row{margin-bottom:4px!important;gap:4px!important}
  .l2-v15 .server-card .chip-row span{padding:3px 5px!important;font-size:7px!important}
  .l2-v15 .server-card .opening{font-size:9px!important;margin:5px 0!important}
  .l2-v15 .server-card .meta-row,.l2-v15 .server-card .stat-row{font-size:8px!important;padding:5px 0!important}
  .l2-v15 .server-card .btn{min-height:26px!important;height:26px!important;font-size:7px!important;padding:0 6px!important}
  .l2-v15 .vip-label{font-size:7px!important;padding:3px 6px!important}

  .l2-v15 .featured-card{
    min-height:100px!important;
    grid-template-columns:310px minmax(0,1fr) 220px!important;
    gap:14px!important;
    padding:10px!important;
  }
  .l2-v15 .featured-illustration{min-height:82px!important}
  .l2-v15 .featured-logo{font-size:30px!important}
  .l2-v15 .featured-logo span{font-size:12px!important}
  .l2-v15 .featured-body{padding-top:4px!important}
  .l2-v15 .featured-body h3{font-size:18px!important;margin-bottom:4px!important}
  .l2-v15 .featured-body p{font-size:9px!important;margin:4px 0!important;line-height:1.3!important}
  .l2-v15 .featured-body .chip-row span{font-size:7px!important;padding:3px 5px!important}
  .l2-v15 .feature-row{font-size:8px!important;margin-top:5px!important;gap:9px!important}
  .l2-v15 .featured-side{gap:5px!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;align-content:center!important}
  .l2-v15 .metric-line{font-size:11px!important;gap:4px!important}
  .l2-v15 .metric-line b{font-size:13px!important}
  .l2-v15 .featured-side .btn{grid-column:1/-1;min-height:29px!important;font-size:8px!important}

  .l2-v15 .server-row{padding:5px 10px!important;font-size:8px!important}
  .l2-v15 .table-head{font-size:7px!important}
  .l2-v15 .table-more{display:none!important}

  .l2-v15 .sidebar .side-nav a{padding:10px 11px!important;font-size:8px!important}
  .l2-v15 .sidebar .panel{padding:10px 11px!important;margin-bottom:8px!important}
  .l2-v15 .sidebar .panel h3{font-size:16px!important;margin-bottom:4px!important}
  .l2-v15 .sidebar .panel p{font-size:8px!important;line-height:1.35!important;margin-bottom:6px!important}
  .l2-v15 .sidebar .panel .btn{height:27px!important;min-height:27px!important;font-size:7px!important}
  .l2-v15 .sidebar .panel-art{height:72px!important;margin:2px auto 4px!important}
  .l2-v15 .sidebar .notify-icons{margin:5px 0!important}
  .l2-v15 .sidebar .notify-icons span{width:25px!important;height:25px!important;font-size:10px!important}
  .l2-v15 .sidebar .top-panel{display:none!important}
}

/* ---------- real asset surfaces ---------- */
.l2-v15 .server-card,
.l2-v15 .featured-card,
.l2-v15 .panel,
.l2-v15 .side-nav,
.l2-v15 .catalog-card,
.l2-v15 .catalog-side-panel,
.l2-v15 .server-section,
.l2-v15 .server-side-panel,
.l2-v15 .rating-nav-panel,
.l2-v15 .rating-info-panel,
.l2-v15 .rating-table-panel,
.l2-v15 .finder-wizard,
.l2-v15 .finder-side-panel,
.l2-v15 .compare-table-card,
.l2-v15 .content-side-panel,
.l2-v15 .article-body,
.l2-v15 .month-calendar-panel{
  background-color:#071017;
  background-image:
    linear-gradient(180deg,rgba(7,13,18,.80),rgba(5,9,13,.95)),
    url('/media/l2v152-panel-texture.webp');
  background-size:auto,420px 420px;
  background-position:center;
  border-color:#5a3f20!important;
  box-shadow:inset 0 0 0 1px rgba(240,192,111,.035),0 12px 30px rgba(0,0,0,.34)!important;
}

.l2-v15 .server-card{position:relative;overflow:hidden}
.l2-v15 .server-card::after{
  content:"";position:absolute;inset:4px;pointer-events:none;z-index:4;
  border:1px solid rgba(220,169,89,.12);
  box-shadow:inset 0 0 22px rgba(215,150,64,.05);
}
.l2-v15 .server-poster{filter:saturate(1.13) contrast(1.05);box-shadow:inset 0 -28px 32px rgba(3,6,9,.82)}
.l2-v15 .server-logo{position:relative;z-index:5;color:#efe4d4}
.l2-v15 .theme-rising .server-logo{color:#dec4ff!important;text-shadow:0 0 16px rgba(149,77,219,.55),0 3px 14px #000!important}

/* Sidebar modules now show the same visible artwork as the approved mockup. */
.l2-v15 .choice-panel,
.l2-v15 .notify-panel,
.l2-v15 .bonus-panel{position:relative;isolation:isolate;background-size:cover!important;background-position:center!important}
.l2-v15 .choice-panel{background-image:linear-gradient(90deg,rgba(5,9,13,.55),rgba(5,9,13,.94)),url('/media/l2v152-panel-choice.webp')!important}
.l2-v15 .notify-panel{background-image:linear-gradient(90deg,rgba(5,9,13,.58),rgba(5,9,13,.94)),url('/media/l2v152-panel-notify.webp')!important}
.l2-v15 .bonus-panel{background-image:linear-gradient(90deg,rgba(5,9,13,.48),rgba(5,9,13,.92)),url('/media/l2v152-panel-bonus.webp')!important}
.l2-v15 .choice-panel .panel-art,.l2-v15 .notify-panel .panel-art,.l2-v15 .bonus-panel .panel-art{opacity:0!important;height:58px!important}
.l2-v15 .choice-panel::after,.l2-v15 .notify-panel::after,.l2-v15 .bonus-panel::after{
  content:"";position:absolute;inset:5px;border:1px solid rgba(226,175,96,.12);z-index:-1;pointer-events:none
}

/* Recommended card is not a blank gradient anymore. */
.l2-v15 .featured-card::after{
  opacity:.9!important;
  background:
    linear-gradient(90deg,rgba(4,7,10,.28) 0,rgba(4,7,10,.50) 35%,rgba(4,7,10,.92) 100%),
    var(--featured-cover,url('/media/l2v152-featured-genesis.webp')) center/cover no-repeat!important;
}

/* ---------- page-specific cinematic assets ---------- */
.l2-v15 .catalog-hero{
  background-image:linear-gradient(90deg,rgba(3,6,9,.92),rgba(4,7,10,.35) 53%,rgba(3,6,9,.88)),url('/media/l2v152-page-catalog.webp')!important
}
.l2-v15 .rating-hero{
  background-image:linear-gradient(90deg,rgba(3,6,9,.92),rgba(4,7,10,.35) 52%,rgba(3,6,9,.88)),url('/media/l2v152-page-rating.webp')!important
}
.l2-v15 .finder-hero{
  background-image:linear-gradient(90deg,rgba(3,6,9,.91),rgba(4,7,10,.34) 55%,rgba(3,6,9,.88)),url('/media/l2v152-page-finder.webp')!important
}
.l2-v15 .compare-hero{
  background-image:linear-gradient(90deg,rgba(3,6,9,.92),rgba(4,7,10,.35) 52%,rgba(3,6,9,.88)),url('/media/l2v152-page-rating.webp')!important
}
.l2-v15 .calendar-hero-page{
  background-image:linear-gradient(90deg,rgba(3,6,9,.92),rgba(4,7,10,.32) 55%,rgba(3,6,9,.9)),url('/media/l2v152-page-calendar.webp')!important
}
.l2-v15 .news-hero,.l2-v15 .content-hero{
  background-image:linear-gradient(90deg,rgba(3,6,9,.91),rgba(4,7,10,.34) 54%,rgba(3,6,9,.88)),url('/media/l2v152-page-news.webp')!important
}
.l2-v15 .knowledge-hero{
  background-image:linear-gradient(90deg,rgba(3,6,9,.91),rgba(4,7,10,.32) 54%,rgba(3,6,9,.88)),url('/media/l2v152-page-codex.webp')!important
}
.l2-v15 .server-page-hero{
  background-image:linear-gradient(90deg,rgba(3,6,9,.86),rgba(3,6,9,.24) 53%,rgba(3,6,9,.80)),var(--server-custom-cover,url('/media/l2v152-page-server.webp'))!important
}

.l2-v15 .catalog-hero,.l2-v15 .rating-hero,.l2-v15 .finder-hero,.l2-v15 .compare-hero,.l2-v15 .calendar-hero-page,.l2-v15 .news-hero,.l2-v15 .content-hero,.l2-v15 .knowledge-hero{
  background-size:cover!important;background-position:center!important;box-shadow:inset 0 -55px 70px rgba(3,6,9,.88)
}

/* Dense ornate cards across public hubs. */
.l2-v15 .catalog-card-art{height:155px!important;filter:saturate(1.13)}
.l2-v15 .catalog-card-art span{background:url('../img/brand-crest.png') center/78% no-repeat,rgba(5,9,13,.72)!important;color:transparent!important;border-color:#9b6e31!important}
.l2-v15 .catalog-card:hover,.l2-v15 .article-card:hover,.l2-v15 .knowledge-card:hover{box-shadow:0 18px 38px rgba(0,0,0,.44),0 0 0 1px rgba(194,134,53,.15)!important}
.l2-v15 .rating-category-card,.l2-v15 .podium-card,.l2-v15 .match-card,.l2-v15 .compare-selected-pill{
  background-image:linear-gradient(180deg,rgba(12,18,24,.82),rgba(5,9,13,.96)),url('/media/l2v152-panel-texture.webp')!important;
  background-size:auto,420px 420px!important;border-color:#5a3e20!important
}
.l2-v15 .finder-oracle-card{background-image:linear-gradient(180deg,rgba(4,8,12,.16),rgba(4,8,12,.78)),url('/media/l2v152-panel-choice.webp')!important;background-size:cover!important}

/* News/Codex cards receive visual depth even when authors did not upload covers. */
.l2-v15 .page-news .article-card:not(:has([style*="background-image"])),
.l2-v15 .page-knowledge .knowledge-card:not(:has([style*="background-image"])){
  background-image:linear-gradient(180deg,rgba(7,12,17,.72),rgba(5,9,13,.96)),url('/media/l2v152-panel-texture.webp')!important
}
.l2-v15 .page-knowledge .article-hero{background-image:linear-gradient(180deg,rgba(3,6,9,.18),rgba(3,6,9,.88)),var(--article-cover,url('/media/l2v152-page-codex.webp'))!important}
.l2-v15 .page-news .article-hero{background-image:linear-gradient(180deg,rgba(3,6,9,.18),rgba(3,6,9,.88)),var(--article-cover,url('/media/l2v152-page-news.webp'))!important}

/* Footer feels like part of the same fantasy frame. */
.l2-v15 .trust-strip{background-image:linear-gradient(180deg,rgba(8,13,18,.96),rgba(4,8,11,.98)),url('/media/l2v152-panel-texture.webp')!important;background-size:auto,360px 360px!important}
.l2-v15 .site-footer{position:relative;background-image:linear-gradient(180deg,rgba(6,12,17,.96),rgba(3,6,9,.99)),url('/media/l2v152-ornament-tile.webp')!important;background-size:auto,430px 430px!important}
.l2-v15 .site-footer::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(190,127,46,.05),transparent 30%,transparent 70%,rgba(190,127,46,.05))}

/* ---------- widths for all public pages ---------- */
@media (min-width:1100px){
  .l2-v15 .catalog-hero>.container,
  .l2-v15 .rating-hero-inner,
  .l2-v15 .finder-hero-grid,
  .l2-v15 .compare-hero-grid,
  .l2-v15 .content-hero-inner,
  .l2-v15 .calendar-hero-page>.container,
  .l2-v15 .server-hero-content{
    width:80vw!important;max-width:1600px!important;margin-left:auto!important;margin-right:auto!important
  }
  .l2-v15 .catalog-layout{grid-template-columns:minmax(0,1fr) 280px!important;gap:18px!important}
  .l2-v15 .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
  .l2-v15 .server-page-layout{grid-template-columns:minmax(0,1fr) 300px!important;gap:18px!important}
  .l2-v15 .server-hero-grid{grid-template-columns:205px minmax(0,1fr) 235px!important;gap:20px!important}
  .l2-v15 .rating-layout{grid-template-columns:230px minmax(0,1fr)!important;gap:18px!important}
  .l2-v15 .finder-layout,.l2-v15 .compare-layout,.l2-v15 .knowledge-layout,.l2-v15 .article-layout,.l2-v15 .calendar-page-layout{grid-template-columns:minmax(0,1fr) 280px!important;gap:18px!important}
}

/* Small screens keep the same assets but avoid desktop geometry. */
@media (max-width:1099px){
  .l2-v15 .hero-section{height:auto!important;min-height:520px!important}
  .l2-v15 .choice-panel,.l2-v15 .notify-panel,.l2-v15 .bonus-panel{background-position:center!important}
}