@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:wght@300;400;500;600;700&display=swap");
:root {
  --bg: #0e202e;
  --header: #314653;
  --cyan: #2bdbfc;
  --teal: #098998;
  --text: #f3f8fa;
  --muted: #a9c0ca;
  --border: #315363;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font:
    400 16px/1.6 "Inter Tight",
    sans-serif;
}
a {
  color: var(--cyan);
  text-decoration: none;
}
img {
  max-width: 100%;
  height: auto;
}
button {
  font: inherit;
  cursor: pointer;
}
.lm-container {
  width: min(1200px, calc(100% - 32px));
  margin: auto;
}
.lm-header,
.lm-footer {
  background: var(--header);
}
.lm-header {
  position: sticky;
  top: 0;
  z-index: 20;
}
.lm-hrow {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 15px;
  padding: 10px 0;
}
.lm-logo {
  display: block;
}
.lm-logo img {
  object-fit: contain;
}
.lm-online-players {
  font-size: 12px;
  color: var(--muted);
}
.lm-online-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #53e07a;
  margin-right: 5px;
  animation: pulse 1.5s infinite;
}
.lm-nav {
  display: none;
  grid-column: 1/-1;
  gap: 8px;
  flex-wrap: wrap;
}
.lm-nav.active {
  display: flex;
}
.lm-nav a {
  color: #fff;
  padding: 8px 9px;
  border-radius: 6px;
}
.lm-nav a:hover {
  background: var(--teal);
}
.lm-hbtns {
  display: flex;
  gap: 6px;
}
.lm-btn {
  display: inline-block;
  border: 0;
  border-radius: 7px;
  padding: 9px 14px;
  font-weight: 600;
  transition: 0.2s;
  text-align: center;
}
.lm-btn:hover {
  transform: translateY(-2px);
  filter: brightness(1.1);
}
.lm-btn-primary {
  background: var(--cyan);
  color: #08232e;
}
.lm-btn-secondary {
  background: var(--teal);
  color: #fff;
}
.lm-burger {
  background: none;
  border: 0;
  padding: 7px;
  display: block;
}
.lm-burger span {
  display: block;
  width: 25px;
  height: 2px;
  background: #fff;
  margin: 5px;
}
.lm-hero {
  margin-bottom: 25px;
}
.lm-slider {
  position: relative;
  overflow: hidden;
}
.lm-slide {
  display: none;
  min-height: 330px;
  background-size: cover;
  background-position: center;
  align-items: center;
}
.lm-slide-active {
  display: flex;
}
.lm-slide:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(5, 20, 30, 0.88),
    rgba(5, 20, 30, 0.25)
  );
}
.lm-slide-content {
  position: relative;
  padding: 45px 16px;
}
.lm-slide h2 {
  font-size: clamp(28px, 5vw, 52px);
  line-height: 1.1;
  margin: 0 0 12px;
  max-width: 650px;
}
.lm-slide p {
  font-size: 20px;
}
.lm-slider-prev,
.lm-slider-next {
  position: absolute;
  top: 45%;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  border: 0;
  font-size: 36px;
  width: 40px;
}
.lm-slider-prev {
  left: 10px;
}
.lm-slider-next {
  right: 10px;
}
.lm-slider-dots {
  position: absolute;
  bottom: 16px;
  left: 0;
  right: 0;
  text-align: center;
}
.lm-slider-dots button {
  width: 10px;
  height: 10px;
  border: 0;
  border-radius: 50%;
  margin: 4px;
  background: #fff;
  opacity: 0.55;
}
.lm-slider-dots button.active {
  opacity: 1;
  background: var(--cyan);
}
.lm-main {
  padding: 16px 0 40px;
}
.lm-h1 {
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.15;
}
.lm-block {
  background: #112a39;
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 20px;
  margin: 0 0 24px;
}
.lm-block-title {
  margin-top: 0;
  font-size: 26px;
}
.lm-content-text h2 {
  font-size: 28px;
  color: var(--cyan);
  margin: 26px 0 8px;
}
.lm-content-text h3 {
  font-size: 21px;
  margin: 20px 0 6px;
}
.lm-content-text p {
  color: #d5e3e8;
}
.lm-content-text ul {
  padding-left: 22px;
}
.lm-content-text li {
  margin: 6px 0;
}
.lm-content-text table,
.lm-table {
  width: 100%;
  border-collapse: collapse;
}
.lm-content-text td,
.lm-table td,
.lm-table th {
  border: 1px solid var(--border);
  padding: 10px;
  text-align: left;
}
.lm-table th {
  background: #193c4d;
}
.lm-pros-cons,
.lm-grid-3,
.lm-bonus-grid,
.lm-category-grid {
  display: grid;
  gap: 15px;
}
.lm-pros,
.lm-cons {
  padding: 15px;
  border-radius: 8px;
}
.lm-pros {
  background: rgba(30, 180, 110, 0.12);
}
.lm-cons {
  background: rgba(220, 80, 80, 0.12);
}
.lm-pros h3,
.lm-cons h3 {
  margin-top: 0;
}
.lm-screenshots {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.lm-screenshot-item img {
  width: 100%;
  border-radius: 8px;
}
.lm-grid-3 {
  grid-template-columns: repeat(2, 1fr);
}
.lm-advantage-item,
.lm-bonus-card,
.lm-category,
.lm-game-card {
  background: #173646;
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 15px;
}
.lm-adv-icon {
  font-size: 30px;
}
.lm-advantage-item h3,
.lm-game-card h3 {
  margin: 5px 0;
}
.lm-games {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
.lm-game-card img {
  width: 100%;
  border-radius: 7px;
}
.lm-game-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}
.lm-game-actions .lm-demo-link {
  font-size: 14px;
}
.lm-bonus-grid {
  grid-template-columns: repeat(3, 1fr);
}
.lm-bonus-card h3 {
  color: var(--cyan);
}
.lm-table-wrap {
  overflow-x: auto;
}
.lm-download-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}
.lm-btn-download {
  color: #081e28;
}
.lm-btn-appstore {
  background: #fff;
}
.lm-btn-playmarket {
  background: #80ed9d;
}
.lm-btn-apk {
  background: #f8bd55;
}
.lm-faq-q {
  display: block;
  width: 100%;
  text-align: left;
  background: #173646;
  color: #fff;
  border: 1px solid var(--border);
  padding: 14px;
  border-radius: 7px;
  margin-top: 8px;
}
.lm-faq-a {
  max-height: 0;
  overflow: hidden;
  padding: 0 14px;
  transition: 0.3s;
}
.lm-faq-item.open .lm-faq-a {
  max-height: 200px;
  padding: 12px 14px;
}
.lm-author-inner {
  display: flex;
  gap: 15px;
  align-items: center;
}
.lm-author-avatar {
  border-radius: 50%;
}
.lm-author-name {
  font-size: 20px;
}
.lm-breadcrumbs {
  padding: 15px 0;
  color: var(--muted);
}
.lm-breadcrumbs span {
  color: #fff;
}
.lm-step,
.lm-problem {
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 10px;
  align-items: start;
  border-bottom: 1px solid var(--border);
  padding: 12px 0;
}
.lm-step strong {
  border-radius: 50%;
  background: var(--teal);
  text-align: center;
  padding: 6px;
}
.lm-code {
  background: linear-gradient(110deg, #173c4d, var(--teal));
  border: 2px dashed var(--cyan);
  padding: 20px;
  text-align: center;
  font-size: 30px;
  letter-spacing: 3px;
  color: var(--cyan);
  border-radius: 10px;
}
.lm-footer {
  padding: 36px 0 85px;
}
.lm-footer-top {
  display: grid;
  gap: 24px;
}
.lm-footer h3 {
  margin-top: 0;
  color: var(--cyan);
}
.lm-footer-links,
.lm-footer-legal {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 15px;
}
.lm-footer-links a,
.lm-footer-legal a {
  color: #fff;
}
.lm-tiles {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.lm-tiles span {
  background: #405b67;
  border-radius: 4px;
  padding: 3px 7px;
  font-size: 12px;
}
.lm-footer-legal {
  border-top: 1px solid #55717c;
  padding-top: 20px;
  margin-top: 25px;
}
.lm-copy {
  font-size: 13px;
  color: var(--muted);
}
.lm-widget {
  position: fixed;
  z-index: 15;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(90deg, var(--cyan), var(--teal));
  color: #06232b;
}
.lm-widget-inner {
  max-width: 1200px;
  margin: auto;
  padding: 10px 16px;
  display: flex;
  justify-content: center;
  gap: 15px;
  align-items: center;
}
.lm-widget-btn {
  background: #06232b;
  color: #fff;
  padding: 5px 12px;
  border-radius: 5px;
}
.lm-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 50;
}
.lm-modal.open {
  display: block;
}
.lm-modal-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
}
.lm-modal-box {
  position: relative;
  background: #112a39;
  width: min(800px, calc(100% - 30px));
  margin: 8vh auto;
  padding: 35px 15px 20px;
  border-radius: 10px;
}
.lm-modal-box iframe {
  width: 100%;
  height: 400px;
  border: 0;
}
.lm-modal-close {
  position: absolute;
  right: 10px;
  top: 5px;
  background: none;
  border: 0;
  color: #fff;
  font-size: 25px;
}
.lm-modal-cta {
  display: block;
  margin-top: 12px;
}
.wp-post-image,
.entry-content,
.elementor-widget,
.woocommerce-page,
.site-main {
  display: block;
}
@keyframes pulse {
  50% {
    opacity: 0.35;
  }
}
@media (min-width: 480px) {
  .lm-hrow {
    padding: 12px 0;
  }
  .lm-hbtns {
    gap: 10px;
  }
  .lm-btn {
    padding: 10px 17px;
  }
}
@media (min-width: 768px) {
  .lm-hrow {
    grid-template-columns: auto 1fr auto;
  }
  .lm-nav {
    display: flex;
    grid-column: auto;
    justify-content: center;
  }
  .lm-burger {
    display: none;
  }
  .lm-pros-cons {
    grid-template-columns: 1fr 1fr;
  }
  .lm-grid-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .lm-footer-top {
    grid-template-columns: 1.2fr 1fr 1.4fr 1.4fr;
  }
  .lm-slide {
    min-height: 430px;
  }
  .lm-slide-content {
    padding-left: 0;
  }
}
@media (min-width: 1024px) {
  .lm-main {
    padding-top: 30px;
  }
  .lm-block {
    padding: 28px;
  }
  .lm-h1 {
    font-size: 46px;
  }
}
@media (max-width: 767px) {
  .lm-screenshots,
  .lm-games,
  .lm-bonus-grid {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 8px;
  }
  .lm-screenshot-item,
  .lm-game-card,
  .lm-bonus-card {
    min-width: 82%;
    scroll-snap-align: start;
  }
  .lm-widget-text {
    font-size: 13px;
  }
  .lm-widget-inner {
    justify-content: space-between;
  }
  .lm-table-wrap {
    margin: 0 -5px;
  }
  .lm-table {
    min-width: 650px;
  }
}

