@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800&display=swap");
:root{
  --bg:#0e202e;
  --header:#314653;
  --cyan:#2bdbfc;
  --teal:#098998;
  --text:#f4f8fa;
  --muted:#b9c9d0;
  --card:#172f3d;
  --card-2:#1c3948;
  --line:#385463;
  --shadow:0 14px 34px rgba(0,0,0,.24);
}
*{box-sizing:border-box;min-width:0}
html{width:100%;max-width:100%;scroll-behavior:smooth;overflow-x:hidden}
body{width:100%;max-width:100%;margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font:16px/1.65 "Inter Tight",sans-serif}
a{color:var(--cyan);text-decoration:none}
a:hover{text-decoration:none}
img,video,iframe,canvas,svg{display:block;max-width:100%}
button,input,textarea,select{font:inherit;max-width:100%}
.lm-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}
.lm-container{width:min(1180px,calc(100% - 32px));margin:0 auto}
.lm-header,.lm-footer{background:var(--header)}
.lm-header{position:sticky;top:0;z-index:80;padding:10px 0;box-shadow:0 4px 18px rgba(0,0,0,.2)}
.lm-head-grid{min-height:76px;display:grid;grid-template-columns:190px minmax(0,1fr) auto;align-items:center;gap:16px}
.lm-logo{display:flex;align-items:center;max-width:100%}
.lm-logo img{width:180px;height:68px;object-fit:contain;object-position:left center;border-radius:0}
.lm-nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:9px 14px}
.lm-nav a{color:#fff;font-size:.9rem;line-height:1.25}
.lm-nav a:hover{color:var(--cyan)}
.lm-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.lm-online{font-size:.78rem;color:var(--muted);white-space:nowrap}
.lm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:0;border-radius:9px;font-weight:800;line-height:1.2;text-align:center;cursor:pointer;max-width:100%;white-space:normal;transition:.2s}
.lm-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}
.lm-login{background:var(--teal);color:#fff}
.lm-signup,.lm-primary{background:var(--cyan);color:#09202b}
.lm-burger{display:none;width:44px;height:44px;align-items:center;justify-content:center;padding:0;border:1px solid var(--line);border-radius:9px;background:#233c4b;color:#fff;font-size:24px;line-height:1;flex:0 0 44px}
body.lm-menu-open{overflow:hidden}
.lm-main{padding:22px 0 100px}
.lm-hero{position:relative;min-height:310px;display:grid;align-items:center;margin-bottom:18px;border-radius:18px;overflow:hidden;background:linear-gradient(90deg,rgba(14,32,46,.95),rgba(14,32,46,.42)),url("/banky.jpg") center/cover}
.lm-slide{display:none;width:100%;max-width:690px;padding:38px 42px}
.lm-slide.active{display:block;animation:fade .35s ease}
.lm-slide h1{max-width:100%;margin:0 0 12px;font-size:clamp(2rem,4.5vw,3.5rem);line-height:1.07;overflow-wrap:anywhere}
.lm-slide p{max-width:100%;margin:0 0 18px;color:var(--muted);font-size:1.08rem;line-height:1.55;overflow-wrap:anywhere}
.lm-arrows{position:absolute;right:18px;bottom:18px;display:flex;gap:8px}
.lm-arrow{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:rgba(0,0,0,.42);color:#fff}
.lm-crumb{max-width:100%;margin:10px 0 18px;color:var(--muted);font-size:.9rem;overflow-wrap:anywhere}
.lm-box{width:100%;max-width:100%;margin:16px 0;padding:24px;border:1px solid var(--line);border-radius:15px;background:var(--card);box-shadow:var(--shadow);overflow:hidden}
.lm-box h1,.lm-box h2,.lm-box h3{max-width:100%;overflow-wrap:anywhere}
.lm-box h1{margin-top:0;font-size:clamp(1.9rem,4vw,3rem);line-height:1.15}
.lm-box h2{margin-top:0;color:#fff;font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.2}
.lm-box h3{line-height:1.25}
.lm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lm-card{width:100%;max-width:100%;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--card-2);overflow:hidden}
.lm-card h2,.lm-card h3{margin-top:0;overflow-wrap:anywhere}
.lm-card p,.lm-card li,.lm-card a{overflow-wrap:anywhere}
.lm-highlight{background:linear-gradient(135deg,#0a5662,#1d3442);border-color:var(--teal)}
.lm-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lm-game{display:flex;flex-direction:column;gap:8px;padding:12px}
.lm-game img{width:100%;height:170px;object-fit:cover;border-radius:9px;background:#102734}
.lm-game h3{margin:2px 0 0}
.lm-game p{margin:0;color:var(--muted)}
.lm-game .lm-btn{align-self:flex-start;margin-top:auto}
.lm-table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.lm-table{width:100%;min-width:560px;border-collapse:collapse;text-align:left}
.lm-table th,.lm-table td{padding:12px;border:1px solid var(--line);vertical-align:top}
.lm-table th{background:#244756;color:#fff}
.lm-slot{display:grid;gap:16px;justify-items:center}
.lm-reels{display:flex;max-width:100%;gap:10px;justify-content:center}
.lm-reel{width:78px;height:75px;display:grid;place-items:center;border-radius:9px;background:#f5f7f8;color:#0e202e;font-size:42px}
.lm-result{min-height:28px;color:var(--cyan);font-weight:700;text-align:center}
.lm-leaderboard{margin:0;padding:0;list-style:none;counter-reset:rank}
.lm-leaderboard li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:8px;padding:9px 0;border-bottom:1px solid var(--line);counter-increment:rank;align-items:center}
.lm-leaderboard li::before{content:counter(rank);color:var(--cyan);font-weight:700}
.lm-leaderboard li span{overflow-wrap:anywhere}
.lm-leaderboard li strong{white-space:nowrap}
.lm-stars{color:#ffd45b;letter-spacing:2px}
.lm-review-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.lm-review img{width:42px;height:42px;border-radius:50%;object-fit:cover;float:left;margin:0 10px 6px 0}
.lm-form{display:grid;gap:10px;width:100%;max-width:650px}
.lm-form input,.lm-form textarea{width:100%;min-width:0;padding:12px;border:1px solid var(--line);border-radius:7px;background:#102734;color:#fff}
.lm-form textarea{min-height:110px;resize:vertical}
.lm-success{color:#9ff4bc}
.lm-content-area,.lm-technical{min-width:0;max-width:100%;line-height:1.8}
.lm-content-area{background:linear-gradient(180deg,#173746,#142f3d)}
.lm-technical{max-width:920px;margin:0 auto;background:linear-gradient(180deg,#173746,#142f3d);border:1px solid #456575;box-shadow:0 14px 34px rgba(0,0,0,.28)}
.lm-content-area h2,.lm-technical h2{margin-top:1.5em;color:var(--cyan)}
.lm-content-area h3,.lm-technical h3{color:#fff}
.lm-content-area p,.lm-content-area li,.lm-content-area a,.lm-content-area h1,.lm-content-area h2,.lm-content-area h3,.lm-technical p,.lm-technical li,.lm-technical a,.lm-technical h1,.lm-technical h2,.lm-technical h3{max-width:100%;overflow-wrap:anywhere;word-break:normal}
.lm-content-area ul,.lm-content-area ol,.lm-technical ul,.lm-technical ol{padding-left:22px}
.lm-content-area img,.lm-technical img,.lm-content-area iframe,.lm-technical iframe,.lm-content-area video,.lm-technical video,.lm-content-area canvas,.lm-technical canvas{max-width:100%;height:auto}
.lm-content-area>table,.lm-technical>table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse}
.lm-content-area table,.lm-technical table{border-collapse:collapse;margin:16px 0}
.lm-content-area th,.lm-content-area td,.lm-technical th,.lm-technical td{padding:10px;border:1px solid var(--line);vertical-align:top}
.lm-footer{padding:35px 0 96px}
.lm-foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px}
.lm-foot-grid>div{min-width:0}
.lm-footer .lm-logo img{width:190px;height:82px;object-fit:contain;object-position:left center}
.lm-footer h3{margin-top:0}
.lm-footer ul{list-style:none;padding:0;margin:0}
.lm-footer li{margin:5px 0}
.lm-footer p,.lm-footer li,.lm-footer a{overflow-wrap:anywhere}
.lm-payments{display:flex;flex-wrap:wrap;gap:7px}
.lm-pill{padding:5px 9px;border-radius:5px;background:#eaf2f5;color:#102734;font-size:.8rem;font-weight:700}
.lm-copy{margin-top:25px;padding-top:15px;border-top:1px solid var(--line);color:var(--muted)}
.lm-widget{position:fixed;left:0;right:0;bottom:0;z-index:70;padding:10px 14px;border-top:1px solid var(--teal);background:#102b38;text-align:center}
.lm-widget a{font-weight:700;overflow-wrap:anywhere}
.lm-modal{display:none;position:fixed;inset:0;z-index:100;place-items:center;padding:15px;background:rgba(0,0,0,.82)}
.lm-modal.open{display:grid}
.lm-modal-box{position:relative;width:min(720px,100%);max-width:100%;padding:18px;border-radius:14px;background:var(--card)}
.lm-modal iframe{width:100%;height:360px;border:0;background:#08141b}
.lm-close{position:absolute;right:12px;top:8px;border:0;background:none;color:#fff;font-size:25px}
.lm-fade{opacity:0;transform:translateY(15px);transition:.5s}
.lm-fade.visible{opacity:1;transform:none}
@keyframes fade{from{opacity:0}to{opacity:1}}
.unused-zx9{display:none}

@media(max-width:1100px){
  .lm-head-grid{grid-template-columns:165px minmax(0,1fr) auto;gap:12px}
  .lm-logo img{width:158px;height:62px}
  .lm-nav{gap:8px}
  .lm-nav a{font-size:.84rem}
  .lm-online{display:none}
  .lm-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lm-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:900px){
  .lm-container{width:calc(100% - 24px)}
  .lm-header{padding:6px 0}
  .lm-head-grid{min-height:64px;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}
  .lm-logo img{width:138px;height:52px}
  .lm-actions{gap:7px}
  .lm-actions .lm-login{display:none}
  .lm-actions .lm-signup{padding:8px 11px;font-size:.76rem;white-space:nowrap}
  .lm-burger{display:inline-flex}
  .lm-nav{display:none;position:fixed;inset:64px 0 0 0;width:100vw;height:calc(100dvh - 64px);max-width:none;padding:18px 16px 34px;background:#243d4c;border:0;border-radius:0;box-shadow:none;overflow-y:auto;z-index:75}
  .lm-nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .lm-nav a{width:100%;padding:14px 4px;border-bottom:1px solid rgba(255,255,255,.12);color:#fff;font-size:1rem}
  .lm-main{padding:14px 0 96px}
  .lm-hero{min-height:0;display:block;margin-bottom:14px;border-radius:14px;background-position:center}
  .lm-slide{width:100%;max-width:none;padding:24px 18px 28px}
  .lm-slide h1{font-size:clamp(1.65rem,6.7vw,2.35rem);line-height:1.08}
  .lm-slide p{font-size:.98rem;line-height:1.5}
  .lm-arrows{right:10px;bottom:10px}
  .lm-box{margin:12px 0;padding:16px;border-radius:13px}
  .lm-box h1{font-size:clamp(1.7rem,6.5vw,2.3rem)}
  .lm-box h2{font-size:clamp(1.45rem,5.7vw,1.95rem)}
  .lm-grid,.lm-games,.lm-review-grid,.lm-foot-grid{grid-template-columns:1fr}
  .lm-card,.lm-game,.lm-review{width:100%;max-width:100%}
  .lm-game img{height:auto;aspect-ratio:16/9;object-fit:cover}
  .lm-game .lm-btn{width:auto;max-width:100%}
  .lm-table{width:max-content;min-width:520px;max-width:none}
  .lm-content-area table,.lm-technical table{min-width:520px}
  .lm-content-area .lm-table-wrap table,.lm-technical .lm-table-wrap table{min-width:520px}
  .lm-reels{width:100%;gap:7px}
  .lm-reel{flex:1 1 0;width:auto;max-width:76px;height:62px;font-size:31px}
  .lm-leaderboard li{grid-template-columns:28px minmax(0,1fr) auto;gap:6px}
  .lm-form{max-width:100%}
  .lm-modal-box{padding:12px}
  .lm-modal iframe{height:230px}
  .lm-footer{padding:28px 0 102px}
  .lm-footer .lm-logo img{width:155px;height:68px}
  .lm-widget{padding:9px 12px;font-size:.86rem;line-height:1.35}
}

@media(max-width:520px){
  body{font-size:15px}
  .lm-container{width:calc(100% - 18px)}
  .lm-head-grid{grid-template-columns:minmax(0,1fr) auto auto;gap:6px}
  .lm-logo img{width:112px;height:46px}
  .lm-actions .lm-signup{padding:7px 8px;font-size:.69rem;max-width:96px}
  .lm-burger{width:40px;height:40px;flex-basis:40px;font-size:22px}
  .lm-nav{inset:58px 0 0 0;height:calc(100dvh - 58px);padding:14px 12px 28px}
  .lm-slide{padding:20px 13px 24px}
  .lm-slide h1{font-size:clamp(1.45rem,8vw,1.9rem)}
  .lm-slide p{font-size:.93rem}
  .lm-box{padding:13px}
  .lm-card{padding:13px}
  .lm-crumb{font-size:.82rem}
  .lm-table,.lm-content-area table,.lm-technical table{min-width:480px}
  .lm-reel{height:56px;font-size:27px}
  .lm-widget{font-size:.8rem}
}

@media(max-width:360px){
  .lm-logo img{width:96px;height:42px}
  .lm-actions .lm-signup{max-width:82px;padding:7px 6px;font-size:.64rem}
  .lm-burger{width:38px;height:38px;flex-basis:38px}
  .lm-nav{inset:54px 0 0 0;height:calc(100dvh - 54px)}
  .lm-table,.lm-content-area table,.lm-technical table{min-width:440px}
}
