/* LONG MOBILE 8.0 — clean dark interface */
:root{
  --lm-blue:#0030ce;
  --lm-blue-bright:#1655ff;
  --lm-bg:#060a10;
  --lm-panel:#0c121b;
  --lm-panel-2:#101721;
  --lm-line:rgba(255,255,255,.10);
  --lm-line-soft:rgba(255,255,255,.065);
  --lm-text:#f4f7fb;
  --lm-muted:#8f9aaa;
  --lm-green:#26d36b;
  --lm-radius:12px;
  --lm-shadow:0 24px 70px rgba(0,0,0,.28);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--lm-bg)}
body{
  margin:0;
  background:
    radial-gradient(circle at 88% 3%,rgba(0,48,206,.10),transparent 26rem),
    linear-gradient(180deg,#070b11 0%,#05090e 100%);
  color:var(--lm-text);
  font-family:Inter,Manrope,"Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a{color:inherit}
.shell{width:min(1180px,calc(100% - 48px));margin:0 auto}
main{min-height:65vh}

.button{
  min-height:44px;
  border-radius:8px;
  padding:0 22px;
  font-weight:750;
  letter-spacing:0;
  border:1px solid var(--lm-line);
  box-shadow:none;
}
.button.primary{
  border-color:var(--accent,var(--lm-blue));
  background:linear-gradient(135deg,var(--lm-blue-bright),var(--accent,var(--lm-blue)));
  color:#fff;
  box-shadow:0 12px 34px rgba(0,48,206,.25);
}
.button.primary:hover{transform:translateY(-1px);filter:brightness(1.08)}
.button.ghost{background:rgba(8,12,18,.65);color:#fff;border-color:rgba(255,255,255,.18)}
.button.compact{min-height:40px;padding:0 18px}

/* Header */
.site-header{
  position:fixed;
  inset:0 0 auto;
  z-index:1000;
  height:72px;
  background:rgba(5,8,13,.88);
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(18px);
  box-shadow:none;
}
.site-header.scrolled{background:rgba(5,8,13,.96)}
.header-inner{height:72px;display:flex;align-items:center;gap:32px}
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand img{display:block;width:168px;height:auto;max-height:46px;object-fit:contain}
.main-nav{display:flex;align-items:center;gap:30px;margin-left:22px}
.main-nav>a{
  position:relative;
  padding:27px 0 24px;
  color:#c6cbd4;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
  transition:color .2s ease;
}
.main-nav>a:hover,.main-nav>a.active{color:#fff}
.main-nav>a.active:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  background:var(--lm-blue-bright);border-radius:2px;
}
.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.server-chip{
  display:flex;align-items:center;gap:8px;
  height:40px;padding:0 13px;border:1px solid var(--lm-line);
  border-radius:8px;background:rgba(8,12,18,.64);color:#d7dce4;
  font-size:13px;font-weight:650;
}
.server-chip i{display:none}
.server-chip svg{width:17px;height:17px;fill:none;stroke:#2b65ff;stroke-width:1.8}
.lm-account-chip{
  display:flex;align-items:center;gap:9px;min-height:40px;padding:4px 10px 4px 5px;
  border:1px solid var(--lm-line);border-radius:8px;background:rgba(255,255,255,.035);
  text-decoration:none;color:#fff;position:relative;
}
.lm-account-chip>span{
  display:grid;place-items:center;width:30px;height:30px;border-radius:6px;
  background:linear-gradient(135deg,#234fcf,#071c69);font-weight:850;
}
.lm-account-chip b{font-size:13px;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lm-account-chip i{
  display:grid;place-items:center;position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;
  border-radius:10px;background:#e84343;color:#fff;font-size:10px;font-style:normal;border:2px solid #070b11;
}
.menu-toggle{display:none}
.flash-wrap{position:fixed;z-index:1100;top:82px;left:50%;transform:translateX(-50%)}

/* Hero */
.lm-hero{
  position:relative;
  min-height:610px;
  padding-top:72px;
  overflow:hidden;
  border-bottom:1px solid var(--lm-line-soft);
  background-image:
    linear-gradient(90deg,rgba(4,8,13,.99) 0%,rgba(4,8,13,.92) 28%,rgba(4,8,13,.46) 58%,rgba(4,8,13,.15) 100%),
    linear-gradient(0deg,rgba(5,9,14,.38),rgba(5,9,14,.10)),
    var(--lm-hero-desktop);
  background-size:cover;
  background-position:center;
}
.lm-hero:after{
  content:"";position:absolute;inset:auto 0 0;height:130px;
  background:linear-gradient(0deg,var(--lm-bg),transparent);pointer-events:none;
}
.lm-hero-inner{position:relative;z-index:2;min-height:538px;display:flex;align-items:center}
.lm-hero-copy{width:min(500px,48%);padding:48px 0 62px}
.lm-hero h1{margin:0 0 25px;font-size:clamp(46px,5.2vw,72px);line-height:.96;letter-spacing:-.055em;text-transform:uppercase}
.lm-hero h1 span,.lm-hero h1 strong{display:block}
.lm-hero h1 span{font-weight:900;color:#fff}
.lm-hero h1 strong{font-weight:900;color:#164eff}
.lm-hero p{max-width:455px;margin:0;color:#b5bdc8;font-size:16px;line-height:1.6}
.lm-hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}
.lm-main-button{min-width:174px}
.lm-text-link{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:14px;font-weight:650}
.lm-text-link span{font-size:20px;color:#aab4c1;transition:transform .2s ease}
.lm-text-link:hover span{transform:translateX(4px);color:#fff}

/* Generic sections */
.lm-section{padding:58px 0;border-bottom:1px solid var(--lm-line-soft)}
.lm-section-head{margin-bottom:28px}
.lm-section-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.lm-section-head h2{
  margin:0;color:#fff;text-transform:uppercase;font-size:30px;line-height:1.1;letter-spacing:-.025em;font-weight:820;
}
.lm-section-head h2 strong{color:#1651ff;font-weight:850}
.lm-section-head>a{color:#cbd2dc;text-decoration:none;font-size:13px;font-weight:650}
.lm-section-head>a:hover{color:#fff}
.lm-center-link{display:flex;justify-content:center;margin-top:25px}

/* Servers */
.lm-servers{padding-top:48px}
.lm-server-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.lm-server-card{
  position:relative;min-height:152px;padding:21px 20px 18px;
  display:flex;flex-direction:column;
  background:linear-gradient(145deg,rgba(17,24,34,.92),rgba(9,14,21,.96));
  border:1px solid rgba(255,255,255,.105);border-radius:10px;
  color:#fff;text-decoration:none;overflow:hidden;transition:border-color .2s ease,transform .2s ease,background .2s ease;
}
.lm-server-card:after{
  content:"";position:absolute;right:-30px;bottom:-55px;width:135px;height:135px;border-radius:50%;
  border:1px solid rgba(26,82,255,.13);box-shadow:0 0 0 20px rgba(26,82,255,.025),0 0 0 42px rgba(26,82,255,.018);
}
.lm-server-card:hover,.lm-server-card.is-selected{transform:translateY(-2px);border-color:rgba(35,91,255,.7);background:linear-gradient(145deg,rgba(17,28,50,.96),rgba(8,14,24,.98))}
.lm-server-number{position:relative;z-index:1;color:#1854ff;font-size:24px;line-height:1;font-weight:850}
.lm-server-card h3{position:relative;z-index:1;margin:17px 0 14px;font-size:17px;line-height:1.15;text-transform:uppercase;overflow-wrap:anywhere}
.lm-server-online{position:relative;z-index:1;display:flex;align-items:baseline;gap:5px;margin-top:auto}
.lm-server-online b{font-size:14px}
.lm-server-online span{color:#7f8998;font-size:13px}
.lm-server-card small{position:relative;z-index:1;display:flex;align-items:center;gap:6px;margin-top:4px;color:#707b89;font-size:11px;text-transform:lowercase}
.lm-server-card small i{width:6px;height:6px;border-radius:50%;background:#5a626e}
.lm-server-card small.online{color:#a2abb7}.lm-server-card small.online i{background:var(--lm-green);box-shadow:0 0 12px rgba(38,211,107,.5)}

/* News */
.lm-news{background:rgba(255,255,255,.006)}
.lm-news-layout{display:grid;grid-template-columns:1.08fr 1fr;grid-template-rows:1fr 1fr;gap:14px;min-height:390px}
.lm-news-card{
  display:grid;grid-template-columns:45% 1fr;min-height:188px;
  background:linear-gradient(145deg,rgba(15,22,31,.96),rgba(7,12,18,.98));
  border:1px solid var(--lm-line);border-radius:10px;overflow:hidden;text-decoration:none;color:#fff;
  transition:border-color .2s ease,transform .2s ease;
}
.lm-news-card:hover{border-color:rgba(38,91,255,.58);transform:translateY(-2px)}
.lm-news-main{grid-row:1/3;grid-template-columns:1fr;grid-template-rows:minmax(245px,1fr) auto}
.lm-news-image{position:relative;overflow:hidden;min-height:150px;background:#111821}
.lm-news-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(4,8,13,.52))}
.lm-news-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;filter:saturate(.88) contrast(1.04)}
.lm-news-card:hover .lm-news-image img{transform:scale(1.025)}
.lm-news-image span{position:absolute;z-index:2;top:13px;left:13px;padding:5px 9px;border-radius:5px;background:#0a44eb;color:#fff;font-size:10px;font-weight:800}
.lm-news-copy{padding:19px 20px;display:flex;flex-direction:column;min-width:0}
.lm-news-main .lm-news-copy{padding:22px 22px 20px}
.lm-news-copy h3{margin:0 0 8px;font-size:18px;line-height:1.2;text-transform:none}
.lm-news-main .lm-news-copy h3{font-size:24px;text-transform:uppercase}
.lm-news-copy p{margin:0;color:#8f99a7;font-size:13px;line-height:1.45}
.lm-news-copy time{margin-top:auto;padding-top:12px;color:#6f7988;font-size:11px}
.lm-news-count-1{display:block;min-height:0}.lm-news-count-1 .lm-news-main{max-width:760px}
.lm-news-count-2{grid-template-rows:1fr}.lm-news-count-2 .lm-news-main{grid-row:auto}

/* Features */
.lm-features{padding-bottom:62px}
.lm-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.lm-feature-card{
  display:grid;grid-template-columns:184px 1fr;min-height:132px;
  border:1px solid var(--lm-line);border-radius:10px;overflow:hidden;
  background:linear-gradient(145deg,rgba(15,22,31,.94),rgba(7,12,18,.98));
}
.lm-feature-card img{width:100%;height:100%;min-height:132px;object-fit:cover;filter:saturate(.8) contrast(1.02)}
.lm-feature-card>div{display:flex;flex-direction:column;justify-content:center;padding:20px 22px}
.lm-feature-card h3{margin:0 0 8px;font-size:16px;line-height:1.2;text-transform:uppercase}
.lm-feature-card p{margin:0;color:#8c96a4;font-size:13px;line-height:1.5}

/* Download */
.lm-download{padding:0 0 64px;border-bottom:1px solid var(--lm-line-soft)}
.lm-download-inner{
  display:flex;align-items:center;justify-content:space-between;gap:35px;padding:32px 38px;
  border:1px solid rgba(255,255,255,.11);border-radius:12px;
  background:
    linear-gradient(110deg,rgba(15,24,39,.96),rgba(6,11,18,.96)),
    radial-gradient(circle at 75% 25%,rgba(0,48,206,.25),transparent 19rem);
}
.lm-download small{color:#1752ff;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.lm-download h2{margin:7px 0 5px;font-size:27px}.lm-download p{margin:0;color:#8e99a8;font-size:13px}
.lm-download-button{min-width:190px}

/* Footer */
.site-footer{position:relative;margin:0;padding:0;background:#05090e;border-top:0;color:#fff}
.site-footer .footer-glow,.footer-main,.footer-bottom{display:none!important}
.lm-footer-inner{min-height:116px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.lm-footer-brand{display:flex;align-items:center;gap:26px}
.footer-logo img{width:156px;max-height:42px}.lm-footer-brand>span{color:#657080;font-size:11px}
.lm-footer-links{display:flex;align-items:center;gap:10px}
.lm-footer-links a{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--lm-line);border-radius:8px;background:rgba(255,255,255,.025);transition:.2s ease}
.lm-footer-links a:hover{border-color:rgba(47,100,255,.6);background:rgba(0,48,206,.10);transform:translateY(-2px)}
.lm-footer-links svg{width:22px;height:22px;fill:#f4f6fa}

/* Internal page headers */
.page-hero,.compact-page,.cabinet-hero{margin-top:72px!important;background:#080d14!important;border-bottom:1px solid var(--lm-line-soft)!important}
.page-hero{padding:62px 0 45px!important}.page-hero h1{font-size:clamp(36px,4vw,55px)!important;letter-spacing:-.04em!important}.page-hero p{color:#8f99a8!important}
.eyebrow{color:#1854ff!important;letter-spacing:.11em!important}
.status-pill{background:rgba(0,48,206,.12)!important;border-color:rgba(43,91,255,.28)!important;color:#bcd0ff!important}

/* Login */
.auth-section{padding:58px 0 90px!important}
.auth-layout{display:grid!important;grid-template-columns:minmax(0,520px) 1fr!important;gap:70px!important;align-items:center!important}
.auth-card,.auth-info,.form-card{
  border:1px solid var(--lm-line)!important;border-radius:12px!important;background:linear-gradient(145deg,#0e151f,#080d14)!important;box-shadow:var(--lm-shadow)!important;
}
.auth-card{padding:30px!important}.auth-info{padding:34px!important}
.stack-form label{color:#aab3c0!important;font-size:13px!important}
.stack-form input,.stack-form select,.stack-form textarea,.inline-form input{
  min-height:48px!important;border-radius:8px!important;background:#070c13!important;border-color:rgba(255,255,255,.12)!important;color:#fff!important;
}
.form-note{color:#778291!important}
.auth-info ul{color:#a2acb9!important}.auth-info h2{font-size:34px!important}

/* Cabinet */
.cabinet-hero{padding:42px 0!important;background-image:none!important}
.cabinet-hero-inner{display:flex!important;align-items:end!important;justify-content:space-between!important}
.cabinet-hero h1{margin:5px 0 5px!important;font-size:44px!important;letter-spacing:-.035em!important}.cabinet-hero p{color:#8d97a5!important}
.cabinet-section{padding:42px 0 80px!important;background:transparent!important}
.cabinet-layout{display:grid!important;grid-template-columns:235px minmax(0,1fr)!important;gap:18px!important;align-items:start!important}
.cabinet-nav{
  position:sticky!important;top:92px!important;display:flex!important;flex-direction:column!important;gap:4px!important;
  padding:10px!important;border:1px solid var(--lm-line)!important;border-radius:14px!important;background:#0d1118!important;box-shadow:none!important;
}
.cabinet-nav a{
  min-height:42px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;
  padding:0 14px!important;border-radius:10px!important;color:#9da7b7!important;font-size:13.5px!important;font-weight:700!important;text-decoration:none!important;border:0!important;background:transparent!important;transition:all .18s ease!important;
}
.cabinet-nav a i{width:18px!important;text-align:center!important;font-size:14px!important;color:var(--muted)!important}
.cabinet-nav a span{flex:1!important;text-align:left!important}
.cabinet-nav a:hover{color:#fff!important;background:rgba(255,255,255,.05)!important;transform:none!important}
.cabinet-nav a:hover i{color:#fff!important}
.cabinet-nav a.active{color:#fff!important;background:linear-gradient(90deg,var(--accent),#00249c)!important;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 45%,transparent)!important}
.cabinet-nav a.active i{color:#fff!important}
.cabinet-nav a .notification-badge{margin-left:auto!important;padding:2px 7px!important;border-radius:99px!important;background:#ff4d4d!important;color:#fff!important;font-size:10px!important;font-weight:900!important}
.cabinet-content{
  min-width:0!important;padding:28px!important;border:1px solid var(--lm-line)!important;border-radius:11px!important;background:linear-gradient(145deg,#0d141e,#080d14)!important;box-shadow:none!important;
}
.content-heading{margin-bottom:22px!important}.content-heading h2{font-size:28px!important;letter-spacing:-.025em!important}
.stat-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.stat-card{min-height:112px!important;padding:18px!important;border-radius:9px!important;border:1px solid var(--lm-line)!important;background:#090f17!important}
.stat-card span{color:#7f8997!important;font-size:12px!important}.stat-card strong{font-size:24px!important;color:#f5f7fa!important}.stat-card.accent{background:linear-gradient(145deg,rgba(0,48,206,.20),rgba(7,13,24,.95))!important;border-color:rgba(32,83,255,.45)!important}
.profile-panel{margin-top:14px!important;padding:22px!important;border:1px solid var(--lm-line)!important;border-radius:10px!important;background:#080e16!important}
.profile-panel p{color:#8e98a6!important}.profile-panel h3{font-size:24px!important}
.property-grid,.product-grid,.application-grid,.roulette-prize-grid{gap:12px!important}
.property-card,.product-card,.application-card,.notification-card,.roulette-prize-card,.roulette-buy-card,.orders-table{
  border-color:var(--lm-line)!important;border-radius:9px!important;background:#080e16!important;
}
.orders-head,.orders-row{border-color:var(--lm-line-soft)!important}
.notification-card.unread{border-color:rgba(30,83,255,.48)!important;background:rgba(0,48,206,.08)!important}
.notification-badge{background:#e44444!important}
.order-status,.status-pill{border-radius:6px!important}

/* Admin color alignment */
.admin-button.primary{background:#0030ce!important;border-color:#0030ce!important}

/* Utility clean-up */
.empty-state{border:1px dashed var(--lm-line)!important;border-radius:10px!important;background:rgba(255,255,255,.02)!important;color:#7f8997!important}
.notice{border-radius:9px!important}

@media (max-width:1060px){
  .main-nav{gap:20px;margin-left:10px}.main-nav>a{font-size:13px}.header-actions .server-chip{display:none}
  .lm-server-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lm-feature-card{grid-template-columns:150px 1fr}
  .stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media (max-width:900px){
  .shell{width:min(100% - 32px,1180px)}
  .site-header,.header-inner{height:64px}.brand img{width:145px}.site-header{position:fixed}
  .menu-toggle{display:flex!important;margin-left:auto}.header-actions{display:none!important}
  .main-nav{
    position:fixed!important;top:64px!important;right:0!important;bottom:0!important;width:min(330px,88vw)!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important;margin:0!important;padding:22px!important;
    background:#070c13!important;border-left:1px solid var(--lm-line)!important;transform:translateX(105%);transition:transform .25s ease;
  }
  .main-nav.open{transform:translateX(0)}
  .main-nav>a{padding:15px 4px!important;font-size:15px!important}.main-nav>a.active:after{left:0;right:auto;width:36px}
  .mobile-menu-actions{display:block!important;margin-top:15px}
  .lm-hero{padding-top:64px;min-height:680px;background-image:linear-gradient(180deg,rgba(4,8,13,.30) 0%,rgba(4,8,13,.62) 42%,rgba(4,8,13,.99) 76%),var(--lm-hero-mobile);background-position:center top}
  .lm-hero-inner{min-height:616px;align-items:flex-end}.lm-hero-copy{width:100%;padding:270px 0 72px}.lm-hero h1{font-size:48px}.lm-hero p{font-size:15px;max-width:520px}
  .lm-server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lm-news-layout{grid-template-columns:1fr;grid-template-rows:auto;min-height:0}.lm-news-main{grid-row:auto}.lm-news-card,.lm-news-main{grid-template-columns:38% 1fr;grid-template-rows:auto;min-height:180px}.lm-news-main .lm-news-copy h3{font-size:19px}.lm-news-image{min-height:180px}
  .lm-feature-grid{grid-template-columns:1fr}
  .lm-download-inner{padding:28px;align-items:flex-start;flex-direction:column}.lm-download-button{width:100%}
  .lm-footer-inner{min-height:150px;flex-direction:column;align-items:flex-start;justify-content:center}.lm-footer-brand{flex-direction:column;align-items:flex-start;gap:10px}.lm-footer-links{align-self:flex-start}
  .auth-layout{grid-template-columns:1fr!important;gap:20px!important}.auth-info{order:-1}
  .cabinet-layout{display:flex!important;flex-direction:column!important;gap:14px!important}
  .cabinet-nav{position:sticky!important;top:70px!important;z-index:90!important;display:flex!important;flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;gap:6px!important;padding:8px!important;width:100%!important;border-radius:14px!important;background:rgba(12,16,23,.96)!important;backdrop-filter:blur(16px)!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  .cabinet-nav::-webkit-scrollbar{display:none}
  .cabinet-nav a{flex:0 0 auto!important;min-height:38px!important;padding:0 14px!important;font-size:12.5px!important;border-radius:10px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.06)!important;justify-content:center!important}
  .cabinet-nav a span{flex:none!important}
  .cabinet-nav a.active{background:var(--accent)!important;border-color:var(--accent)!important;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 55%,transparent)!important}
  .cabinet-content{padding:18px!important}
  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:560px){
  .shell{width:min(100% - 24px,1180px)}
  .lm-hero{min-height:650px}.lm-hero-copy{padding-top:255px}.lm-hero h1{font-size:41px}.lm-hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.lm-main-button{width:100%}
  .lm-section{padding:44px 0}.lm-section-head-row{align-items:flex-start}.lm-section-head h2{font-size:25px}.lm-section-head>a{display:none}
  .lm-server-grid{grid-template-columns:1fr 1fr;gap:9px}.lm-server-card{padding:17px 15px;min-height:140px}.lm-server-card h3{font-size:14px}.lm-server-number{font-size:21px}
  .lm-news-card,.lm-news-main{grid-template-columns:1fr;grid-template-rows:180px auto}.lm-news-image{min-height:180px}.lm-news-copy{padding:17px}.lm-news-main .lm-news-copy h3{font-size:20px}
  .lm-feature-card{grid-template-columns:1fr;grid-template-rows:155px auto}.lm-feature-card img{min-height:155px}.lm-feature-card>div{padding:18px}
  .lm-download{padding-bottom:44px}.lm-download-inner{padding:24px}.lm-download h2{font-size:23px}
  .cabinet-hero h1{font-size:28px!important}.cabinet-hero-inner{align-items:flex-start!important;flex-direction:column!important;gap:14px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.profile-panel{align-items:flex-start!important;flex-direction:column!important}.profile-panel-actions{width:100%!important}.profile-panel-actions .button{width:100%!important}
}

/* LONG MOBILE 8.1 — restrained production polish */
:root{
  --lm-bg:#06090e;
  --lm-panel:#0b1119;
  --lm-panel-2:#0e151f;
  --lm-line:rgba(255,255,255,.105);
  --lm-line-soft:rgba(255,255,255,.07);
  --lm-muted:#909aa8;
  --lm-radius:10px;
}
body{background:var(--lm-bg);font-family:"Segoe UI",Inter,Arial,sans-serif}
.shell{width:min(1120px,calc(100% - 48px))}
.button{border-radius:7px;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.button.primary{background:#0a43e6;border-color:#0a43e6;box-shadow:none}
.button.primary:hover{background:#1550f4;border-color:#1550f4;filter:none}
.button.ghost{background:transparent}
.site-header{height:68px;background:rgba(5,8,12,.94);backdrop-filter:blur(14px)}
.header-inner{height:68px;gap:28px}.brand img{width:158px;max-height:42px}.main-nav{gap:26px;margin-left:20px}.main-nav>a{padding:25px 0 22px;font-size:13px}.main-nav>a.active:after{height:1px}
.server-chip,.lm-account-chip{background:transparent}
.lm-hero{min-height:568px;padding-top:68px;background-image:linear-gradient(90deg,rgba(4,8,13,.99) 0%,rgba(4,8,13,.92) 31%,rgba(4,8,13,.42) 59%,rgba(4,8,13,.12) 100%),var(--lm-hero-desktop);border-bottom:1px solid var(--lm-line-soft)}
.lm-hero:after{height:80px;background:linear-gradient(0deg,var(--lm-bg),transparent)}
.lm-hero-inner{min-height:500px}.lm-hero-copy{width:min(470px,47%);padding:44px 0 58px}
.lm-hero h1{margin-bottom:22px;font-size:clamp(44px,4.7vw,64px);line-height:.99;letter-spacing:-.045em}
.lm-hero p{max-width:430px;font-size:15px;line-height:1.62;color:#aeb7c3}.lm-hero-actions{margin-top:30px;gap:25px}
.lm-section{padding:66px 0}.lm-section-head{margin-bottom:24px}.lm-section-head h2{font-size:27px;letter-spacing:-.018em}.lm-section-head>a{color:#9ca6b3}
.lm-server-grid{gap:12px}.lm-server-card{min-height:132px;padding:18px;background:#0a1018;border-color:var(--lm-line);border-radius:9px}
.lm-server-card:after{display:none}.lm-server-card:hover,.lm-server-card.is-selected{transform:none;background:#0c1420;border-color:rgba(27,80,246,.75)}
.lm-server-number{font-size:21px}.lm-server-card h3{margin:15px 0 12px;font-size:15px}.lm-server-online b{font-size:13px}.lm-server-card small{font-size:10px}
.lm-news{background:transparent}.lm-news-layout{grid-template-columns:1.1fr 1fr;gap:12px;min-height:360px}.lm-news-card{min-height:174px;background:#0a1018;border-radius:9px}.lm-news-card:hover{transform:none;border-color:rgba(27,80,246,.65)}
.lm-news-main{grid-template-rows:minmax(224px,1fr) auto}.lm-news-copy{padding:17px 18px}.lm-news-main .lm-news-copy{padding:19px 20px}.lm-news-copy h3{font-size:17px}.lm-news-main .lm-news-copy h3{font-size:22px}.lm-news-image img{filter:saturate(.82) contrast(1.03)}
.lm-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.lm-feature-card{display:block;min-height:0;background:#0a1018;border-radius:9px}.lm-feature-card img{display:block;width:100%;height:145px;min-height:0;object-fit:cover;filter:saturate(.82) contrast(1.03)}.lm-feature-card>div{display:block;padding:17px 17px 19px}.lm-feature-card h3{margin:0 0 7px;font-size:15px}.lm-feature-card p{margin:0;color:#8f99a6;font-size:12px;line-height:1.5}
.lm-download{padding:10px 0 66px}.lm-download-inner{padding:30px 34px;background:#0a1018;border:1px solid var(--lm-line);border-radius:10px;box-shadow:none}.lm-download-inner:before{display:none}.lm-download h2{font-size:25px}.lm-download p{color:#8e98a5}
.site-footer{background:#05080c;border-top:1px solid var(--lm-line-soft)}.lm-footer-inner{min-height:126px}.lm-footer-links a{background:transparent;border-color:var(--lm-line)}
.page-hero{background:#080d13!important}.compact-page{padding-top:126px!important;padding-bottom:48px!important}.page-hero h1{letter-spacing:-.035em!important}
.auth-card,.auth-info,.form-card{background:#0a1018!important;box-shadow:none!important}.auth-info{border-color:var(--lm-line)!important}

@media(max-width:1060px){.lm-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lm-feature-card img{height:175px}}
@media(max-width:900px){.site-header,.header-inner{height:64px}.lm-hero{padding-top:64px}.lm-hero-copy{width:100%}.lm-news-layout{grid-template-columns:1fr}.lm-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.shell{width:min(100% - 24px,1120px)}.lm-section{padding:50px 0}.lm-hero h1{font-size:40px}.lm-feature-grid{grid-template-columns:1fr}.lm-feature-card img{height:190px}.lm-download-inner{padding:24px}}
.admin-login-note{margin-top:10px!important}.admin-login-note a{color:#8fa9ff;text-decoration:none}.admin-login-note a:hover{color:#fff}

/* LONG MOBILE 8.2 — mobile navigation and horizontal feature rail */
.mobile-menu-head{display:none}
.lm-more-button{min-width:150px;background:rgba(5,10,18,.56);border-color:rgba(255,255,255,.2)}
.lm-feature-carousel{min-width:0}
.lm-feature-progress{display:none}

@media(max-width:900px){
  body.menu-open{overflow:hidden;touch-action:none}
  .site-header{z-index:1300}
  .header-inner{position:relative;z-index:2}
  .menu-toggle{
    position:relative;z-index:4;display:grid!important;place-items:center;width:44px;height:44px;margin-left:auto!important;
    padding:0;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#0b1017!important;color:#fff;
  }
  .menu-toggle span{position:absolute;left:11px;right:11px;height:2px;margin:0;background:#fff!important;border-radius:99px;transition:transform .22s ease,opacity .18s ease,top .22s ease}
  .menu-toggle span:nth-child(1){top:14px}.menu-toggle span:nth-child(2){top:21px}.menu-toggle span:nth-child(3){top:28px}
  .menu-toggle.open span:nth-child(1){top:21px;transform:rotate(45deg)}
  .menu-toggle.open span:nth-child(2){opacity:0}
  .menu-toggle.open span:nth-child(3){top:21px;transform:rotate(-45deg)}
  .main-nav{
    position:fixed!important;left:auto!important;z-index:1302!important;top:0!important;right:0!important;bottom:0!important;width:min(360px,92vw)!important;
    padding:18px 18px 28px!important;background:#080d14!important;border-left:1px solid rgba(255,255,255,.1)!important;
    box-shadow:-24px 0 70px rgba(0,0,0,.46);overflow-y:auto;overscroll-behavior:contain;
    visibility:hidden;opacity:0;pointer-events:none;transform:translateX(104%)!important;transition:transform .22s ease,opacity .18s ease,visibility .18s ease;
  }
  .main-nav.open{visibility:visible;opacity:1;pointer-events:auto;transform:translateX(0)!important}
  .mobile-menu-head{display:flex;align-items:center;justify-content:space-between;min-height:50px;margin-bottom:10px;padding:0 4px 13px;border-bottom:1px solid rgba(255,255,255,.09)}
  .mobile-menu-head b{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#aab4c3}
  .mobile-menu-head button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#0d141e;color:#fff;font-size:26px;line-height:1}
  .main-nav>a{display:flex;align-items:center;min-height:52px;padding:0 13px!important;border-radius:9px;color:#c7cfda!important;font-size:16px!important;text-transform:none!important;letter-spacing:0!important}
  .main-nav>a:hover,.main-nav>a.active{background:#0e1724;color:#fff!important}
  .main-nav>a.active:after{display:none!important}
  .mobile-menu-actions{display:block!important;margin-top:auto!important;padding-top:18px;border-top:1px solid rgba(255,255,255,.09)}
  .menu-backdrop{z-index:1301!important;inset:0!important;background:rgba(0,0,0,.72)!important;backdrop-filter:blur(4px)!important;opacity:0;transition:opacity .18s ease}.menu-backdrop.open{display:block!important;opacity:1}
}

@media(max-width:560px){
  .site-header,.header-inner{height:66px}
  .brand img{width:138px}
  .lm-hero{padding-top:66px;min-height:620px;background-position:center top}
  .lm-hero-inner{min-height:554px}
  .lm-hero-copy{padding:250px 0 54px}
  .lm-hero h1{font-size:clamp(35px,10.5vw,43px);line-height:.98;margin-bottom:18px}
  .lm-hero p{font-size:14px;line-height:1.62}
  .lm-hero-actions{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:10px;margin-top:25px;align-items:stretch}
  .lm-main-button,.lm-more-button{width:100%;min-width:0;min-height:46px;padding:0 12px;font-size:13px}
  .lm-more-button{background:#0a1018;border-color:rgba(255,255,255,.16);color:#e8edf4}

  .lm-features{overflow:hidden}
  .lm-feature-carousel{margin-right:calc((100vw - 100%)/-2);margin-left:calc((100vw - 100%)/-2);padding-left:12px}
  .lm-feature-grid{
    display:flex!important;gap:12px!important;overflow-x:auto;overflow-y:hidden;padding:0 12px 8px 0;
    scroll-snap-type:x mandatory;scroll-padding-left:12px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
    scrollbar-width:none;touch-action:pan-x pan-y;
  }
  .lm-feature-grid::-webkit-scrollbar{display:none}
  .lm-feature-card{
    flex:0 0 82vw;width:82vw;max-width:330px;scroll-snap-align:start;scroll-snap-stop:always;
    display:block!important;grid-template-columns:none!important;grid-template-rows:none!important;min-height:0;border-radius:10px;
  }
  .lm-feature-card img{height:176px!important;min-height:0!important;aspect-ratio:16/9;object-fit:cover}
  .lm-feature-card>div{min-height:118px;padding:17px 17px 19px!important}
  .lm-feature-card h3{font-size:15px}
  .lm-feature-card p{font-size:12px;line-height:1.5}
  .lm-feature-progress{display:block;width:calc(100% - 24px);height:3px;margin:14px 12px 0;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
  .lm-feature-progress span{display:block;height:100%;width:25%;border-radius:inherit;background:#1d59ff;transform:translateX(0);transform-origin:left center;transition:width .2s ease}
}

@media(max-width:380px){
  .lm-hero-actions{grid-template-columns:1fr}
  .lm-hero-copy{padding-top:238px}
  .lm-feature-card{flex-basis:86vw;width:86vw;max-width:none}
}


/* LONG MOBILE 8.3 — feature section directly after hero */
.lm-features{
  background:#070b11;
  padding-top:62px;
  padding-bottom:66px;
}
.lm-features .lm-section-head{margin-bottom:24px}
.lm-feature-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:stretch;
  gap:14px;
}
.lm-feature-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
}
.lm-feature-card img{
  display:block;
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:4/5;
  object-fit:cover;
  object-position:center top;
}
.lm-feature-card>div{
  flex:1;
  min-height:118px;
}

@media(max-width:1060px){
  .lm-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .lm-feature-card img{height:auto;aspect-ratio:4/5}
}

@media(max-width:900px){
  .lm-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:560px){
  .lm-features{padding-top:46px;padding-bottom:50px}
  .lm-feature-grid{
    display:flex!important;
    grid-template-columns:none!important;
    gap:12px!important;
  }
  .lm-feature-card{
    flex:0 0 76vw;
    width:76vw;
    max-width:300px;
  }
  .lm-feature-card img{
    width:100%;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:4/5;
    object-fit:cover;
    object-position:center top;
  }
  .lm-feature-card>div{min-height:124px}
}

@media(max-width:380px){
  .lm-feature-card{flex-basis:80vw;width:80vw;max-width:292px}
}
.lm-feature-card:nth-child(1) img{object-position:64% top}
.lm-feature-card:nth-child(2) img{object-position:67% top}
.lm-feature-card:nth-child(3) img{object-position:43% top}
.lm-feature-card:nth-child(4) img{object-position:65% top}

/* LONG MOBILE 8.4 — full-screen opening section */
.lm-hero{
  min-height:100vh;
  min-height:100svh;
}
.lm-hero-inner{
  min-height:calc(100vh - 72px);
  min-height:calc(100svh - 72px);
}
.lm-hero-copy{
  padding-top:72px;
  padding-bottom:88px;
}

@media(max-width:900px){
  .lm-hero{
    min-height:100vh;
    min-height:100svh;
  }
  .lm-hero-inner{
    min-height:calc(100vh - 64px);
    min-height:calc(100svh - 64px);
  }
}

@media(max-width:560px){
  .lm-hero{
    min-height:100vh;
    min-height:100svh;
  }
  .lm-hero-inner{
    min-height:calc(100vh - 66px);
    min-height:calc(100svh - 66px);
  }
  .lm-hero-copy{
    padding-top:clamp(250px,43svh,430px);
    padding-bottom:54px;
  }
}

@media(max-width:380px){
  .lm-hero-copy{padding-top:clamp(230px,40svh,360px)}
}

/* LONG MOBILE 8.5 — APK block and expanded footer */
.lm-download{padding:72px 0;border-bottom:1px solid var(--lm-line-soft);background:#070b11}
.lm-download-card{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);min-height:440px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:linear-gradient(125deg,#0b121d 0%,#09101a 55%,#071325 100%)}
.lm-download-card:before{content:"";position:absolute;right:-150px;top:-210px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(0,48,206,.28),rgba(0,48,206,0) 68%);pointer-events:none}
.lm-download-copy{position:relative;z-index:2;padding:54px 24px 48px 54px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.lm-download-eyebrow{color:#3268ff;font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.lm-download-copy h2{max-width:650px;margin:12px 0 13px;font-size:clamp(34px,4vw,52px);line-height:1.02;letter-spacing:-.045em;text-transform:uppercase}
.lm-download-copy>p{max-width:620px;margin:0;color:#9ca7b5;font-size:15px;line-height:1.62}
.lm-download-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.lm-download-meta>div{min-width:126px;padding:12px 14px;border:1px solid rgba(255,255,255,.085);border-radius:9px;background:rgba(5,10,17,.5)}
.lm-download-meta small{display:block;margin-bottom:4px;color:#697587;font-size:9px;text-transform:uppercase;letter-spacing:.07em}
.lm-download-meta b{display:block;color:#eaf0f7;font-size:12px;font-weight:720}
.lm-download-actions{display:flex;align-items:flex-start;gap:12px;margin-top:27px;flex-wrap:wrap}
.lm-download-button{min-width:210px;min-height:50px}
.lm-download-button.is-disabled{pointer-events:none;opacity:.55;filter:saturate(.2)}
.lm-install-guide{position:relative;min-width:180px}
.lm-install-guide summary{min-height:50px;display:flex;align-items:center;justify-content:center;padding:0 18px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#0d151f;color:#e8edf4;font-size:12px;font-weight:750;cursor:pointer;list-style:none}
.lm-install-guide summary::-webkit-details-marker{display:none}
.lm-install-guide[open] summary{border-color:rgba(40,91,255,.55)}
.lm-install-guide ol{position:absolute;z-index:10;left:0;top:57px;width:min(360px,80vw);margin:0;padding:17px 18px 17px 37px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#0b121b;box-shadow:0 20px 50px rgba(0,0,0,.42);color:#aab4c1;font-size:12px;line-height:1.55}
.lm-install-guide li+li{margin-top:7px}
.lm-download-visual{position:relative;display:flex;align-items:flex-end;justify-content:center;min-width:0;padding:30px 30px 0}
.lm-download-phone-wrap{position:relative;width:min(100%,390px);height:100%;display:flex;align-items:flex-end;justify-content:center}
.lm-download-phone-wrap:before{content:"";position:absolute;left:50%;bottom:10px;width:300px;height:300px;transform:translateX(-50%);border-radius:50%;background:rgba(0,48,206,.13);filter:blur(1px)}
.lm-download-phone-wrap img{position:relative;z-index:2;display:block;width:min(100%,360px);max-height:420px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 28px 50px rgba(0,0,0,.55))}
.lm-download-status{position:absolute;z-index:3;right:0;top:44px;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(7,13,22,.84);backdrop-filter:blur(8px);color:#b9c4d2;font-size:10px;font-weight:700}
.lm-download-status i{width:7px;height:7px;border-radius:50%;background:#2fd477;box-shadow:0 0 12px rgba(47,212,119,.55)}

.site-footer{padding:0;background:#05080c;border-top:1px solid var(--lm-line-soft)}
.site-footer .lm-footer-main{display:grid;grid-template-columns:minmax(240px,1.35fr) minmax(130px,.62fr) minmax(150px,.72fr) minmax(280px,1.25fr);gap:52px;padding-top:54px;padding-bottom:42px}
.lm-footer-brand-block{position:relative;display:flex;flex-direction:column;align-items:flex-start}
.footer-logo img{width:164px;max-height:44px}
.lm-footer-brand-block p{max-width:330px;margin:20px 0 18px;color:#768191;font-size:12px;line-height:1.65}
.lm-footer-age{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:31px;border:1px solid rgba(255,255,255,.1);border-radius:7px;color:#8a95a4;font-size:11px;font-weight:800}
.lm-footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.lm-footer-column b,.lm-footer-social-block>b{margin-bottom:6px;color:#f1f4f8;font-size:12px;text-transform:uppercase;letter-spacing:.07em}
.lm-footer-column a{color:#7d8897;text-decoration:none;font-size:12px;transition:color .18s ease,transform .18s ease}
.lm-footer-column a:hover{color:#fff;transform:translateX(2px)}
.lm-footer-social-block p{max-width:340px;margin:0 0 16px;color:#75808e;font-size:12px;line-height:1.55}
.lm-footer-social-block>small{display:block;max-width:310px;color:#5f6977;font-size:10px;line-height:1.5}
.lm-footer-socials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.lm-footer-socials a{display:flex;align-items:center;gap:9px;min-height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.085);border-radius:8px;background:#0a0f16;color:#c6ced9;text-decoration:none;font-size:11px;font-weight:700;transition:border-color .18s ease,background .18s ease,color .18s ease}
.lm-footer-socials a:hover{border-color:rgba(35,86,255,.55);background:#0d1625;color:#fff}
.lm-footer-socials svg{width:18px;height:18px;fill:#f0f3f7;flex:0 0 auto}
.lm-footer-support{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:15px}
.lm-footer-support a{color:#668df7;text-decoration:none;font-size:11px}.lm-footer-support a:hover{color:#fff}
.lm-footer-bottom-line{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid rgba(255,255,255,.065);color:#596371;font-size:10px}

@media(max-width:1050px){
  .lm-download-card{grid-template-columns:minmax(0,1fr) 290px}
  .lm-download-copy{padding-left:40px}
  .site-footer .lm-footer-main{grid-template-columns:1.15fr .7fr .8fr;gap:34px}.lm-footer-social-block{grid-column:1/-1}
  .lm-footer-socials{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:760px){
  .lm-download{padding:50px 0}.lm-download-card{grid-template-columns:1fr;min-height:0}.lm-download-copy{padding:36px 28px 20px}.lm-download-copy h2{font-size:38px}.lm-download-visual{height:300px;padding-top:0}.lm-download-status{right:16px;top:26px}.lm-download-phone-wrap img{max-height:300px}
  .site-footer .lm-footer-main{grid-template-columns:1fr 1fr;gap:32px 24px;padding-top:42px}.lm-footer-brand-block,.lm-footer-social-block{grid-column:1/-1}.lm-footer-socials{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lm-footer-bottom-line{align-items:flex-start;flex-direction:column;justify-content:center;padding-top:20px;padding-bottom:20px}
}
@media(max-width:520px){
  .lm-download{padding:42px 0}.lm-download-card{border-radius:11px}.lm-download-copy{padding:30px 20px 18px}.lm-download-copy h2{font-size:32px}.lm-download-copy>p{font-size:13px}.lm-download-meta{display:grid;grid-template-columns:1fr 1fr;width:100%}.lm-download-meta>div{min-width:0}.lm-download-actions{display:grid;width:100%;grid-template-columns:1fr}.lm-download-button,.lm-install-guide,.lm-install-guide summary{width:100%}.lm-install-guide ol{position:static;width:100%;margin-top:8px}.lm-download-visual{height:255px}.lm-download-phone-wrap img{max-height:260px}.lm-download-status{font-size:9px}
  .site-footer .lm-footer-main{grid-template-columns:1fr;gap:30px}.lm-footer-brand-block,.lm-footer-social-block{grid-column:auto}.lm-footer-column{padding-top:0}.lm-footer-socials{grid-template-columns:1fr 1fr}.lm-footer-socials a span{font-size:10px}
}
.lm-footer-socials>span{display:flex;align-items:center;gap:9px;min-height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.055);border-radius:8px;background:#080c12;color:#555f6d;font-size:11px;font-weight:700;cursor:not-allowed}.lm-footer-socials>span svg{width:18px;height:18px;fill:#596370}.lm-footer-socials>span span{font-size:11px}

/* LONG MOBILE 8.6 — landscape client mockup and compact footer */
.lm-download-card{
  grid-template-columns:minmax(0,1.05fr) minmax(390px,.8fr);
  min-height:390px;
}
.lm-download-copy{padding:46px 30px 42px 52px}
.lm-download-copy h2{font-size:clamp(34px,3.4vw,48px)}
.lm-download-actions{margin-top:24px}
.lm-download-button{min-width:222px}
.lm-install-guide{
  position:static;
  width:min(100%,640px);
  margin-top:14px;
}
.lm-install-guide summary{
  width:100%;
  min-height:46px;
  justify-content:space-between;
  gap:18px;
  padding:0 15px;
  border-color:rgba(255,255,255,.10);
  background:rgba(6,12,20,.58);
}
.lm-install-guide summary span{color:#e9edf4}
.lm-install-guide summary small{color:#687487;font-size:10px;font-weight:650}
.lm-install-guide summary:after{
  content:"+";
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  margin-left:auto;
  border-radius:6px;
  background:rgba(255,255,255,.05);
  color:#7e8b9d;
  font-size:16px;
  line-height:1;
}
.lm-install-guide[open] summary:after{content:"−";color:#fff;background:rgba(0,48,206,.35)}
.lm-install-guide ol{
  position:static;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  width:100%;
  margin:8px 0 0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  list-style:none;
  counter-reset:install-step;
}
.lm-install-guide li{
  position:relative;
  min-height:84px;
  margin:0!important;
  padding:13px 12px 12px 42px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:9px;
  background:rgba(7,13,21,.7);
  counter-increment:install-step;
}
.lm-install-guide li:before{
  content:counter(install-step);
  position:absolute;
  left:12px;
  top:13px;
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border-radius:6px;
  background:#0030ce;
  color:#fff;
  font-size:10px;
  font-weight:850;
}
.lm-install-guide li b{display:block;color:#e9eef5;font-size:11px;margin-bottom:4px}
.lm-install-guide li span{display:block;color:#7f8a99;font-size:10px;line-height:1.45}

.lm-download-visual{align-items:center;padding:36px 34px}
.lm-download-phone-wrap{
  width:min(100%,520px);
  height:auto;
  min-height:260px;
  align-items:center;
  justify-content:center;
}
.lm-download-phone-wrap:before{
  left:50%;
  bottom:auto;
  top:50%;
  width:350px;
  height:250px;
  transform:translate(-50%,-50%);
}
.lm-landscape-phone{
  position:relative;
  z-index:2;
  width:min(100%,500px);
  aspect-ratio:1.92/1;
  padding:9px;
  border:2px solid #3a4350;
  border-radius:34px;
  background:linear-gradient(145deg,#202732,#090c11 58%,#2d3540);
  box-shadow:0 28px 55px rgba(0,0,0,.55),inset 0 0 0 3px #090c11;
  transform:rotate(-2deg);
}
.lm-landscape-phone:after{
  content:"";
  position:absolute;
  inset:5px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:28px;
  pointer-events:none;
}
.lm-phone-camera{
  position:absolute;
  z-index:5;
  left:13px;
  top:50%;
  width:6px;
  height:40px;
  transform:translateY(-50%);
  border-radius:10px;
  background:#030508;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.lm-landscape-screen{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  height:100%;
  overflow:hidden;
  padding:25px 27px 22px 35px;
  border-radius:25px;
  background-image:linear-gradient(90deg,rgba(2,5,10,.92) 0%,rgba(3,8,16,.64) 49%,rgba(2,5,11,.16) 100%),url('../img/long-mobile-hero.webp');
  background-size:cover;
  background-position:center 43%;
}
.lm-landscape-screen:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.45));
  pointer-events:none;
}
.lm-phone-screen-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start}
.lm-phone-screen-copy strong{font-size:20px;line-height:1;color:#fff;letter-spacing:.035em;font-style:normal}
.lm-phone-screen-copy em{color:#2f62ff;font-style:normal}
.lm-phone-screen-copy span{margin-top:11px;color:#d5dce7;font-size:11px;font-weight:750;line-height:1.35;text-transform:uppercase}
.lm-phone-screen-button{
  position:relative;
  z-index:2;
  align-self:flex-start;
  min-width:145px;
  padding:11px 16px;
  border-radius:7px;
  background:#0d43ed;
  color:#fff;
  font-size:10px;
  font-weight:850;
  text-align:center;
  text-transform:uppercase;
  box-shadow:0 8px 24px rgba(0,48,206,.35);
}
.lm-download-status{right:1px;top:16px}

.site-footer .lm-footer-main{
  grid-template-columns:minmax(230px,1.15fr) minmax(120px,.55fr) minmax(140px,.65fr) minmax(260px,1fr);
  gap:34px;
  padding-top:38px;
  padding-bottom:28px;
}
.lm-footer-brand-block p{margin:13px 0 12px;line-height:1.5}
.lm-footer-column{gap:7px}
.lm-footer-column b,.lm-footer-social-block>b{margin-bottom:4px}
.lm-footer-social-block p{margin-bottom:11px}
.lm-footer-socials{gap:7px}
.lm-footer-socials a,.lm-footer-socials>span{
  min-height:40px;
  color:#aeb8c7;
}
.lm-footer-socials svg,.lm-footer-socials>span svg{
  width:20px;
  height:20px;
  fill:currentColor;
  color:inherit;
}
.lm-footer-socials>span{color:#778293;background:#090e15;border-color:rgba(255,255,255,.075);opacity:.82}
.lm-footer-bottom-line{min-height:52px}

@media(max-width:1050px){
  .lm-download-card{grid-template-columns:minmax(0,1fr) minmax(340px,.78fr)}
  .lm-download-copy{padding-left:38px}
}
@media(max-width:760px){
  .lm-download-card{grid-template-columns:1fr}
  .lm-download-copy{padding:34px 26px 24px}
  .lm-download-visual{height:auto;min-height:260px;padding:18px 26px 30px}
  .lm-download-phone-wrap{min-height:230px}
  .lm-download-status{top:4px;right:8px}
  .site-footer .lm-footer-main{
    grid-template-columns:1fr 1fr;
    gap:24px 32px;
    padding-top:32px;
    padding-bottom:25px;
  }
  .lm-footer-brand-block,.lm-footer-social-block{grid-column:1/-1}
  .lm-footer-socials{grid-template-columns:repeat(4,minmax(0,1fr))}
  .lm-footer-bottom-line{flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:space-between;padding:15px 0;gap:6px 18px}
}
@media(max-width:520px){
  .lm-download{padding:34px 0}
  .lm-download-copy{padding:27px 18px 20px}
  .lm-download-copy h2{font-size:30px}
  .lm-download-actions{width:100%;display:block}
  .lm-download-button{width:100%;min-width:0}
  .lm-install-guide{width:100%;margin-top:11px}
  .lm-install-guide summary{min-height:44px}
  .lm-install-guide ol{grid-template-columns:1fr}
  .lm-install-guide li{min-height:0;padding-top:12px;padding-bottom:12px}
  .lm-download-visual{min-height:205px;padding:8px 15px 25px}
  .lm-download-phone-wrap{min-height:190px}
  .lm-landscape-phone{width:100%;border-radius:23px;padding:6px}
  .lm-landscape-screen{padding:17px 17px 15px 24px;border-radius:17px}
  .lm-landscape-phone:after{inset:4px;border-radius:19px}
  .lm-phone-camera{left:8px;height:29px}
  .lm-phone-screen-copy strong{font-size:15px}
  .lm-phone-screen-copy span{margin-top:7px;font-size:8px}
  .lm-phone-screen-button{min-width:112px;padding:8px 11px;font-size:8px}
  .lm-download-status{top:0;right:6px;padding:7px 9px}

  .site-footer .lm-footer-main{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:21px 28px;
    padding-top:27px;
    padding-bottom:22px;
  }
  .lm-footer-brand-block{
    grid-column:1/-1!important;
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:9px 14px;
  }
  .lm-footer-brand-block .footer-logo{grid-column:1}
  .lm-footer-brand-block p{grid-column:1/-1;margin:0;max-width:none;font-size:11px;line-height:1.45}
  .lm-footer-age{grid-column:2;grid-row:1}
  .lm-footer-column{grid-column:auto!important;gap:7px;min-width:0}
  .lm-footer-column b{font-size:11px}
  .lm-footer-column a{font-size:11px}
  .lm-footer-social-block{grid-column:1/-1!important}
  .lm-footer-social-block p{display:none}
  .lm-footer-socials{grid-template-columns:repeat(4,42px);gap:9px}
  .lm-footer-socials a,.lm-footer-socials>span{width:42px;min-height:42px;padding:0;justify-content:center;border-radius:9px}
  .lm-footer-socials a span,.lm-footer-socials>span span{display:none}
  .lm-footer-socials svg,.lm-footer-socials>span svg{width:21px;height:21px}
  .lm-footer-bottom-line{min-height:0;padding:14px 0;gap:4px;font-size:9px}
  .lm-footer-bottom-line span:last-child{color:#4e5866}
}

/* 8.6 social brand colors and shorter mobile footer */
.lm-footer-socials .lm-social-vk{--social-color:#4c75a3}
.lm-footer-socials .lm-social-telegram{--social-color:#2aabee}
.lm-footer-socials .lm-social-discord{--social-color:#5865f2}
.lm-footer-socials .lm-social-youtube{--social-color:#ff3158}
.lm-footer-socials [class*="lm-social-"] svg{color:var(--social-color)}
.lm-footer-socials a[class*="lm-social-"]:hover{background:#0d1625}
.lm-footer-socials a.lm-social-vk:hover{border-color:rgba(76,117,163,.7)}
.lm-footer-socials a.lm-social-telegram:hover{border-color:rgba(42,171,238,.7)}
.lm-footer-socials a.lm-social-discord:hover{border-color:rgba(88,101,242,.7)}
.lm-footer-socials a.lm-social-youtube:hover{border-color:rgba(255,49,88,.7)}
.lm-footer-socials>span[class*="lm-social-"]{color:#8b95a4;opacity:1}
.lm-footer-socials>span[class*="lm-social-"] svg{color:var(--social-color);opacity:.72}

@media(max-width:520px){
  .site-footer .lm-footer-main{gap:17px 24px;padding-top:22px;padding-bottom:18px}
  .lm-footer-brand-block p{display:none}
  .lm-footer-column{gap:5px}
  .lm-footer-column a{font-size:10.5px}
  .lm-footer-social-block>b{margin-bottom:2px}
  .lm-footer-bottom-line{padding:11px 0}
  .lm-footer-bottom-line span:last-child{display:none}
}


/* LONG MOBILE 8.7 — compact mobile news, open install guide, icon-font socials */
.lm-install-guide{
  width:min(100%,680px);
  margin-top:18px;
  padding:16px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:11px;
  background:linear-gradient(145deg,rgba(8,15,25,.92),rgba(5,10,17,.78));
}
.lm-install-guide-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
}
.lm-install-guide-head span{color:#eef3fa;font-size:13px;font-weight:850}
.lm-install-guide-head small{color:#657286;font-size:10px;font-weight:650}
.lm-install-guide ol{margin-top:0}
.lm-footer-socials i{
  width:20px;
  font-size:20px;
  line-height:1;
  color:var(--social-color);
  text-align:center;
  flex:0 0 20px;
}
.lm-footer-socials>span i{opacity:.66}
.lm-footer-socials svg{display:none!important}

@media(max-width:760px){
  .lm-news-layout.lm-news-count-3{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-rows:auto auto;
    gap:10px;
    min-height:0;
  }
  .lm-news-layout.lm-news-count-3 .lm-news-main{
    grid-column:1/-1;
    grid-row:auto;
    grid-template-columns:1fr;
    grid-template-rows:220px auto;
    min-height:0;
  }
  .lm-news-layout.lm-news-count-3 .lm-news-card:not(.lm-news-main){
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:112px auto;
    min-height:220px;
  }
  .lm-news-layout.lm-news-count-3 .lm-news-image{min-height:0}
  .lm-news-layout.lm-news-count-3 .lm-news-copy{padding:14px}
  .lm-news-layout.lm-news-count-3 .lm-news-main .lm-news-copy{padding:17px}
  .lm-news-layout.lm-news-count-3 .lm-news-main .lm-news-copy h3{font-size:21px}
  .lm-news-layout.lm-news-count-3 .lm-news-card:not(.lm-news-main) h3{
    margin-bottom:0;
    font-size:15px;
    line-height:1.22;
  }
  .lm-news-layout.lm-news-count-3 .lm-news-card:not(.lm-news-main) p{display:none}
  .lm-news-layout.lm-news-count-3 .lm-news-card:not(.lm-news-main) time{padding-top:9px;font-size:9px}
}
@media(max-width:520px){
  .lm-news-layout.lm-news-count-3 .lm-news-main{grid-template-rows:205px auto}
  .lm-news-layout.lm-news-count-3 .lm-news-card:not(.lm-news-main){grid-template-rows:100px auto;min-height:196px}
  .lm-news-layout.lm-news-count-3 .lm-news-image span{top:9px;left:9px;padding:4px 7px;font-size:8px}
  .lm-news-layout.lm-news-count-3 .lm-news-copy{padding:12px 11px}
  .lm-news-layout.lm-news-count-3 .lm-news-main .lm-news-copy{padding:16px}
  .lm-news-layout.lm-news-count-3 .lm-news-main .lm-news-copy h3{font-size:20px}
  .lm-news-layout.lm-news-count-3 .lm-news-card:not(.lm-news-main) h3{font-size:13px}
  .lm-install-guide{padding:14px;margin-top:14px}
  .lm-install-guide-head{align-items:flex-start;flex-direction:column;gap:2px;margin-bottom:10px}
  .lm-install-guide ol{grid-template-columns:1fr}
  .lm-footer-brand-block{grid-template-columns:1fr!important}
  .lm-footer-socials i{font-size:21px}
}

/* LONG MOBILE 8.9 — reliable mobile menu and announcement */
.site-announcement{border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.08);background:rgba(5,12,24,.94);backdrop-filter:blur(16px)}
.site-announcement .shell{min-height:38px;display:flex;align-items:center;justify-content:center;gap:16px;color:#dbe5f5;font-size:12px;font-weight:700;text-align:center}
.site-announcement a{color:#7fa0ff;font-weight:900;white-space:nowrap}
@media(max-width:900px){
  html.menu-open,body.menu-open{overflow:hidden!important;overscroll-behavior:none}
  body>.main-nav{
    z-index:2147483644!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;
    width:min(360px,92vw)!important;height:100dvh!important;max-height:none!important;border-radius:0!important;
    padding-top:max(18px,env(safe-area-inset-top))!important;padding-bottom:max(28px,env(safe-area-inset-bottom))!important;
  }
  body>.menu-backdrop{position:fixed!important;z-index:2147483638!important;inset:0!important;display:block!important;border:0!important}
  body>.menu-backdrop[hidden]{display:none!important}
  .site-header{z-index:1200!important}
  .menu-toggle{z-index:5!important}
  .site-announcement .shell{justify-content:space-between;min-height:42px;padding:7px 0;font-size:11px;text-align:left}
}
@media(max-width:560px){.site-announcement .shell{gap:10px}.site-announcement span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.site-announcement a{font-size:10px}}


/* LONG MOBILE 9.0 — refined visual system and motion */
:root{
  --lm-ease:cubic-bezier(.22,.8,.2,1);
  --lm-ease-soft:cubic-bezier(.2,.7,.2,1);
  --lm-card-shadow:0 22px 55px rgba(0,0,0,.24);
}
body:before{
  content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;
  background:radial-gradient(circle at 12% 18%,rgba(22,85,255,.075),transparent 25rem),radial-gradient(circle at 86% 68%,rgba(0,48,206,.055),transparent 30rem);
}
.site-header{transition:height .3s var(--lm-ease),background .3s ease,border-color .3s ease,box-shadow .3s ease}
.site-header.scrolled{border-bottom-color:rgba(78,112,215,.18);box-shadow:0 12px 38px rgba(0,0,0,.22)}
.main-nav>a:before{content:"";position:absolute;left:50%;bottom:15px;width:4px;height:4px;border-radius:50%;background:#4f7cff;opacity:0;transform:translate(-50%,5px);transition:.25s var(--lm-ease)}
.main-nav>a:hover:before{opacity:.8;transform:translate(-50%,0)}
.main-nav>a.active:before{display:none}
.button{position:relative;isolation:isolate;overflow:hidden;transition:transform .22s var(--lm-ease),border-color .22s ease,background .22s ease,box-shadow .22s ease,filter .22s ease}
.button.primary:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(0,48,206,.34)}
.button.ghost:hover{transform:translateY(-2px);border-color:rgba(95,128,226,.38);background:rgba(14,23,37,.82)}
.lm-click-pulse{position:absolute!important;z-index:-1!important;width:14px!important;height:14px!important;border-radius:50%!important;background:rgba(255,255,255,.22)!important;pointer-events:none!important;transform:translate(-50%,-50%) scale(0);animation:lmPulse .58s ease-out forwards!important}
@keyframes lmPulse{to{transform:translate(-50%,-50%) scale(18);opacity:0}}

.lm-hero{
  min-height:100svh;
  background-position:center calc(50% + var(--lm-hero-shift,0px));
  transition:background-position .08s linear;
}
.lm-hero:before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(14,58,195,.08),transparent 38%),radial-gradient(circle at 68% 48%,transparent 0 24%,rgba(1,5,10,.16) 68%)}
.lm-hero-inner{min-height:calc(100svh - 72px)}
.lm-hero-copy{position:relative;padding-top:80px;padding-bottom:84px}
.lm-hero-copy:before{content:"LONG MOBILE / ROLEPLAY";display:inline-flex;margin-bottom:18px;color:#7797ff;font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.lm-hero h1{max-width:670px;text-wrap:balance;text-shadow:0 18px 52px rgba(0,0,0,.36)}
.lm-hero h1 strong{background:linear-gradient(110deg,#2c66ff,#0030ce 72%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lm-hero p{max-width:520px;color:#c1c9d5}
.lm-hero-actions{gap:12px}
.lm-more-button{min-width:165px}

.lm-section{position:relative;padding:78px 0;overflow:clip}
.lm-section:before{content:"";position:absolute;left:50%;top:0;width:min(1180px,calc(100% - 48px));height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(77,107,197,.16),transparent)}
.lm-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.lm-section-head h2{position:relative;max-width:760px;font-size:clamp(30px,3.2vw,44px);line-height:1.04;letter-spacing:-.045em}
.lm-section-head h2:after{content:"";display:block;width:44px;height:3px;margin-top:15px;border-radius:99px;background:linear-gradient(90deg,#2460ff,#0030ce)}

.lm-feature-grid{gap:16px}
.lm-feature-card,.lm-server-card,.lm-news-card,.lm-download-card{box-shadow:0 0 0 rgba(0,0,0,0);transition:transform .34s var(--lm-ease),border-color .3s ease,background .3s ease,box-shadow .34s ease}
.lm-feature-card{position:relative;background:linear-gradient(145deg,rgba(15,23,34,.98),rgba(7,12,19,.98));border-color:rgba(255,255,255,.085)}
.lm-feature-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,rgba(65,103,224,.10),transparent 38%);opacity:0;transition:opacity .3s ease}
.lm-feature-card img{transition:transform .65s var(--lm-ease),filter .45s ease}
.lm-feature-card:hover{transform:translateY(-5px);border-color:rgba(61,103,239,.38);box-shadow:var(--lm-card-shadow)}
.lm-feature-card:hover:after{opacity:1}
.lm-feature-card:hover img{transform:scale(1.035);filter:saturate(.94) contrast(1.04)}

.lm-server-card{overflow:hidden;background:linear-gradient(145deg,#0b121c,#080d14)}
.lm-server-card:hover,.lm-server-card.is-selected{transform:translateY(-5px);border-color:rgba(55,101,242,.58);box-shadow:0 20px 46px rgba(0,0,0,.24)}
.lm-server-card:before{content:"";position:absolute;right:-42px;top:-48px;width:120px;height:120px;border-radius:50%;background:rgba(0,48,206,.10);filter:blur(2px);transition:transform .5s var(--lm-ease),opacity .4s ease}
.lm-server-card:hover:before{transform:scale(1.3);opacity:.95}

.lm-news-card{background:linear-gradient(150deg,#0b121b,#070c13);border-color:rgba(255,255,255,.085)}
.lm-news-card:hover{transform:translateY(-5px);border-color:rgba(61,103,239,.46);box-shadow:var(--lm-card-shadow)}
.lm-news-image img{transition:transform .8s var(--lm-ease),filter .45s ease}
.lm-news-card:hover .lm-news-image img{transform:scale(1.045);filter:saturate(1) contrast(1.03)}
.lm-news-image span{box-shadow:0 8px 24px rgba(0,48,206,.24)}

.lm-download{padding:82px 0;background:linear-gradient(180deg,rgba(5,9,14,.2),rgba(6,11,18,.72))}
.lm-download-card{border-radius:18px;border-color:rgba(82,112,204,.18);background:linear-gradient(125deg,#0d1622 0%,#09111c 56%,#071429 100%);box-shadow:0 32px 90px rgba(0,0,0,.28)}
.lm-download-card:hover{border-color:rgba(65,103,224,.32);box-shadow:0 38px 110px rgba(0,0,0,.34)}
.lm-download-meta>div,.lm-install-guide,.lm-install-guide li{transition:border-color .25s ease,background .25s ease,transform .25s var(--lm-ease)}
.lm-download-meta>div:hover,.lm-install-guide li:hover{transform:translateY(-2px);border-color:rgba(67,106,227,.28);background:rgba(10,20,34,.78)}
.lm-landscape-phone{animation:lmPhoneFloat 6s ease-in-out infinite}
@keyframes lmPhoneFloat{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-1.2deg) translateY(-8px)}}

.site-footer{background:linear-gradient(180deg,#05080c,#030507)}
.lm-footer-socials a{transition:transform .24s var(--lm-ease),border-color .24s ease,background .24s ease}
.lm-footer-socials a:hover{transform:translateY(-3px)}

.lm-reveal{opacity:0;transform:translateY(20px);transition:opacity .64s var(--lm-ease-soft) var(--lm-delay,0ms),transform .64s var(--lm-ease-soft) var(--lm-delay,0ms)}
.lm-reveal.lm-reveal-visible{opacity:1;transform:none}
.lm-page-transition{position:fixed;z-index:2147483647;inset:0;pointer-events:none;background:linear-gradient(180deg,#05080d,#070c14);opacity:1;transform:translateY(0);transition:opacity .34s ease,transform .46s var(--lm-ease)}
.lm-page-transition:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,#2460ff 38%,#5a82ff 62%,transparent);transform:scaleX(.15);transform-origin:left;animation:lmLoadLine .55s ease both}
.lm-page-transition span{position:absolute;left:50%;top:50%;width:42px;height:2px;border-radius:99px;background:#2d63ff;box-shadow:0 0 24px rgba(45,99,255,.52);transform:translate(-50%,-50%)}
.lm-page-transition.is-entered{opacity:0;transform:translateY(-3%)}
.lm-page-transition.is-idle{visibility:hidden}
.lm-page-transition.is-leaving{visibility:visible;opacity:1;transform:translateY(0);transition-duration:.22s}
@keyframes lmLoadLine{from{transform:scaleX(.08)}to{transform:scaleX(1)}}

@media(max-width:900px){
  .lm-hero{min-height:100svh;background-position:center top}
  .lm-hero-inner{min-height:calc(100svh - 64px)}
  .lm-hero-copy{padding-top:clamp(250px,43svh,390px);padding-bottom:48px}
  .main-nav>a:before{display:none}
  .lm-section{padding:62px 0}
  .lm-landscape-phone{animation:none}
  .lm-reveal{transform:translateY(14px)}
  .lm-page-transition{transition-duration:.26s}
}
@media(max-width:560px){
  .shell{width:min(100% - 28px,1180px)}
  .lm-hero-copy:before{margin-bottom:13px;font-size:8px}
  .lm-hero h1{font-size:clamp(37px,11.4vw,49px)}
  .lm-hero p{font-size:13px;line-height:1.58}
  .lm-section{padding:52px 0}
  .lm-section:before{width:calc(100% - 28px)}
  .lm-section-head h2{font-size:28px}
  .lm-feature-card:hover,.lm-server-card:hover,.lm-news-card:hover{transform:none;box-shadow:none}
  .lm-download{padding:48px 0}
  .lm-download-card{border-radius:14px}
  .lm-page-transition span{width:34px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .lm-reveal{opacity:1!important;transform:none!important}
  .lm-page-transition{display:none!important}
}

/* LONG MOBILE 9.1 — softer scroll choreography, section bridges and useful micro-interactions */
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{overflow-x:clip}

.lm-scroll-progress{
  position:fixed;z-index:2147483000;left:0;right:0;top:0;height:3px;pointer-events:none;
  background:rgba(255,255,255,.025);
}
.lm-scroll-progress span{
  display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;
  background:linear-gradient(90deg,#0030ce,#356cff 55%,#86a5ff);
  box-shadow:0 0 18px rgba(36,96,255,.45);will-change:transform;
}
.lm-backtop{
  position:fixed;z-index:1100;right:22px;bottom:22px;width:46px;height:46px;border:1px solid rgba(87,118,214,.24);
  border-radius:14px;background:rgba(8,14,24,.82);backdrop-filter:blur(16px);color:#edf3ff;cursor:pointer;
  opacity:0;visibility:hidden;transform:translateY(12px) scale(.94);
  transition:opacity .24s ease,visibility .24s ease,transform .28s var(--lm-ease),border-color .24s ease,background .24s ease;
  box-shadow:0 16px 38px rgba(0,0,0,.24);
}
.lm-backtop:before,.lm-backtop:after{content:"";position:absolute;left:50%;top:50%;background:currentColor;border-radius:99px}
.lm-backtop:before{width:12px;height:2px;transform:translate(-80%,-60%) rotate(-45deg)}
.lm-backtop:after{width:12px;height:2px;transform:translate(-20%,-60%) rotate(45deg)}
.lm-backtop.is-visible{opacity:1;visibility:visible;transform:none}
.lm-backtop:hover{transform:translateY(-3px);border-color:rgba(80,119,255,.56);background:rgba(12,24,43,.94)}

.lm-section-bridge{
  position:relative;height:84px;display:flex;align-items:center;justify-content:center;overflow:hidden;
  color:#8290a5;background:linear-gradient(180deg,rgba(4,8,13,0),rgba(5,10,18,.54) 48%,rgba(4,8,13,0));
}
.lm-section-bridge:before{
  content:"";position:absolute;left:50%;top:50%;width:min(1180px,calc(100% - 48px));height:52px;
  transform:translate(-50%,-50%);opacity:.72;
  background:
    radial-gradient(circle at 50% 50%,rgba(34,90,255,.14),transparent 22%),
    repeating-linear-gradient(90deg,transparent 0 42px,rgba(83,108,175,.12) 42px 43px),
    linear-gradient(90deg,transparent,rgba(55,82,150,.11) 18%,rgba(55,82,150,.11) 82%,transparent);
  clip-path:polygon(0 48%,9% 48%,12% 20%,88% 20%,91% 48%,100% 48%,100% 52%,91% 52%,88% 80%,12% 80%,9% 52%,0 52%);
}
.lm-section-bridge:after{
  content:attr(data-label);position:absolute;left:max(24px,calc((100% - 1180px)/2));top:50%;transform:translateY(-50%);
  color:#58677d;font-size:9px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;
}
.lm-section-bridge>span{
  position:relative;z-index:2;display:inline-flex;align-items:center;min-height:29px;padding:0 14px;border:1px solid rgba(78,111,211,.18);
  border-radius:999px;background:rgba(6,12,20,.78);color:#8394af;font-size:8px;font-weight:850;letter-spacing:.18em;text-transform:uppercase;
  box-shadow:0 12px 32px rgba(0,0,0,.2);
}
.lm-section-bridge>i{
  position:absolute;z-index:3;left:calc(50% - 96px);top:50%;width:6px;height:6px;border-radius:50%;background:#3b6dff;
  box-shadow:0 0 0 5px rgba(47,99,255,.08),0 0 19px rgba(47,99,255,.58);transform:translateY(-50%);
  animation:lmBridgeTravel 5.8s var(--lm-ease) infinite;
}
.lm-section-bridge>b{
  position:absolute;z-index:2;right:max(24px,calc((100% - 1180px)/2));top:50%;transform:translateY(-50%);
  color:rgba(105,133,213,.25);font-size:34px;font-weight:950;letter-spacing:-.06em;
}
@keyframes lmBridgeTravel{
  0%,12%{transform:translate(-30px,-50%);opacity:0}
  24%{opacity:1}
  72%{opacity:1}
  88%,100%{transform:translate(220px,-50%);opacity:0}
}

.lm-section{isolation:isolate}
.lm-section:before{display:none}
.lm-section:after{
  content:"";position:absolute;z-index:-1;inset:8% 0 auto;height:70%;pointer-events:none;opacity:.54;
  background:radial-gradient(ellipse at 50% 10%,rgba(17,51,135,.075),transparent 63%);
}
.lm-features:after{background:radial-gradient(ellipse at 16% 28%,rgba(27,80,225,.085),transparent 48%)}
.lm-servers:after{background:radial-gradient(ellipse at 82% 42%,rgba(0,48,206,.08),transparent 50%)}
.lm-news:after{background:radial-gradient(ellipse at 28% 52%,rgba(33,73,178,.07),transparent 54%)}

.lm-section-head[data-section]{position:relative;padding-top:25px}
.lm-section-head[data-section]:before{
  content:attr(data-section);position:absolute;left:0;top:0;color:#657894;font-size:9px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;
}
.lm-section-head h2:after{width:58px;height:2px;background:linear-gradient(90deg,#356cff 0 46%,transparent 46% 58%,rgba(86,112,185,.36) 58% 100%)}

.lm-feature-card,.lm-server-card,.lm-news-card,.lm-download-card{
  transform-origin:center bottom;
}
.lm-feature-card:before,.lm-news-card:before{
  content:"";position:absolute;z-index:3;left:0;right:0;top:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(95,133,255,.38),transparent);opacity:.52;
}
.lm-feature-card div,.lm-news-copy{position:relative;z-index:4}
.lm-feature-card h3,.lm-news-card h3{transition:color .24s ease,transform .3s var(--lm-ease)}
.lm-feature-card:hover h3,.lm-news-card:hover h3{color:#f8faff;transform:translateX(3px)}
.lm-server-online b{font-variant-numeric:tabular-nums}

/* Different reveal directions make the page feel composed rather than templated. */
.lm-reveal{will-change:opacity,transform;transition-duration:.78s}
.lm-reveal-title{clip-path:inset(0 0 22% 0);transform:translateY(26px);transition:opacity .7s var(--lm-ease-soft) var(--lm-delay,0ms),transform .78s var(--lm-ease) var(--lm-delay,0ms),clip-path .82s var(--lm-ease) var(--lm-delay,0ms)}
.lm-reveal-title.lm-reveal-visible{clip-path:inset(0);transform:none}
.lm-reveal-left{transform:translate3d(-24px,18px,0) scale(.987)}
.lm-reveal-right{transform:translate3d(24px,18px,0) scale(.987)}
.lm-reveal-left.lm-reveal-visible,.lm-reveal-right.lm-reveal-visible{transform:none}
.lm-section-bridge.lm-reveal{transform:translateY(12px);opacity:0}
.lm-section-bridge.lm-reveal-visible{transform:none;opacity:1}

@media(max-width:900px){
  html{scroll-padding-top:72px}
  .lm-section-bridge{height:68px}
  .lm-section-bridge:before{width:calc(100% - 28px);height:44px}
  .lm-section-bridge:after{left:14px;font-size:7px;letter-spacing:.12em}
  .lm-section-bridge>b{right:14px;font-size:27px}
  .lm-section-bridge>span{min-height:26px;padding:0 11px;font-size:7px}
  .lm-section-bridge>i{left:calc(50% - 70px);animation-duration:6.4s}
  .lm-reveal-left{transform:translate3d(-12px,14px,0) scale(.992)}
  .lm-reveal-right{transform:translate3d(12px,14px,0) scale(.992)}
  .lm-backtop{right:14px;bottom:14px;width:43px;height:43px;border-radius:13px}
}
@media(max-width:560px){
  .lm-section-bridge:after{display:none}
  .lm-section-bridge>b{font-size:23px}
  .lm-section-head[data-section]{padding-top:22px}
  .lm-section-head[data-section]:before{font-size:8px}
  .lm-scroll-progress{height:2px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .lm-section-bridge>i{animation:none}
  .lm-backtop{transition:none}
}

/* LONG MOBILE 9.3 — dedicated full-screen download experience */
.page-download main{background:#05090f}
.lm-download-page{position:relative;min-height:100svh;padding-top:72px;overflow:hidden;display:flex;align-items:center;background:
  radial-gradient(circle at 78% 34%,rgba(0,48,206,.22),transparent 32%),
  radial-gradient(circle at 18% 76%,rgba(47,85,210,.08),transparent 30%),
  linear-gradient(180deg,#060b12 0%,#070d16 56%,#05090f 100%)}
.lm-download-page:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.36;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 88%)}
.lm-download-page-glow{position:absolute;right:-9vw;top:15%;width:56vw;height:56vw;max-width:760px;max-height:760px;border-radius:50%;border:1px solid rgba(73,107,218,.14);box-shadow:inset 0 0 100px rgba(0,48,206,.05);animation:lmDownloadOrb 11s ease-in-out infinite}
.lm-download-page-glow:before,.lm-download-page-glow:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(74,108,220,.10)}
.lm-download-page-glow:before{inset:13%}.lm-download-page-glow:after{inset:29%}
@keyframes lmDownloadOrb{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-18px,12px,0) scale(1.025)}}
.lm-download-page-shell{position:relative;z-index:2;padding-top:64px;padding-bottom:76px}
.lm-download-page-copy{max-width:980px;margin:0 auto;text-align:center}
.lm-download-page-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(70,107,225,.22);border-radius:999px;background:rgba(7,15,27,.62);color:#9fb5ff;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(14px)}
.lm-download-page-badge i{width:7px;height:7px;border-radius:50%;background:#31d77c;box-shadow:0 0 15px rgba(49,215,124,.55)}
.lm-download-page h1{margin:24px auto 18px;max-width:900px;font-size:clamp(50px,8vw,104px);line-height:.91;letter-spacing:-.065em;text-transform:uppercase;text-wrap:balance}
.lm-download-page h1 strong{display:block;background:linear-gradient(110deg,#eef4ff 4%,#7398ff 42%,#2358ef 76%,#0030ce);-webkit-background-clip:text;background-clip:text;color:transparent}
.lm-download-page-copy>p{max-width:680px;margin:0 auto;color:#9aa7b8;font-size:clamp(14px,1.6vw,17px);line-height:1.7}
.lm-download-page-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:34px 0 16px}
.lm-download-page-meta>div{padding:15px 14px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:rgba(7,13,22,.62);backdrop-filter:blur(12px)}
.lm-download-page-meta small{display:block;margin-bottom:5px;color:#64738a;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.lm-download-page-meta b{display:block;color:#edf2f9;font-size:12px}
.lm-install-wide{position:relative;display:flex;width:100%;min-height:92px;margin-top:14px;padding:18px 25px;align-items:center;justify-content:space-between;gap:18px;overflow:hidden;border:1px solid rgba(86,121,238,.56);border-radius:16px;background:linear-gradient(115deg,#0b3bd9 0%,#0030ce 54%,#174edb 100%);color:#fff;box-shadow:0 24px 64px rgba(0,48,206,.22);transition:transform .3s var(--lm-ease),box-shadow .3s ease,border-color .3s ease}
.lm-install-wide:before{content:"";position:absolute;inset:-1px;background:linear-gradient(105deg,transparent 22%,rgba(255,255,255,.14) 47%,transparent 70%);transform:translateX(-120%);transition:transform .7s var(--lm-ease);pointer-events:none}.lm-install-wide:hover:before{transform:translateX(120%)}
.lm-install-wide:hover{transform:translateY(-3px);border-color:rgba(151,174,255,.78);box-shadow:0 30px 80px rgba(0,48,206,.31)}
.lm-install-wide span{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column;text-align:left}.lm-install-wide small{color:#b8c9ff;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.lm-install-wide b{margin-top:4px;font-size:clamp(20px,2.3vw,30px);line-height:1.05;letter-spacing:-.035em;text-transform:uppercase}
.lm-install-wide>i{position:relative;z-index:1;display:grid;place-items:center;width:54px;height:54px;flex:0 0 54px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.08);font-size:19px}
.lm-install-wide.is-disabled{border-color:rgba(255,255,255,.08);background:#0b121c;color:#778397;box-shadow:none;cursor:not-allowed}.lm-install-wide.is-disabled small{color:#667183}.lm-install-wide.is-disabled:hover{transform:none}
.lm-download-page-trust{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;margin-top:17px;color:#69778a;font-size:10px;font-weight:700}.lm-download-page-trust span{display:flex;align-items:center;gap:7px}.lm-download-page-trust i{color:#829cf0}
.lm-download-instructions{position:relative;padding:90px 0 82px;background:linear-gradient(180deg,#05090f,#070c13)}
.lm-download-instructions-head{max-width:710px;margin-bottom:38px}.lm-download-instructions-head>span,.lm-download-final>.shell>span{color:#5e83ff;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.lm-download-instructions-head h2,.lm-download-final h2{margin:9px 0 12px;font-size:clamp(34px,4.4vw,58px);line-height:1;letter-spacing:-.05em;text-transform:uppercase}.lm-download-instructions-head h2 strong,.lm-download-final h2 strong{color:#3f70ff}.lm-download-instructions-head p{margin:0;color:#8794a5;line-height:1.65}
.lm-download-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.lm-download-step{position:relative;min-height:270px;padding:26px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(145deg,rgba(13,22,34,.94),rgba(7,12,20,.98));overflow:hidden;transition:transform .3s var(--lm-ease),border-color .3s ease,background .3s ease}.lm-download-step:hover{transform:translateY(-5px);border-color:rgba(67,106,227,.32);background:linear-gradient(145deg,rgba(16,28,46,.98),rgba(7,12,20,.98))}.lm-download-step>span{position:absolute;right:18px;top:14px;color:rgba(106,137,232,.16);font-size:58px;font-weight:900;letter-spacing:-.06em}.lm-download-step>i{display:grid;place-items:center;width:48px;height:48px;margin-bottom:48px;border:1px solid rgba(61,103,239,.24);border-radius:13px;background:rgba(0,48,206,.11);color:#6288ff;font-size:17px}.lm-download-step h3{margin:0 0 9px;color:#edf3fb;font-size:19px;letter-spacing:-.025em}.lm-download-step p{margin:0;color:#7d8999;font-size:12px;line-height:1.65}
.lm-download-help{display:grid;grid-template-columns:auto 1fr;gap:17px;align-items:start;margin-top:16px;padding:21px 22px;border:1px solid rgba(71,105,207,.18);border-radius:14px;background:rgba(8,16,28,.68)}.lm-download-help-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:rgba(0,48,206,.13);color:#6488ff}.lm-download-help b{display:block;margin:1px 0 6px;color:#e7edf6;font-size:13px}.lm-download-help p{margin:0;color:#7f8c9e;font-size:11px;line-height:1.6}
.lm-download-final{padding:86px 0 96px;text-align:center;background:radial-gradient(circle at 50% 100%,rgba(0,48,206,.15),transparent 43%),#05090f}.lm-download-final h2{max-width:850px;margin-left:auto;margin-right:auto}.lm-install-wide-final{max-width:980px;margin:30px auto 0}
@media(max-width:900px){.lm-download-page{padding-top:64px}.lm-download-page-shell{padding-top:56px;padding-bottom:58px}.lm-download-page-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.lm-download-steps{grid-template-columns:1fr}.lm-download-step{min-height:0}.lm-download-step>i{margin-bottom:35px}.lm-download-instructions{padding:68px 0}}
@media(max-width:560px){.lm-download-page-shell{padding-top:40px;padding-bottom:46px}.lm-download-page h1{font-size:clamp(43px,15vw,62px)}.lm-download-page-copy>p{font-size:13px}.lm-download-page-meta{gap:7px;margin-top:26px}.lm-download-page-meta>div{padding:12px 10px}.lm-download-page-meta b{font-size:10.5px}.lm-install-wide{min-height:82px;padding:15px 16px;border-radius:13px}.lm-install-wide b{font-size:19px}.lm-install-wide>i{width:46px;height:46px;flex-basis:46px;border-radius:12px}.lm-download-page-trust{justify-content:flex-start;gap:10px 16px;text-align:left}.lm-download-instructions{padding:54px 0}.lm-download-instructions-head{margin-bottom:28px}.lm-download-step{padding:21px}.lm-download-help{grid-template-columns:1fr}.lm-download-final{padding:58px 0 68px}.lm-download-final h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.lm-download-page-glow{animation:none}.lm-install-wide:before{display:none}}

/* LONG MOBILE 9.4 — premium floating desktop header */
@media(min-width:901px){
  .site-header{
    height:90px;
    padding:12px 0 0;
    background:linear-gradient(180deg,rgba(2,6,11,.82) 0%,rgba(2,6,11,.30) 62%,transparent 100%);
    border-bottom:0;
    backdrop-filter:none;
    box-shadow:none;
    transition:padding .3s var(--lm-ease),background .3s ease;
  }
  .site-header.scrolled{
    padding-top:8px;
    background:linear-gradient(180deg,rgba(2,6,11,.94) 0%,rgba(2,6,11,.52) 68%,transparent 100%);
  }
  .site-header>.header-inner{
    width:min(1320px,calc(100% - 40px));
    height:64px;
    padding:0 12px 0 18px;
    gap:0;
    position:relative;
    overflow:visible;
    border:1px solid rgba(112,137,190,.16);
    border-radius:16px;
    background:
      linear-gradient(180deg,rgba(14,20,30,.91),rgba(7,11,18,.91)),
      radial-gradient(circle at 65% -100%,rgba(36,91,255,.18),transparent 43%);
    backdrop-filter:blur(22px) saturate(125%);
    -webkit-backdrop-filter:blur(22px) saturate(125%);
    box-shadow:0 16px 42px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.035);
    transition:height .3s var(--lm-ease),border-color .3s ease,box-shadow .3s ease,background .3s ease;
  }
  .site-header>.header-inner:before{
    content:"";
    position:absolute;
    z-index:0;
    left:12%;right:12%;top:-1px;height:1px;
    background:linear-gradient(90deg,transparent,rgba(57,106,255,.55) 32%,rgba(89,135,255,.78) 50%,rgba(57,106,255,.55) 68%,transparent);
    opacity:.7;
    pointer-events:none;
  }
  .site-header>.header-inner:after{
    content:"";
    position:absolute;
    z-index:0;
    left:26%;right:26%;bottom:-1px;height:1px;
    background:linear-gradient(90deg,transparent,rgba(34,85,237,.4),transparent);
    filter:drop-shadow(0 0 7px rgba(38,94,255,.42));
    pointer-events:none;
  }
  .site-header.scrolled>.header-inner{
    height:60px;
    border-color:rgba(99,128,199,.22);
    background:linear-gradient(180deg,rgba(11,17,26,.96),rgba(6,10,16,.96));
    box-shadow:0 18px 48px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.04);
  }
  .header-inner>*{position:relative;z-index:1}
  .brand{
    min-width:195px;
    height:42px;
    padding-right:26px;
    margin-right:14px;
    position:relative;
  }
  .brand:after{
    content:"";
    position:absolute;right:0;top:8px;bottom:8px;width:1px;
    background:linear-gradient(180deg,transparent,rgba(255,255,255,.13),transparent);
  }
  .brand img{width:160px;max-height:40px;transition:transform .25s var(--lm-ease),filter .25s ease}
  .brand:hover img{transform:translateY(-1px);filter:drop-shadow(0 0 14px rgba(40,91,255,.18))}

  .main-nav{
    align-self:stretch;
    gap:4px;
    margin:0;
    padding:0 4px;
    display:flex;
    align-items:center;
  }
  .main-nav>a{
    min-height:40px;
    padding:0 13px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid transparent;
    border-radius:10px;
    color:#9da7b7;
    font-size:12px;
    font-weight:800;
    letter-spacing:.018em;
    text-transform:uppercase;
    transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s var(--lm-ease),box-shadow .2s ease;
  }
  .main-nav>a:hover{
    color:#f5f8ff;
    background:rgba(255,255,255,.035);
    border-color:rgba(255,255,255,.055);
    transform:translateY(-1px);
  }
  .main-nav>a.active{
    color:#f4f7ff;
    border-color:rgba(61,105,238,.19);
    background:linear-gradient(180deg,rgba(31,71,188,.16),rgba(11,28,77,.12));
    box-shadow:inset 0 1px rgba(105,143,255,.08),0 7px 22px rgba(0,48,206,.08);
  }
  .main-nav>a.active:after{
    left:13px;right:13px;bottom:-13px;height:2px;
    background:linear-gradient(90deg,transparent,#2b65ff 22%,#6c94ff 50%,#2b65ff 78%,transparent);
    box-shadow:0 0 13px rgba(45,100,255,.58);
  }

  .header-actions{gap:8px;margin-left:auto;padding-left:12px}
  .lm-account-chip{
    min-height:42px;
    padding:4px 12px 4px 5px;
    border-color:rgba(255,255,255,.09);
    border-radius:10px;
    background:linear-gradient(180deg,rgba(10,16,26,.88),rgba(6,10,17,.88));
    box-shadow:inset 0 1px rgba(255,255,255,.025);
    transition:border-color .2s ease,background .2s ease,transform .2s var(--lm-ease);
  }
  .lm-account-chip:hover{transform:translateY(-1px);border-color:rgba(68,109,235,.34);background:rgba(10,18,31,.96)}
  .lm-account-chip>span{
    width:32px;height:32px;border-radius:8px;
    background:linear-gradient(145deg,#2455e7 0%,#0d318f 56%,#071c54 100%);
    box-shadow:inset 0 1px rgba(255,255,255,.13),0 6px 15px rgba(0,48,206,.18);
  }
  .lm-account-chip b{font-size:12px;color:#edf2fb}

  .header-actions .button{
    min-height:42px;
    padding:0 15px;
    gap:8px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    font-size:12px;
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:.02em;
  }
  .header-actions .button i{font-size:11px;opacity:.92}
  .header-actions .button.primary{
    background:linear-gradient(135deg,#1453f5,#0030ce 68%,#06249b);
    border-color:rgba(72,116,255,.62);
    box-shadow:0 10px 26px rgba(0,48,206,.21),inset 0 1px rgba(255,255,255,.13);
  }
  .header-actions .button.primary:hover{background:linear-gradient(135deg,#1b5cff,#0738db 68%,#092ca9);box-shadow:0 14px 32px rgba(0,48,206,.28)}
  .header-actions .button.ghost{background:rgba(255,255,255,.022);border-color:rgba(255,255,255,.085)}
  .header-actions .button.ghost:hover{background:rgba(255,255,255,.05);border-color:rgba(79,116,225,.26)}
  .admin-link{min-width:86px}

  .page-hero,.compact-page,.cabinet-hero{margin-top:90px!important}
  .lm-hero{padding-top:90px}
  .lm-download-page{padding-top:90px}
}

@media(min-width:901px) and (max-width:1220px){
  .site-header>.header-inner{width:min(100% - 26px,1180px);padding-left:14px;padding-right:9px}
  .brand{min-width:170px;padding-right:18px;margin-right:8px}.brand img{width:148px}
  .main-nav>a{padding:0 9px;font-size:11px}.header-actions{padding-left:7px}.lm-account-chip b{max-width:90px}
  .header-actions .button{padding:0 11px}.header-actions .button span{display:none}.header-actions .button{width:42px;padding:0}
  .admin-link{min-width:42px}
}

@media(max-width:900px){
  .header-actions .button i{display:none}
  .site-header{background:rgba(5,8,12,.94)}
}

/* LONG MOBILE 9.5 — redesigned download page */
.page-download main{background:#05080d;overflow:hidden}
.lm-dl-hero{position:relative;min-height:100svh;padding:118px 0 30px;overflow:hidden;background:radial-gradient(circle at 77% 35%,rgba(16,66,227,.18),transparent 28%),radial-gradient(circle at 14% 78%,rgba(20,49,128,.11),transparent 32%),linear-gradient(180deg,#050a12 0%,#07101b 58%,#05090f 100%)}
.lm-dl-grid{position:absolute;inset:0;opacity:.38;pointer-events:none;background-image:linear-gradient(rgba(114,143,203,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(114,143,203,.028) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,.68) 66%,transparent 100%)}
.lm-dl-aurora{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.7}.lm-dl-aurora-a{right:-8vw;top:4%;width:42vw;height:42vw;background:rgba(0,48,206,.18)}.lm-dl-aurora-b{left:-18vw;bottom:-20vw;width:42vw;height:42vw;background:rgba(40,77,188,.09)}
.lm-dl-hero-shell{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(390px,.78fr);align-items:center;gap:54px;min-height:calc(100svh - 196px)}
.lm-dl-copy{padding:32px 0 36px}
.lm-dl-kicker{display:inline-flex;align-items:center;gap:10px;color:#93a9d9;font-size:10px;font-weight:850;letter-spacing:.135em;text-transform:uppercase}.lm-dl-kicker span{width:22px;height:2px;border-radius:20px;background:linear-gradient(90deg,#245df7,#6f96ff);box-shadow:0 0 12px rgba(50,99,255,.55)}
.lm-dl-copy h1{margin:21px 0 23px;font-size:clamp(60px,6.6vw,96px);line-height:.83;letter-spacing:-.07em;text-transform:uppercase}.lm-dl-copy h1 span,.lm-dl-copy h1 strong{display:block}.lm-dl-copy h1 span{color:#f5f8fd}.lm-dl-copy h1 strong{font-weight:930;background:linear-gradient(100deg,#6d94ff 0%,#2d63f6 46%,#0030ce 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lm-dl-copy>p{max-width:660px;margin:0;color:#8a98aa;font-size:15px;line-height:1.75}
.lm-dl-primary{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;width:min(100%,690px);min-height:84px;margin-top:31px;padding:12px 14px 12px 13px;overflow:hidden;border:1px solid rgba(75,114,237,.45);border-radius:18px;background:linear-gradient(115deg,#123ccb 0%,#0632b3 52%,#082675 100%);box-shadow:0 22px 60px rgba(0,36,147,.27),inset 0 1px rgba(255,255,255,.08);transition:transform .3s var(--lm-ease),border-color .3s ease,box-shadow .3s ease}.lm-dl-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 12%,rgba(255,255,255,.12) 47%,transparent 75%);transform:translateX(-115%);transition:transform .8s var(--lm-ease);pointer-events:none}.lm-dl-primary:hover{transform:translateY(-3px);border-color:rgba(107,145,255,.72);box-shadow:0 29px 76px rgba(0,42,168,.36),inset 0 1px rgba(255,255,255,.1)}.lm-dl-primary:hover:before{transform:translateX(115%)}
.lm-dl-primary-icon,.lm-dl-primary-arrow{position:relative;z-index:1;display:grid;place-items:center}.lm-dl-primary-icon{width:55px;height:55px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.08);font-size:17px}.lm-dl-primary-arrow{width:42px;height:42px;color:#a9bdf7;font-size:13px;transition:transform .25s var(--lm-ease)}.lm-dl-primary:hover .lm-dl-primary-arrow{transform:translateX(3px)}.lm-dl-primary-copy{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column}.lm-dl-primary-copy small{color:#9eb5f6;font-size:9px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.lm-dl-primary-copy b{margin-top:4px;color:#fff;font-size:clamp(18px,2vw,25px);letter-spacing:-.03em;text-transform:uppercase}.lm-dl-primary.is-disabled{border-color:rgba(255,255,255,.07);background:linear-gradient(115deg,#111720,#0a0f17);box-shadow:none;color:#738094;cursor:not-allowed}.lm-dl-primary.is-disabled:hover{transform:none}
.lm-dl-quick-meta{display:flex;align-items:stretch;gap:9px;width:min(100%,690px);margin-top:13px}.lm-dl-quick-meta>div{display:flex;align-items:center;gap:10px;min-width:0;flex:1;padding:11px 13px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(8,14,23,.58);backdrop-filter:blur(12px)}.lm-dl-quick-meta i{width:25px;color:#6385ed;text-align:center;font-size:13px}.lm-dl-quick-meta span{min-width:0}.lm-dl-quick-meta small,.lm-dl-quick-meta b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lm-dl-quick-meta small{color:#5f6d80;font-size:8px;font-weight:800;text-transform:uppercase}.lm-dl-quick-meta b{margin-top:2px;color:#cdd5e1;font-size:10px}
.lm-dl-stage{position:relative;min-height:590px;display:flex;align-items:flex-end;justify-content:center;isolation:isolate}.lm-dl-stage:before{content:"";position:absolute;z-index:-3;left:50%;bottom:42px;width:430px;height:430px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(31,84,235,.22),rgba(0,48,206,.07) 48%,transparent 71%);filter:blur(3px)}.lm-dl-stage:after{content:"LONG MOBILE";position:absolute;z-index:-4;left:50%;top:44%;transform:translate(-50%,-50%) rotate(-90deg);color:rgba(107,139,226,.035);font-size:80px;font-weight:950;letter-spacing:.09em;white-space:nowrap}
.lm-dl-phone{position:relative;z-index:2;width:min(100%,405px);max-height:590px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 45px 70px rgba(0,0,0,.62));animation:lmDlPhoneFloat 7s ease-in-out infinite}.lm-dl-phone-shadow{position:absolute;z-index:0;left:50%;bottom:10px;width:270px;height:38px;transform:translateX(-50%);border-radius:50%;background:rgba(0,0,0,.56);filter:blur(16px)}
.lm-dl-orbit{position:absolute;z-index:-1;left:50%;top:51%;border:1px solid rgba(71,108,222,.16);border-radius:50%;transform:translate(-50%,-50%)}.lm-dl-orbit-one{width:420px;height:420px}.lm-dl-orbit-two{width:510px;height:510px;border-color:rgba(71,108,222,.08)}.lm-dl-orbit-one:after{content:"";position:absolute;left:50%;top:-4px;width:7px;height:7px;border-radius:50%;background:#4a78ff;box-shadow:0 0 18px #245cff;animation:lmDlOrbit 10s linear infinite;transform-origin:0 214px}
@keyframes lmDlPhoneFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-10px,0)}}@keyframes lmDlOrbit{to{transform:rotate(360deg)}}
.lm-dl-float{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;min-width:160px;padding:11px 13px;border:1px solid rgba(120,145,198,.13);border-radius:12px;background:rgba(8,14,23,.78);backdrop-filter:blur(18px);box-shadow:0 18px 42px rgba(0,0,0,.24)}.lm-dl-float-top{right:-6px;top:103px}.lm-dl-float-bottom{left:4px;bottom:92px}.lm-dl-float i{width:27px;color:#6388ff;text-align:center}.lm-dl-float small,.lm-dl-float b{display:block}.lm-dl-float small{color:#657286;font-size:8px;font-weight:800;text-transform:uppercase}.lm-dl-float b{margin-top:2px;color:#e2e8f1;font-size:10px}.lm-dl-status-dot{width:8px;height:8px;margin:0 7px;border-radius:50%;background:#2fd477;box-shadow:0 0 14px rgba(47,212,119,.62)}
.lm-dl-hero-foot{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:17px;padding-bottom:20px;border-top:1px solid rgba(255,255,255,.055);color:#667487;font-size:9px;font-weight:720;text-transform:uppercase;letter-spacing:.045em}.lm-dl-hero-foot span{display:flex;align-items:center;gap:8px}.lm-dl-hero-foot i{color:#5578dd}
.lm-dl-install{position:relative;padding:102px 0 92px;background:linear-gradient(180deg,#05090f 0%,#07101a 55%,#05090f 100%)}.lm-dl-install:before{content:"";position:absolute;left:50%;top:0;width:min(1180px,calc(100% - 44px));height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(57,96,202,.25),transparent)}
.lm-dl-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.56fr);align-items:end;gap:48px;margin-bottom:54px}.lm-dl-section-head span,.lm-dl-requirements-title>span,.lm-dl-final-copy>span{display:block;margin-bottom:10px;color:#587be1;font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.lm-dl-section-head h2,.lm-dl-requirements-title h2,.lm-dl-final h2{margin:0;color:#eef3fa;font-size:clamp(38px,4.7vw,64px);line-height:.96;letter-spacing:-.055em;text-transform:uppercase}.lm-dl-section-head h2 strong,.lm-dl-requirements-title h2 strong,.lm-dl-final h2 strong{color:#4975f6}.lm-dl-section-head>p{margin:0 0 3px;color:#7e8b9d;font-size:13px;line-height:1.7}
.lm-dl-route{display:grid;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr) 70px minmax(0,1fr);align-items:stretch}.lm-dl-route-step{position:relative;min-height:288px;padding:28px 27px 25px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:linear-gradient(145deg,rgba(12,21,34,.96),rgba(6,11,18,.98));overflow:hidden;transition:transform .32s var(--lm-ease),border-color .3s ease,box-shadow .3s ease}.lm-dl-route-step:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,rgba(45,91,229,.8),transparent 64%);opacity:.55}.lm-dl-route-step:hover{transform:translateY(-5px);border-color:rgba(71,108,220,.27);box-shadow:0 25px 65px rgba(0,0,0,.22)}.lm-dl-route-index{position:absolute;right:19px;top:11px;color:rgba(87,120,219,.13);font-size:58px;font-weight:950;letter-spacing:-.07em}.lm-dl-route-icon{display:grid;place-items:center;width:51px;height:51px;margin-bottom:52px;border:1px solid rgba(63,104,235,.24);border-radius:14px;background:linear-gradient(145deg,rgba(20,51,143,.24),rgba(10,24,66,.22));color:#6588f3;font-size:17px}.lm-dl-route-step h3{margin:0 0 9px;color:#edf2f9;font-size:19px;letter-spacing:-.03em}.lm-dl-route-step p{margin:0;color:#788597;font-size:11.5px;line-height:1.65}.lm-dl-route-link{position:relative;display:flex;align-items:center;justify-content:center}.lm-dl-route-link:before{content:"";width:100%;height:1px;background:linear-gradient(90deg,rgba(71,108,220,.12),rgba(71,108,220,.42),rgba(71,108,220,.12))}.lm-dl-route-link span{position:absolute;width:8px;height:8px;border:1px solid rgba(104,139,244,.52);border-radius:50%;background:#0a1425;box-shadow:0 0 16px rgba(55,101,244,.2)}
.lm-dl-note{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:18px;padding:19px 20px;border:1px solid rgba(87,111,173,.13);border-radius:15px;background:linear-gradient(90deg,rgba(10,17,28,.84),rgba(8,14,22,.6));overflow:hidden}.lm-dl-note-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:rgba(25,57,151,.14);color:#5f82ea}.lm-dl-note-copy span{display:block;margin-bottom:4px;color:#dce4ef;font-size:12px;font-weight:800}.lm-dl-note-copy p{margin:0;color:#758295;font-size:10.5px;line-height:1.6}.lm-dl-note-tag{color:rgba(104,128,190,.22);font-size:34px;font-weight:950;letter-spacing:.06em}
.lm-dl-requirements{padding:26px 0 94px;background:#05090f}.lm-dl-requirements-shell{display:grid;grid-template-columns:minmax(250px,.55fr) minmax(0,1fr);gap:46px;align-items:center;padding:32px;border:1px solid rgba(255,255,255,.065);border-radius:20px;background:radial-gradient(circle at 0% 0%,rgba(31,77,214,.11),transparent 38%),linear-gradient(135deg,#0a121e,#070c13)}.lm-dl-requirements-title h2{font-size:clamp(32px,3.7vw,50px)}.lm-dl-requirements-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lm-dl-requirements-list>div{display:flex;align-items:center;gap:12px;min-height:74px;padding:13px 14px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(6,11,18,.45)}.lm-dl-requirements-list i{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:rgba(26,60,164,.13);color:#5e80e6;font-size:13px}.lm-dl-requirements-list small,.lm-dl-requirements-list b{display:block}.lm-dl-requirements-list small{color:#5e6c80;font-size:8px;font-weight:800;text-transform:uppercase}.lm-dl-requirements-list b{margin-top:2px;color:#d7deea;font-size:10.5px}
.lm-dl-final{position:relative;min-height:430px;padding:90px 0;display:flex;align-items:center;overflow:hidden;background:#05090f}.lm-dl-final-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,7,12,.96) 0%,rgba(3,7,12,.86) 40%,rgba(3,7,12,.5) 72%,rgba(3,7,12,.8) 100%),url('../img/long-mobile-hero.webp') center 42%/cover no-repeat;opacity:.78}.lm-dl-final:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#05090f 0%,transparent 18%,transparent 82%,#05090f 100%);pointer-events:none}.lm-dl-final-shell{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.48fr);align-items:end;gap:52px}.lm-dl-final-copy p{max-width:560px;margin:15px 0 0;color:#8996a8;font-size:13px}.lm-dl-final-button{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:82px;padding:15px 15px 15px 20px;border:1px solid rgba(92,128,239,.46);border-radius:17px;background:linear-gradient(115deg,rgba(12,53,185,.96),rgba(4,43,158,.95));box-shadow:0 24px 60px rgba(0,34,140,.26);transition:transform .3s var(--lm-ease),box-shadow .3s ease,border-color .3s ease}.lm-dl-final-button:hover{transform:translateY(-3px);border-color:rgba(117,151,255,.72);box-shadow:0 30px 72px rgba(0,39,159,.34)}.lm-dl-final-button span small,.lm-dl-final-button span b{display:block}.lm-dl-final-button small{color:#9fb6f7;font-size:9px;font-weight:800;text-transform:uppercase}.lm-dl-final-button b{margin-top:3px;color:#fff;font-size:20px;text-transform:uppercase}.lm-dl-final-button>i{display:grid;place-items:center;width:49px;height:49px;flex:0 0 49px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(255,255,255,.07)}.lm-dl-final-button.is-disabled{border-color:rgba(255,255,255,.07);background:rgba(10,15,23,.9);box-shadow:none;color:#738094;cursor:not-allowed}.lm-dl-final-button.is-disabled:hover{transform:none}
@media(max-width:1050px){.lm-dl-hero-shell{grid-template-columns:minmax(0,1fr) 350px;gap:24px}.lm-dl-stage{min-height:520px}.lm-dl-phone{max-height:520px}.lm-dl-orbit-one{width:360px;height:360px}.lm-dl-orbit-two{width:430px;height:430px}.lm-dl-float-top{right:-10px}.lm-dl-float-bottom{left:-8px}.lm-dl-route{grid-template-columns:1fr 40px 1fr 40px 1fr}.lm-dl-final-shell{grid-template-columns:1fr 330px}}
@media(max-width:900px){.lm-dl-hero{padding-top:100px}.lm-dl-hero-shell{grid-template-columns:1fr;gap:8px;min-height:0}.lm-dl-copy{padding-top:34px;text-align:center}.lm-dl-kicker{justify-content:center}.lm-dl-copy>p,.lm-dl-primary,.lm-dl-quick-meta{margin-left:auto;margin-right:auto}.lm-dl-stage{min-height:490px;margin-top:5px}.lm-dl-phone{max-height:490px}.lm-dl-float-top{right:10%}.lm-dl-float-bottom{left:10%}.lm-dl-hero-foot{justify-content:center;flex-wrap:wrap}.lm-dl-section-head{grid-template-columns:1fr;gap:18px}.lm-dl-section-head>p{max-width:650px}.lm-dl-route{grid-template-columns:1fr;gap:10px}.lm-dl-route-link{height:35px}.lm-dl-route-link:before{width:1px;height:100%;background:linear-gradient(180deg,rgba(71,108,220,.12),rgba(71,108,220,.42),rgba(71,108,220,.12))}.lm-dl-route-step{min-height:0}.lm-dl-route-icon{margin-bottom:34px}.lm-dl-requirements-shell{grid-template-columns:1fr}.lm-dl-final-shell{grid-template-columns:1fr;align-items:start}.lm-dl-final-button{width:min(100%,520px)}}
@media(max-width:560px){.lm-dl-hero{padding:88px 0 20px}.lm-dl-copy{padding-top:24px}.lm-dl-copy h1{font-size:clamp(48px,17vw,68px);margin-top:18px}.lm-dl-copy>p{font-size:12.5px}.lm-dl-primary{min-height:76px;margin-top:25px;border-radius:15px}.lm-dl-primary-icon{width:48px;height:48px}.lm-dl-primary-arrow{display:none}.lm-dl-primary-copy b{font-size:17px}.lm-dl-quick-meta{display:grid;grid-template-columns:1fr 1fr}.lm-dl-quick-meta>div:last-child{grid-column:1/-1}.lm-dl-stage{min-height:395px}.lm-dl-phone{max-height:405px;width:310px}.lm-dl-orbit-one{width:300px;height:300px}.lm-dl-orbit-two{width:360px;height:360px}.lm-dl-float{min-width:140px;padding:9px 10px}.lm-dl-float-top{right:0;top:62px}.lm-dl-float-bottom{left:0;bottom:57px}.lm-dl-stage:after{font-size:53px}.lm-dl-hero-foot{justify-content:flex-start;font-size:8px}.lm-dl-install{padding:70px 0 60px}.lm-dl-section-head{margin-bottom:34px}.lm-dl-section-head h2,.lm-dl-final h2{font-size:36px}.lm-dl-route-step{padding:22px 20px}.lm-dl-note{grid-template-columns:auto 1fr}.lm-dl-note-tag{display:none}.lm-dl-requirements{padding-bottom:65px}.lm-dl-requirements-shell{padding:22px 18px}.lm-dl-requirements-list{grid-template-columns:1fr}.lm-dl-final{min-height:390px;padding:67px 0}.lm-dl-final-shell{gap:30px}.lm-dl-final-button{min-height:75px}.lm-dl-final-bg{background-position:63% 42%}}
@media(prefers-reduced-motion:reduce){.lm-dl-phone,.lm-dl-orbit-one:after{animation:none}.lm-dl-primary:before{display:none}}


/* LONG MOBILE 9.6 — cleaner header, quieter page chrome and redesigned servers */
.lm-scroll-progress,.lm-backtop,.lm-section-bridge{display:none!important}

@media(min-width:901px){
  .site-header{
    height:78px;
    padding:0;
    background:transparent;
    border-bottom:1px solid transparent;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    box-shadow:none;
  }
  .site-header.scrolled{
    padding:0;
    background:#060a10;
    border-bottom-color:rgba(255,255,255,.075);
    box-shadow:0 12px 32px rgba(0,0,0,.20);
  }
  .site-header>.header-inner,
  .site-header.scrolled>.header-inner{
    width:min(1320px,calc(100% - 40px));
    height:78px;
    padding:0;
    gap:0;
    border:0;
    border-radius:0;
    background:transparent;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    box-shadow:none;
  }
  .site-header>.header-inner:before,.site-header>.header-inner:after{display:none}
  .brand{min-width:196px;height:44px;padding-right:25px;margin-right:20px}
  .brand:after{top:10px;bottom:10px;background:rgba(255,255,255,.08)}
  .brand img{width:160px}
  .main-nav{gap:3px;padding:0}
  .main-nav>a{
    min-height:42px;padding:0 13px;border:0;border-radius:8px;background:transparent;
    color:#9da7b5;font-size:12px;font-weight:800;
  }
  .main-nav>a:hover{color:#fff;background:rgba(255,255,255,.028);transform:none}
  .main-nav>a.active{color:#fff;border:0;background:transparent;box-shadow:none}
  .main-nav>a:before{display:none}
  .main-nav>a.active:after{
    left:13px;right:13px;bottom:-8px;height:2px;
    background:#2b61ff;box-shadow:0 0 10px rgba(43,97,255,.45);border-radius:99px;
  }
  .header-actions{padding-left:16px}
  .lm-account-chip{
    background:#09101a;border-color:rgba(255,255,255,.08);box-shadow:none;
  }
  .lm-account-chip:hover{background:#0b1421;border-color:rgba(58,101,230,.30)}
  .header-actions .button.ghost{background:#09101a;border-color:rgba(255,255,255,.08)}
  .header-actions .button.ghost:hover{background:#0b1421}
  .page-hero,.compact-page,.cabinet-hero{margin-top:78px!important}
  .lm-hero{padding-top:78px}
  .lm-download-page{padding-top:78px}
}

@media(min-width:901px) and (max-width:1220px){
  .site-header>.header-inner,.site-header.scrolled>.header-inner{width:calc(100% - 28px)}
}

@media(max-width:900px){
  .site-header{background:#060a10!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:1px solid rgba(255,255,255,.07)}
}

/* Keep section changes structural, not decorative. */
.lm-section{border-bottom:1px solid rgba(255,255,255,.05)}
.lm-section-head[data-section]{padding-top:0}
.lm-section-head[data-section]:before{display:none}

/* Servers page */
.page-servers main{background:#05090f;overflow:hidden}
.lm-servers-page-hero{
  position:relative;padding:154px 0 76px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.065);
  background:
    radial-gradient(circle at 78% 22%,rgba(19,70,226,.15),transparent 28rem),
    linear-gradient(120deg,rgba(4,8,14,.98),rgba(5,10,18,.90) 53%,rgba(5,14,29,.90)),
    url('../img/long-mobile-hero.webp') 72% 42%/cover no-repeat;
}
.lm-servers-page-hero:after{content:"";position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(180deg,transparent,#05090f);pointer-events:none}
.lm-servers-page-hero-shell{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.68fr);align-items:end;gap:72px}
.lm-servers-page-copy{max-width:690px}
.lm-servers-page-copy .eyebrow{margin-bottom:20px;color:#7997e9;font-size:10px;font-weight:850;letter-spacing:.17em}
.lm-servers-page-copy h1{margin:0;max-width:690px;color:#fff;font-size:clamp(52px,6.3vw,88px);line-height:.91;letter-spacing:-.065em;text-transform:uppercase;font-weight:900;text-wrap:balance}
.lm-servers-page-copy h1 strong{color:#245cff}
.lm-servers-page-copy>p{max-width:590px;margin:24px 0 0;color:#9aa6b7;font-size:14px;line-height:1.75}
.lm-servers-page-actions{display:flex;gap:10px;margin-top:30px}.lm-servers-page-actions .button{display:inline-flex;align-items:center;gap:9px;min-height:46px}
.lm-servers-summary{display:grid;grid-template-columns:1fr;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#09101a;box-shadow:0 24px 70px rgba(0,0,0,.22)}
.lm-servers-summary>div{display:grid;grid-template-columns:1fr auto;align-items:end;gap:2px 18px;padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.065)}
.lm-servers-summary>div:last-child{border-bottom:0}.lm-servers-summary span{align-self:center;color:#788597;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.lm-servers-summary b{grid-row:1/3;grid-column:2;color:#fff;font-size:30px;line-height:1;font-weight:900;font-variant-numeric:tabular-nums}.lm-servers-summary b em{color:#5f6c7f;font-size:15px;font-style:normal}.lm-servers-summary small{color:#566274;font-size:10px}

.lm-servers-catalog{padding:76px 0 90px}
.lm-servers-catalog-head{display:grid;grid-template-columns:1fr minmax(300px,470px);align-items:end;gap:36px;margin-bottom:30px}
.lm-servers-catalog-kicker{display:block;margin-bottom:9px;color:#6d80a1;font-size:9px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.lm-servers-catalog-head h2{margin:0;color:#fff;font-size:clamp(34px,4vw,52px);line-height:1;letter-spacing:-.045em;text-transform:uppercase}.lm-servers-catalog-head p{margin:0;color:#778496;font-size:12px;line-height:1.7}
.lm-servers-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.lm-server-world{position:relative;min-height:330px;display:grid;grid-template-columns:minmax(0,1fr) 39%;overflow:hidden;border:1px solid rgba(255,255,255,.085);border-radius:15px;background:#09101a;color:#fff;text-decoration:none;box-shadow:0 20px 50px rgba(0,0,0,.14);transition:transform .32s var(--lm-ease),border-color .28s ease,background .28s ease,box-shadow .32s ease}
.lm-server-world:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--server-accent) 56%,rgba(255,255,255,.12));background:#0a121e;box-shadow:0 28px 70px rgba(0,0,0,.24)}
.lm-server-world.is-selected{border-color:color-mix(in srgb,var(--server-accent) 68%,rgba(255,255,255,.10))}
.lm-server-world-image{grid-column:2;grid-row:1;position:relative;background-image:linear-gradient(90deg,#09101a 0%,rgba(9,16,26,.55) 26%,rgba(9,16,26,.06) 100%),linear-gradient(180deg,rgba(7,12,20,.05),rgba(7,12,20,.58)),var(--server-image);background-size:cover;background-position:center;filter:saturate(.82) contrast(1.04);transition:transform .7s var(--lm-ease),filter .5s ease}
.lm-server-world:hover .lm-server-world-image{transform:scale(1.035);filter:saturate(.95) contrast(1.06)}
.lm-server-world-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,8,13,.72),transparent 42%)}
.lm-server-world-content{grid-column:1;grid-row:1;position:relative;z-index:2;display:flex;flex-direction:column;min-width:0;padding:23px 25px 21px}
.lm-server-world-topline{display:flex;align-items:center;justify-content:space-between;gap:14px}.lm-server-world-index{color:color-mix(in srgb,var(--server-accent) 82%,#87a4ff);font-size:11px;font-weight:900;letter-spacing:.15em}.lm-server-world-badges{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.lm-server-world-badges>span{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:0 8px;border:1px solid rgba(255,255,255,.075);border-radius:6px;background:#0c1420;color:#7e8998;font-size:8px;font-weight:850;letter-spacing:.075em;text-transform:uppercase}.lm-server-world-badges .is-selected-badge{color:#b8c9ff;border-color:rgba(57,99,227,.26);background:rgba(24,55,145,.19)}.lm-server-world-badges .is-x2{color:#e9cc7a;border-color:rgba(211,166,53,.2);background:rgba(119,82,8,.14)}.lm-server-world-badges .is-status i{width:6px;height:6px;border-radius:50%;background:#586170}.lm-server-world-badges .is-status.online{color:#a6c8b4}.lm-server-world-badges .is-status.online i{background:#24ca69;box-shadow:0 0 10px rgba(36,202,105,.45)}.lm-server-world-badges .is-status.maintenance{color:#d9b67c}.lm-server-world-badges .is-status.maintenance i{background:#d69b3a}
.lm-server-world-title{margin-top:35px}.lm-server-world-title>span{display:block;margin-bottom:7px;color:#63728a;font-size:8px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.lm-server-world-title h3{margin:0;max-width:320px;color:#fff;font-size:clamp(25px,2.4vw,34px);line-height:.98;letter-spacing:-.045em;text-transform:uppercase;overflow-wrap:anywhere}.lm-server-world-content>p{max-width:420px;min-height:42px;margin:14px 0 24px;color:#7e8a9a;font-size:11px;line-height:1.65}
.lm-server-world-capacity{margin-top:auto}.lm-server-world-capacity>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.lm-server-world-capacity span{color:#667386;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.lm-server-world-capacity b{color:#f5f7fb;font-size:14px;font-weight:850;font-variant-numeric:tabular-nums}.lm-server-world-capacity b em{color:#667386;font-size:10px;font-style:normal;font-weight:700}.lm-server-world-meter{height:3px;margin-top:8px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.07)}.lm-server-world-meter>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--server-accent),color-mix(in srgb,var(--server-accent) 66%,#7ca1ff));box-shadow:0 0 12px color-mix(in srgb,var(--server-accent) 34%,transparent)}
.lm-server-world-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding-top:15px;border-top:1px solid rgba(255,255,255,.06)}.lm-server-world-footer>span{color:#596577;font-size:9px}.lm-server-world-footer>b{display:inline-flex;align-items:center;gap:8px;color:#cfd7e6;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.lm-server-world-footer b i{color:var(--server-accent);transition:transform .22s ease}.lm-server-world:hover .lm-server-world-footer b i{transform:translateX(3px)}
.lm-servers-help{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:18px;padding:20px 22px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#080e16}.lm-servers-help>div{display:flex;align-items:center;gap:13px;color:#7f8b9b;font-size:11px}.lm-servers-help>div i{color:#4f78ee}.lm-servers-help>div b{color:#cdd5e1}.lm-servers-help>a{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;color:#c8d3e8;text-decoration:none;font-size:10px;font-weight:800;text-transform:uppercase}.lm-servers-help>a i{color:#3265fa}

@media(max-width:1000px){
  .lm-servers-page-hero-shell{grid-template-columns:1fr 320px;gap:36px}
  .lm-server-world{grid-template-columns:minmax(0,1fr) 34%}
}
@media(max-width:820px){
  .lm-servers-page-hero{padding:118px 0 58px}.lm-servers-page-hero-shell{grid-template-columns:1fr;gap:30px}.lm-servers-page-copy h1{font-size:clamp(48px,13vw,72px)}.lm-servers-summary{grid-template-columns:repeat(3,1fr)}.lm-servers-summary>div{display:block;padding:16px;border-right:1px solid rgba(255,255,255,.06);border-bottom:0}.lm-servers-summary>div:last-child{border-right:0}.lm-servers-summary b{display:block;margin:8px 0 4px;font-size:24px}.lm-servers-catalog{padding:58px 0 70px}.lm-servers-catalog-head{grid-template-columns:1fr;gap:12px}.lm-servers-page-grid{grid-template-columns:1fr}.lm-server-world{min-height:300px}
}
@media(max-width:560px){
  .lm-servers-page-hero{padding:100px 0 46px}.lm-servers-page-copy .eyebrow{margin-bottom:15px}.lm-servers-page-copy h1{font-size:46px}.lm-servers-page-copy>p{margin-top:18px;font-size:12px}.lm-servers-page-actions{display:grid;grid-template-columns:1fr 1fr}.lm-servers-page-actions .button{padding:0 12px;font-size:11px}.lm-servers-summary{grid-template-columns:1fr}.lm-servers-summary>div{display:grid;grid-template-columns:1fr auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.06);padding:15px 17px}.lm-servers-summary>div:last-child{border-bottom:0}.lm-servers-summary b{grid-row:1/3;grid-column:2;margin:0;font-size:24px}.lm-servers-catalog-head h2{font-size:34px}.lm-server-world{display:block;min-height:0}.lm-server-world-image{position:absolute;inset:0 0 auto 43%;height:175px;opacity:.55}.lm-server-world-content{padding:19px 18px}.lm-server-world-title{margin-top:32px}.lm-server-world-title h3{max-width:70%;font-size:27px}.lm-server-world-content>p{max-width:82%;min-height:0;margin:12px 0 28px}.lm-server-world-footer>span{display:none}.lm-servers-help{align-items:flex-start;flex-direction:column}.lm-servers-help>a{padding-left:31px}
}

/* LONG MOBILE 9.7 — APK-only download redesign + background color fix */
html,body{background-color:var(--lm-bg)}
body{background-image:radial-gradient(circle at 12% 0,color-mix(in srgb,var(--accent) 7%,transparent),transparent 30%),linear-gradient(180deg,color-mix(in srgb,var(--lm-bg) 94%,#121a27),var(--lm-bg) 58%,color-mix(in srgb,var(--lm-bg) 88%,#000))}
.page-download main,.page-servers main{background:var(--lm-bg)}

.lm-apk-hero{position:relative;min-height:980px;padding:118px 0 0;overflow:hidden;background:linear-gradient(90deg,color-mix(in srgb,var(--lm-bg) 96%,#000) 0%,color-mix(in srgb,var(--lm-bg) 92%,#07162b) 54%,color-mix(in srgb,var(--lm-bg) 78%,#061b42) 100%);isolation:isolate}
.lm-apk-hero-bg{position:absolute;z-index:-3;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--lm-bg) 98%,#000) 0%,color-mix(in srgb,var(--lm-bg) 86%,transparent) 49%,color-mix(in srgb,var(--lm-bg) 35%,transparent) 100%),linear-gradient(180deg,rgba(1,5,12,.12) 55%,var(--lm-bg) 100%),url('../img/long-mobile-hero.webp') 66% 36%/cover no-repeat;opacity:.9}
.lm-apk-hero:before{content:"";position:absolute;z-index:-2;right:-10%;top:8%;width:58vw;height:58vw;max-width:900px;max-height:900px;border-radius:50%;background:var(--accent);opacity:.13;filter:blur(180px);pointer-events:none}
.lm-apk-hero:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:78px 78px;mask-image:linear-gradient(90deg,#000,transparent 72%);opacity:.35}
.lm-apk-hero-shell{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);align-items:center;gap:26px;min-height:640px}
.lm-apk-copy{position:relative;z-index:4;max-width:610px;padding:32px 0 110px}
.lm-apk-eyebrow{display:flex;align-items:center;gap:10px;color:#a6b4cc;font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.lm-apk-eyebrow span{width:30px;height:2px;border-radius:20px;background:var(--accent);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 65%,transparent)}
.lm-apk-copy h1{margin:24px 0 22px;color:#fff;font-size:clamp(56px,6vw,88px);line-height:.9;letter-spacing:-.065em;text-transform:uppercase;text-wrap:balance}.lm-apk-copy h1 strong{display:block;color:var(--accent);text-shadow:0 18px 52px color-mix(in srgb,var(--accent) 25%,transparent)}
.lm-apk-lead{max-width:590px;margin:0;color:#b7c0ce;font-size:15px;line-height:1.62}.lm-apk-accent-copy{max-width:540px;margin:27px 0 0;color:color-mix(in srgb,var(--accent) 70%,#b9ceff);font-size:17px;line-height:1.45;font-weight:800}
.lm-apk-actions{display:flex;align-items:stretch;gap:12px;margin-top:30px}.lm-apk-download{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 28px;align-items:center;gap:12px;min-width:310px;min-height:66px;padding:9px 13px;border:1px solid color-mix(in srgb,var(--accent) 70%,#8fa8ff);border-radius:9px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 94%,#2d64ff),var(--accent));color:#fff;box-shadow:0 16px 42px color-mix(in srgb,var(--accent) 26%,transparent);overflow:hidden;transition:transform .24s var(--lm-ease),box-shadow .24s ease}.lm-apk-download:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 22%,rgba(255,255,255,.15) 48%,transparent 72%);transform:translateX(-120%);transition:transform .65s var(--lm-ease)}.lm-apk-download:hover{transform:translateY(-3px);box-shadow:0 22px 54px color-mix(in srgb,var(--accent) 36%,transparent)}.lm-apk-download:hover:before{transform:translateX(120%)}.lm-apk-download>i{position:relative;z-index:1;text-align:center;font-size:19px}.lm-apk-download>i:last-child{font-size:12px}.lm-apk-download span{position:relative;z-index:1;display:flex;flex-direction:column}.lm-apk-download small{color:#c7d6ff;font-size:8px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.lm-apk-download b{margin-top:2px;font-size:18px;text-transform:uppercase}.lm-apk-download.is-disabled{background:#101722;border-color:rgba(255,255,255,.08);color:#6f7c91;box-shadow:none;cursor:not-allowed}.lm-apk-download.is-disabled:hover{transform:none}.lm-apk-how{display:flex;align-items:center;justify-content:center;gap:12px;min-width:170px;padding:0 18px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(7,13,22,.48);color:#dfe5ee;font-size:12px;font-weight:750;transition:border-color .2s ease,background .2s ease}.lm-apk-how:hover{border-color:color-mix(in srgb,var(--accent) 55%,rgba(255,255,255,.15));background:rgba(9,18,31,.74)}
.lm-apk-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:22px}.lm-apk-stats>div{display:flex;align-items:center;gap:9px;min-width:0;padding:11px 10px;border:1px solid rgba(255,255,255,.075);border-radius:8px;background:rgba(6,12,21,.48)}.lm-apk-stats i{width:22px;color:color-mix(in srgb,var(--accent) 72%,#8fb0ff);text-align:center}.lm-apk-stats span{min-width:0}.lm-apk-stats small,.lm-apk-stats b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lm-apk-stats small{color:#6e7b8d;font-size:7px;font-weight:850;text-transform:uppercase}.lm-apk-stats b{margin-top:2px;color:#e9eef6;font-size:10px}
.lm-apk-art{position:relative;align-self:stretch;min-height:650px;isolation:isolate}.lm-apk-art-glow{position:absolute;z-index:-2;right:1%;bottom:9%;width:520px;height:420px;border-radius:50%;background:var(--accent);opacity:.16;filter:blur(115px)}.lm-apk-character{position:absolute;z-index:1;right:10%;bottom:0;width:min(36vw,440px);height:650px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 28px 60px rgba(0,0,0,.58))}.lm-apk-phone{position:absolute;z-index:3;right:-6%;bottom:-8px;width:min(29vw,355px);height:540px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 32px 55px rgba(0,0,0,.62));transform:rotate(5deg);animation:lmApkPhone 6s ease-in-out infinite}.lm-apk-status{position:absolute;z-index:4;right:4%;top:18%;display:flex;align-items:center;gap:11px;padding:10px 13px;border:1px solid rgba(255,255,255,.10);border-radius:9px;background:rgba(6,12,20,.76);box-shadow:0 16px 35px rgba(0,0,0,.25)}.lm-apk-status>span{width:8px;height:8px;border-radius:50%;background:#30d97c;box-shadow:0 0 15px rgba(48,217,124,.6)}.lm-apk-status small,.lm-apk-status b{display:block}.lm-apk-status small{color:#667489;font-size:7px;text-transform:uppercase}.lm-apk-status b{margin-top:2px;color:#dfe7f2;font-size:9px}@keyframes lmApkPhone{0%,100%{transform:rotate(5deg) translateY(0)}50%{transform:rotate(4deg) translateY(-10px)}}
.lm-apk-install-card{position:relative;z-index:6;margin-top:-106px;margin-bottom:38px;padding:22px 28px 19px;border:1px solid rgba(255,255,255,.105);border-radius:14px;background:color-mix(in srgb,var(--lm-bg) 88%,#0d1725);box-shadow:0 30px 80px rgba(0,0,0,.34)}.lm-apk-install-title{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:18px}.lm-apk-install-title>span{width:48px;height:2px;background:linear-gradient(90deg,transparent,var(--accent))}.lm-apk-install-title>span:last-child{background:linear-gradient(90deg,var(--accent),transparent)}.lm-apk-install-title h2{margin:0;color:#f3f6fb;font-size:19px;text-transform:uppercase;letter-spacing:.02em}
.lm-apk-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:rgba(5,10,18,.35);overflow:hidden}.lm-apk-steps article{position:relative;display:grid;grid-template-columns:54px 1fr;align-items:center;gap:14px;min-height:110px;padding:17px 20px;border-right:1px solid rgba(255,255,255,.065)}.lm-apk-steps article:last-child{border-right:0}.lm-apk-steps article>b{position:absolute;left:12px;top:10px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;font-size:10px;box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 30%,transparent)}.lm-apk-steps article>i{display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(255,255,255,.11);border-radius:50%;color:#dbe4f2;font-size:18px}.lm-apk-steps h3{margin:0 0 5px;color:#f1f4f8;font-size:14px}.lm-apk-steps p{margin:0;color:#7d899a;font-size:10px;line-height:1.5}
.lm-apk-tip{display:flex;align-items:center;gap:12px;width:min(100% - 28px,920px);margin:12px auto 0;padding:10px 13px;border:1px solid color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.06));border-radius:8px;background:color-mix(in srgb,var(--accent) 5%,transparent);color:#8d99aa;font-size:9px;line-height:1.5}.lm-apk-tip i{color:color-mix(in srgb,var(--accent) 72%,#86a4ff)}.lm-apk-tip b{color:#b8c5d8}
.lm-apk-after{padding:42px 0 82px;background:var(--lm-bg)}.lm-apk-after-shell{display:flex;align-items:center;justify-content:space-between;gap:36px;padding-top:28px;border-top:1px solid rgba(255,255,255,.07)}.lm-apk-after span{color:color-mix(in srgb,var(--accent) 72%,#91a9ef);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.14em}.lm-apk-after h2{margin:7px 0 8px;color:#fff;font-size:clamp(28px,3vw,42px);letter-spacing:-.04em}.lm-apk-after h2 strong{color:var(--accent)}.lm-apk-after p{margin:0;color:#7d8998;font-size:11px}.lm-apk-after .button{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;min-height:46px}

/* Admin design preview */
.admin-theme-preview{--preview-bg:#060A10;--preview-accent:#0030CE;margin:14px 0 20px;min-height:150px;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:radial-gradient(circle at 90% 20%,color-mix(in srgb,var(--preview-accent) 22%,transparent),transparent 34%),var(--preview-bg);overflow:hidden;transition:background .15s ease}.admin-theme-preview-top{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8f9aac;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.admin-theme-preview-top b{color:#fff;font-size:16px}.admin-theme-preview-top em{color:var(--preview-accent);font-style:normal}.admin-theme-preview-card{width:min(390px,100%);margin-top:24px;padding:14px;border:1px solid rgba(255,255,255,.10);border-radius:10px;background:color-mix(in srgb,var(--preview-bg) 78%,#111b2a);color:#fff}.admin-theme-preview-card>span{display:block;width:34px;height:3px;margin-bottom:10px;border-radius:10px;background:var(--preview-accent)}.admin-theme-preview-card strong,.admin-theme-preview-card small{display:block}.admin-theme-preview-card small{margin-top:4px;color:#8b96a7;font-size:10px;line-height:1.4}

@media(max-width:1050px){.lm-apk-hero-shell{grid-template-columns:minmax(0,1fr) 430px}.lm-apk-character{right:6%;width:365px}.lm-apk-phone{right:-7%;width:290px}.lm-apk-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.lm-apk-hero{min-height:auto;padding-top:92px}.lm-apk-hero-shell{display:block;min-height:0}.lm-apk-copy{max-width:640px;padding:28px 0 42px}.lm-apk-art{min-height:420px}.lm-apk-character{left:50%;right:auto;width:300px;height:430px;transform:translateX(-68%)}.lm-apk-phone{right:5%;width:235px;height:380px}.lm-apk-status{top:14%;right:3%}.lm-apk-install-card{margin-top:-28px}.lm-apk-steps{grid-template-columns:1fr}.lm-apk-steps article{border-right:0;border-bottom:1px solid rgba(255,255,255,.065)}.lm-apk-steps article:last-child{border-bottom:0}.lm-apk-after-shell{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.lm-apk-hero{padding-top:78px}.lm-apk-copy h1{font-size:45px}.lm-apk-lead{font-size:13px}.lm-apk-accent-copy{margin-top:20px;font-size:14px}.lm-apk-actions{display:grid;grid-template-columns:1fr}.lm-apk-download,.lm-apk-how{width:100%;min-width:0}.lm-apk-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.lm-apk-art{min-height:330px}.lm-apk-character{width:235px;height:340px}.lm-apk-phone{right:-1%;width:185px;height:300px}.lm-apk-status{display:none}.lm-apk-install-card{width:calc(100% - 24px);padding:18px 12px;margin-bottom:22px}.lm-apk-install-title h2{font-size:14px;text-align:center}.lm-apk-install-title>span{width:24px}.lm-apk-steps article{grid-template-columns:45px 1fr;padding:15px}.lm-apk-steps article>i{width:45px;height:45px}.lm-apk-tip{width:100%;align-items:flex-start}.lm-apk-after{padding:28px 0 58px}.lm-apk-after .button{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.lm-apk-phone{animation:none}}

/* LONG MOBILE 9.8 — automatic site palette + APK landing */
:root{
  --lm-theme-glow:color-mix(in srgb,var(--accent) 20%,transparent);
  --lm-theme-glow-soft:color-mix(in srgb,var(--accent) 8%,transparent);
  --lm-line:color-mix(in srgb,var(--accent) 10%,rgba(255,255,255,.09));
  --lm-line-soft:color-mix(in srgb,var(--accent) 6%,rgba(255,255,255,.055));
}
html{background:var(--lm-bg)!important}
body{
  background:
    radial-gradient(circle at 86% 0%,var(--lm-theme-glow-soft),transparent 30rem),
    linear-gradient(180deg,var(--lm-bg-alt) 0%,var(--lm-bg) 100%)!important;
}
.button.primary{background:linear-gradient(135deg,var(--accent-bright),var(--accent))!important;border-color:var(--accent)!important;box-shadow:0 12px 34px color-mix(in srgb,var(--accent) 27%,transparent)!important}
.button.ghost{background:color-mix(in srgb,var(--lm-panel) 88%,transparent)!important;border-color:var(--lm-line)!important}
.main-nav>a.active:after{background:var(--accent)!important;box-shadow:0 0 16px color-mix(in srgb,var(--accent) 55%,transparent)!important}
.lm-section-head h2 strong,.lm-server-number,.lm-download small{color:var(--accent)!important}

/* Replace old hard-coded page blacks with palette surfaces. */
.lm-features,.lm-servers,.lm-news,.lm-download,.lm-section,.cabinet-section,.auth-section{background-color:transparent!important}
.lm-features{background:linear-gradient(180deg,var(--lm-bg),var(--lm-bg-alt))!important}
.lm-servers{background:linear-gradient(180deg,var(--lm-bg-alt),var(--lm-bg))!important}
.lm-news{background:linear-gradient(180deg,var(--lm-bg),var(--lm-bg-alt))!important}
.lm-download{background:linear-gradient(180deg,var(--lm-bg-alt),var(--lm-bg))!important}
.site-footer{background:var(--lm-bg)!important;border-top-color:var(--lm-line-soft)!important}
.page-hero,.compact-page,.cabinet-hero{background:var(--lm-bg-alt)!important;border-bottom-color:var(--lm-line-soft)!important}
.auth-card,.auth-info,.form-card,.cabinet-nav,.cabinet-content{background:var(--lm-panel)!important;border-color:var(--lm-line)!important}
.lm-server-card,.lm-news-card,.lm-download-inner,.lm-feature-card{background:var(--lm-panel)!important;border-color:var(--lm-line)!important}
.lm-server-card:hover,.lm-server-card.is-selected,.lm-news-card:hover{background:var(--lm-panel-2)!important}
.lm-news-image{background:var(--lm-panel-2)!important}
.page-servers main,.page-download main{background:var(--lm-bg)!important}
.lm-servers-page-hero{background:radial-gradient(circle at 82% 20%,var(--lm-theme-glow),transparent 30rem),linear-gradient(180deg,var(--lm-bg-alt),var(--lm-bg))!important}
.lm-servers-page-hero:after{background:linear-gradient(180deg,transparent,var(--lm-bg))!important}
.lm-servers-summary,.lm-server-world,.lm-servers-help{background:var(--lm-panel)!important;border-color:var(--lm-line)!important}
.lm-server-world:hover{background:var(--lm-panel-2)!important}
.lm-server-world-image{background-image:linear-gradient(90deg,var(--lm-panel) 0%,color-mix(in srgb,var(--lm-panel) 58%,transparent) 26%,transparent 100%),linear-gradient(180deg,transparent,color-mix(in srgb,var(--lm-bg) 70%,transparent)),var(--server-image)!important}
.lm-server-world-badges>span{background:var(--lm-panel-2)!important}

/* One-screen APK landing inspired by a game launcher, using only site assets. */
.page-download .site-footer{position:relative;z-index:5}
.lm-download-v98{position:relative;min-height:calc(100svh - 72px);padding:72px 0 54px;overflow:hidden;background:var(--lm-bg);isolation:isolate}
.lm-download-v98-bg{position:absolute;z-index:-4;inset:0;background-image:linear-gradient(90deg,color-mix(in srgb,var(--lm-bg) 98%,transparent) 0%,color-mix(in srgb,var(--lm-bg) 92%,transparent) 35%,color-mix(in srgb,var(--lm-bg) 48%,transparent) 68%,color-mix(in srgb,var(--lm-bg) 72%,transparent) 100%),linear-gradient(180deg,color-mix(in srgb,var(--lm-bg) 8%,transparent),var(--lm-bg) 96%),url('../img/game/hero-world.webp');background-size:cover;background-position:center 43%;filter:saturate(.78) contrast(1.08)}
.lm-download-v98:before{content:"";position:absolute;z-index:-3;right:-10vw;bottom:8%;width:48vw;height:48vw;border-radius:50%;background:var(--accent);opacity:.17;filter:blur(150px);pointer-events:none}
.lm-download-v98-grid{position:absolute;z-index:-2;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--accent) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 7%,transparent) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to right,black,transparent 72%);opacity:.35;pointer-events:none}
.lm-download-v98-main{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.95fr) minmax(480px,1.05fr);align-items:center;gap:28px;min-height:590px}
.lm-download-v98-copy{position:relative;z-index:4;padding:44px 0 70px}
.lm-download-v98-kicker{display:flex;align-items:center;gap:11px;color:var(--accent-soft);font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.lm-download-v98-kicker i{width:33px;height:2px;border-radius:20px;background:var(--accent);box-shadow:0 0 16px color-mix(in srgb,var(--accent) 58%,transparent)}
.lm-download-v98-copy h1{margin:22px 0 22px;color:#f7f9fc;font-size:clamp(58px,6.4vw,92px);line-height:.86;letter-spacing:-.07em;text-transform:uppercase;text-wrap:balance}.lm-download-v98-copy h1 strong{color:var(--accent);font-weight:950;text-shadow:0 0 42px color-mix(in srgb,var(--accent) 15%,transparent)}
.lm-download-v98-copy>p{max-width:600px;margin:0;color:#aeb8c6;font-size:15px;line-height:1.72}.lm-download-v98-callout{max-width:560px;margin-top:25px;color:var(--accent-soft);font-size:16px;font-weight:850;line-height:1.45}
.lm-download-v98-actions{display:flex;align-items:stretch;gap:11px;margin-top:31px}
.lm-download-v98-button{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) 34px;align-items:center;gap:13px;min-width:345px;min-height:78px;padding:10px 13px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 68%,white 12%);border-radius:12px;background:linear-gradient(125deg,var(--accent-bright),var(--accent) 54%,color-mix(in srgb,var(--accent) 72%,black));color:#fff;box-shadow:0 24px 60px color-mix(in srgb,var(--accent) 28%,transparent),inset 0 1px rgba(255,255,255,.10);text-decoration:none;transition:transform .28s var(--lm-ease),box-shadow .28s ease}.lm-download-v98-button:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 15%,rgba(255,255,255,.15) 47%,transparent 75%);transform:translateX(-120%);transition:transform .75s var(--lm-ease)}.lm-download-v98-button:hover{transform:translateY(-3px);box-shadow:0 30px 72px color-mix(in srgb,var(--accent) 38%,transparent),inset 0 1px rgba(255,255,255,.13)}.lm-download-v98-button:hover:before{transform:translateX(120%)}
.lm-download-v98-button-icon{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.09);font-size:19px}.lm-download-v98-button-copy{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column}.lm-download-v98-button-copy small{color:rgba(255,255,255,.66);font-size:8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.lm-download-v98-button-copy b{margin-top:3px;color:#fff;font-size:19px;text-transform:uppercase}.lm-download-v98-button-arrow{position:relative;z-index:1;color:rgba(255,255,255,.82);font-size:12px}.lm-download-v98-button.is-disabled{background:var(--lm-panel);border-color:var(--lm-line);box-shadow:none;color:#728095;cursor:not-allowed}.lm-download-v98-button.is-disabled:hover{transform:none}
.lm-download-v98-help{display:flex;align-items:center;justify-content:center;gap:9px;min-width:150px;padding:0 17px;border:1px solid var(--lm-line);border-radius:12px;background:color-mix(in srgb,var(--lm-panel) 82%,transparent);color:#dce3ed;text-decoration:none;font-size:11px;font-weight:800;transition:.22s ease}.lm-download-v98-help:hover{border-color:color-mix(in srgb,var(--accent) 44%,var(--lm-line));background:var(--lm-panel)}
.lm-download-v98-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.lm-download-v98-meta>div{display:flex;align-items:center;gap:9px;min-width:135px;padding:10px 12px;border:1px solid var(--lm-line);border-radius:9px;background:color-mix(in srgb,var(--lm-panel) 72%,transparent)}.lm-download-v98-meta i{width:22px;color:var(--accent-soft);text-align:center}.lm-download-v98-meta small,.lm-download-v98-meta b{display:block}.lm-download-v98-meta small{color:#69778a;font-size:7px;font-weight:850;text-transform:uppercase}.lm-download-v98-meta b{margin-top:2px;color:#dfe5ee;font-size:9.5px}
.lm-download-v98-art{position:relative;align-self:stretch;min-height:590px;isolation:isolate}.lm-download-v98-halo{position:absolute;z-index:-2;right:3%;bottom:7%;width:520px;height:430px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 28%,transparent),transparent 70%);filter:blur(10px)}.lm-download-v98-titlemark{position:absolute;z-index:-1;right:-4%;top:18%;color:color-mix(in srgb,var(--accent) 7%,transparent);font-size:150px;font-weight:950;letter-spacing:-.08em;transform:rotate(-90deg);transform-origin:center;pointer-events:none}
.lm-download-v98-person{position:absolute;bottom:0;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 30px 50px rgba(0,0,0,.58));pointer-events:none}.lm-download-v98-person-back{z-index:1;left:7%;width:265px;height:550px;opacity:.92}.lm-download-v98-person-front{z-index:2;right:20%;width:345px;height:580px;object-position:center 9%;clip-path:inset(0 0 0 0)}.lm-download-v98-phone{position:absolute;z-index:4;right:-4%;bottom:-18px;width:300px;height:505px;object-fit:contain;filter:drop-shadow(0 32px 55px rgba(0,0,0,.68));transform:rotate(5deg);animation:lmV98Phone 6.5s ease-in-out infinite}.lm-download-v98-live{position:absolute;z-index:5;right:1%;top:19%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--lm-line);border-radius:9px;background:color-mix(in srgb,var(--lm-panel) 80%,transparent);box-shadow:0 16px 40px rgba(0,0,0,.24)}.lm-download-v98-live>span{width:7px;height:7px;border-radius:50%;background:#2fd477;box-shadow:0 0 14px rgba(47,212,119,.58)}.lm-download-v98-live small,.lm-download-v98-live b{display:block}.lm-download-v98-live small{color:#69778a;font-size:7px;text-transform:uppercase}.lm-download-v98-live b{margin-top:2px;color:#e5ebf4;font-size:9px;text-transform:uppercase}@keyframes lmV98Phone{0%,100%{transform:rotate(5deg) translateY(0)}50%{transform:rotate(4deg) translateY(-9px)}}
.lm-download-v98-install{position:relative;z-index:6;margin-top:-28px;padding:25px 27px 20px;border:1px solid var(--lm-line);border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--lm-panel-2) 95%,transparent),color-mix(in srgb,var(--lm-panel) 96%,transparent));box-shadow:0 28px 78px rgba(0,0,0,.34)}.lm-download-v98-install:before{content:"";position:absolute;left:27px;right:27px;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.7}
.lm-download-v98-install-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);align-items:end;gap:34px;margin-bottom:20px}.lm-download-v98-install-head span{display:block;margin-bottom:6px;color:var(--accent-soft);font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.lm-download-v98-install-head h2{margin:0;color:#f3f6fb;font-size:23px;text-transform:uppercase;letter-spacing:-.025em}.lm-download-v98-install-head p{margin:0;color:#7f8b9c;font-size:10.5px;line-height:1.55}
.lm-download-v98-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--lm-line-soft);border-radius:11px;overflow:hidden}.lm-download-v98-steps article{position:relative;display:grid;grid-template-columns:48px 1fr;align-items:center;gap:13px;min-height:102px;padding:15px 18px;border-right:1px solid var(--lm-line-soft);background:color-mix(in srgb,var(--lm-bg) 42%,transparent)}.lm-download-v98-steps article:last-child{border-right:0}.lm-download-v98-steps article>b{position:absolute;right:12px;top:8px;color:color-mix(in srgb,var(--accent) 16%,transparent);font-size:25px;font-weight:950}.lm-download-v98-steps article>i{display:grid;place-items:center;width:48px;height:48px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--lm-line));border-radius:10px;background:color-mix(in srgb,var(--accent) 7%,var(--lm-panel));color:var(--accent-soft);font-size:15px}.lm-download-v98-steps h3{margin:0 0 5px;color:#edf1f7;font-size:13px}.lm-download-v98-steps p{margin:0;color:#7b8798;font-size:9.5px;line-height:1.45}
.lm-download-v98-note{display:flex;align-items:flex-start;gap:10px;margin-top:11px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--accent) 14%,var(--lm-line-soft));border-radius:9px;background:color-mix(in srgb,var(--accent) 4%,transparent);color:#8390a1;font-size:9px;line-height:1.48}.lm-download-v98-note i{margin-top:2px;color:var(--accent-soft)}.lm-download-v98-note b{color:#bec9d8}

@media(max-width:1080px){.lm-download-v98-main{grid-template-columns:minmax(0,1fr) 430px}.lm-download-v98-person-back{left:0;width:220px}.lm-download-v98-person-front{right:17%;width:300px}.lm-download-v98-phone{right:-7%;width:260px}.lm-download-v98-copy h1{font-size:64px}}
@media(max-width:840px){.lm-download-v98{padding-top:74px}.lm-download-v98-main{display:block;min-height:0}.lm-download-v98-copy{padding:48px 0 22px}.lm-download-v98-art{min-height:440px}.lm-download-v98-person-back{left:15%;width:210px;height:410px}.lm-download-v98-person-front{right:23%;width:245px;height:425px}.lm-download-v98-phone{right:5%;width:215px;height:355px}.lm-download-v98-live{right:4%;top:11%}.lm-download-v98-install{margin-top:-20px}.lm-download-v98-install-head{grid-template-columns:1fr;gap:9px}.lm-download-v98-steps{grid-template-columns:1fr}.lm-download-v98-steps article{border-right:0;border-bottom:1px solid var(--lm-line-soft)}.lm-download-v98-steps article:last-child{border-bottom:0}}
@media(max-width:560px){.lm-download-v98{padding-top:66px}.lm-download-v98-copy{padding-top:42px}.lm-download-v98-copy h1{font-size:45px;line-height:.9}.lm-download-v98-copy>p{font-size:13px}.lm-download-v98-callout{font-size:14px}.lm-download-v98-actions{display:grid;grid-template-columns:1fr}.lm-download-v98-button,.lm-download-v98-help{width:100%;min-width:0}.lm-download-v98-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.lm-download-v98-meta>div{min-width:0;padding:9px 7px;gap:5px}.lm-download-v98-meta i{display:none}.lm-download-v98-art{min-height:345px}.lm-download-v98-person-back{left:2%;width:155px;height:320px}.lm-download-v98-person-front{right:20%;width:190px;height:330px}.lm-download-v98-phone{right:-3%;width:165px;height:280px}.lm-download-v98-live{display:none}.lm-download-v98-install{width:calc(100% - 24px);padding:20px 13px 15px;border-radius:13px}.lm-download-v98-install:before{left:13px;right:13px}.lm-download-v98-install-head h2{font-size:17px}.lm-download-v98-install-head p{font-size:9.5px}.lm-download-v98-steps article{grid-template-columns:43px 1fr;padding:13px}.lm-download-v98-steps article>i{width:43px;height:43px}.lm-download-v98-note{font-size:8.5px}}
@media(prefers-reduced-motion:reduce){.lm-download-v98-phone{animation:none}}

/* 9.8 palette coverage for legacy public components */
.servers-section,.ranking-section{background:var(--lm-bg-alt)!important}
.news-section,.launcher-section,.feature-section{background-color:var(--lm-bg)!important}
.news-section{background-image:linear-gradient(180deg,var(--lm-bg),var(--lm-bg-alt))!important}
.ranking-card,.launcher-card,.server-card,.feature-card,.product-card,.news-card{border-color:var(--lm-line)!important}
.ranking-card{background:var(--lm-panel)!important}
.application-page{background:var(--page-bg)!important}
.application-card,.application-account-chip,.application-rules>div{background:var(--panel)!important;border-color:var(--line)!important}
.lm-section-head h2 strong,.lm-servers-page-copy h1 strong,.lm-servers-catalog-kicker,.lm-servers-page-copy .eyebrow{color:var(--accent)!important}
.site-header.scrolled{background:color-mix(in srgb,var(--lm-bg) 94%,transparent)!important;border-bottom-color:var(--lm-line-soft)!important}
@media(min-width:901px){.site-header:not(.scrolled){background:transparent!important}}
@media(max-width:900px){.site-header{background:color-mix(in srgb,var(--lm-bg) 95%,transparent)!important;border-bottom-color:var(--lm-line-soft)!important}}

/* LONG MOBILE 9.9 — focused APK download page */
.lm-download-v99{background:var(--lm-bg);color:#fff}
.lm-download-v99-hero{position:relative;min-height:100vh;overflow:hidden;isolation:isolate;background:var(--lm-bg)}
.lm-download-v99-world{position:absolute;z-index:-5;inset:0;background-image:url('../img/game/hero-world.webp');background-size:cover;background-position:center 42%;transform:scale(1.025);animation:lmV99World 20s ease-in-out infinite alternate}
.lm-download-v99-shade{position:absolute;z-index:-4;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--lm-bg) 97%,transparent) 0%,color-mix(in srgb,var(--lm-bg) 90%,transparent) 38%,color-mix(in srgb,var(--lm-bg) 53%,transparent) 66%,color-mix(in srgb,var(--lm-bg) 28%,transparent) 100%),linear-gradient(180deg,color-mix(in srgb,var(--lm-bg) 66%,transparent),transparent 42%,color-mix(in srgb,var(--lm-bg) 86%,transparent) 100%)}
.lm-download-v99-lines{position:absolute;z-index:-3;inset:0;opacity:.24;background-image:linear-gradient(color-mix(in srgb,var(--accent) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 7%,transparent) 1px,transparent 1px);background-size:82px 82px;mask-image:linear-gradient(90deg,#000 0%,transparent 62%)}
.lm-download-v99-hero:after{content:"";position:absolute;z-index:-2;left:0;right:0;bottom:0;height:180px;background:linear-gradient(180deg,transparent,var(--lm-bg));pointer-events:none}
.lm-download-v99-hero-shell{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(430px,.78fr);align-items:center;gap:44px;min-height:100vh;padding-top:92px;padding-bottom:52px}
.lm-download-v99-copy{position:relative;z-index:4;max-width:660px}
.lm-download-v99-kicker{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:color-mix(in srgb,var(--accent) 74%,#b8c9ff);font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.lm-download-v99-kicker span{display:block;width:32px;height:2px;border-radius:99px;background:var(--accent);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 58%,transparent)}
.lm-download-v99-copy h1{max-width:700px;margin:0;color:#f7f9fc;font-size:clamp(54px,6.2vw,92px);font-weight:950;line-height:.91;letter-spacing:-.065em;text-transform:uppercase;text-wrap:balance}.lm-download-v99-copy h1 strong{display:block;color:var(--accent);font:inherit;text-shadow:0 0 46px color-mix(in srgb,var(--accent) 18%,transparent)}
.lm-download-v99-lead{max-width:620px;margin:27px 0 0;color:#bdc5d1;font-size:15px;line-height:1.72;text-wrap:pretty}.lm-download-v99-accent{max-width:560px;margin:18px 0 0;color:#eef2f7;font-size:15px;font-weight:820;line-height:1.55}
.lm-download-v99-button{position:relative;display:inline-grid;grid-template-columns:22px auto 18px;align-items:center;justify-content:center;gap:12px;min-width:230px;min-height:58px;margin-top:31px;padding:0 22px;border:1px solid color-mix(in srgb,var(--accent) 76%,white 10%);border-radius:9px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 92%,#2d62ff),var(--accent));box-shadow:0 16px 42px color-mix(in srgb,var(--accent) 27%,transparent);color:#fff;font-size:14px;font-weight:900;letter-spacing:.01em;text-decoration:none;overflow:hidden;transition:transform .26s var(--lm-ease),box-shadow .26s ease}.lm-download-v99-button:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 16%,rgba(255,255,255,.17) 47%,transparent 75%);transform:translateX(-125%);transition:transform .7s var(--lm-ease)}.lm-download-v99-button>*{position:relative;z-index:1}.lm-download-v99-button:hover{transform:translateY(-3px);box-shadow:0 22px 54px color-mix(in srgb,var(--accent) 38%,transparent)}.lm-download-v99-button:hover:before{transform:translateX(125%)}.lm-download-v99-button.is-disabled{background:var(--lm-panel);border-color:var(--lm-line);color:#7d8999;box-shadow:none;cursor:not-allowed}.lm-download-v99-button.is-disabled:hover{transform:none}
.lm-download-v99-scroll{display:flex;width:max-content;align-items:center;gap:9px;margin-top:24px;color:#8894a5;font-size:10px;font-weight:780;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;transition:color .2s ease}.lm-download-v99-scroll i{font-size:9px;transition:transform .2s ease}.lm-download-v99-scroll:hover{color:#d8e0ec}.lm-download-v99-scroll:hover i{transform:translateY(3px)}
.lm-download-v99-art{position:relative;align-self:stretch;min-height:650px;isolation:isolate}.lm-download-v99-phone-glow{position:absolute;z-index:-2;right:-8%;top:17%;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 34%,transparent),transparent 68%);filter:blur(8px)}.lm-download-v99-wordmark{position:absolute;z-index:-1;right:-5%;top:12%;color:color-mix(in srgb,var(--accent) 9%,transparent);font-size:190px;font-weight:950;letter-spacing:-.09em;line-height:1;transform:rotate(-90deg);pointer-events:none}.lm-download-v99-phone{position:absolute;z-index:2;right:3%;bottom:-30px;width:min(37vw,485px);height:690px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 36px 72px rgba(0,0,0,.7));transform:rotate(4deg);animation:lmV99Phone 6.5s ease-in-out infinite}.lm-download-v99-phone-tag{position:absolute;z-index:3;right:2%;top:28%;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--lm-line));border-radius:8px;background:color-mix(in srgb,var(--lm-bg) 84%,transparent);box-shadow:0 16px 36px rgba(0,0,0,.28);color:#d9e1ec;font-size:9px;font-weight:820;text-transform:uppercase;letter-spacing:.06em}.lm-download-v99-phone-tag span{width:7px;height:7px;border-radius:50%;background:#31da7d;box-shadow:0 0 14px rgba(49,218,125,.58)}
.lm-download-v99-install{position:relative;padding:86px 0 96px;background:linear-gradient(180deg,var(--lm-bg),var(--lm-bg-alt));border-top:1px solid var(--lm-line-soft)}
.lm-download-v99-install-head{max-width:720px;margin:0 auto 48px;text-align:center}.lm-download-v99-install-head>span{display:block;margin-bottom:10px;color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.lm-download-v99-install-head h2{margin:0;color:#f5f7fb;font-size:clamp(30px,4vw,48px);line-height:1;letter-spacing:-.045em;text-transform:uppercase}.lm-download-v99-install-head p{max-width:620px;margin:17px auto 0;color:#8995a6;font-size:12px;line-height:1.65}
.lm-download-v99-steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}.lm-download-v99-steps:before{content:"";position:absolute;left:16.666%;right:16.666%;top:38px;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 12%,transparent),color-mix(in srgb,var(--accent) 58%,transparent),color-mix(in srgb,var(--accent) 12%,transparent));pointer-events:none}.lm-download-v99-steps article{position:relative;z-index:1;text-align:center}.lm-download-v99-step-icon{position:relative;display:grid;place-items:center;width:76px;height:76px;margin:0 auto 22px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--lm-line));border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 8%,var(--lm-panel)),var(--lm-panel));box-shadow:0 18px 48px rgba(0,0,0,.18)}.lm-download-v99-step-icon i{color:color-mix(in srgb,var(--accent) 72%,#afc3ff);font-size:20px}.lm-download-v99-step-icon b{position:absolute;right:-7px;top:-7px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--accent);box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 36%,transparent);color:#fff;font-size:9px}.lm-download-v99-steps h3{margin:0 0 9px;color:#edf1f7;font-size:16px}.lm-download-v99-steps p{max-width:290px;margin:0 auto;color:#7d8999;font-size:11px;line-height:1.62}
.lm-download-v99-note{display:flex;align-items:flex-start;gap:12px;width:min(100%,850px);margin:52px auto 0;padding-top:22px;border-top:1px solid var(--lm-line-soft);color:#808c9c}.lm-download-v99-note i{margin-top:2px;color:var(--accent)}.lm-download-v99-note p{margin:0;font-size:10px;line-height:1.58}.lm-download-v99-note b{color:#b9c4d2}
@keyframes lmV99Phone{0%,100%{transform:rotate(4deg) translateY(0)}50%{transform:rotate(3.4deg) translateY(-11px)}}
@keyframes lmV99World{0%{transform:scale(1.025) translate3d(0,0,0)}100%{transform:scale(1.055) translate3d(-.6%,0,0)}}
@media(max-width:1100px){.lm-download-v99-hero-shell{grid-template-columns:minmax(0,1fr) 390px;gap:18px}.lm-download-v99-phone{right:-4%;width:410px}.lm-download-v99-wordmark{font-size:150px}}
@media(max-width:840px){.lm-download-v99-hero{min-height:auto}.lm-download-v99-hero-shell{display:block;min-height:860px;padding-top:112px;padding-bottom:0}.lm-download-v99-copy{max-width:640px}.lm-download-v99-shade{background:linear-gradient(180deg,color-mix(in srgb,var(--lm-bg) 96%,transparent) 0%,color-mix(in srgb,var(--lm-bg) 83%,transparent) 49%,color-mix(in srgb,var(--lm-bg) 43%,transparent) 78%,var(--lm-bg) 100%)}.lm-download-v99-art{min-height:420px;margin-top:6px}.lm-download-v99-phone{right:5%;bottom:-52px;width:310px;height:470px}.lm-download-v99-phone-glow{right:0;top:0;width:420px;height:420px}.lm-download-v99-wordmark{right:6%;top:8%;font-size:115px}.lm-download-v99-phone-tag{right:5%;top:20%}.lm-download-v99-steps{gap:18px}}
@media(max-width:620px){.lm-download-v99-hero-shell{min-height:790px;padding-top:96px}.lm-download-v99-copy h1{font-size:48px}.lm-download-v99-lead{font-size:13px;line-height:1.62}.lm-download-v99-accent{font-size:13px}.lm-download-v99-button{min-width:210px;min-height:56px}.lm-download-v99-art{min-height:320px}.lm-download-v99-phone{right:-5%;bottom:-46px;width:240px;height:350px}.lm-download-v99-phone-glow{right:-15%;width:330px;height:330px}.lm-download-v99-wordmark{right:-6%;font-size:90px}.lm-download-v99-phone-tag{display:none}.lm-download-v99-install{padding:68px 0 72px}.lm-download-v99-install-head{margin-bottom:38px;text-align:left}.lm-download-v99-install-head p{margin-left:0}.lm-download-v99-steps{grid-template-columns:1fr;gap:0}.lm-download-v99-steps:before{left:37px;right:auto;top:0;bottom:0;width:1px;height:auto;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 12%,transparent),color-mix(in srgb,var(--accent) 58%,transparent),color-mix(in srgb,var(--accent) 12%,transparent))}.lm-download-v99-steps article{display:grid;grid-template-columns:76px 1fr;gap:18px;align-items:center;padding:0 0 30px;text-align:left}.lm-download-v99-steps article:last-child{padding-bottom:0}.lm-download-v99-step-icon{margin:0}.lm-download-v99-steps p{max-width:none;margin:0}.lm-download-v99-note{margin-top:38px}}
@media(prefers-reduced-motion:reduce){.lm-download-v99-phone,.lm-download-v99-world{animation:none}}

/* LONG MOBILE 10.0 — redesigned shop / donation page */
.page-donate .site-header:not(.scrolled){background:linear-gradient(180deg,color-mix(in srgb,var(--lm-bg) 78%,transparent),transparent)!important}
.lm-shop-v10{min-height:100vh;background:var(--lm-bg);color:#fff}
.lm-shop-v10-hero{position:relative;overflow:hidden;min-height:500px;padding:150px 0 76px;border-bottom:1px solid var(--lm-line-soft);isolation:isolate}
.lm-shop-v10-hero-bg{position:absolute;z-index:-3;inset:0;background-image:url('../img/game/hero-world.webp');background-size:cover;background-position:center 56%;filter:saturate(.9) contrast(1.03);transform:scale(1.02)}
.lm-shop-v10-hero:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--lm-bg) 98%,transparent) 0%,color-mix(in srgb,var(--lm-bg) 88%,transparent) 48%,color-mix(in srgb,var(--lm-bg) 55%,transparent) 100%),linear-gradient(180deg,color-mix(in srgb,var(--lm-bg) 30%,transparent),var(--lm-bg) 112%)}
.lm-shop-v10-hero:after{content:"";position:absolute;z-index:-1;right:-140px;top:-120px;width:560px;height:560px;border-radius:50%;background:var(--accent);filter:blur(210px);opacity:.14}
.lm-shop-v10-hero-shell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.65fr);align-items:center;gap:76px}
.lm-shop-v10-copy{max-width:690px}.lm-shop-v10-kicker{display:flex;align-items:center;gap:11px;margin-bottom:18px;color:color-mix(in srgb,var(--accent) 72%,#dce7ff);font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.lm-shop-v10-kicker span{width:34px;height:2px;border-radius:99px;background:var(--accent);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 45%,transparent)}
.lm-shop-v10-copy h1{margin:0;font-size:clamp(54px,6.4vw,88px);line-height:.9;letter-spacing:-.065em;text-transform:uppercase;font-weight:950}.lm-shop-v10-copy h1 strong{display:block;color:var(--accent);font:inherit}.lm-shop-v10-copy>p{max-width:650px;margin:25px 0 0;color:#aeb8c7;font-size:15px;line-height:1.72}.lm-shop-v10-hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.lm-shop-v10-text-link{display:inline-flex;align-items:center;gap:9px;color:#bcc5d2;font-size:12px;font-weight:850}.lm-shop-v10-text-link i{font-size:10px;transition:transform .2s ease}.lm-shop-v10-text-link:hover{color:#fff}.lm-shop-v10-text-link:hover i{transform:translateY(3px)}
.lm-shop-v10-wallet{position:relative;padding:25px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--lm-line));border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 8%,var(--lm-panel)),color-mix(in srgb,var(--lm-panel) 94%,transparent));box-shadow:0 30px 80px rgba(0,0,0,.32);overflow:hidden}.lm-shop-v10-wallet:before{content:"";position:absolute;right:-70px;top:-100px;width:260px;height:260px;border-radius:50%;background:var(--accent);filter:blur(90px);opacity:.13}.lm-shop-v10-wallet-head{position:relative;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px}.lm-shop-v10-wallet-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:color-mix(in srgb,var(--accent) 18%,var(--lm-surface));border:1px solid color-mix(in srgb,var(--accent) 28%,var(--lm-line));color:var(--accent);font-size:16px}.lm-shop-v10-wallet-head small{display:block;color:#78869a;font-size:8px;font-weight:900;letter-spacing:.14em}.lm-shop-v10-wallet-head b{display:block;margin-top:3px;font-size:14px}.lm-shop-v10-wallet-state{padding:6px 8px;border-radius:99px;background:rgba(255,255,255,.045);color:#778394;font-size:8px;font-weight:850}.lm-shop-v10-wallet-state.is-live{background:rgba(52,209,122,.09);color:#61e69b}.lm-shop-v10-balance{position:relative;padding:28px 0 24px;margin-top:20px;border-top:1px solid var(--lm-line-soft);border-bottom:1px solid var(--lm-line-soft)}.lm-shop-v10-balance>span{display:block;color:#778496;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.lm-shop-v10-balance strong{display:block;margin-top:5px;font-size:44px;line-height:1;letter-spacing:-.05em}.lm-shop-v10-balance em{font-size:15px;color:var(--accent);font-style:normal;letter-spacing:0}.lm-shop-v10-wallet-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px 0}.lm-shop-v10-wallet-grid>div{padding:12px;border-radius:11px;background:color-mix(in srgb,var(--lm-surface) 78%,transparent);border:1px solid var(--lm-line-soft)}.lm-shop-v10-wallet-grid span{display:block;color:#748196;font-size:9px}.lm-shop-v10-wallet-grid b{display:block;margin-top:4px;font-size:12px}.lm-shop-v10-account-link{display:flex;align-items:center;justify-content:space-between;padding-top:4px;color:#aab5c4;font-size:10px;font-weight:800}.lm-shop-v10-account-link:hover{color:#fff}
.lm-shop-v10-main{padding:68px 0 110px;background:linear-gradient(180deg,var(--lm-bg),var(--lm-bg-alt))}.lm-shop-v10-notice{margin:0 0 18px}.lm-shop-v10-topup{scroll-margin-top:110px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(380px,.72fr);gap:80px;align-items:center;padding:48px 50px;border:1px solid var(--lm-line);border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--lm-panel)),var(--lm-panel));box-shadow:0 24px 70px rgba(0,0,0,.18)}.lm-shop-v10-section-index{display:block;margin-bottom:17px;color:color-mix(in srgb,var(--accent) 42%,#526079);font-size:11px;font-weight:900;letter-spacing:.16em}.lm-shop-v10-topup-copy h2,.lm-shop-v10-catalog-head h2{margin:0;color:#f5f7fa;font-size:clamp(38px,4.5vw,58px);line-height:.94;letter-spacing:-.05em;text-transform:uppercase}.lm-shop-v10-topup-copy>p,.lm-shop-v10-catalog-head p{max-width:580px;margin:18px 0 0;color:#8f9bac;font-size:13px;line-height:1.65}.lm-shop-v10-account-status{display:flex;align-items:flex-start;gap:10px;margin-top:24px;padding-top:18px;border-top:1px solid var(--lm-line-soft);color:#8e9aab;font-size:10px;line-height:1.55}.lm-shop-v10-account-status i{margin-top:2px;color:var(--accent)}.lm-shop-v10-account-status.warning i{color:#ffba4a}.lm-shop-v10-account-status.ok i{color:#52db91}
.lm-shop-v10-topup-form{padding:22px;border:1px solid var(--lm-line);border-radius:16px;background:color-mix(in srgb,var(--lm-bg) 78%,#000);box-shadow:0 18px 50px rgba(0,0,0,.16)}.lm-shop-v10-form-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;color:#d6dce6;font-size:11px;font-weight:850}.lm-shop-v10-form-head small{color:#69768a;font-weight:750}.lm-shop-v10-amount-field{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;min-height:64px;padding:0 17px;border:1px solid var(--lm-line);border-radius:12px;background:var(--lm-surface);transition:border-color .2s ease,box-shadow .2s ease}.lm-shop-v10-amount-field:focus-within{border-color:color-mix(in srgb,var(--accent) 52%,var(--lm-line));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent)}.lm-shop-v10-amount-field>i{color:#ffc84d}.lm-shop-v10-amount-field input{width:100%;padding:0;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#fff;font-size:24px;font-weight:900}.lm-shop-v10-amount-field>span{color:#778396;font-size:10px;font-weight:850}.lm-shop-v10-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.lm-shop-v10-presets button{height:34px;border:1px solid var(--lm-line);border-radius:8px;background:var(--lm-surface);color:#8e9aab;font-size:9px;font-weight:850;transition:.18s}.lm-shop-v10-presets button:hover,.lm-shop-v10-presets button.active{border-color:color-mix(in srgb,var(--accent) 52%,var(--lm-line));background:color-mix(in srgb,var(--accent) 12%,var(--lm-surface));color:#fff}.lm-shop-v10-convert{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:19px 0 17px}.lm-shop-v10-convert>span{color:#7c899c;font-size:10px;font-weight:800}.lm-shop-v10-convert strong{font-size:26px;line-height:1;color:#fff}.lm-shop-v10-convert strong span{color:var(--accent)}.lm-shop-v10-pay{min-height:49px;border-radius:9px!important;font-size:12px}.lm-shop-v10-payment-note{display:block;margin-top:10px;color:#6f7a8c;font-size:9px;text-align:center}.lm-shop-v10-topup-off{display:grid;place-items:center;min-height:280px;text-align:center}.lm-shop-v10-topup-off>i{font-size:28px;color:var(--accent)}.lm-shop-v10-topup-off h3{margin:10px 0 0}.lm-shop-v10-topup-off p{color:#7f8b9c;font-size:11px}
.lm-shop-v10-catalog{padding-top:92px}.lm-shop-v10-catalog-head{display:flex;align-items:end;justify-content:space-between;gap:36px}.lm-shop-v10-mini-balance{display:flex;flex-direction:column;align-items:flex-end;padding:13px 16px;border:1px solid var(--lm-line);border-radius:11px;background:var(--lm-panel)}.lm-shop-v10-mini-balance span{color:#768397;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.lm-shop-v10-mini-balance b{margin-top:2px;font-size:17px;color:var(--accent)}.lm-shop-v10-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:31px;padding-bottom:22px;border-bottom:1px solid var(--lm-line-soft)}.lm-shop-v10-tabs a{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 13px;border:1px solid var(--lm-line);border-radius:8px;background:var(--lm-surface);color:#8c98aa;font-size:10px;font-weight:850;transition:.18s}.lm-shop-v10-tabs a:hover,.lm-shop-v10-tabs a.active{border-color:color-mix(in srgb,var(--accent) 45%,var(--lm-line));background:color-mix(in srgb,var(--accent) 10%,var(--lm-surface));color:#fff}.lm-shop-v10-tabs span{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:color-mix(in srgb,var(--accent) 15%,var(--lm-panel));color:var(--accent);font-size:8px}.lm-shop-v10-category{scroll-margin-top:108px;padding-top:38px}.lm-shop-v10-category-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:17px}.lm-shop-v10-category-head h3{margin:0;font-size:22px}.lm-shop-v10-category-head span{color:#687588;font-size:10px}.lm-shop-v10-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.lm-shop-v10-product{overflow:hidden;display:flex;flex-direction:column;min-width:0;border:1px solid var(--lm-line);border-radius:16px;background:var(--lm-panel);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.lm-shop-v10-product:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 34%,var(--lm-line));box-shadow:0 22px 50px rgba(0,0,0,.18)}.lm-shop-v10-product-media{position:relative;height:220px;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 58%),var(--lm-surface);overflow:hidden}.lm-shop-v10-product-media img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.lm-shop-v10-product:hover .lm-shop-v10-product-media img{transform:scale(1.035)}.lm-shop-v10-product-media>span{position:absolute;left:13px;top:13px;padding:6px 8px;border:1px solid var(--lm-line);border-radius:7px;background:color-mix(in srgb,var(--lm-bg) 82%,transparent);color:#c4ccd8;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.lm-shop-v10-product-body{display:flex;flex:1;flex-direction:column;padding:18px}.lm-shop-v10-product-body h3{margin:0;color:#f2f5f9;font-size:18px}.lm-shop-v10-product-body>p{min-height:42px;margin:8px 0 14px;color:#7d8999;font-size:10px;line-height:1.55}.lm-shop-v10-reward{display:flex;align-items:flex-start;gap:8px;margin-top:auto;padding:10px;border-radius:9px;background:var(--lm-surface);border:1px solid var(--lm-line-soft);color:#a8b3c2;font-size:9px;line-height:1.45}.lm-shop-v10-reward i{margin-top:2px;color:var(--accent)}.lm-shop-v10-product-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px}.lm-shop-v10-price{display:flex;flex-direction:column}.lm-shop-v10-price strong{font-size:17px;color:#fff}.lm-shop-v10-price small{margin-top:2px;color:#6f7b8e;font-size:8px}.lm-shop-v10-disabled{padding:42px;border:1px solid var(--lm-line);border-radius:18px;background:var(--lm-panel);text-align:center}.lm-shop-v10-disabled>span{color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.14em}.lm-shop-v10-disabled h2{margin:8px 0 0;font-size:24px}.lm-shop-v10-disabled.compact{margin-top:54px}
@media(max-width:1050px){.lm-shop-v10-hero-shell{grid-template-columns:1fr 340px;gap:38px}.lm-shop-v10-topup{grid-template-columns:1fr 360px;gap:38px}.lm-shop-v10-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.lm-shop-v10-hero{padding:120px 0 56px}.lm-shop-v10-hero-shell{grid-template-columns:1fr}.lm-shop-v10-copy h1{font-size:58px}.lm-shop-v10-wallet{max-width:520px}.lm-shop-v10-topup{grid-template-columns:1fr;padding:28px}.lm-shop-v10-catalog{padding-top:70px}.lm-shop-v10-catalog-head{align-items:flex-start;flex-direction:column}.lm-shop-v10-mini-balance{align-items:flex-start}.lm-shop-v10-product-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.lm-shop-v10-hero{min-height:0;padding:108px 0 45px}.lm-shop-v10-hero-bg{background-position:66% center}.lm-shop-v10-hero:before{background:linear-gradient(180deg,color-mix(in srgb,var(--lm-bg) 82%,transparent),color-mix(in srgb,var(--lm-bg) 96%,transparent) 76%,var(--lm-bg))}.lm-shop-v10-copy h1{font-size:46px}.lm-shop-v10-copy>p{font-size:12px}.lm-shop-v10-hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.lm-shop-v10-wallet{padding:18px}.lm-shop-v10-wallet-head{grid-template-columns:42px 1fr}.lm-shop-v10-wallet-state{display:none}.lm-shop-v10-balance strong{font-size:36px}.lm-shop-v10-wallet-grid{grid-template-columns:1fr}.lm-shop-v10-main{padding:42px 0 78px}.lm-shop-v10-topup{padding:20px;border-radius:16px}.lm-shop-v10-topup-copy h2,.lm-shop-v10-catalog-head h2{font-size:38px}.lm-shop-v10-topup-form{padding:16px}.lm-shop-v10-presets{grid-template-columns:repeat(2,1fr)}.lm-shop-v10-tabs{overflow-x:auto;flex-wrap:nowrap}.lm-shop-v10-tabs a{flex:0 0 auto}.lm-shop-v10-product-grid{grid-template-columns:1fr}.lm-shop-v10-product-media{height:190px}.lm-shop-v10-category-head{align-items:flex-start;flex-direction:column;gap:4px}}

/* LONG MOBILE 10.1 — simple donate page */
.lm-shop-lite{background:var(--lm-bg);min-height:100vh}.lm-shop-lite-head{padding:132px 0 34px;border-bottom:1px solid var(--lm-line-soft);background:var(--lm-bg)}.lm-shop-lite-head .shell{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.lm-shop-lite-title>span,.lm-shop-lite-catalog-head small,.lm-shop-lite-topup-heading small{display:block;margin-bottom:9px;color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.14em}.lm-shop-lite-title h1{margin:0;color:#f5f7fb;font-size:clamp(42px,5vw,66px);line-height:.92;letter-spacing:-.055em;text-transform:uppercase}.lm-shop-lite-title p{max-width:570px;margin:15px 0 0;color:#7f8b9d;font-size:12px;line-height:1.65}.lm-shop-lite-account{display:flex;align-items:center;gap:26px;padding:12px 0}.lm-shop-lite-account>div{min-width:90px}.lm-shop-lite-account small{display:block;color:#657286;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.lm-shop-lite-account b{display:block;margin-top:3px;color:#dfe5ef;font-size:11px}.lm-shop-lite-account .accent{color:var(--accent)}
.lm-shop-lite-body{padding:48px 0 100px}.lm-shop-lite-notice{margin-bottom:16px}.lm-shop-lite-topup{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;max-width:920px;margin:0 auto}.lm-shop-lite-topup-main,.lm-shop-lite-side{border:1px solid var(--lm-line);border-radius:16px;background:var(--lm-panel)}.lm-shop-lite-topup-main{padding:26px}.lm-shop-lite-topup-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.lm-shop-lite-topup-heading h2{margin:0;color:#f3f6fa;font-size:28px;letter-spacing:-.035em}.lm-shop-lite-topup-heading>span{color:#718095;font-size:9px;font-weight:750}.lm-shop-lite-form{display:grid;grid-template-columns:minmax(0,1fr) 155px;gap:12px}.lm-shop-lite-amount{grid-column:1/-1;display:flex;align-items:center;min-height:72px;padding:0 18px;border:1px solid var(--lm-line);border-radius:11px;background:var(--lm-surface);transition:.2s ease}.lm-shop-lite-amount:focus-within{border-color:color-mix(in srgb,var(--accent) 55%,var(--lm-line));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 9%,transparent)}.lm-shop-lite-amount input{min-width:0;width:100%;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;color:#fff;font-size:30px;font-weight:900}.lm-shop-lite-amount>span{font-size:20px}.lm-shop-lite-presets{grid-column:1/-1;display:flex;gap:8px}.lm-shop-lite-presets button{min-width:64px;height:34px;padding:0 12px;border:1px solid var(--lm-line);border-radius:8px;background:var(--lm-surface);color:#8b97a8;font-size:9px;font-weight:850;transition:.18s}.lm-shop-lite-presets button:hover,.lm-shop-lite-presets button.active{border-color:color-mix(in srgb,var(--accent) 50%,var(--lm-line));background:color-mix(in srgb,var(--accent) 10%,var(--lm-surface));color:#fff}.lm-shop-lite-result{display:flex;flex-direction:column;justify-content:center;min-height:60px}.lm-shop-lite-result>span{color:#6d798c;font-size:9px}.lm-shop-lite-result strong{margin-top:3px;color:#fff;font-size:24px}.lm-shop-lite-result strong span{color:var(--accent)}.lm-shop-lite-pay{min-height:50px!important;align-self:end;border-radius:9px!important;font-size:11px}.lm-shop-lite-muted,.lm-shop-lite-warning{grid-column:1/-1;margin:0;color:#687588;font-size:9px;line-height:1.5}.lm-shop-lite-warning{color:#d8a755}.lm-shop-lite-warning i{margin-right:6px}.lm-shop-lite-off{display:flex;align-items:center;gap:10px;padding:20px;border-radius:10px;background:var(--lm-surface);color:#7f8b9c;font-size:10px}.lm-shop-lite-off i{color:var(--accent)}
.lm-shop-lite-side{padding:24px}.lm-shop-lite-side h3{margin:0 0 19px;color:#edf1f6;font-size:15px}.lm-shop-lite-side ol{display:grid;gap:16px;margin:0;padding:0;list-style:none}.lm-shop-lite-side li{display:grid;grid-template-columns:26px 1fr;align-items:center;gap:10px;color:#9ba6b5;font-size:10px;line-height:1.4}.lm-shop-lite-side li b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:color-mix(in srgb,var(--accent) 14%,var(--lm-surface));color:var(--accent);font-size:9px}.lm-shop-lite-side>p{margin:22px 0 0;padding-top:17px;border-top:1px solid var(--lm-line-soft);color:#677487;font-size:9px;line-height:1.55}
.lm-shop-lite-catalog{max-width:1120px;margin:76px auto 0}.lm-shop-lite-catalog-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.lm-shop-lite-catalog-head h2{margin:0;color:#f4f6fa;font-size:36px;letter-spacing:-.04em;text-transform:uppercase}.lm-shop-lite-catalog-head>span{color:#7f8b9b;font-size:10px}.lm-shop-lite-category{margin-top:34px}.lm-shop-lite-category>h3{margin:0 0 13px;color:#cfd6e0;font-size:14px}.lm-shop-lite-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lm-shop-lite-product{overflow:hidden;border:1px solid var(--lm-line);border-radius:13px;background:var(--lm-panel);transition:.22s ease}.lm-shop-lite-product:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 35%,var(--lm-line))}.lm-shop-lite-product-image{height:170px;padding:14px;background:var(--lm-surface)}.lm-shop-lite-product-image img{width:100%;height:100%;object-fit:contain}.lm-shop-lite-product-content{padding:15px}.lm-shop-lite-product-content h4{margin:0;color:#f0f3f7;font-size:15px}.lm-shop-lite-product-content>p{min-height:34px;margin:7px 0 10px;color:#788598;font-size:9px;line-height:1.5}.lm-shop-lite-product-content>small{display:block;color:#8793a4;font-size:8.5px;line-height:1.4}.lm-shop-lite-product-bottom{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:15px;padding-top:13px;border-top:1px solid var(--lm-line-soft)}.lm-shop-lite-product-bottom>div{display:flex;flex-direction:column}.lm-shop-lite-product-bottom b{color:#fff;font-size:14px}.lm-shop-lite-product-bottom span{margin-top:2px;color:#697589;font-size:8px}.lm-shop-lite-empty{display:grid;place-items:center;max-width:620px;margin:30px auto;padding:50px 30px;border:1px solid var(--lm-line);border-radius:16px;background:var(--lm-panel);text-align:center}.lm-shop-lite-empty i{color:var(--accent);font-size:28px}.lm-shop-lite-empty h2{margin:14px 0 0}.lm-shop-lite-empty p{margin:8px 0 0;color:#778396;font-size:11px}
@media(max-width:900px){.lm-shop-lite-head .shell{align-items:flex-start;flex-direction:column}.lm-shop-lite-account{width:100%;justify-content:space-between}.lm-shop-lite-topup{grid-template-columns:1fr}.lm-shop-lite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.lm-shop-lite-head{padding:108px 0 28px}.lm-shop-lite-title h1{font-size:44px}.lm-shop-lite-account{gap:14px}.lm-shop-lite-account>div{min-width:0}.lm-shop-lite-body{padding:34px 0 72px}.lm-shop-lite-topup-main,.lm-shop-lite-side{padding:18px}.lm-shop-lite-topup-heading{align-items:flex-start;flex-direction:column;gap:6px}.lm-shop-lite-form{grid-template-columns:1fr}.lm-shop-lite-amount,.lm-shop-lite-presets,.lm-shop-lite-muted,.lm-shop-lite-warning{grid-column:1}.lm-shop-lite-presets{overflow-x:auto}.lm-shop-lite-result{min-height:48px}.lm-shop-lite-catalog{margin-top:56px}.lm-shop-lite-catalog-head{align-items:flex-start;flex-direction:column}.lm-shop-lite-grid{grid-template-columns:1fr}.lm-shop-lite-product-image{height:190px}}



/* ==========================================================================
   LONG MOBILE 10.2 — Gamified Citizen ID-Card, Level Progress & Roulette Streak
   ========================================================================== */

.citizen-id-card-wrap{perspective:1000px;margin-bottom:26px;width:100%}
.citizen-id-card{position:relative;border-radius:24px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,#1b202a 0%,#0e1117 55%,#161b24 100%);padding:28px 30px 22px;box-shadow:0 24px 60px rgba(0,0,0,.45),inset 0 1px 1px rgba(255,255,255,.15);overflow:hidden;transform-style:preserve-3d;transition:transform .15s ease-out;display:block}
.id-card-sheen{position:absolute;inset:0;pointer-events:none;z-index:10;opacity:0;transition:opacity .25s ease}
.id-card-watermark{position:absolute;right:-15px;bottom:-20px;font-size:75px;font-weight:950;letter-spacing:6px;color:rgba(255,255,255,.025);pointer-events:none;transform:rotate(-8deg);user-select:none}

.id-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:14px}
.id-card-emblem{display:flex;align-items:center;gap:12px}
.id-card-flag{font-size:24px}
.id-card-emblem strong{display:block;font-size:13px;letter-spacing:1.5px;color:#f0f3f8;font-weight:900}
.id-card-emblem small{display:block;font-size:9px;letter-spacing:1.2px;color:var(--muted);text-transform:uppercase}

.id-card-chip{width:46px;height:34px;border-radius:7px;background:linear-gradient(135deg,#f5d77f,#d8a83d 60%,#b88421);position:relative;border:1px solid rgba(255,255,255,.4);box-shadow:inset 0 1px 2px rgba(255,255,255,.5),0 2px 6px rgba(0,0,0,.3)}
.chip-lines{position:absolute;inset:3px;border:1px solid rgba(0,0,0,.25);border-radius:4px}
.chip-lines::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.25)}
.chip-lines::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:rgba(0,0,0,.25)}

.id-card-body{display:flex;gap:24px;align-items:center;margin-bottom:20px}
.id-card-avatar-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}
.id-card-avatar{position:relative;width:105px;height:105px;border-radius:20px;border:2px solid rgba(255,255,255,.15);background:radial-gradient(circle,rgba(0,48,206,.2),transparent 65%),#0b0d12;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.4)}
.id-card-avatar.admin{border-color:#ff747d;box-shadow:0 0 20px rgba(255,116,125,.35)}
.id-card-avatar.vip-diamond{border-color:#5bd6ff;box-shadow:0 0 20px rgba(91,214,255,.35)}
.id-card-avatar.vip-gold{border-color:#f6c860;box-shadow:0 0 20px rgba(246,200,96,.35)}
.id-card-avatar.vip-bronze{border-color:#ff9e66;box-shadow:0 0 20px rgba(255,158,102,.35)}

.id-card-avatar img{width:100%;height:100%;object-fit:cover}
.id-avatar-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#0d1424);font-size:36px;font-weight:900;color:#fff}
.id-avatar-level{position:absolute;bottom:0;left:0;right:0;background:rgba(10,12,16,.85);backdrop-filter:blur(4px);color:#f6c860;font-size:9px;font-weight:900;text-align:center;padding:2px 0;letter-spacing:1px}
.id-skin-label{font-size:10px;color:var(--muted);text-align:center;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.id-card-fields{flex:1;min-width:0}
.id-field--main{margin-bottom:14px}
.id-field--main span{font-size:9px;letter-spacing:1.2px;color:var(--muted);text-transform:uppercase;font-weight:900;display:block;margin-bottom:2px}
.id-field--main h3{font-size:26px;margin:0;font-weight:950;color:#fff;letter-spacing:-.5px}

.id-fields-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 16px}
.id-field span{font-size:9px;letter-spacing:1px;color:var(--muted);text-transform:uppercase;font-weight:900;display:block;margin-bottom:2px}
.id-field b{display:block;font-size:14px;color:#e1e5ee;font-weight:700}
.status-badge-text.admin{color:#ff747d}
.status-badge-text.vip-diamond{color:#5bd6ff}
.status-badge-text.vip-gold{color:#f6c860}
.status-badge-text.vip-bronze{color:#ff9e66}
.status-badge-text.citizen{color:#8ea3be}

.id-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}
.id-card-barcode span{font-family:monospace;letter-spacing:2px;font-size:12px;color:rgba(255,255,255,.5);display:block;line-height:1}
.id-card-barcode small{font-size:8px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase}
.id-card-seal span{font-size:9px;font-weight:900;letter-spacing:1.5px;padding:4px 10px;border-radius:6px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--muted)}

/* Level Progress Panel */
.level-progress-panel{background:linear-gradient(135deg,rgba(0,48,206,.15),#11141b);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:20px 24px;margin-bottom:26px;box-shadow:0 14px 40px rgba(0,0,0,.22)}
.level-progress-head{display:flex;align-items:center;gap:20px}
.level-badge-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;width:68px;height:68px;border-radius:18px;background:linear-gradient(135deg,var(--accent),#001866);border:2px solid rgba(255,255,255,.2);box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 45%,transparent);flex-shrink:0}
.level-num{font-size:26px;font-weight:950;line-height:1;color:#fff}
.level-badge-visual small{font-size:8px;font-weight:900;letter-spacing:1.5px;color:rgba(255,255,255,.75);margin-top:2px}
.level-info-wrap{flex:1;min-width:0}
.level-info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:6px}
.level-info-row b{font-size:15px;color:#fff}
.level-info-row span{font-size:13px;color:var(--muted)}
.level-info-row span strong{color:#f6c860}
.exp-track{height:12px;border-radius:10px;background:rgba(255,255,255,.08);overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.06)}
.exp-fill{height:100%;border-radius:10px;background:linear-gradient(90deg,var(--accent),#4c84ff,#f6c860);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 70%,transparent);transition:width .6s cubic-bezier(.2,.8,.2,1)}
.exp-hint{display:block;margin-top:6px;font-size:11px;color:var(--muted)}

/* Gamified Financial Stats */
.section-gap{margin-top:34px}
.total-wealth-badge{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:10px;background:linear-gradient(135deg,rgba(53,201,120,.15),#121815);border:1px solid rgba(53,201,120,.35)}
.total-wealth-badge span{font-size:11px;color:var(--muted);text-transform:uppercase;font-weight:800}
.total-wealth-badge strong{font-size:15px;color:#65df98}

.gamified-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}
.gamified-stat-grid .stat-card{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:18px;background:#13161f;border:1px solid rgba(255,255,255,.08);transition:all .22s ease}
.gamified-stat-grid .stat-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.18)}
.stat-icon-wrap{font-size:28px;line-height:1;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);flex-shrink:0}
.stat-card--donate .stat-icon-wrap{background:rgba(0,48,206,.2);border-color:rgba(0,48,206,.4)}
.stat-card--cash .stat-icon-wrap{background:rgba(53,201,120,.12);border-color:rgba(53,201,120,.25)}
.stat-card--bank .stat-icon-wrap{background:rgba(91,214,255,.12);border-color:rgba(91,214,255,.25)}
.stat-card--vip .stat-icon-wrap{background:rgba(246,200,96,.12);border-color:rgba(246,200,96,.25)}

/* 7-Day Login Streak & Multi-Case Roulette System */
.roulette-streak-section{padding:24px;border-radius:22px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(0,48,206,.15),rgba(246,200,96,.08) 50%,#11141b);margin-bottom:28px;box-shadow:0 18px 50px rgba(0,0,0,.28)}
.streak-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;flex-wrap:wrap}
.streak-title-group h3{font-size:22px;margin:5px 0 4px;font-weight:900}
.streak-title-group p{margin:0;color:var(--muted);font-size:13px}
.streak-title-group p strong{color:#f6c860}
.streak-badge{font-size:10px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;padding:3px 8px;border-radius:6px;background:linear-gradient(90deg,#ff747d,#f6c860);color:#0a0c10}
.streak-claim-btn{padding:13px 26px;border-radius:13px;font-size:14px;font-weight:800;background:linear-gradient(135deg,#f6c860,#e6a827)!important;border-color:rgba(246,200,96,.7)!important;color:#0a0c10!important;box-shadow:0 10px 28px rgba(246,200,96,.4);transition:all .2s ease;cursor:pointer}
.streak-claim-btn:hover{transform:translateY(-2px);box-shadow:0 14px 35px rgba(246,200,96,.55)}
.streak-status-pill{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.streak-status-pill span{padding:6px 14px;border-radius:9px;background:rgba(53,201,120,.16);border:1px solid rgba(53,201,120,.32);color:#65df98;font-size:13px;font-weight:700}
.streak-status-pill small{color:var(--muted);font-size:11px}

.streak-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.streak-day-card{position:relative;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#161922;padding:14px 10px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;min-height:140px;transition:all .22s ease}
.streak-day-card:hover{transform:translateY(-3px)}
.streak-day-card.streak-day-card--claimed{background:rgba(22,25,34,.55);border-color:rgba(255,255,255,.05);opacity:.75}
.streak-day-card.streak-day-card--ready{border-color:rgba(246,200,96,.6);background:linear-gradient(160deg,rgba(246,200,96,.18),#181c26 65%);box-shadow:0 8px 25px rgba(246,200,96,.22),inset 0 1px 1px rgba(246,200,96,.4)}
.streak-day-card.streak-day-card--locked{background:rgba(18,21,28,.4);border-color:rgba(255,255,255,.05);opacity:.6}
.streak-day-card:last-child{background:linear-gradient(160deg,rgba(192,66,255,.18),#181c26 70%);border-color:rgba(192,66,255,.3)}
.streak-day-card:last-child.streak-day-card--ready{border-color:rgba(192,66,255,.7);box-shadow:0 8px 25px rgba(192,66,255,.3)}

.streak-day-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.streak-day-num{font-size:10px;font-weight:850;color:var(--muted);text-transform:uppercase}
.streak-day-icon{font-size:22px}
.streak-day-body strong{display:block;font-size:12px;line-height:1.25;margin-bottom:3px}
.streak-day-body small{display:block;color:var(--muted);font-size:10px}
.streak-day-foot{margin-top:8px}
.streak-pill-claimed{font-size:10px;font-weight:700;color:#65df98}
.streak-pill-ready{display:inline-block;padding:2px 6px;border-radius:5px;background:#f6c860;color:#0a0c10;font-size:9px;font-weight:900;text-transform:uppercase}
.streak-pill-locked{font-size:10px;color:var(--muted)}

/* Multi-Case Navigation Tabs */
.roulette-cases-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}
.case-nav-btn{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:#13161f;text-decoration:none!important;color:inherit;transition:all .2s ease;position:relative;overflow:hidden}
.case-nav-btn:hover{border-color:rgba(255,255,255,.2);background:#171b26;transform:translateY(-2px)}
.case-nav-btn.active{border-color:var(--accent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,transparent),#171b26);box-shadow:0 8px 25px color-mix(in srgb,var(--accent) 30%,transparent)}
.case-nav-icon{font-size:26px;flex-shrink:0}
.case-nav-info{flex:1;min-width:0}
.case-nav-info b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.case-nav-info small{display:block;color:var(--muted);font-size:11px}
.case-nav-badge{font-size:9px;font-weight:900;letter-spacing:1px;text-transform:uppercase;padding:2px 6px;border-radius:5px;border:1px solid;flex-shrink:0}

/* Vehicle Garage Showroom */
.vehicle-property-card{background:linear-gradient(145deg,#171b24,#0f1218)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 18px 45px rgba(0,0,0,.35)!important;position:relative;overflow:hidden;transition:all .25s ease}
.vehicle-property-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 50%,rgba(255,255,255,.2))!important;box-shadow:0 24px 60px rgba(0,48,206,.25)!important}
.vehicle-property-card .property-vehicle-image{position:relative;height:165px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(0,48,206,.22),transparent 65%),linear-gradient(180deg,#141822,#0d1017);border-radius:14px;overflow:hidden;margin-bottom:12px;padding:6px}
.vehicle-property-card .property-vehicle-image::after{content:"";position:absolute;bottom:8px;left:15%;right:15%;height:14px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,48,206,.6),transparent 75%);filter:blur(6px);pointer-events:none}

@media(max-width:980px){
  .streak-days-grid{grid-template-columns:repeat(4,1fr)}
  .roulette-cases-nav{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:880px){
  .gamified-stat-grid{grid-template-columns:repeat(2,1fr)}
  .id-card-body{flex-direction:column;align-items:flex-start}
  .id-card-fields{width:100%}
}
@media(max-width:600px){
  .streak-days-grid{grid-template-columns:repeat(2,1fr)}
  .streak-header{flex-direction:column;align-items:flex-start}
  .streak-claim-btn{width:100%}
  .streak-status-pill{align-items:flex-start;flex-direction:row;justify-content:space-between;width:100%}
  .roulette-cases-nav{grid-template-columns:1fr}
}
@media(max-width:540px){
  .citizen-id-card{padding:18px 16px 14px}
  .id-fields-grid{grid-template-columns:1fr;gap:8px}
  .id-field--main h3{font-size:22px}
  .level-progress-head{flex-direction:column;align-items:flex-start}
  .gamified-stat-grid{grid-template-columns:1fr}
}

/* ==========================================================================
   LONG MOBILE 10.2.1 — Clean CRMP RolePlay Cabinet & Mobile Swipeable Tabs
   ========================================================================== */

/* Modernized Cabinet Navigation (Desktop & Mobile) */
.cabinet-layout{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}
.cabinet-nav{display:flex;flex-direction:column;gap:6px;background:#101319;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:12px;position:sticky;top:100px;box-shadow:0 14px 40px rgba(0,0,0,.28)}
.cabinet-nav a{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:#9da7b7;font-size:13.5px;font-weight:750;text-decoration:none;transition:all .18s ease;position:relative}
.cabinet-nav a i{font-size:15px;width:20px;text-align:center;color:var(--muted);transition:color .18s ease}
.cabinet-nav a:hover{color:#fff;background:rgba(255,255,255,.04);transform:translateX(3px)}
.cabinet-nav a:hover i{color:#fff}
.cabinet-nav a.active{color:#fff;background:linear-gradient(90deg,var(--accent),#00249c);box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 45%,transparent)}
.cabinet-nav a.active i{color:#fff}
.cabinet-nav a .notification-badge{margin-left:auto;padding:2px 7px;border-radius:99px;background:#ff4d4d;color:#fff;font-size:10px;font-weight:900}
.cabinet-nav-admin{margin-top:6px;border-top:1px solid rgba(255,255,255,.08);padding-top:14px!important}

/* Mobile & Tablet Swipeable Navigation Strip */
@media(max-width:920px){
  .cabinet-layout{display:flex;flex-direction:column;gap:18px}
  .cabinet-nav{position:sticky!important;top:72px;z-index:90;width:100%;margin:0 0 10px;padding:8px;flex-direction:row;overflow-x:auto;overflow-y:hidden;white-space:nowrap;border-radius:14px;background:rgba(12,15,20,.94);backdrop-filter:blur(16px);border-color:rgba(255,255,255,.12);box-shadow:0 10px 30px rgba(0,0,0,.45);scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .cabinet-nav::-webkit-scrollbar{display:none}
  .cabinet-nav a{flex:0 0 auto;padding:10px 14px;font-size:12.5px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.04);transform:none!important}
  .cabinet-nav a:hover{transform:none}
  .cabinet-nav a.active{background:var(--accent);border-color:var(--accent);box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 55%,transparent)}
  .cabinet-nav-admin{margin-top:0;border-top:0;padding-top:10px!important}
}

/* Authentic CRMP Player Profile Card */
.crmp-player-card{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 26px;border-radius:20px;background:#11141b;border:1px solid rgba(255,255,255,.09);box-shadow:0 16px 45px rgba(0,0,0,.25);margin-bottom:26px}
.crmp-player-main{display:flex;align-items:center;gap:20px;flex:1;min-width:0}
.crmp-player-avatar{position:relative;width:74px;height:74px;border-radius:18px;background:radial-gradient(circle,rgba(0,48,206,.25),transparent 65%),#181c26;border:2px solid rgba(255,255,255,.12);flex-shrink:0;overflow:hidden;display:grid;place-items:center}
.crmp-player-avatar img{width:100%;height:100%;object-fit:cover}
.crmp-avatar-letter{font-size:32px;font-weight:950;color:#fff}
.crmp-status-dot{position:absolute;right:4px;bottom:4px;width:12px;height:12px;border-radius:50%;border:2px solid #11141b}
.crmp-status-dot.online{background:#34d17a;box-shadow:0 0 10px #34d17a}
.crmp-status-dot.offline{background:#6f7787}

.crmp-player-info{flex:1;min-width:0}
.crmp-player-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}
.crmp-server-pill,.crmp-id-pill{font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(255,255,255,.06);color:var(--muted)}
.crmp-role-pill{font-size:10px;font-weight:900;padding:2px 8px;border-radius:6px}
.crmp-role-pill.admin{background:rgba(255,116,125,.18);color:#ff747d;border:1px solid rgba(255,116,125,.35)}
.crmp-role-pill.vip{background:rgba(246,200,96,.18);color:#f6c860;border:1px solid rgba(246,200,96,.35)}
.crmp-role-pill.citizen{background:rgba(0,48,206,.18);color:#7ba2ff;border:1px solid rgba(0,48,206,.35)}

.crmp-player-name{margin:2px 0 8px;font-size:25px;font-weight:950;letter-spacing:-.4px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Clean Level Progress Line */
.crmp-level-strip{display:flex;align-items:center;gap:14px;max-width:540px}
.crmp-level-badge{font-size:11px;color:var(--muted);white-space:nowrap}
.crmp-level-badge b{color:#f6c860;font-size:13px}
.crmp-level-progress-wrap{flex:1;min-width:0;display:flex;align-items:center;gap:10px}
.crmp-level-bar{flex:1;height:7px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden}
.crmp-level-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--accent),#4c84ff);transition:width .4s ease}
.crmp-level-exp{font-size:10.5px;color:var(--muted);white-space:nowrap}

.crmp-player-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}

/* 8-Card CRMP Stats Grid */
.crmp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}
.crmp-stats-grid .stat-card{padding:16px 18px;border-radius:16px;background:#12151d;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:center;transition:all .18s ease}
.crmp-stats-grid .stat-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.16)}
.crmp-stats-grid .stat-card span{color:var(--muted);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px}
.crmp-stats-grid .stat-card strong{font-size:17px;font-weight:900;color:#fff;line-height:1.2}
.crmp-stats-grid .stat-card.accent{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 18%,#12151d),#12151d);border-color:color-mix(in srgb,var(--accent) 40%,rgba(255,255,255,.08))}
.crmp-stats-grid .stat-card.accent strong{color:#5db0ff}

@media(max-width:980px){
  .crmp-stats-grid{grid-template-columns:repeat(2,1fr)}
  .crmp-player-card{flex-direction:column;align-items:flex-start}
  .crmp-player-actions{flex-direction:row;width:100%}
  .crmp-player-actions .button{flex:1}
}
@media(max-width:540px){
  .crmp-player-card{padding:16px}
  .crmp-player-main{flex-direction:column;align-items:flex-start;gap:14px;width:100%}
  .crmp-player-name{font-size:21px}
  .crmp-level-strip{flex-direction:column;align-items:flex-start;gap:6px;width:100%}
  .crmp-level-progress-wrap{width:100%}
  .crmp-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .crmp-stats-grid .stat-card{padding:12px 14px}
  .crmp-stats-grid .stat-card strong{font-size:14px}
}

/* ==========================================================================
   LONG MOBILE 10.2.2 — Rich & Clean CRMP Dashboard Components
   ========================================================================== */

/* Compact Cabinet Hero Header */
.cabinet-hero.compact-hero{padding:30px 0 24px!important;background:linear-gradient(180deg,#0a0f16,#06090e)!important;border-bottom:1px solid var(--lm-line-soft)!important}
.cabinet-hero-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important}
.cabinet-hero-user h1{font-size:32px!important;margin:2px 0 6px!important;font-weight:950!important;letter-spacing:-.5px!important;color:#fff!important}
.cabinet-hero-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hero-tag{font-size:11px;font-weight:800;padding:3px 9px;border-radius:6px;background:rgba(255,255,255,.06);color:#a0abbd}
.hero-tag.status{display:inline-flex;align-items:center;gap:6px}
.hero-tag.status i{font-size:7px}
.hero-tag.status.online{color:#34d17a;background:rgba(52,209,122,.12);border:1px solid rgba(52,209,122,.25)}
.hero-tag.status.offline{color:#8d97a5}

/* Daily Streak Banner on Profile */
.profile-streak-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:#10141c;margin-bottom:20px;transition:all .2s ease}
.profile-streak-banner.can-claim{border-color:rgba(246,200,96,.45);background:linear-gradient(135deg,rgba(0,48,206,.16),rgba(246,200,96,.1) 60%,#10141c);box-shadow:0 8px 30px rgba(0,48,206,.2)}
.profile-streak-left{display:flex;align-items:center;gap:14px}
.streak-fire-icon{font-size:28px;line-height:1}
.profile-streak-left b{display:block;font-size:14px;color:#fff}
.profile-streak-left p{margin:2px 0 0;color:#94a0b2;font-size:12px}
.streak-quick-btn{background:linear-gradient(135deg,#f6c860,#e6a827)!important;color:#0a0c10!important;border-color:rgba(246,200,96,.6)!important;font-weight:850!important}

/* 3-Card Finances Quick Grid */
.finances-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}
.finance-card{position:relative;display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:16px;background:#10141c;border:1px solid rgba(255,255,255,.08);transition:all .2s ease}
.finance-card:hover{border-color:rgba(255,255,255,.16);transform:translateY(-2px)}
.finance-icon{font-size:26px;width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.05);display:grid;place-items:center;flex-shrink:0}
.finance-icon.cash{background:rgba(52,209,122,.12);border:1px solid rgba(52,209,122,.2)}
.finance-icon.bank{background:rgba(91,214,255,.12);border:1px solid rgba(91,214,255,.2)}
.finance-icon.donate{background:rgba(0,48,206,.2);border:1px solid rgba(0,48,206,.4)}
.finance-info{flex:1;min-width:0}
.finance-info span{display:block;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.6px;color:#8793a4;margin-bottom:2px}
.finance-info strong{display:block;font-size:18px;font-weight:950;color:#fff;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.finance-card.accent{background:linear-gradient(145deg,rgba(0,48,206,.16),#10141c);border-color:rgba(0,48,206,.35)}
.finance-card.accent strong{color:#5db0ff}
.finance-topup-btn{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--accent);color:#fff;font-size:18px;font-weight:900;text-decoration:none!important;transition:all .18s ease;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 40%,transparent)}
.finance-topup-btn:hover{filter:brightness(1.15);transform:scale(1.08)}

/* Garage Showroom Widget */
.profile-garage-widget{padding:18px 20px;border-radius:18px;background:#10141c;border:1px solid rgba(255,255,255,.08);margin-bottom:24px}
.profile-garage-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.profile-garage-head h3{font-size:17px;margin:2px 0 0;font-weight:850}
.profile-fav-car-card{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}
.profile-fav-car-img{width:110px;height:65px;border-radius:10px;background:radial-gradient(circle,rgba(0,48,206,.2),transparent 70%),#141822;display:grid;place-items:center;overflow:hidden;flex-shrink:0}
.profile-fav-car-img img{width:100%;height:100%;object-fit:contain;padding:4px}
.profile-fav-car-info h4{margin:0 0 3px;font-size:16px;color:#fff;font-weight:850}
.profile-fav-car-info p{margin:0;color:var(--muted);font-size:12px}

/* Dossier Grid */
.crmp-stats-grid .stat-card small{display:block;margin-top:4px;color:#6f7b8d;font-size:10px;font-weight:700}
.crmp-stats-grid .stat-card strong.status-online{color:#34d17a}

@media(max-width:880px){
  .finances-grid{grid-template-columns:1fr}
  .profile-streak-banner{flex-direction:column;align-items:flex-start}
  .profile-streak-right{width:100%}
  .profile-streak-right .button{width:100%}
  .cabinet-hero-inner{flex-direction:column;align-items:flex-start;gap:14px}
  .cabinet-hero-actions{width:100%}
  .cabinet-hero-actions .button{width:100%}
}

/* ==========================================================================
   LONG MOBILE 10.2.3 — Mobile App Bottom Bar, Vector Icons & Consolidated UI
   ========================================================================== */

/* Mobile Bottom Navigation Bar */
.mobile-bottom-app-bar{display:none}

@media(max-width:920px){
  body{padding-bottom:76px!important}
  .mobile-bottom-app-bar{
    display:grid!important;
    grid-template-columns:repeat(5,1fr);
    position:fixed!important;
    bottom:0;left:0;right:0;
    height:64px;
    background:rgba(10,14,22,.96)!important;
    backdrop-filter:blur(24px)!important;
    border-top:1px solid rgba(255,255,255,.12)!important;
    box-shadow:0 -10px 35px rgba(0,0,0,.55)!important;
    z-index:999!important;
    align-items:center;
    padding-bottom:env(safe-area-inset-bottom,0);
  }
  .bottom-bar-link{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:4px;color:#8592a5;text-decoration:none;font-size:10.5px;font-weight:750;
    height:100%;transition:all .18s ease;position:relative;
  }
  .bottom-bar-icon{font-size:17px;height:20px;display:grid;place-items:center;transition:transform .18s ease}
  .bottom-bar-link:hover{color:#fff}
  .bottom-bar-link.active{color:#fff}
  .bottom-bar-link.active .bottom-bar-icon{color:var(--accent);transform:translateY(-2px)}
  .bottom-bar-link.active::after{
    content:"";position:absolute;bottom:6px;width:14px;height:3px;
    border-radius:99px;background:var(--accent);
    box-shadow:0 0 10px var(--accent);
  }
}

/* Consolidated Profile Actions (Promo & Password) */
.profile-two-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;margin-bottom:24px}
.profile-action-card{padding:20px 22px;border-radius:18px;background:#10141c;border:1px solid rgba(255,255,255,.08)}
.profile-action-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.action-card-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:18px;flex-shrink:0}
.action-card-icon.promo{background:rgba(246,200,96,.15);border:1px solid rgba(246,200,96,.3);color:#f6c860}
.action-card-icon.security{background:rgba(0,48,206,.2);border:1px solid rgba(0,48,206,.4);color:#5db0ff}
.profile-action-head h3{margin:0 0 2px;font-size:16px;color:#fff;font-weight:850}
.profile-action-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.35}

.inline-pass-form{display:flex;flex-direction:column;gap:10px}
.pass-fields-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.pass-fields-grid input{padding:10px 12px;font-size:12px}

@media(max-width:980px){
  .profile-two-cards{grid-template-columns:1fr}
  .pass-fields-grid{grid-template-columns:1fr}
}

/* ==========================================================================
   LONG MOBILE 10.2.4 — Full-Width Edge-to-Edge App Layout & Clutter Elimination
   ========================================================================== */

.mobile-cabinet-top-user{display:none}
.desktop-only-hero{display:block}
.desktop-only-nav{display:flex}

@media(max-width:920px){
  /* Hide the desktop hero banner and desktop sidebar on mobile */
  .desktop-only-hero,.cabinet-hero{display:none!important}
  .desktop-only-nav,.cabinet-nav{display:none!important}

  /* Integrated Mobile User Header */
  .mobile-cabinet-top-user{
    display:flex!important;align-items:center;justify-content:space-between;
    gap:12px;padding:12px 14px;border-radius:14px;
    background:linear-gradient(135deg,#131822,#0e121a);
    border:1px solid rgba(255,255,255,.1);
    margin-bottom:14px;
  }
  .mobile-user-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
  .mobile-user-avatar{
    position:relative;width:44px;height:44px;border-radius:12px;
    background:radial-gradient(circle,rgba(0,48,206,.3),transparent 70%),#171b26;
    border:1.5px solid rgba(255,255,255,.15);display:grid;place-items:center;flex-shrink:0;overflow:hidden;
  }
  .mobile-user-avatar img{width:100%;height:100%;object-fit:cover}
  .mobile-user-avatar span{font-size:20px;font-weight:900;color:#fff}
  .mobile-user-info{flex:1;min-width:0}
  .mobile-user-name{display:block;font-size:16px;font-weight:900;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-user-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:2px}
  .mobile-user-server{font-size:10px;color:var(--muted);font-weight:750}
  .mobile-user-role{font-size:9.5px;font-weight:900;padding:1px 6px;border-radius:5px}
  .mobile-user-role.admin{background:rgba(255,116,125,.18);color:#ff747d}
  .mobile-user-role.vip{background:rgba(246,200,96,.18);color:#f6c860}
  .mobile-user-role.citizen{background:rgba(0,48,206,.2);color:#7ba2ff}
  .mobile-logout-btn{
    display:grid;place-items:center;width:38px;height:38px;border-radius:10px;
    background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);
    color:#a1adbe;font-size:14px;text-decoration:none!important;transition:all .18s;flex-shrink:0;
  }
  .mobile-logout-btn:hover{color:#ff747d;background:rgba(255,116,125,.12);border-color:rgba(255,116,125,.25)}

  /* Full-width container adjustments */
  .cabinet-section{padding:10px 0 35px!important;width:100%!important}
  .cabinet-section .shell{width:100%!important;max-width:100%!important;padding:0 8px!important}
  .cabinet-layout{display:block!important;width:100%!important}
  .cabinet-content{width:100%!important;padding:14px 12px!important;border-radius:18px!important;background:#0c1017!important;border-color:rgba(255,255,255,.08)!important;box-sizing:border-box!important}

  /* Property section full width styling */
  .property-section{width:100%!important}
  .property-grid.vehicle-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important}
  .vehicle-property-card{width:100%!important;padding:14px!important;border-radius:14px!important;box-sizing:border-box!important}
  .vehicle-property-card .property-vehicle-image{height:140px!important}
  .two-column-assets{display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important}
  .asset-list{width:100%!important;padding:14px!important;border-radius:14px!important;box-sizing:border-box!important}
  .family-card{width:100%!important;padding:14px!important;border-radius:14px!important;box-sizing:border-box!important}

  /* Responsive profile elements */
  .content-heading h2{font-size:22px!important}
  .finances-grid{grid-template-columns:1fr!important;gap:8px!important}
  .crmp-stats-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .profile-two-cards{grid-template-columns:1fr!important}
}

/* ==========================================================================
   LONG MOBILE 10.2.5 — Remove Overlapping Header on Mobile & Fix Forum Link
   ========================================================================== */

@media(max-width:920px){
  /* Completely hide fixed site-header in cabinet on mobile so it never covers content */
  body.page-cabinet .site-header{display:none!important}
  body.page-cabinet{padding-top:0!important;padding-bottom:76px!important}
  body.page-cabinet .cabinet-section{padding:12px 0 35px!important;margin-top:0!important}
  body.page-cabinet .cabinet-section .shell{width:100%!important;max-width:100%!important;padding:0 8px!important}
  body.page-cabinet .cabinet-content{width:100%!important;padding:14px 12px!important;border-radius:16px!important}

  /* Make sure mobile top user bar is at the very top and fully visible */
  .mobile-cabinet-top-user{
    margin-top:0!important;
    margin-bottom:14px!important;
    padding:12px 14px!important;
  }
}

.badge-count{display:inline-block;padding:2px 8px;border-radius:99px;background:rgba(255,255,255,.08);font-size:11px;font-weight:800;color:var(--muted);vertical-align:middle;margin-left:6px}
.vehicle-color-info{display:flex;align-items:center;gap:6px;margin-top:6px;color:var(--muted);font-size:11px}
.empty-state.compact{padding:26px 16px!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:1px dashed rgba(255,255,255,.08)!important;border-radius:12px!important;background:rgba(255,255,255,.015)!important}
.empty-state.compact i{font-size:24px!important;color:var(--muted)!important;opacity:.6}
.empty-state.compact p{margin:0!important;font-size:12px!important;color:var(--muted)!important}

/* ==========================================================================
   LONG MOBILE 10.2.6 — Master Redesign & Seamless Mobile Experience
   ========================================================================== */

/* Unified Character Card */
.crmp-player-card{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:22px 24px;border-radius:20px;
  background:linear-gradient(135deg,#131822 0%,#0e1219 100%);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 14px 45px rgba(0,0,0,.35);
  margin-bottom:22px;
}
.crmp-player-main{display:flex;align-items:center;gap:18px;flex:1;min-width:0}
.crmp-player-avatar{
  position:relative;width:68px;height:68px;border-radius:18px;
  background:radial-gradient(circle,rgba(0,48,206,.3),transparent 70%),#151924;
  border:2px solid rgba(255,255,255,.14);display:grid;place-items:center;flex-shrink:0;overflow:hidden;
}
.crmp-player-avatar img{width:100%;height:100%;object-fit:cover}
.crmp-avatar-letter{font-size:28px;font-weight:950;color:#fff}
.crmp-status-dot{position:absolute;right:3px;bottom:3px;width:12px;height:12px;border-radius:50%;border:2px solid #11141b}
.crmp-status-dot.online{background:#34d17a;box-shadow:0 0 10px #34d17a}
.crmp-status-dot.offline{background:#6f7787}

.crmp-player-info{flex:1;min-width:0}
.crmp-player-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:4px}
.crmp-role-pill{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:900;padding:2px 8px;border-radius:6px}
.crmp-role-pill.admin{background:rgba(255,116,125,.18);color:#ff747d;border:1px solid rgba(255,116,125,.35)}
.crmp-role-pill.vip{background:rgba(246,200,96,.18);color:#f6c860;border:1px solid rgba(246,200,96,.35)}
.crmp-role-pill.citizen{background:rgba(0,48,206,.2);color:#7ba2ff;border:1px solid rgba(0,48,206,.35)}
.crmp-server-pill{font-size:10px;font-weight:800;padding:2px 8px;border-radius:6px;background:rgba(255,255,255,.06);color:#a0abbd}
.crmp-online-badge{font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;display:inline-flex;align-items:center;gap:5px}
.crmp-online-badge i{font-size:6px}
.crmp-online-badge.online{color:#34d17a;background:rgba(52,209,122,.1)}
.crmp-online-badge.offline{color:#8894a6;background:rgba(255,255,255,.04)}

.crmp-player-name{margin:2px 0 6px;font-size:24px;font-weight:950;color:#fff;letter-spacing:-.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crmp-level-strip{max-width:480px}
.crmp-level-progress-wrap{display:flex;flex-direction:column;gap:5px}
.crmp-level-bar{height:6px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden}
.crmp-level-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--accent),#4c84ff);transition:width .4s ease}
.crmp-level-exp{font-size:10.5px;color:var(--muted)}
.crmp-level-exp strong{color:#f6c860}

.crmp-player-actions{display:flex;gap:8px;flex-shrink:0}

/* Rich Dossier Grid with Header Icons */
.crmp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px}
.crmp-stats-grid .stat-card{padding:14px 16px;border-radius:14px;background:#11151e;border:1px solid rgba(255,255,255,.07);transition:all .18s ease}
.crmp-stats-grid .stat-card:hover{border-color:rgba(255,255,255,.15);transform:translateY(-2px)}
.stat-card-head{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px}
.stat-card-head i{color:var(--accent);font-size:12px}
.crmp-stats-grid .stat-card strong{font-size:16px;font-weight:900;color:#fff;display:block;line-height:1.2}
.crmp-stats-grid .stat-card small{display:block;margin-top:3px;color:#677385;font-size:10px;font-weight:700}

/* Mobile Edge-to-Edge Tuning */
@media(max-width:920px){
  body.page-cabinet .site-header{display:none!important}
  body.page-cabinet{padding-top:0!important;padding-bottom:76px!important}
  body.page-cabinet .cabinet-section{padding:10px 0 35px!important}
  body.page-cabinet .cabinet-section .shell{width:100%!important;max-width:100%!important;padding:0 8px!important}
  body.page-cabinet .cabinet-content{width:100%!important;padding:14px 10px!important;border-radius:16px!important}
  
  .crmp-player-card{flex-direction:column;align-items:flex-start;padding:16px!important;gap:14px}
  .crmp-player-main{flex-direction:row;align-items:center;width:100%}
  .crmp-player-actions{width:100%;flex-direction:row}
  .crmp-player-actions .button{flex:1;justify-content:center}
  
  .crmp-stats-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .crmp-stats-grid .stat-card{padding:12px!important}
  .crmp-stats-grid .stat-card strong{font-size:14px!important}
}

.profile-promo-wrap{margin-top:18px;margin-bottom:24px;width:100%}
.promo-full-card{width:100%!important;padding:20px 22px;border-radius:18px;background:#10141c;border:1px solid rgba(255,255,255,.08);box-sizing:border-box}

/* ==========================================================================
   LONG MOBILE 10.3 — Online Auto Marketplace ("Автобазар")
   ========================================================================== */

.market-hero-stats{display:flex;align-items:center;gap:30px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}
.market-hero-stats>div span{font-size:11px;color:var(--muted);text-transform:uppercase;font-weight:750;display:block}
.market-hero-stats>div b{font-size:22px;color:#fff;font-weight:900}

.market-top-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.market-tabs{display:flex;gap:8px}
.market-tab-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;background:#121620;border:1px solid rgba(255,255,255,.08);color:#9da9bc;font-size:13px;font-weight:800;text-decoration:none!important;transition:all .18s}
.market-tab-btn:hover{color:#fff;background:#171c28;border-color:rgba(255,255,255,.18)}
.market-tab-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 45%,transparent)}

.market-filter-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr)) auto;gap:12px;align-items:end;padding:18px 20px;border-radius:18px;background:#10141c;border:1px solid rgba(255,255,255,.08);margin-bottom:28px}
.filter-field{display:flex;flex-direction:column;gap:5px}
.filter-field span{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}
.filter-field input,.filter-field select{padding:11px 14px;border-radius:10px;background:#161a24;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:13px}
.filter-actions{display:flex;gap:8px}

.market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.market-car-card{border-radius:20px;background:#11151e;border:1px solid rgba(255,255,255,.08);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:all .22s ease}
.market-car-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.2);box-shadow:0 20px 50px rgba(0,0,0,.4)}

.market-car-visual{position:relative;height:175px;display:grid;place-items:center;background:radial-gradient(circle,rgba(0,48,206,.22),transparent 65%),linear-gradient(180deg,#141924,#0d1118);overflow:hidden}
.market-car-visual img{width:100%;height:100%;object-fit:contain;padding:16px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.45))}
.car-no-image{font-size:42px;color:var(--muted);opacity:.4}

.market-currency-badge{position:absolute;top:12px;right:12px;padding:4px 10px;border-radius:8px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.6px}
.market-currency-badge.money{background:rgba(52,209,122,.15);border:1px solid rgba(52,209,122,.3);color:#61e69b}
.market-currency-badge.donate{background:rgba(0,48,206,.25);border:1px solid rgba(0,48,206,.5);color:#5bd6ff}

.market-car-body{padding:18px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.market-car-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.market-car-title-row h3{margin:0;font-size:18px;font-weight:900;color:#fff}
.market-car-price{font-size:17px;font-weight:950;white-space:nowrap}
.market-car-price.money{color:#53d68d}
.market-car-price.donate{color:#5bd6ff}

.market-car-desc{margin:0;font-size:11.5px;color:var(--muted);font-style:italic;line-height:1.4}
.market-car-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#78869a;margin-top:auto;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}
.market-car-footer{margin-top:8px}

.market-empty-state{grid-column:1/-1;padding:60px 20px!important}
.market-empty-state i{font-size:48px!important;color:var(--accent);margin-bottom:12px}

/* Modal Dialog */
.modal-overlay{position:fixed;inset:0;background:rgba(4,6,10,.82);backdrop-filter:blur(12px);z-index:9999;display:grid;place-items:center;padding:20px}
.modal-overlay[hidden]{display:none}
.modal-card{width:min(500px,100%);padding:28px;border-radius:22px;background:#131722;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 80px rgba(0,0,0,.6)}
.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}
.modal-header h3{font-size:22px;margin:2px 0 0}
.modal-close-btn{background:transparent;border:0;color:var(--muted);font-size:28px;cursor:pointer;line-height:1;padding:0}
.modal-close-btn:hover{color:#fff}

.sell-currency-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px}
.sell-radio{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;background:#181d2a;border:1px solid rgba(255,255,255,.08);cursor:pointer}
.sell-radio input{margin:0}
.commission-hint{display:block;margin-top:4px;color:#7f8b9d;font-size:11px}
.commission-hint b{color:#f6c860}

@media(max-width:1050px){
  .market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .market-grid{grid-template-columns:1fr}
  .market-hero-stats{flex-direction:column;align-items:flex-start;gap:12px}
  .market-top-bar{flex-direction:column;align-items:stretch}
  .market-tabs{width:100%}
  .market-tab-btn{flex:1;justify-content:center}
  .market-actions-right .button{width:100%}
  .market-filter-form{grid-template-columns:1fr}
}

/* ==========================================================================
   LONG MOBILE 10.3.1 — Sleek Streak Track & Protected Vehicle Images
   ========================================================================== */

/* Anti-Download Image Protection & Centered Vehicle Render */
.protected-car-view{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;padding:8px 12px;box-sizing:border-box}
.protected-car-view img{max-width:92%!important;max-height:90%!important;width:auto!important;height:auto!important;object-fit:contain!important;object-position:center!important;margin:auto!important;display:block!important;filter:drop-shadow(0 10px 22px rgba(0,0,0,.55));pointer-events:none;-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none}
.protected-car-view .img-shield{position:absolute;inset:0;z-index:6;background:transparent;cursor:default;user-select:none;-webkit-touch-callout:none}

/* Sleek Minimalist 7-Day Streak Progression Track */
.streak-track-container{padding:22px 24px;border-radius:20px;background:#10141d;border:1px solid rgba(255,255,255,.08);margin-bottom:26px}
.streak-track-head{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.streak-track-info h3{margin:4px 0 2px;font-size:18px;font-weight:900;color:#fff}
.streak-track-info p{margin:0;color:var(--muted);font-size:12.5px}
.streak-track-info p strong{color:#f6c860}
.streak-badge-pill{display:inline-flex;align-items:center;gap:6px;font-size:9.5px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;padding:2px 8px;border-radius:6px;background:rgba(255,77,77,.15);border:1px solid rgba(255,77,77,.3);color:#ff6b6b}

.streak-done-pill{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:12px;background:rgba(52,209,122,.1);border:1px solid rgba(52,209,122,.25)}
.streak-done-pill i{font-size:20px;color:#34d17a}
.streak-done-pill b{display:block;font-size:12px;color:#fff}
.streak-done-pill small{display:block;font-size:10px;color:var(--muted)}

.streak-track-bar{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:20px;padding-top:4px}
.streak-track-bar::before{content:"";position:absolute;top:28px;left:40px;right:40px;height:2px;background:rgba(255,255,255,.06);z-index:1}

.streak-step{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:8px 4px;border-radius:14px;transition:all .2s ease}
.streak-step:hover{background:rgba(255,255,255,.02);transform:translateY(-2px)}

.streak-step-circle{position:relative;width:50px;height:50px;border-radius:50%;background:#151a24;border:1.5px solid rgba(255,255,255,.1);display:grid;place-items:center;font-size:17px;color:var(--muted);transition:all .2s ease}
.streak-step--claimed .streak-step-circle{background:rgba(52,209,122,.12);border-color:rgba(52,209,122,.35);color:#34d17a}
.streak-step--ready .streak-step-circle{background:linear-gradient(135deg,var(--accent),#00249c);border-color:var(--accent);color:#fff;box-shadow:0 0 20px color-mix(in srgb,var(--accent) 55%,transparent);animation:pulse-step 2s infinite alternate}
.streak-step:last-child .streak-step-circle{border-color:rgba(246,200,96,.5);color:#f6c860}

.step-check{position:absolute;right:-2px;bottom:-2px;width:16px;height:16px;border-radius:50%;background:#34d17a;color:#0b0d13;font-size:8px;display:grid;place-items:center}
.streak-step-info .step-day{display:block;font-size:10px;font-weight:750;color:var(--muted);text-transform:uppercase}
.streak-step-info .step-reward{display:block;font-size:11.5px;font-weight:850;color:#fff;margin-top:2px}

.step-badge-claimed{font-size:9.5px;font-weight:800;color:#34d17a}
.step-badge-ready{font-size:9.5px;font-weight:900;padding:2px 6px;border-radius:4px;background:#f6c860;color:#0b0d13;text-transform:uppercase}
.step-badge-locked{font-size:9px;color:var(--muted)}

@keyframes pulse-step{0%{transform:scale(1)}100%{transform:scale(1.08)}}

@media(max-width:920px){
  .streak-track-bar{display:flex;overflow-x:auto;padding-bottom:10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .streak-track-bar::-webkit-scrollbar{display:none}
  .streak-track-bar::before{display:none}
  .streak-step{flex:0 0 85px}
  .streak-track-head{flex-direction:column;align-items:flex-start}
  .streak-track-head .streak-claim-form{width:100%}
  .streak-track-head .streak-claim-btn{width:100%}
}

/* ==========================================================================
   LONG MOBILE 10.3.2 — Glassmorphism Header, Icon Spacing & Live Timer
   ========================================================================== */

/* Fix icon and text collision on all buttons */
.button i, .streak-quick-btn i, .streak-claim-btn i, .header-cabinet-btn i, .admin-link i, .login-button i, .header-play-button i{
  margin-right:8px!important;
  font-size:13px!important;
  display:inline-block!important;
  vertical-align:baseline!important;
}

/* Glassmorphism Header Refinement */
.site-header{
  background:rgba(8,12,19,.88)!important;
  backdrop-filter:blur(22px)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 10px 35px rgba(0,0,0,.35)!important;
}
.header-inner{height:76px!important;gap:28px!important}
.brand img{height:42px!important}

/* Header User Profile Pill */
.header-user-badge{
  display:flex;align-items:center;gap:10px;padding:5px 14px 5px 6px;
  border-radius:99px;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);text-decoration:none!important;
  color:#fff;transition:all .2s ease;
}
.header-user-badge:hover{background:rgba(255,255,255,.1);border-color:color-mix(in srgb,var(--accent) 50%,#fff)}
.header-avatar-circle{
  width:32px;height:32px;border-radius:50%;
  background:linear-gradient(135deg,var(--accent),#001866);
  border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;
  font-size:13px;font-weight:900;color:#fff;
}
.header-user-details{display:flex;flex-direction:column;line-height:1.1}
.header-user-details b{font-size:13px;color:#fff;font-weight:850}
.header-user-details small{font-size:10px;color:var(--muted)}
.header-notif-pill{
  margin-left:4px;padding:2px 6px;border-radius:99px;
  background:#ff4d4d;color:#fff;font-size:9.5px;font-weight:900;
}

/* Streak Timer Pill & Pulse */
.streak-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.streak-timer-tag,.streak-timer-pill{
  display:inline-flex;align-items:center;gap:6px;
  padding:2px 8px;border-radius:6px;
  background:rgba(246,200,96,.12);border:1px solid rgba(246,200,96,.3);
  color:#f6c860;font-size:11px;font-weight:800;
}
.streak-timer-tag i,.streak-timer-pill i{font-size:10px}
.streak-fire-icon.pulse{animation:pulse-flame 1.8s infinite alternate}

@keyframes pulse-flame{0%{transform:scale(1);filter:drop-shadow(0 0 2px #ff4d4d)}100%{transform:scale(1.15);filter:drop-shadow(0 0 10px #f6c860)}}

/* ==========================================================================
   LONG MOBILE 10.3.3 — Floating Dismissible Flash Toasts & Vibrant Spin Button
   ========================================================================== */

/* Modern Floating Flash Toasts */
.flash-wrap{
  max-width:680px;margin:16px auto;padding:0 12px;
}
.notice{
  position:relative;display:flex;align-items:center;gap:14px;
  padding:14px 18px;border-radius:14px;background:#121620;
  border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 40px rgba(0,0,0,.45);
  margin-bottom:16px;animation:slideDownToast .28s cubic-bezier(.2,.8,.2,1);
}
.notice.success{border-color:rgba(52,209,122,.35);background:linear-gradient(135deg,rgba(52,209,122,.15),#10151c);color:#e2fbed}
.notice.error,.notice.danger{border-color:rgba(255,77,77,.35);background:linear-gradient(135deg,rgba(255,77,77,.15),#181116);color:#fde8e8}
.notice-icon{font-size:18px;flex-shrink:0}
.notice.success .notice-icon{color:#34d17a}
.notice.error .notice-icon,.notice.danger .notice-icon{color:#ff5e5e}
.notice-text{flex:1;font-size:13.5px;font-weight:750;line-height:1.4}
.notice-close{
  background:transparent;border:0;color:var(--muted);font-size:24px;
  cursor:pointer;padding:0 6px;line-height:1;transition:all .18s;flex-shrink:0;
}
.notice-close:hover{color:#fff;transform:scale(1.15)}

@keyframes slideDownToast{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}

/* Vibrant & High-Contrast Roulette Spin Button */
.roulette-controls{
  display:flex;align-items:center;justify-content:space-between;
  gap:20px;margin-top:24px;padding-top:18px;
  border-top:1px solid rgba(255,255,255,.08);
}
.roulette-balance-pill{display:flex;flex-direction:column;gap:3px}
.roulette-balance-pill .pill-label{font-size:10.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}
.roulette-balance-pill .pill-val{font-size:26px;font-weight:950;color:#fff;display:flex;align-items:center;gap:8px}
.roulette-balance-pill .pill-val i{color:#f6c860;font-size:20px}

.roulette-spin-button{
  background:linear-gradient(135deg,#0030CE,#2563EB)!important;
  color:#ffffff!important;
  font-size:15px!important;
  font-weight:900!important;
  padding:15px 36px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.35)!important;
  box-shadow:0 8px 30px rgba(0,48,206,.6)!important;
  transition:all .22s ease!important;
  cursor:pointer!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  text-shadow:0 1px 2px rgba(0,0,0,.3)!important;
}
.roulette-spin-button:hover:not(:disabled){
  filter:brightness(1.15)!important;
  transform:translateY(-2px)!important;
  box-shadow:0 12px 40px rgba(0,48,206,.8)!important;
}
.roulette-spin-button:disabled{
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(255,255,255,.08)!important;
  color:#6b7687!important;
  box-shadow:none!important;
  cursor:not-allowed!important;
  transform:none!important;
}

@media(max-width:640px){
  .roulette-controls{flex-direction:column;align-items:stretch;gap:14px}
  .roulette-spin-button{width:100%!important}
}

/* ==========================================================================
   LONG MOBILE 10.3.4 — Full-Bleed Vehicle Cards & JPG/WebP Edge-to-Edge Image
   ========================================================================== */

/* Full-bleed vehicle cards in garage & marketplace */
.vehicle-property-card{
  background:#11151e!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:18px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  padding:0!important;
  box-shadow:0 14px 40px rgba(0,0,0,.35)!important;
  transition:all .22s ease!important;
}
.vehicle-property-card:hover{
  transform:translateY(-4px)!important;
  border-color:color-mix(in srgb,var(--accent) 55%,rgba(255,255,255,.2))!important;
  box-shadow:0 22px 60px rgba(0,48,206,.3)!important;
}
.vehicle-property-card .property-vehicle-image{
  position:relative!important;
  width:100%!important;
  height:185px!important;
  background:#202020!important;
  border-radius:0!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
}
.vehicle-property-card .property-vehicle-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 60%,#11151e 100%)!important;
  pointer-events:none;
  z-index:7;
}
.vehicle-card-details{
  padding:16px 18px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  flex:1!important;
}

/* Full-bleed market car cards */
.market-car-card{
  border-radius:18px!important;
  background:#11151e!important;
  border:1px solid rgba(255,255,255,.09)!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  padding:0!important;
  transition:all .22s ease!important;
}
.market-car-visual{
  position:relative!important;
  width:100%!important;
  height:185px!important;
  background:#202020!important;
  overflow:hidden!important;
  padding:0!important;
  display:block!important;
}
.market-car-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 60%,#11151e 100%)!important;
  pointer-events:none;
  z-index:7;
}
.market-currency-badge{
  z-index:8!important;
}
.market-car-body{
  padding:16px 18px 18px!important;
}

/* Protected Full-Bleed Vehicle Image View */
.protected-car-view{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  -webkit-touch-callout:none!important;
  overflow:hidden!important;
  padding:0!important;
}
.protected-car-view img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
  pointer-events:none!important;
  -webkit-user-drag:none!important;
  user-select:none!important;
  -webkit-touch-callout:none!important;
  filter:none!important;
}
.protected-car-view .img-shield{
  position:absolute!important;
  inset:0!important;
  z-index:6!important;
  background:transparent!important;
  cursor:default!important;
  user-select:none!important;
  -webkit-touch-callout:none!important;
}

@media(max-width:640px){
  .vehicle-property-card .property-vehicle-image,
  .market-car-visual{
    height:165px!important;
  }
}

/* ==========================================================================
   LONG MOBILE 10.3.5 — Spacious Market Photo Showcase & Fullscreen Inspector
   ========================================================================== */

/* Widescreen Full-Bleed Market Car Photo */
.market-car-visual{
  position:relative!important;
  width:100%!important;
  height:240px!important;
  min-height:220px!important;
  background:#191d26!important;
  overflow:hidden!important;
  cursor:pointer!important;
  display:block!important;
}
.market-car-visual img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
  transition:transform .3s ease!important;
}
.market-car-visual:hover img{
  transform:scale(1.04)!important;
}
.market-photo-zoom-hint{
  position:absolute;
  left:14px;
  bottom:14px;
  width:32px;
  height:32px;
  border-radius:8px;
  background:rgba(10,14,22,.75);
  backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.15);
  color:#fff;
  display:grid;
  place-items:center;
  font-size:12px;
  z-index:8;
  opacity:0;
  transition:opacity .2s ease;
}
.market-car-visual:hover .market-photo-zoom-hint{
  opacity:1;
}

/* Fullscreen Photo Viewer Modal */
.photo-viewer-modal{
  z-index:10000!important;
  padding:20px!important;
}
.photo-viewer-card{
  width:min(940px,96vw)!important;
  border-radius:22px!important;
  background:#11151e!important;
  border:1px solid rgba(255,255,255,.14)!important;
  overflow:hidden!important;
  box-shadow:0 30px 100px rgba(0,0,0,.8)!important;
}
.photo-viewer-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:18px 22px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.photo-viewer-header h3{
  margin:0;
  font-size:18px;
  color:#fff;
}
.photo-viewer-img-wrap{
  position:relative;
  width:100%;
  max-height:75vh;
  min-height:300px;
  background:#090c12;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  user-select:none;
  -webkit-touch-callout:none;
}
.photo-viewer-img-wrap img{
  width:100%;
  height:100%;
  max-height:75vh;
  object-fit:contain;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}
.photo-viewer-img-wrap .img-shield{
  position:absolute;
  inset:0;
  z-index:10;
  background:transparent;
  cursor:default;
}

@media(max-width:920px){
  .market-car-visual{
    height:210px!important;
    min-height:200px!important;
  }
}
@media(max-width:540px){
  .market-car-visual{
    height:190px!important;
  }
}

/* ==========================================================================
   LONG MOBILE 10.3.6 — Perfect Unclipped Garage Renders & Market 16:9 Photos
   ========================================================================== */

/* Garage Vehicle Cards: object-fit contain so cars are NEVER cropped */
.vehicle-property-card .property-vehicle-image{
  position:relative!important;
  width:100%!important;
  height:200px!important;
  background:#202020!important;
  border-radius:18px 18px 0 0!important;
  overflow:hidden!important;
  margin:0!important;
  padding:6px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
.vehicle-property-card .property-vehicle-image .protected-car-view{
  width:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
}
.vehicle-property-card .property-vehicle-image img{
  width:auto!important;
  height:auto!important;
  max-width:96%!important;
  max-height:94%!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:auto!important;
  display:block!important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.6))!important;
}
.vehicle-property-card .property-vehicle-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 65%,#11151e 100%)!important;
  pointer-events:none;
  z-index:7;
}

/* Marketplace Car Photos: widescreen 16:9 cover for real game screenshots */
.market-car-visual{
  position:relative!important;
  width:100%!important;
  height:240px!important;
  background:#181c26!important;
  overflow:hidden!important;
  display:block!important;
  cursor:pointer!important;
}
.market-car-visual img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
}

@media(max-width:920px){
  .vehicle-property-card .property-vehicle-image{
    height:190px!important;
  }
  .market-car-visual{
    height:220px!important;
  }
}
@media(max-width:540px){
  .vehicle-property-card .property-vehicle-image{
    height:180px!important;
  }
  .market-car-visual{
    height:200px!important;
  }
}

/* ==========================================================================
   LONG MOBILE 10.3.7 — Perfect Seamless Vehicle Garage Cards (PNG & JPG Blend)
   ========================================================================== */

.vehicle-property-card{
  background:#11151e!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:18px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  padding:0!important;
  box-shadow:0 14px 40px rgba(0,0,0,.35)!important;
  transition:all .22s ease!important;
}
.vehicle-property-card:hover{
  transform:translateY(-3px)!important;
  border-color:color-mix(in srgb,var(--accent) 55%,rgba(255,255,255,.2))!important;
  box-shadow:0 20px 55px rgba(0,48,206,.3)!important;
}
.vehicle-property-card .property-vehicle-image{
  position:relative!important;
  width:100%!important;
  height:165px!important;
  background:radial-gradient(ellipse at 50% 55%,rgba(0,48,206,.15),transparent 70%),#11141c!important;
  border-radius:18px 18px 0 0!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
.vehicle-property-card .property-vehicle-image .protected-car-view{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
}
.vehicle-property-card .property-vehicle-image img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:scale(1.28)!important;
  transform-origin:center center!important;
  margin:auto!important;
  display:block!important;
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.6))!important;
}
.vehicle-property-card .property-vehicle-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse at 50% 50%,transparent 45%,rgba(17,21,30,.88) 95%),linear-gradient(180deg,transparent 65%,#11151e 100%)!important;
  pointer-events:none;
  z-index:7;
}

@media(max-width:920px){
  .vehicle-property-card .property-vehicle-image{
    height:160px!important;
  }
}

/* ==========================================================================
   LONG MOBILE 10.3.8 — 2-Column Compact Garage Grid for Multiple Vehicles
   ========================================================================== */

/* Multi-car 2-Column Grid for Garage */
.vehicle-grid.vehicle-grid-multiple{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
}

.vehicle-grid-multiple .vehicle-property-card{
  border-radius:14px!important;
  background:#121620!important;
  border:1px solid rgba(255,255,255,.08)!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  padding:0!important;
  min-width:0!important;
}

.vehicle-grid-multiple .property-vehicle-image{
  height:125px!important;
  background:#161a24!important;
  border-radius:0!important;
  padding:4px!important;
  margin:0!important;
}

.vehicle-grid-multiple .protected-car-view img{
  max-width:96%!important;
  max-height:94%!important;
  object-fit:contain!important;
  transform:none!important;
}

.vehicle-grid-multiple .vehicle-card-details{
  padding:10px 12px 12px!important;
  gap:4px!important;
}

.vehicle-grid-multiple .vehicle-card-details h4{
  font-size:13.5px!important;
  font-weight:850!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  margin:0!important;
}

.vehicle-grid-multiple .vehicle-plate{
  width:100%!important;
  max-width:180px!important;
  height:auto!important;
  aspect-ratio:520/112!important;
}

@media(max-width:920px){
  .vehicle-grid.vehicle-grid-multiple{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .vehicle-grid-multiple .property-vehicle-image{
    height:105px!important;
  }
  .vehicle-grid-multiple .vehicle-card-details{
    padding:8px 10px 10px!important;
  }
  .vehicle-grid-multiple .vehicle-card-details h4{
    font-size:12px!important;
  }
}

/* ==========================================================================
   LONG MOBILE 10.3.9 — Avito / Auto.ru Style Car Marketplace & Dossier Sheet
   ========================================================================== */

/* Avito Listing Card */
.market-car-card.avito-card{cursor:pointer!important;transition:all .22s ease!important}
.market-car-card.avito-card:hover{transform:translateY(-4px)!important;border-color:color-mix(in srgb,var(--accent) 55%,rgba(255,255,255,.2))!important;box-shadow:0 18px 50px rgba(0,0,0,.55)!important}

.market-car-specs-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:2px 0 4px}
.spec-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:750;padding:3px 8px;border-radius:6px;background:rgba(255,255,255,.05);color:#aab5c4}
.spec-tag.plate{color:#f6c860;background:rgba(246,200,96,.12);border:1px solid rgba(246,200,96,.25)}

/* Avito Detail Modal Sheet */
.avito-modal-wrap{z-index:10000!important;padding:16px!important}
.avito-detail-sheet{
  width:min(660px,96vw)!important;
  max-height:88vh!important;
  border-radius:24px!important;
  background:#10141d!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 30px 100px rgba(0,0,0,.8)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.avito-modal-header{
  display:flex;justify-content:space-between;align-items:center;
  padding:18px 24px 14px;border-bottom:1px solid rgba(255,255,255,.08);
  flex-shrink:0;
}
.avito-category-tag{font-size:10.5px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:var(--accent)}
.avito-header-title h2{margin:2px 0 0;font-size:22px;font-weight:950;color:#fff}

.avito-modal-scroll{
  padding:20px 24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:18px;
}
.avito-photo-hero{
  position:relative;width:100%;height:250px;border-radius:18px;
  background:#171b26;overflow:hidden;user-select:none;-webkit-touch-callout:none;
}
.avito-photo-hero img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none}
.avito-price-tag{
  position:absolute;right:14px;bottom:14px;padding:8px 18px;
  border-radius:12px;background:rgba(8,12,18,.88);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.15);color:#53d68d;font-size:22px;font-weight:950;
  box-shadow:0 8px 25px rgba(0,0,0,.5);
}

.avito-specs-card,.avito-desc-card{
  padding:18px 20px;border-radius:16px;background:#131822;border:1px solid rgba(255,255,255,.07);
}
.avito-section-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.avito-section-title i{color:var(--accent);font-size:14px}

.avito-specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.avito-spec-item{display:flex;flex-direction:column;gap:2px}
.avito-spec-item span{font-size:11px;color:#78869b}
.avito-spec-item b{font-size:13.5px;color:#fff;font-weight:800}
.avito-spec-item b.plate-text{color:#f6c860}

.avito-desc-card p{margin:0;color:#c2c9d6;font-size:13px;line-height:1.55}

.avito-modal-footer{
  padding:16px 24px;border-top:1px solid rgba(255,255,255,.08);
  background:#0c0f16;flex-shrink:0;
}

@media(max-width:640px){
  .avito-detail-sheet{max-height:92vh!important;border-radius:20px!important}
  .avito-modal-scroll{padding:14px 16px!important;gap:14px!important}
  .avito-photo-hero{height:190px!important}
  .avito-price-tag{font-size:18px!important;padding:6px 14px!important}
  .avito-specs-grid{grid-template-columns:1fr!important;gap:8px!important}
  .avito-modal-header{padding:14px 16px 12px!important}
  .avito-modal-footer{padding:12px 16px!important}
}

/* ==========================================================================
   LONG MOBILE 10.3.10 — Exact Avito / Auto.ru 2-Column Marketplace Overhaul
   ========================================================================== */

/* Neutral Dark Vehicle Background (No blue gradient clash) */
.market-car-visual,
.property-vehicle-image,
.avito-photo-hero{
  background:#12141a!important;
}

/* Avito 2-Column Modal Layout */
.avito-detail-sheet{
  width:min(880px,96vw)!important;
  max-height:90vh!important;
  border-radius:22px!important;
  background:#0d1118!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 30px 100px rgba(0,0,0,.85)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.avito-modal-header{
  display:flex;justify-content:space-between;align-items:center;
  padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,.08);
  background:#101520;flex-shrink:0;
}
.avito-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.avito-title-line h2{margin:0;font-size:24px;font-weight:950;color:#fff}
.avito-status-badge{font-size:10px;font-weight:900;padding:2px 8px;border-radius:6px;background:rgba(255,255,255,.08);color:#9da9bd;text-transform:uppercase}
.avito-meta-sub{display:block;margin-top:3px;font-size:11px;color:var(--muted)}

.avito-header-right{display:flex;align-items:center;gap:18px}
.avito-top-price{font-size:26px;font-weight:950;color:#53d68d;letter-spacing:-.5px;white-space:nowrap}

.avito-modal-body-layout{
  display:grid;grid-template-columns:1.15fr .85fr;gap:22px;
  padding:20px 24px 24px;overflow-y:auto;flex:1;
}

/* Left Column: Photo & Specs */
.avito-left-col{display:flex;flex-direction:column;gap:16px}
.avito-photo-hero{
  position:relative;width:100%;height:270px;border-radius:16px;
  background:#12141a;overflow:hidden;user-select:none;-webkit-touch-callout:none;
}
.avito-photo-hero img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.avito-quick-tags{display:flex;gap:6px;flex-wrap:wrap}
.avito-tag-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:8px;background:#141924;border:1px solid rgba(255,255,255,.06);font-size:11px;color:#a0abbd;font-weight:750}
.avito-tag-pill.plate{color:#f6c860;background:rgba(246,200,96,.12);border-color:rgba(246,200,96,.25)}

.avito-card-box{padding:16px 18px;border-radius:16px;background:#11151f;border:1px solid rgba(255,255,255,.07)}
.avito-box-title{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.avito-box-title i{color:var(--accent);font-size:13px}

.avito-specs-table{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}
.avito-spec-row{display:flex;flex-direction:column;gap:2px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.avito-spec-row span{font-size:10.5px;color:#78869c}
.avito-spec-row b{font-size:13px;color:#fff;font-weight:800}
.avito-spec-row b.plate-highlight{color:#f6c860}

.avito-desc-paragraph{margin:0;color:#c0cad8;font-size:12.5px;line-height:1.6}

/* Right Column: Avito Actions & Seller */
.avito-right-col{display:flex;flex-direction:column;gap:14px}
.avito-action-card{padding:18px;border-radius:16px;background:#131824;border:1px solid rgba(255,255,255,.09);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.avito-green-btn{
  background:linear-gradient(135deg,#05b455,#009944)!important;
  color:#fff!important;font-size:15px!important;font-weight:950!important;
  border-radius:12px!important;padding:15px 20px!important;
  box-shadow:0 8px 25px rgba(5,180,85,.5)!important;
  border:1px solid rgba(255,255,255,.25)!important;
  display:flex!important;align-items:center;justify-content:center;gap:8px;
}
.avito-green-btn:hover{filter:brightness(1.1)!important;transform:translateY(-2px)!important}

.avito-seller-card{padding:16px;border-radius:16px;background:#11151f;border:1px solid rgba(255,255,255,.07)}
.avito-seller-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.avito-seller-avatar{
  width:44px;height:44px;border-radius:50%;
  background:linear-gradient(135deg,var(--accent),#001866);
  border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;
  font-size:16px;font-weight:900;color:#fff;flex-shrink:0;
}
.avito-seller-info b{display:block;font-size:15px;color:#fff;font-weight:900}
.avito-rating-row{display:flex;align-items:center;gap:6px;margin-top:2px}
.avito-rating-row .stars{color:#f6c860;font-size:12px;letter-spacing:1px}
.avito-rating-row small{color:var(--muted);font-size:11px}
.avito-seller-meta{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05);font-size:11px;color:#8f9cb0}
.avito-seller-meta i{color:#53d68d;margin-right:4px}

.avito-questions-box{padding:14px;border-radius:14px;background:#10141d;border:1px solid rgba(255,255,255,.06)}
.avito-questions-box>span{display:block;font-size:11px;font-weight:800;color:var(--muted);margin-bottom:8px}
.avito-chips-wrap{display:flex;gap:6px;flex-wrap:wrap}
.avito-chip-btn{
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);
  border-radius:8px;padding:6px 10px;color:#9da9bc;font-size:11px;
  font-weight:750;cursor:pointer;transition:all .18s;
}
.avito-chip-btn:hover{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}

@media(max-width:820px){
  .avito-modal-body-layout{grid-template-columns:1fr;gap:16px;padding:16px}
  .avito-modal-header{padding:14px 16px;flex-direction:column;align-items:flex-start;gap:8px}
  .avito-header-right{width:100%;justify-content:space-between}
  .avito-photo-hero{height:200px}
  .avito-specs-table{grid-template-columns:1fr}
}

/* ==========================================================================
   LONG MOBILE 10.3.11 — Real Phone Chip & Avito Listing Q&A Chat
   ========================================================================== */

/* In-Game Phone Chip */
.avito-phone-chip{
  display:flex;align-items:center;gap:10px;padding:12px 14px;
  border-radius:12px;background:rgba(52,209,122,.12);
  border:1px solid rgba(52,209,122,.3);color:#61e69b;font-size:13px;font-weight:750;
}
.avito-phone-chip i{font-size:16px}
.avito-phone-chip b{color:#fff;font-size:14px;margin-left:4px}

/* Real Chat & Q&A Box */
.avito-chat-box{margin-top:4px}
.avito-messages-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto;margin-bottom:12px;padding-right:4px}
.avito-msg-item{padding:10px 12px;border-radius:12px;background:#161c28;border:1px solid rgba(255,255,255,.06)}
.avito-msg-item .msg-author{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}
.avito-msg-item .msg-author b{color:var(--accent);font-size:12px;font-weight:850}
.avito-msg-item .msg-author small{color:var(--muted);font-size:10px}
.avito-msg-item p{margin:0;color:#e1e7f0;font-size:12.5px;line-height:1.4}
.avito-no-msgs{margin:0;padding:12px 0;color:var(--muted);font-size:12px;font-style:italic}

.avito-chat-form{display:flex;gap:8px}
.avito-chat-form input{flex:1;padding:10px 14px;border-radius:10px;background:#151924;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:12.5px}
.avito-chat-form .button{padding:0 16px}
.avito-chat-note{margin:8px 0 0;font-size:11px;color:var(--muted)}
.avito-chat-note a{color:var(--accent);font-weight:750}


/* ==========================================================================
   LONG MOBILE 10.3.12 — 2-Column Full-Bleed Vehicle Garage & Marketplace
   ========================================================================== */

/* Two-Column Grid for All Screen Sizes */
.vehicle-grid,
.property-grid.vehicle-grid,
.vehicle-grid.vehicle-grid-multiple,
.vehicle-grid.vehicle-grid-single{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
}

@media(max-width: 768px){
  .vehicle-grid,
  .property-grid.vehicle-grid,
  .vehicle-grid.vehicle-grid-multiple,
  .vehicle-grid.vehicle-grid-single{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
}

/* Vehicle Property Card */
.vehicle-property-card{
  background: #11151e !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important;
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease !important;
  min-width: 0 !important;
  position: relative !important;
}
.vehicle-property-card:hover{
  transform: translateY(-3px) !important;
  border-color: color-mix(in srgb, var(--accent) 55%, rgba(255, 255, 255, 0.2)) !important;
  box-shadow: 0 18px 48px rgba(0, 48, 206, 0.25) !important;
}

/* Full-Bleed Image Container (Vehicle fills entire block) */
.vehicle-property-card .property-vehicle-image,
.property-vehicle-image{
  position: relative !important;
  width: 100% !important;
  height: 145px !important;
  background: #11141a !important;
  overflow: hidden !important;
  border-radius: 15px 15px 0 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
}

.vehicle-property-card .property-vehicle-image .protected-car-view,
.property-vehicle-image .protected-car-view,
.protected-car-view{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.vehicle-property-card .property-vehicle-image img,
.vehicle-property-card .protected-car-view img,
.property-vehicle-image img,
.protected-car-view img,
.property-vehicle-image svg,
.protected-car-view svg{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  min-width: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  transform: none !important;
  filter: none !important;
  pointer-events: none !important;
  -webkit-user-drag: none !important;
  user-select: none !important;
}

.protected-car-view .img-shield{
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important;
  background: transparent !important;
  pointer-events: none !important;
  cursor: default !important;
}

/* Seamless Bottom Vignette Fade into Card Body */
.vehicle-property-card .property-vehicle-image::after,
.property-vehicle-image::after{
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(17,21,30,0) 55%, rgba(17,21,30,0.55) 82%, #11151e 100%) !important;
  pointer-events: none !important;
  z-index: 4 !important;
}

/* Vehicle Details Below Image */
.vehicle-property-card .vehicle-card-details{
  padding: 10px 12px 12px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  background: #11151e !important;
  position: relative !important;
  z-index: 6 !important;
  flex: 1 !important;
  min-width: 0 !important;
}

.vehicle-property-card .vehicle-card-details h4{
  font-size: 13.5px !important;
  font-weight: 850 !important;
  color: #fff !important;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.25 !important;
}

.vehicle-property-card .vehicle-plate{
  width: 100% !important;
  max-width: 175px !important;
  height: auto !important;
  aspect-ratio: 520 / 112 !important;
  margin-top: 2px !important;
}

.vehicle-property-card .vehicle-color-info{
  font-size: 11px !important;
  color: #8c98ab !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  margin-top: 1px !important;
}

.vehicle-property-card .vehicle-color-info i{
  font-size: 10px !important;
  color: var(--accent) !important;
}

/* Mobile Adjustments */
@media (max-width: 920px){
  .vehicle-property-card .property-vehicle-image{
    height: 125px !important;
  }
}

@media (max-width: 768px){
  .vehicle-property-card .property-vehicle-image{
    height: 115px !important;
  }
  .vehicle-property-card .vehicle-card-details{
    padding: 8px 10px 10px !important;
    gap: 3px !important;
  }
  .vehicle-property-card .vehicle-card-details h4{
    font-size: 12px !important;
  }
  .vehicle-property-card .vehicle-color-info{
    font-size: 9.5px !important;
  }
  .vehicle-property-card .vehicle-plate{
    max-width: 140px !important;
  }
}

@media (max-width: 480px){
  .vehicle-property-card .property-vehicle-image{
    height: 105px !important;
  }
}

/* Full-bleed Marketplace Cards */
.market-car-visual{
  position: relative !important;
  width: 100% !important;
  height: 165px !important;
  background: #11141a !important;
  overflow: hidden !important;
  border-radius: 16px 16px 0 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.market-car-visual .protected-car-view{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.market-car-visual .protected-car-view img{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  min-width: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

.market-car-visual::after{
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(17,21,30,0) 60%, rgba(17,21,30,0.5) 82%, #11151e 100%) !important;
  pointer-events: none !important;
  z-index: 3 !important;
}

@media (max-width: 768px){
  .market-car-visual{
    height: 135px !important;
  }
}


/* ==========================================================================
   LONG MOBILE 10.3.13 — 2-Column Marketplace Grid & Compact Full-Bleed Cards
   ========================================================================== */

.market-grid{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
}

@media(max-width: 768px){
  .market-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
}

.market-car-card{
  background: #11151e !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important;
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease !important;
  min-width: 0 !important;
  position: relative !important;
  cursor: pointer !important;
}

.market-car-card:hover{
  transform: translateY(-3px) !important;
  border-color: color-mix(in srgb, var(--accent) 55%, rgba(255, 255, 255, 0.2)) !important;
  box-shadow: 0 18px 48px rgba(0, 48, 206, 0.25) !important;
}

.market-car-visual{
  position: relative !important;
  width: 100% !important;
  height: 145px !important;
  background: #11141a !important;
  overflow: hidden !important;
  border-radius: 15px 15px 0 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
}

.market-car-visual .protected-car-view{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.market-car-visual img,
.market-car-visual .protected-car-view img,
.market-car-visual svg,
.market-car-visual .protected-car-view svg{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  min-width: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  transform: none !important;
  filter: none !important;
  pointer-events: none !important;
  -webkit-user-drag: none !important;
  user-select: none !important;
}

.market-car-visual::after{
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(17,21,30,0) 55%, rgba(17,21,30,0.55) 82%, #11151e 100%) !important;
  pointer-events: none !important;
  z-index: 4 !important;
}

.market-car-body{
  padding: 10px 12px 12px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  background: #11151e !important;
  position: relative !important;
  z-index: 6 !important;
  flex: 1 !important;
  min-width: 0 !important;
}

.market-car-title-row{
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}

.market-car-title-row h3{
  font-size: 13.5px !important;
  font-weight: 850 !important;
  color: #fff !important;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.25 !important;
  flex: 1 !important;
  min-width: 0 !important;
}

.market-car-price{
  font-size: 14px !important;
  font-weight: 900 !important;
  color: #53d68d !important;
  white-space: nowrap !important;
}
.market-car-price.donate{
  color: #f6c860 !important;
}

.market-car-specs-row{
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  flex-wrap: wrap !important;
  margin: 2px 0 !important;
}

.market-car-specs-row .spec-tag{
  font-size: 10px !important;
  font-weight: 750 !important;
  padding: 2px 6px !important;
  border-radius: 5px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #a0abbd !important;
}

.market-car-desc{
  font-size: 11px !important;
  color: #8c98ab !important;
  line-height: 1.35 !important;
  margin: 2px 0 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.market-car-meta{
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 10px !important;
  color: #6d7b90 !important;
  margin-top: auto !important;
  padding-top: 6px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.market-car-footer{
  margin-top: 6px !important;
}

@media(max-width: 920px){
  .market-car-visual{
    height: 125px !important;
  }
}

@media(max-width: 768px){
  .market-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  .market-car-visual{
    height: 115px !important;
  }
  .market-car-body{
    padding: 8px 10px 10px !important;
    gap: 4px !important;
  }
  .market-car-title-row h3{
    font-size: 12px !important;
  }
  .market-car-price{
    font-size: 12.5px !important;
  }
  .market-car-specs-row .spec-tag{
    font-size: 9px !important;
    padding: 2px 5px !important;
  }
  .market-car-meta{
    font-size: 9px !important;
  }
}

@media(max-width: 480px){
  .market-car-visual{
    height: 105px !important;
  }
}


/* ==========================================================================
   LONG MOBILE 10.3.14 — Interactive Live 2-Way Buyer-Seller Dialogue Chat
   ========================================================================== */

.avito-live-chat-wrap{
  display: flex !important;
  flex-direction: column !important;
  background: #0d1017 !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  overflow: hidden !important;
  margin-top: 6px !important;
  padding: 0 !important;
}

.avito-chat-header{
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 12px 16px !important;
  background: #121622 !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
}

.avito-chat-header-title{
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  color: #fff !important;
}

.avito-chat-header-title i{
  color: var(--accent) !important;
}

.avito-chat-online-badge{
  font-size: 10px !important;
  font-weight: 750 !important;
  color: #53d68d !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}
.avito-chat-online-badge::before{
  content: '' !important;
  display: inline-block !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #53d68d !important;
  box-shadow: 0 0 8px #53d68d !important;
}

/* Seller: Buyer Selector Tabs */
.avito-buyer-tabs-bar{
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 10px 14px !important;
  background: #10141e !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
  overflow-x: auto !important;
  scrollbar-width: thin !important;
}

.avito-buyer-tab-btn{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 12px !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  color: #9eaabf !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: all .18s ease !important;
}

.avito-buyer-tab-btn:hover{
  background: rgba(255,255,255,.1) !important;
  color: #fff !important;
}

.avito-buyer-tab-btn.active{
  background: var(--accent) !important;
  border-color: rgba(255,255,255,.2) !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(0,48,206,.4) !important;
}

.avito-buyer-tab-btn .badge-msg-count{
  padding: 1px 6px !important;
  border-radius: 999px !important;
  background: rgba(0,0,0,.35) !important;
  font-size: 10px !important;
}

/* Chat Messages Stream Area */
.avito-chat-stream{
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 14px !important;
  height: 260px !important;
  max-height: 260px !important;
  overflow-y: auto !important;
  background: radial-gradient(circle at 50% 50%, rgba(0,48,206,.04), transparent 70%), #0d1017 !important;
  scroll-behavior: smooth !important;
}

.avito-bubble-row{
  display: flex !important;
  flex-direction: column !important;
  max-width: 82% !important;
  animation: fadeInBubble .18s ease-out !important;
}

@keyframes fadeInBubble {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

.avito-bubble-row.mine{
  align-self: flex-end !important;
  align-items: flex-end !important;
}

.avito-bubble-row.theirs{
  align-self: flex-start !important;
  align-items: flex-start !important;
}

.avito-bubble-author{
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-bottom: 3px !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  color: #a2b0c6 !important;
}

.avito-bubble-author .role-tag{
  padding: 1px 6px !important;
  border-radius: 4px !important;
  font-size: 9px !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
  letter-spacing: .3px !important;
}

.avito-bubble-author .role-tag.seller{
  background: rgba(246,200,96,.15) !important;
  color: #f6c860 !important;
  border: 1px solid rgba(246,200,96,.3) !important;
}

.avito-bubble-author .role-tag.buyer{
  background: rgba(0,48,206,.2) !important;
  color: #7ca5ff !important;
  border: 1px solid rgba(0,48,206,.4) !important;
}

.avito-bubble-body{
  padding: 9px 13px !important;
  border-radius: 14px !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
  word-break: break-word !important;
  position: relative !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.25) !important;
}

.avito-bubble-row.mine .avito-bubble-body{
  background: linear-gradient(135deg, #0030CE, #002294) !important;
  color: #fff !important;
  border-bottom-right-radius: 4px !important;
  border: 1px solid rgba(255,255,255,.15) !important;
}

.avito-bubble-row.theirs .avito-bubble-body{
  background: #171c28 !important;
  color: #e2e8f2 !important;
  border-bottom-left-radius: 4px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
}

.avito-bubble-meta{
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 9.5px !important;
  color: rgba(255,255,255,.45) !important;
  margin-top: 3px !important;
  padding: 0 4px !important;
}

.avito-empty-chat{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  margin: auto !important;
  text-align: center !important;
  color: #7e8ba0 !important;
  padding: 24px 16px !important;
}
.avito-empty-chat i{
  font-size: 32px !important;
  margin-bottom: 8px !important;
  color: rgba(255,255,255,.15) !important;
}
.avito-empty-chat p{
  font-size: 12px !important;
  margin: 0 !important;
  color: #8f9db5 !important;
}

/* Chat Input Bar */
.avito-chat-input-bar{
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 12px !important;
  background: #121622 !important;
  border-top: 1px solid rgba(255,255,255,.06) !important;
}

.avito-chat-input-bar input{
  flex: 1 !important;
  padding: 10px 14px !important;
  border-radius: 10px !important;
  background: #181d2c !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  color: #fff !important;
  font-size: 12.5px !important;
  outline: none !important;
  transition: border-color .18s !important;
}

.avito-chat-input-bar input:focus{
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 2px rgba(0,48,206,.25) !important;
}

.avito-chat-send-btn{
  width: 38px !important;
  height: 38px !important;
  border-radius: 10px !important;
  background: var(--accent) !important;
  color: #fff !important;
  border: none !important;
  display: grid !important;
  place-items: center !important;
  cursor: pointer !important;
  font-size: 14px !important;
  transition: all .18s !important;
  flex-shrink: 0 !important;
}
.avito-chat-send-btn:hover{
  filter: brightness(1.15) !important;
  transform: scale(1.04) !important;
}
.avito-chat-send-btn:active{
  transform: scale(.96) !important;
}

@media(max-width: 640px){
  .avito-chat-stream{
    height: 220px !important;
    max-height: 220px !important;
  }
}


/* ==========================================================================
   LONG MOBILE 10.3.15 — Zero-Flicker Smooth Message Flow & Animations
   ========================================================================== */

@keyframes smoothMsgEnter {
  0% {
    opacity: 0;
    transform: translateY(12px) scale(0.97);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.avito-bubble-row.avito-msg-anim-enter{
  animation: smoothMsgEnter 0.24s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

.avito-chat-stream{
  scroll-behavior: smooth !important;
}


/* ==========================================================================
   LONG MOBILE 10.3.16 — Price Offer (Торг) System & Mobile Modal Refinements
   ========================================================================== */

/* Price Offer Chip & Drawer */
.avito-chat-header-actions{
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.avito-offer-btn-chip{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 4px 10px !important;
  border-radius: 8px !important;
  background: rgba(246,200,96,.12) !important;
  border: 1px solid rgba(246,200,96,.35) !important;
  color: #f6c860 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  cursor: pointer !important;
  transition: all .18s ease !important;
}
.avito-offer-btn-chip:hover{
  background: rgba(246,200,96,.22) !important;
  transform: translateY(-1px) !important;
}

.avito-offer-input-drawer{
  background: #141926 !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  padding: 10px 14px !important;
  animation: smoothMsgEnter .2s ease-out !important;
}
.offer-drawer-title{
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  color: #f6c860 !important;
  margin-bottom: 6px !important;
}
.offer-drawer-row{
  display: flex !important;
  gap: 8px !important;
}
.offer-drawer-row input{
  flex: 1 !important;
  padding: 8px 12px !important;
  border-radius: 8px !important;
  background: #0d111a !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: #fff !important;
  font-size: 12px !important;
  outline: none !important;
}
.offer-drawer-row input:focus{
  border-color: #f6c860 !important;
  box-shadow: 0 0 0 2px rgba(246,200,96,.2) !important;
}

/* Offer Message Bubbles */
.avito-offer-bubble{
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  min-width: 220px !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.3) !important;
  margin: 2px 0 !important;
}

.avito-offer-bubble.pending{
  background: linear-gradient(145deg, #1c2232, #121622) !important;
  border: 1px solid rgba(246,200,96,.35) !important;
}
.avito-offer-bubble.accepted{
  background: linear-gradient(145deg, #0d281a, #0b1c13) !important;
  border: 1px solid rgba(83,214,141,.4) !important;
}
.avito-offer-bubble.rejected{
  background: linear-gradient(145deg, #2b151a, #1a0d10) !important;
  border: 1px solid rgba(255,107,107,.3) !important;
}

.avito-offer-bubble .offer-head{
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 11.5px !important;
  color: #e2e8f2 !important;
}
.avito-offer-bubble .offer-amount{
  font-size: 17px !important;
  font-weight: 950 !important;
  color: #f6c860 !important;
  letter-spacing: -.3px !important;
}
.avito-offer-bubble.accepted .offer-amount{
  color: #53d68d !important;
}
.avito-offer-bubble .offer-amount.strike{
  text-decoration: line-through !important;
  opacity: .7 !important;
  color: #ff8b8b !important;
}

.offer-actions-row{
  display: flex !important;
  gap: 8px !important;
  margin-top: 4px !important;
}
.btn-offer-accept{
  flex: 1 !important;
  padding: 7px 10px !important;
  border-radius: 8px !important;
  background: #05b455 !important;
  color: #fff !important;
  border: none !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  cursor: pointer !important;
  transition: all .18s !important;
}
.btn-offer-accept:hover{
  filter: brightness(1.15) !important;
}
.btn-offer-reject{
  padding: 7px 10px !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.08) !important;
  color: #ff8b8b !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

.offer-status-badge{
  font-size: 10px !important;
  font-weight: 750 !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}
.offer-status-badge.pending{ color: #f6c860 !important; }
.offer-status-badge.accepted{ color: #53d68d !important; }
.offer-status-badge.rejected{ color: #ff8b8b !important; }

/* Mobile Modal Polish */
@media (max-width: 640px){
  .avito-modal-header{
    padding: 12px 14px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }
  .avito-title-line h2{
    font-size: 18px !important;
    line-height: 1.2 !important;
  }
  .avito-top-price{
    font-size: 18px !important;
  }
  .avito-meta-sub{
    font-size: 10px !important;
  }
  .avito-chat-header{
    padding: 10px 12px !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
  }
  .avito-chat-header-title{
    font-size: 12px !important;
  }
  .avito-buyer-tabs-bar{
    padding: 8px 10px !important;
  }
  .avito-buyer-tab-btn{
    padding: 5px 9px !important;
    font-size: 11px !important;
  }
  .avito-bubble-body{
    padding: 8px 11px !important;
    font-size: 12px !important;
  }
}


/* ==========================================================================
   LONG MOBILE 10.3.17 — Trade Exchange (Обмен) Drawer & Message Bubbles
   ========================================================================== */

.avito-offer-btn-chip.trade-chip{
  background: rgba(124,165,255,.12) !important;
  border-color: rgba(124,165,255,.35) !important;
  color: #7ca5ff !important;
}
.avito-offer-btn-chip.trade-chip:hover{
  background: rgba(124,165,255,.22) !important;
}

.avito-trade-input-drawer{
  background: #141824 !important;
  border-bottom: 1px solid rgba(255,255,255,.09) !important;
  padding: 12px 14px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  animation: smoothMsgEnter .2s ease-out !important;
}

.trade-drawer-head{
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.trade-drawer-title{
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 11.5px !important;
  font-weight: 850 !important;
  color: #7ca5ff !important;
}

.btn-close-drawer{
  background: none !important;
  border: none !important;
  color: #7e8ba0 !important;
  font-size: 18px !important;
  cursor: pointer !important;
  padding: 0 4px !important;
  line-height: 1 !important;
}

.trade-type-tabs{
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 6px !important;
}

.trade-tab-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  padding: 7px 10px !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  color: #a0abbd !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  transition: all .18s ease !important;
}

.trade-tab-btn:hover{
  background: rgba(255,255,255,.1) !important;
  color: #fff !important;
}

.trade-tab-btn.active{
  background: var(--accent) !important;
  border-color: rgba(255,255,255,.2) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(0,48,206,.35) !important;
}

.trade-item-select-wrap{
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}
.trade-item-select-wrap label,
.trade-surcharge-row label{
  font-size: 10.5px !important;
  font-weight: 750 !important;
  color: #8c98ab !important;
}

.trade-item-select,
.trade-surcharge-grid select{
  width: 100% !important;
  padding: 8px 12px !important;
  border-radius: 8px !important;
  background: #0d111a !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: #fff !important;
  font-size: 12px !important;
  outline: none !important;
}

.trade-surcharge-grid{
  display: flex !important;
  gap: 8px !important;
}

.trade-surcharge-grid input{
  flex: 1 !important;
  padding: 8px 12px !important;
  border-radius: 8px !important;
  background: #0d111a !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: #fff !important;
  font-size: 12px !important;
  outline: none !important;
}

.trade-comment-row{
  display: flex !important;
  gap: 8px !important;
}

.trade-comment-row input{
  flex: 1 !important;
  padding: 8px 12px !important;
  border-radius: 8px !important;
  background: #0d111a !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: #fff !important;
  font-size: 12px !important;
  outline: none !important;
}

/* Trade Offer Cards in Chat */
.avito-trade-bubble{
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  min-width: 250px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.35) !important;
  margin: 2px 0 !important;
}

.avito-trade-bubble.pending{
  background: linear-gradient(145deg, #182035, #101524) !important;
  border: 1px solid rgba(124,165,255,.35) !important;
}
.avito-trade-bubble.completed{
  background: linear-gradient(145deg, #0f2c1d, #0b1e14) !important;
  border: 1px solid rgba(83,214,141,.45) !important;
}
.avito-trade-bubble.rejected{
  background: linear-gradient(145deg, #2b151a, #1a0d10) !important;
  border: 1px solid rgba(255,107,107,.3) !important;
}

.trade-bubble-badge{
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .5px;
  text-transform: uppercase !important;
  color: #7ca5ff !important;
}
.avito-trade-bubble.completed .trade-bubble-badge{
  color: #53d68d !important;
}

.trade-prop-card{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  background: rgba(0,0,0,.3) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
}
.trade-prop-icon{
  width: 34px !important;
  height: 34px !important;
  border-radius: 8px !important;
  background: rgba(0,48,206,.25) !important;
  display: grid !important;
  place-items: center !important;
  color: #7ca5ff !important;
  font-size: 14px !important;
  flex-shrink: 0 !important;
}
.trade-prop-info{
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}
.trade-prop-info b{
  font-size: 12.5px !important;
  color: #fff !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.trade-prop-info small{
  font-size: 10px !important;
  color: #8c98ab !important;
}

.trade-surcharge-badge{
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 11px !important;
  padding: 4px 6px !important;
}
.trade-surcharge-badge strong.plus{
  color: #53d68d !important;
  font-weight: 900 !important;
}
.trade-surcharge-badge strong.minus{
  color: #f6c860 !important;
  font-weight: 900 !important;
}
.trade-surcharge-badge strong.none{
  color: #9da9bd !important;
}

.trade-actions-row{
  display: flex !important;
  gap: 8px !important;
  margin-top: 4px !important;
}
.btn-trade-accept{
  flex: 1 !important;
  padding: 8px 12px !important;
  border-radius: 8px !important;
  background: #05b455 !important;
  color: #fff !important;
  border: none !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  cursor: pointer !important;
  transition: all .18s !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}
.btn-trade-accept:hover{
  filter: brightness(1.15) !important;
}
.btn-trade-reject{
  padding: 8px 10px !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.08) !important;
  color: #ff8b8b !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

@media(max-width: 640px){
  .trade-comment-row{
    flex-direction: column !important;
  }
  .trade-surcharge-grid{
    flex-direction: column !important;
  }
}


/* ==========================================================================
   LONG MOBILE 10.3.19 — Balanced 2-Column Modal & Mini Action Chips
   ========================================================================== */

.avito-modal-body-layout{
  display: grid !important;
  grid-template-columns: 1.08fr 0.92fr !important;
  gap: 20px !important;
  padding: 20px 24px 24px !important;
  overflow-y: auto !important;
  flex: 1 !important;
}

.avito-left-col,
.avito-right-col{
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  min-width: 0 !important;
}

.avito-quick-chat-chips{
  display: flex !important;
  gap: 8px !important;
  padding: 8px 12px 6px !important;
  background: #121622 !important;
  border-top: 1px solid rgba(255,255,255,.06) !important;
  flex-wrap: wrap !important;
}

.avito-mini-action-chip{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 5px 11px !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  color: #c0cad8 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  transition: all .18s ease !important;
}

.avito-mini-action-chip:hover{
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.2) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

@media(max-width: 860px){
  .avito-modal-body-layout{
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding: 16px !important;
  }
}


/* ==========================================================================
   LONG MOBILE 10.3.20 — Strict Drawer Visibility & Closed by Default
   ========================================================================== */

.avito-trade-input-drawer,
.avito-offer-input-drawer{
  display: none !important;
}

.avito-trade-input-drawer.is-open{
  display: flex !important;
  flex-direction: column !important;
}

.avito-offer-input-drawer.is-open{
  display: block !important;
}


/* ==========================================================================
   LONG MOBILE 10.3.21 — Site Toasts, Custom Confirm Dialogs & Bank Notices
   ========================================================================== */

/* Bank Surcharge Notice in Trade Drawer */
.trade-bank-notice{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  background: rgba(246,200,96,.08) !important;
  border: 1px solid rgba(246,200,96,.25) !important;
  color: #dce4f2 !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}
.trade-bank-notice i{
  color: #f6c860 !important;
  font-size: 16px !important;
  flex-shrink: 0 !important;
}
.trade-bank-notice b{
  color: #f6c860 !important;
}

/* Site Toasts Container */
.site-toast-container{
  position: fixed !important;
  top: 24px !important;
  right: 24px !important;
  z-index: 999999 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  pointer-events: none !important;
  max-width: min(420px, 92vw) !important;
}

.site-toast{
  pointer-events: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px 18px !important;
  border-radius: 14px !important;
  background: #111622 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 16px 45px rgba(0,0,0,.65) !important;
  color: #fff !important;
  font-size: 12.5px !important;
  font-weight: 750 !important;
  animation: toastSlideIn .25s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
  transition: opacity .25s ease, transform .25s ease !important;
}

@keyframes toastSlideIn {
  from { opacity: 0; transform: translateY(-16px) scale(0.95); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.site-toast.toast-hiding{
  opacity: 0 !important;
  transform: translateY(-12px) scale(0.95) !important;
}

.site-toast i.toast-icon{
  font-size: 18px !important;
  flex-shrink: 0 !important;
}
.site-toast.success i.toast-icon{ color: #53d68d !important; }
.site-toast.error i.toast-icon{ color: #ff6b6b !important; }
.site-toast.warning i.toast-icon{ color: #f6c860 !important; }
.site-toast.info i.toast-icon{ color: #5bd6ff !important; }

.site-toast-close{
  background: none !important;
  border: none !important;
  color: #7d8b9e !important;
  font-size: 18px !important;
  cursor: pointer !important;
  padding: 0 4px !important;
  margin-left: auto !important;
  line-height: 1 !important;
}
.site-toast-close:hover{ color: #fff !important; }

@media(max-width: 640px){
  .site-toast-container{
    top: 14px !important;
    right: 14px !important;
    left: 14px !important;
    max-width: none !important;
  }
}

/* Site Custom Confirm Modal */
.site-confirm-overlay{
  position: fixed !important;
  inset: 0 !important;
  background: rgba(6, 10, 16, 0.85) !important;
  backdrop-filter: blur(10px) !important;
  z-index: 9999999 !important;
  display: grid !important;
  place-items: center !important;
  padding: 16px !important;
  animation: fadeInModal .2s ease-out !important;
}

@keyframes fadeInModal {
  from { opacity: 0; }
  to { opacity: 1; }
}

.site-confirm-box{
  width: min(440px, 94vw) !important;
  border-radius: 20px !important;
  background: #111520 !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 24px 80px rgba(0,0,0,.85) !important;
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  animation: popConfirm .22s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

@keyframes popConfirm {
  from { transform: scale(0.92) translateY(10px); opacity: 0; }
  to { transform: scale(1) translateY(0); opacity: 1; }
}

.site-confirm-icon{
  width: 54px !important;
  height: 54px !important;
  border-radius: 16px !important;
  background: rgba(0,48,206,.2) !important;
  border: 1px solid rgba(0,48,206,.4) !important;
  color: #7ca5ff !important;
  font-size: 22px !important;
  display: grid !important;
  place-items: center !important;
  margin-bottom: 14px !important;
}
.site-confirm-icon.danger{
  background: rgba(255,107,107,.15) !important;
  border-color: rgba(255,107,107,.35) !important;
  color: #ff8b8b !important;
}
.site-confirm-icon.success{
  background: rgba(83,214,141,.15) !important;
  border-color: rgba(83,214,141,.35) !important;
  color: #53d68d !important;
}

.site-confirm-title{
  font-size: 18px !important;
  font-weight: 900 !important;
  color: #fff !important;
  margin: 0 0 8px !important;
}

.site-confirm-text{
  font-size: 13px !important;
  color: #aab5c6 !important;
  line-height: 1.5 !important;
  margin: 0 0 22px !important;
}

.site-confirm-actions{
  display: flex !important;
  gap: 10px !important;
  width: 100% !important;
}

.site-confirm-actions .button{
  flex: 1 !important;
  padding: 12px 16px !important;
  font-size: 13px !important;
  border-radius: 12px !important;
}