.lm-header-cta{display:flex;align-items:center;gap:10px;margin-left:auto}
.lm-logo-wrap{min-width:0;display:flex;align-items:center}
.lm-logo img{display:block;width:auto;max-width:180px;height:48px;object-fit:contain}
.lm-problem{grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:24px;padding:22px 0;align-items:start}
.lm-problem>strong{display:block;line-height:1.35;font-size:17px;overflow-wrap:anywhere}
.lm-problem p{margin:0;color:#d5e3e8;overflow-wrap:anywhere}
.lm-game-card{min-width:0;overflow:hidden}
.lm-game-card img{display:block;width:100%;height:190px;object-fit:cover;object-position:center;border-radius:8px;background:#0b1d28}
.lm-game-card h3,.lm-game-card p{overflow-wrap:anywhere}
.lm-content-text,.lm-block,.lm-category,.lm-bonus-card,.lm-advantage-item{min-width:0;max-width:100%}
.lm-content-text img,.lm-content-text video,.lm-content-text iframe,.lm-content-text canvas{max-width:100%;height:auto}
.lm-content-text table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}

@media (max-width:767px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .lm-wrapper,.lm-main,.lm-container,main,section,.lm-block,.lm-content-text{max-width:100%;min-width:0}
  .lm-container{width:100%;padding-left:14px;padding-right:14px}
  .lm-hrow{display:flex;grid-template-columns:none;flex-wrap:nowrap;align-items:center;gap:8px;padding:9px 0;min-height:68px}
  .lm-logo-wrap{flex:1 1 auto;min-width:0}
  .lm-logo img{width:auto;max-width:132px;height:44px;object-fit:contain}
  .lm-header-cta{display:flex;align-items:center;gap:8px;margin-left:auto;flex:0 0 auto}
  .lm-hbtns{display:flex;gap:0;flex:0 0 auto}
  .lm-hbtns .lm-btn-secondary{display:none!important}
  .lm-hbtns .lm-btn-primary{display:inline-flex!important;padding:9px 12px;font-size:13px;white-space:nowrap}
  .lm-burger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:5px;flex:0 0 44px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:#243f4d}
  .lm-burger span{width:24px;margin:3px 0;transition:.2s}
  .lm-burger.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .lm-burger.active span:nth-child(2){opacity:0}
  .lm-burger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .lm-nav{display:none;position:fixed;left:0;right:0;top:68px;bottom:0;z-index:60;background:#1f3b49;padding:18px 20px 28px;flex-direction:column;align-items:stretch;gap:0;overflow-y:auto}
  .lm-nav.active{display:flex}
  .lm-nav a{display:block;width:100%;padding:14px 8px;border-bottom:1px solid rgba(255,255,255,.1);font-size:16px}
  body.lm-menu-open{overflow:hidden}
  .lm-slide{min-height:300px}
  .lm-slide-content{padding:34px 14px 46px}
  .lm-slide h2{font-size:clamp(28px,9vw,38px);overflow-wrap:anywhere}
  .lm-slide p{font-size:17px;overflow-wrap:anywhere}
  .lm-slider-prev,.lm-slider-next{width:34px;font-size:28px}
  .lm-main{padding:12px 0 44px}
  .lm-h1{font-size:clamp(28px,8vw,36px);overflow-wrap:anywhere}
  .lm-block{padding:17px;margin-bottom:18px}
  .lm-block-title{font-size:clamp(22px,6.5vw,28px);line-height:1.2;overflow-wrap:anywhere}
  .lm-content-text h2{font-size:clamp(22px,6vw,27px)}
  .lm-content-text h3{font-size:20px}
  .lm-content-text p,.lm-content-text li,.lm-breadcrumbs,.lm-category p,.lm-advantage-item p,.lm-bonus-card p{overflow-wrap:anywhere;word-break:normal}
  .lm-breadcrumbs{white-space:normal;line-height:1.4}
  .lm-pros-cons,.lm-grid-3,.lm-bonus-grid,.lm-category-grid,.lm-games,.lm-screenshots{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;overflow:visible!important;width:100%!important}
  .lm-screenshot-item,.lm-game-card,.lm-bonus-card,.lm-category,.lm-advantage-item{width:100%!important;min-width:0!important;max-width:100%!important;scroll-snap-align:none!important}
  .lm-game-card img{height:auto;aspect-ratio:4/3;object-fit:cover}
  .lm-game-actions{display:flex;flex-wrap:wrap;gap:8px}
  .lm-game-actions .lm-btn,.lm-game-actions .lm-demo-link{max-width:100%}
  .lm-table-wrap{width:100%;max-width:100%;overflow-x:auto;margin:0!important;-webkit-overflow-scrolling:touch}
  .lm-table{min-width:620px;width:max-content;max-width:none}
  .lm-content-text table{width:max-content;min-width:620px;max-width:none}
  .lm-author-inner{flex-direction:column;align-items:flex-start}
  .lm-author-avatar{width:86px;height:86px;object-fit:cover}
  .lm-download-btns{display:grid;grid-template-columns:1fr;gap:8px}
  .lm-download-btns .lm-btn{width:100%}
  .lm-problem{display:grid;grid-template-columns:1fr;gap:8px;padding:17px 0}
  .lm-problem>strong{font-size:16px}
  .lm-problem p{margin:0}
  .lm-step{grid-template-columns:36px minmax(0,1fr)}
  .lm-code{font-size:clamp(20px,7vw,28px);letter-spacing:2px;overflow-wrap:anywhere}
  .lm-modal-box{width:calc(100% - 20px);margin:4vh auto;padding:34px 10px 14px}
  .lm-modal-box iframe{height:min(60vh,420px)}
  .lm-widget-inner{padding:9px 12px;gap:8px;flex-wrap:wrap}
  .lm-widget-text{flex:1 1 180px;font-size:12px;line-height:1.35}
  .lm-widget-btn{flex:0 0 auto;white-space:nowrap}
  .lm-footer-top{grid-template-columns:1fr!important}
  .lm-footer-links,.lm-footer-legal{flex-direction:column;align-items:flex-start}
}

@media (max-width:420px){
  .lm-container{padding-left:10px;padding-right:10px}
  .lm-logo img{max-width:112px;height:40px}
  .lm-hbtns .lm-btn-primary{padding:8px 9px;font-size:12px}
  .lm-burger{width:40px;height:40px;flex-basis:40px}
  .lm-nav{top:64px;padding:14px 16px 24px}
  .lm-block{padding:14px}
  .lm-slide-content{padding-left:10px;padding-right:10px}
  .lm-table{min-width:560px}
  .lm-content-text table{min-width:560px}
}