:root{
  --in-bg:#0e2136; --in-bg-2:#123a52;
  --in-panel:#16304a; --in-panel-2:#1d3d5c; --in-panel-3:#234a6e;
  --in-line:rgba(255,255,255,.10);
  --in-text:#eef5ff; --in-body:#cdddec; --in-muted:#94adc4;
  --in-yellow:#ffd23f; --in-orange:#ff7a3f; --in-pink:#ff4d8d;
  --in-mint:#2ee6a6; --in-cyan:#19d5ff;
  --in-grad:linear-gradient(135deg,#ff8a3d 0%,#ff4d8d 100%);
  --in-grad-cyan:linear-gradient(135deg,#19d5ff 0%,#5a7bff 100%);
  --in-r:14px; --in-r-md:18px; --in-r-lg:24px; --in-r-pill:999px;
  --in-wrap:910px;
  --in-font-head:'Fredoka','Baloo 2',system-ui,'Segoe UI',sans-serif;
  --in-font-body:'Nunito',system-ui,-apple-system,'Segoe UI',sans-serif;
  --in-shadow:0 14px 34px rgba(0,0,0,.34);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; background:var(--in-bg); scroll-padding-top:82px}
body{
  margin:0; font-family:var(--in-font-body); color:var(--in-body);
  font-size:17px; line-height:1.72; font-weight:400;
  min-height:100vh; background:transparent;
}
body::before{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(1100px 620px at 82% -6%, rgba(255,77,141,.16), transparent 60%),
    radial-gradient(900px 560px at 8% 4%, rgba(25,213,255,.14), transparent 58%),
    linear-gradient(180deg, var(--in-bg-2) 0%, var(--in-bg) 34%, var(--in-bg) 100%);
}
.in-sr{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0}
.in-wrap{overflow-x:clip}
.in-container{max-width:var(--in-wrap); margin:0 auto; padding:0 18px}
img{max-width:100%; height:auto; display:block}
a{color:var(--in-yellow); text-decoration:none}
a:hover{text-decoration:underline}

h1,h2,h3{font-family:var(--in-font-head); color:var(--in-text); line-height:1.15; font-weight:600; margin:0 0 .5em}
.in-main h2{font-size:clamp(23px,3.6vw,30px); margin:1.9em 0 .55em; position:relative; padding-left:20px}
.in-main h2::before{content:""; position:absolute; left:0; top:.16em; width:9px; height:1.05em;
  border-radius:6px; background:var(--in-grad)}
.in-main h3{font-size:20px; margin:1.4em 0 .4em; color:#fff}
.in-main p{margin:0 0 1em}
.in-main a{color:var(--in-yellow); font-weight:700}
.in-main a:hover{color:#ffe27a}
.in-lead{font-size:19px; color:var(--in-text)}
.in-main ul,.in-main ol{margin:0 0 1.2em; padding-left:0; list-style:none}
.in-main ul>li,.in-main ol>li{position:relative; padding-left:34px; margin:.5em 0}
.in-main ul>li::before{content:""; position:absolute; left:6px; top:.52em; width:9px; height:9px;
  border-radius:50%; background:var(--in-mint); box-shadow:0 0 0 4px rgba(46,230,166,.16)}
.in-main ol{counter-reset:in-c}
.in-main ol>li{counter-increment:in-c}
.in-main ol>li::before{content:counter(in-c); position:absolute; left:0; top:.05em;
  width:24px; height:24px; border-radius:50%; background:var(--in-grad); color:#fff;
  font-family:var(--in-font-head); font-weight:600; font-size:13px; display:grid; place-items:center}
.in-main li>strong,.in-main p>strong{color:#fff}

.in-btn{display:inline-flex; align-items:center; gap:9px; font-family:var(--in-font-head);
  font-weight:600; font-size:17px; padding:14px 26px; border-radius:var(--in-r-pill);
  border:0; cursor:pointer; text-decoration:none; color:#fff; line-height:1}
.in-btn--primary{background:var(--in-grad); box-shadow:0 10px 26px rgba(255,77,141,.42), inset 0 1px 0 rgba(255,255,255,.35)}
.in-btn--primary:hover{filter:brightness(1.06); text-decoration:none; transform:translateY(-1px)}
.in-btn--ghost{background:rgba(255,255,255,.06); color:#fff; border:1.5px solid rgba(255,255,255,.22)}
.in-btn--ghost:hover{background:rgba(255,255,255,.12); text-decoration:none}
.in-btn,.in-btn:hover{transition:transform .15s ease, filter .15s ease, background .15s ease}

.in-header{position:sticky; top:0; z-index:50;
  background:rgba(11,26,44,.82); backdrop-filter:blur(12px);
  border-bottom:1px solid var(--in-line)}
.in-header__inner{display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:66px}
.in-logo{display:inline-flex; align-items:center; gap:10px; text-decoration:none}
.in-logo:hover{text-decoration:none}
.in-logo__mark{display:inline-flex; filter:drop-shadow(0 4px 12px rgba(255,162,0,.35))}
.in-logo__mark img{display:block; width:40px; height:40px; border-radius:10px}
.in-logo__text{display:inline-flex; flex-direction:column; line-height:1; font-family:var(--in-font-head)}
.in-logo__text b{font-weight:700; font-size:22px; color:var(--in-yellow)}
.in-logo__text i{font-style:normal; font-weight:600; font-size:12px; letter-spacing:.34em;
  color:#0a0a0a; text-transform:uppercase; margin-top:1px;
  text-shadow:-.5px -.5px 0 rgba(255,255,255,.85), .5px -.5px 0 rgba(255,255,255,.85), -.5px .5px 0 rgba(255,255,255,.85), .5px .5px 0 rgba(255,255,255,.85)}
.in-nav ul{display:flex; align-items:center; gap:6px; margin:0; padding:0; list-style:none}
.in-nav a{display:inline-block; padding:5px 15px; border-radius:var(--in-r-pill);
  color:var(--in-body); font-family:var(--in-font-head); font-weight:500; font-size:16px}
.in-nav a:hover{background:rgba(255,255,255,.08); color:#fff; text-decoration:none}
.in-nav a.is-active{background:var(--in-yellow); color:#12233a}
.in-nav__cta a{background:var(--in-grad); color:#fff !important; box-shadow:0 8px 20px rgba(255,77,141,.4)}
.in-nav__cta a:hover{filter:brightness(1.07)}
.in-nav-toggle,.in-burger{display:none}

.in-hero{position:relative; margin:20px 0 8px; border-radius:var(--in-r-lg); overflow:hidden;
  min-height:352px; display:flex; align-items:center; box-shadow:var(--in-shadow);
  background:radial-gradient(120% 130% at 78% 24%, rgba(255,77,141,.22), transparent 58%),
    linear-gradient(160deg,#1b3a58,#0e2136)}
.in-hero--img{background:#0e2136 center right/cover no-repeat; background-image:url(/assets/img/hero.webp)}
.in-hero--img::before{content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(90deg, rgba(9,20,36,.95) 4%, rgba(9,20,36,.72) 38%, rgba(9,20,36,.16) 60%, rgba(9,20,36,0) 78%)}
.in-hero__inner{position:relative; z-index:2; padding:34px 30px; max-width:62%}
.in-hero__badge{display:inline-flex; align-items:center; gap:8px; font-family:var(--in-font-head);
  font-weight:600; font-size:13px; letter-spacing:.06em; color:var(--in-yellow);
  background:rgba(255,210,63,.14); border:1px solid rgba(255,210,63,.34);
  padding:7px 14px; border-radius:var(--in-r-pill); margin-bottom:16px}
.in-hero__title{font-size:clamp(27px,4.2vw,40px); font-weight:700; margin:0 0 12px; color:#fff;
  text-shadow:0 2px 16px rgba(0,0,0,.4)}
.in-hero__lead{font-size:16.5px; color:var(--in-body); margin:0 0 20px}

.in-main{padding:8px 0 40px}
.in-figure{margin:1.6em 0}
.in-figure img{width:100%; border-radius:var(--in-r-md); box-shadow:var(--in-shadow)}
.in-video{margin:1.6em 0}
.in-video__wrap{position:relative; line-height:0}
.in-video video{display:block; width:100%; height:auto; border-radius:var(--in-r-md); box-shadow:var(--in-shadow); background:#0b1b2e; border:1px solid rgba(25,213,255,.28)}
.in-video video::-webkit-media-controls-overlay-play-button{display:none}
.in-video video::-webkit-media-controls-start-playback-button{display:none}
.in-video__wrap::after{content:""; position:absolute; inset:0; z-index:1; border-radius:var(--in-r-md);
  background:rgba(6,14,26,0); pointer-events:none; transition:background .2s ease}
.in-video.is-playing:hover .in-video__wrap::after{background:rgba(6,14,26,.3)}
.in-video__play{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2;
  width:76px; height:76px; border-radius:50%; border:0; cursor:pointer; padding:0;
  display:grid; place-items:center; color:#fff; background:var(--in-grad);
  box-shadow:0 12px 30px rgba(255,47,98,.5), 0 0 0 6px rgba(255,255,255,.14);
  transition:transform .16s ease, opacity .22s ease, box-shadow .16s ease}
.in-video__play svg{width:32px; height:32px}
.in-video__ico-play{margin-left:4px}
.in-video__ico-pause{display:none}
.in-video__play:hover{transform:translate(-50%,-50%) scale(1.07); box-shadow:0 16px 36px rgba(255,47,98,.6), 0 0 0 8px rgba(255,255,255,.18)}
.in-video.is-playing .in-video__play{opacity:0; pointer-events:none}
.in-video.is-playing:hover .in-video__play{opacity:1; pointer-events:auto}
.in-video.is-playing .in-video__ico-play{display:none}
.in-video.is-playing .in-video__ico-pause{display:block}

/* Компактная плашка казино: слева бренд+описание, справа сумма бонуса над кнопкой,
   сундук - растушёванный фон правой части (за контентом) */
.in-cta{position:relative; overflow:hidden; margin:1.6em 0 2em; padding:18px 22px;
  background:radial-gradient(135% 150% at 12% 4%, #07395c 0%, #04223c 46%, #001430 100%);
  border:1.5px solid rgba(25,213,255,.42); border-radius:var(--in-r-lg);
  box-shadow:0 0 0 1px rgba(25,213,255,.10), 0 14px 34px rgba(0,0,0,.42), 0 0 34px rgba(25,213,255,.14)}
/* чип «есть игры InOut» справа от названия казино */
.in-cta__chip{display:inline-flex; align-items:center; gap:8px; padding:6px 7px 6px 10px;
  border-radius:var(--in-r-pill); white-space:nowrap;
  background:linear-gradient(180deg, rgba(46,230,166,.14), rgba(46,230,166,.05));
  border:1px solid rgba(46,230,166,.36); box-shadow:inset 0 0 14px rgba(46,230,166,.08)}
.in-cta__chip-ok{flex:0 0 auto; color:var(--in-mint); filter:drop-shadow(0 0 5px rgba(46,230,166,.6))}
.in-cta__chip-txt{font-family:var(--in-font-head); font-weight:600; font-size:12.5px; line-height:1; color:#c9f7e7}
.in-cta__chip-num{display:inline-flex; align-items:center; gap:5px; padding:4px 9px; border-radius:var(--in-r-pill);
  background:rgba(46,230,166,.2); color:#eafff8; line-height:1}
.in-cta__chip-num svg{flex:0 0 auto; opacity:.85}
.in-cta__chip-num b{font-family:var(--in-font-head); font-weight:700; font-size:12.5px}

.in-cta__scene{position:absolute; z-index:0; top:0; right:0; bottom:0; width:min(52%,380px);
  background:right center/cover no-repeat;
  -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 44%);
          mask-image:linear-gradient(90deg, transparent 0, #000 44%)}
.in-cta__scene::after{content:''; position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(3,26,48,.75) 0, rgba(3,26,48,.16) 42%, rgba(3,26,48,.66) 100%)}

.in-cta__row{position:relative; z-index:2; display:grid; grid-template-columns:1fr auto; gap:22px;
  align-items:center}
.in-cta__left{min-width:0}
.in-cta__head{display:flex; align-items:center; flex-wrap:wrap; gap:10px 13px; margin-bottom:9px}
.in-cta__logo{flex:0 0 auto; display:inline-flex; padding:4px; border-radius:14px;
  background:linear-gradient(180deg, rgba(25,213,255,.16), rgba(25,213,255,.04));
  box-shadow:0 6px 16px rgba(0,0,0,.38), 0 0 16px rgba(25,213,255,.2), inset 0 0 0 1px rgba(25,213,255,.35)}
.in-cta__logo img{width:58px; height:58px; object-fit:cover; border-radius:10px; display:block}
.in-cta__id{display:flex; flex-direction:column; gap:3px; min-width:0}
.in-cta__stars{color:var(--in-yellow); font-size:14px; letter-spacing:1.5px; line-height:1;
  text-shadow:0 2px 8px rgba(255,180,40,.5)}
.in-cta__name{font-family:var(--in-font-head); font-weight:700; font-size:26px;
  color:#fff; line-height:1; text-shadow:0 2px 12px rgba(0,0,0,.45)}
.in-cta__desc{margin:0; color:var(--in-body); font-size:13.5px; line-height:1.5; max-width:36em;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}

.in-cta__right{display:flex; flex-direction:column; align-items:flex-end; gap:10px; text-align:right}
.in-cta__offer{display:flex; flex-direction:column; align-items:flex-end; gap:3px; line-height:1.05}
.in-cta__offer-label{font-family:var(--in-font-head); font-weight:600; font-size:11px; letter-spacing:.7px;
  text-transform:uppercase; color:var(--in-yellow); text-shadow:0 2px 8px rgba(0,0,0,.75)}
.in-cta__offer-main{font-family:var(--in-font-head); font-weight:700; font-size:25px; color:#fff;
  text-shadow:0 2px 10px rgba(0,0,0,.8)}
.in-cta__offer-main b{background:linear-gradient(180deg,#ffe483 8%,#ffb424 92%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:drop-shadow(0 2px 7px rgba(0,0,0,.7))}
.in-cta__offer-main i{font-style:normal; font-weight:600; font-size:.58em; color:#dbe7f2}
.in-cta__offer-fs{font-family:var(--in-font-head); font-weight:700; font-size:13px; color:#ff8ec0;
  text-shadow:0 2px 8px rgba(0,0,0,.8)}
.in-cta__btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; white-space:nowrap;
  font-family:var(--in-font-head); font-weight:700; font-size:16px; letter-spacing:.2px; color:#fff !important;
  background:linear-gradient(90deg,#ff8a1e 0%,#ff2f62 54%,#ff0f7c 100%); padding:11px 24px; border-radius:var(--in-r-pill);
  box-shadow:0 8px 20px rgba(255,47,98,.45), 0 0 22px rgba(255,90,120,.3), inset 0 1px 0 rgba(255,255,255,.42);
  transition:transform .15s ease, filter .15s ease}
.in-cta__btn svg{width:18px; height:18px; transition:transform .15s ease}
.in-cta__btn:hover{filter:brightness(1.07); transform:translateY(-1px); text-decoration:none}
.in-cta__btn:hover svg{transform:translateX(3px)}

.in-table-wrap{overflow-x:auto; margin:1.2em 0 1.6em; border-radius:var(--in-r-md);
  border:1px solid var(--in-line)}
.in-table{width:100%; border-collapse:collapse; min-width:520px; font-size:15.5px}
.in-table th{background:linear-gradient(135deg,#22456a,#1a3a5a); color:#fff; font-family:var(--in-font-head);
  font-weight:600; text-align:left; padding:13px 16px}
.in-table td{padding:13px 16px; border-top:1px solid var(--in-line); vertical-align:top; color:var(--in-body)}
.in-table tr td:first-child{color:#fff; font-weight:700; white-space:nowrap; width:1%; padding-right:22px}
.in-table tbody tr:nth-child(even) td{background:rgba(255,255,255,.03)}

.in-spec{width:100%; border-collapse:separate; border-spacing:0; margin:1.2em 0 1.9em;
  border:1px solid rgba(25,213,255,.18); border-radius:var(--in-r-md); overflow:hidden;
  background:linear-gradient(180deg, rgba(29,61,92,.55), rgba(16,40,64,.55)); font-size:16px}
.in-spec th,.in-spec td{padding:15px 20px; text-align:left; vertical-align:middle; border-top:1px solid var(--in-line)}
.in-spec tr:first-child th,.in-spec tr:first-child td{border-top:0}
.in-spec__key{width:46%; font-family:var(--in-font-head); font-weight:600; color:#fff; white-space:nowrap}
.in-spec__ic{display:inline-flex; align-items:center; justify-content:center; vertical-align:middle;
  width:40px; height:40px; margin-right:13px; border-radius:11px; color:#4cf8e8;
  background:linear-gradient(160deg,#0a3350,#062339); border:1px solid rgba(76,248,232,.3);
  box-shadow:0 0 14px rgba(76,248,232,.14)}
.in-spec__ic svg{filter:drop-shadow(0 0 4px rgba(76,248,232,.5))}
.in-spec__key > span:last-child{vertical-align:middle}
.in-spec__val{color:var(--in-body)}
.in-spec tbody tr:nth-child(even){background:rgba(255,255,255,.022)}
.in-spec tbody tr{transition:background .15s ease}
.in-spec tbody tr:hover{background:rgba(25,213,255,.06)}

.in-crumbs{margin:16px 0 6px; font-size:14px}
.in-crumbs ol{display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin:0; padding:0; list-style:none}
.in-crumbs__item{display:inline-flex; align-items:center; gap:7px; color:var(--in-muted)}
.in-crumbs__item:not(:first-child)::before{content:"/"; color:rgba(255,255,255,.25)}
.in-crumbs a{color:var(--in-body); font-weight:600}
.in-crumbs a:hover{color:var(--in-yellow); text-decoration:none}
.in-crumbs [aria-current]{color:#fff}

.in-slot-hero{display:grid; grid-template-columns:auto 1fr; gap:26px; align-items:center;
  margin:6px 0 4px; padding:22px 24px; border-radius:var(--in-r-lg);
  background:radial-gradient(130% 130% at 12% 8%, rgba(255,77,141,.14), transparent 55%),
    linear-gradient(180deg, rgba(29,61,92,.55), rgba(16,40,64,.55));
  border:1px solid var(--in-line)}
.in-slot-hero__art img{width:200px; height:200px; object-fit:cover; border-radius:var(--in-r-md);
  box-shadow:0 12px 28px rgba(0,0,0,.4)}
.in-slot-hero__provider{margin:0 0 4px; font-family:var(--in-font-head); font-weight:600; font-size:14px;
  color:var(--in-yellow); letter-spacing:.02em}
.in-slot-hero__title{font-size:clamp(28px,4.4vw,42px); margin:0 0 8px; color:#fff}
.in-slot-hero__rating{display:flex; align-items:center; gap:9px; margin-bottom:14px}
.in-slot-hero__stars{color:var(--in-yellow); font-size:20px; letter-spacing:2px; line-height:1}
.in-slot-hero__rnum{font-family:'Fredoka',sans-serif; font-weight:600; font-size:16px; color:var(--in-text)}
.in-slot-hero__rmax{opacity:.55; font-weight:400; font-size:13px}
.in-chips{display:flex; flex-wrap:wrap; gap:10px; margin:0; padding:0; list-style:none}
.in-chips li{display:inline-flex; flex-direction:row; align-items:center; gap:11px; padding:9px 15px 9px 11px; border-radius:14px;
  background:rgba(255,255,255,.05); border:1px solid var(--in-line)}
.in-chips li::before{content:none}
.in-chips__ic{flex:none; display:grid; place-items:center; width:34px; height:34px; border-radius:10px;
  color:var(--in-cyan); background:linear-gradient(150deg, rgba(25,213,255,.18), rgba(46,230,166,.12));
  border:1px solid rgba(25,213,255,.28)}
.in-chips__ic svg{width:19px; height:19px}
.in-chips__txt{display:inline-flex; flex-direction:column; line-height:1.16}
.in-chips__k{font-size:11.5px; color:var(--in-muted); text-transform:uppercase; letter-spacing:.05em}
.in-chips__v{font-family:var(--in-font-head); font-weight:600; color:#fff; font-size:16px}

.in-demo{margin:1.5em 0 1.7em}
.in-demo__poster{position:relative; border-radius:var(--in-r-lg); overflow:hidden;
  border:1px solid rgba(25,213,255,.28); box-shadow:var(--in-shadow); background:var(--in-panel)}
.in-demo__stage{position:relative; min-height:342px; padding:40px 26px 36px;
  display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:13px;
  background:#0b1b2e url(/assets/img/demo-bg.webp) center/cover no-repeat}
.in-demo__stage::before{content:""; position:absolute; inset:0;
  background:radial-gradient(125% 92% at 50% 42%,rgba(9,20,34,.32) 0%,rgba(9,20,34,.72) 60%,rgba(8,17,30,.92) 100%)}
.in-demo__stage>*{position:relative; z-index:1}
.in-demo__badge{display:inline-flex; align-items:center; gap:7px; font-family:var(--in-font-head);
  font-weight:600; font-size:12px; letter-spacing:1.6px; text-transform:uppercase; color:var(--in-cyan);
  padding:6px 15px; border-radius:var(--in-r-pill); background:rgba(6,16,28,.55);
  border:1px solid rgba(25,213,255,.45); box-shadow:0 0 18px rgba(25,213,255,.22)}
.in-demo__badge svg{color:var(--in-yellow)}
.in-demo__title{margin:.06em 0 0; font-family:var(--in-font-head); font-weight:700;
  font-size:clamp(1.5rem,4.2vw,2.15rem); line-height:1.1; color:#fff; text-shadow:0 2px 18px rgba(0,0,0,.55)}
.in-demo__title::after{content:""; display:block; width:74px; height:3px; margin:13px auto 0;
  border-radius:999px; background:var(--in-grad)}
.in-demo__sub{margin:0; max-width:33em; color:var(--in-body); font-weight:600; font-size:.98rem;
  text-shadow:0 1px 10px rgba(0,0,0,.6)}
.in-demo__actions{display:flex; flex-wrap:wrap; gap:13px; justify-content:center; margin-top:9px}
.in-demo__btn{display:inline-flex; align-items:center; gap:9px; cursor:pointer; text-decoration:none;
  font-family:var(--in-font-head); font-weight:600; font-size:1.02rem; line-height:1; padding:14px 27px;
  border-radius:var(--in-r-pill); border:0; transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease}
.in-demo__btn svg{flex:none}
.in-demo__btn--demo{color:var(--in-text); background:rgba(255,255,255,.08); border:1.5px solid rgba(255,255,255,.3)}
.in-demo__btn--demo:hover{background:rgba(255,255,255,.16); border-color:rgba(255,255,255,.55); transform:translateY(-2px)}
.in-demo__btn--real{color:#fff !important; background:var(--in-grad); box-shadow:0 10px 24px rgba(255,77,141,.34)}
.in-demo__btn--real:hover{transform:translateY(-2px); box-shadow:0 14px 32px rgba(255,77,141,.5); text-decoration:none}
.in-demo__bar{display:flex; align-items:center; justify-content:space-between; gap:13px; flex-wrap:wrap;
  padding:13px 18px; background:rgba(6,16,28,.6); border-top:1px solid var(--in-line)}
.in-demo__note{display:inline-flex; align-items:center; gap:8px; color:var(--in-muted); font-size:.85rem; font-weight:600}
.in-demo__note svg{color:var(--in-mint); flex:none}
.in-demo__note .in-demo__age{color:var(--in-pink)}
.in-demo__note-sm{display:none}
.in-demo__fs{display:inline-flex; align-items:center; gap:7px; cursor:pointer; color:var(--in-body);
  background:rgba(255,255,255,.06); border:1px solid var(--in-line); padding:8px 14px; border-radius:var(--in-r-pill);
  font-family:var(--in-font-head); font-weight:600; font-size:.85rem; transition:background .15s ease, color .15s ease}
.in-demo__fs:hover{background:rgba(255,255,255,.14); color:#fff}
.in-demo__frame{position:relative; aspect-ratio:16/9; overflow:hidden;
  border-radius:var(--in-r-lg); border:1px solid rgba(25,213,255,.3); box-shadow:var(--in-shadow); background:#0b1b2e}
.in-demo__frame iframe{position:absolute; inset:0; width:100%; height:100%; border:0}

/* APK / no-download block */
.in-apk{display:flex; align-items:center; gap:30px; margin:20px 0;
  background:linear-gradient(135deg,var(--in-panel) 0%,var(--in-panel-2) 100%);
  border:1px solid var(--in-line); border-radius:var(--in-r-lg); padding:26px 30px; box-shadow:var(--in-shadow)}
.in-apk__visual{position:relative; flex:none}
.in-apk__phone{position:relative; width:108px; height:206px; border-radius:26px;
  background:#0b1a2c; border:3px solid #2b4b6b;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.03), 0 12px 26px rgba(0,0,0,.4)}
.in-apk__cam{position:absolute; top:9px; left:50%; transform:translateX(-50%); width:34px; height:5px; border-radius:3px; background:#2b4b6b}
.in-apk__screen{position:absolute; inset:16px 8px 10px; border-radius:16px;
  background:radial-gradient(120% 90% at 50% 0,#173a58 0,#0e2136 78%);
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:13px}
.in-apk__url{position:absolute; top:9px; left:8px; right:8px; height:17px; border-radius:9px;
  background:rgba(255,255,255,.08); color:var(--in-muted); font-size:8.5px; font-weight:700;
  display:flex; align-items:center; justify-content:center; letter-spacing:.2px}
.in-apk__play{display:inline-flex; align-items:center; justify-content:center; width:52px; height:52px;
  border-radius:50%; background:var(--in-grad); box-shadow:0 8px 20px rgba(255,77,141,.5);
  animation:in-apk-pulse 2.2s ease-in-out infinite}
.in-apk__play svg{width:26px; height:26px; margin-left:3px; fill:#fff; stroke:none}
@keyframes in-apk-pulse{0%,100%{transform:scale(1); box-shadow:0 8px 20px rgba(255,77,141,.45)}
  50%{transform:scale(1.08); box-shadow:0 11px 28px rgba(255,77,141,.75)}}
.in-apk__tap{font-family:var(--in-font-head); font-weight:600; font-size:11px; color:var(--in-body); letter-spacing:.3px}
.in-apk__noapk{position:absolute; bottom:-9px; right:-15px; transform:rotate(-9deg);
  font-family:var(--in-font-head); font-weight:700; font-size:15px; color:#ff6a8a; letter-spacing:.5px;
  background:rgba(255,77,141,.14); border:1.5px solid rgba(255,77,141,.55); border-radius:10px; padding:5px 11px}
.in-apk__noapk-x{position:absolute; left:5%; right:5%; top:52%; height:2px; background:#ff4d8d; transform:rotate(-9deg)}
.in-apk__list{display:grid; gap:13px; margin:0; padding:0; list-style:none; flex:1; min-width:0}
.in-main .in-apk__list>li{display:flex; align-items:center; gap:12px; font-weight:600; color:var(--in-text); font-size:1rem; margin:0; padding-left:0}
.in-main .in-apk__list>li::before{content:none}
.in-apk__ck{display:inline-flex; align-items:center; justify-content:center; flex:none;
  width:30px; height:30px; border-radius:9px; color:var(--in-mint);
  background:rgba(46,230,166,.12); border:1px solid rgba(46,230,166,.35)}

/* Bonus block */
.in-bonus{display:grid; grid-template-columns:1fr 1fr; gap:15px; margin:20px 0}
.in-bonus__tile{display:flex; align-items:flex-start; gap:14px; padding:18px 20px;
  background:var(--in-panel); border:1px solid var(--in-line); border-radius:var(--in-r-md)}
.in-bonus__tile--real{background:linear-gradient(135deg,rgba(255,138,61,.10),rgba(255,77,141,.10)); border-color:rgba(255,122,63,.32)}
.in-bonus__ic{display:inline-flex; align-items:center; justify-content:center; flex:none;
  width:42px; height:42px; border-radius:12px; color:var(--in-cyan);
  background:rgba(25,213,255,.12); border:1px solid rgba(25,213,255,.3)}
.in-bonus__tile--real .in-bonus__ic{color:var(--in-yellow); background:rgba(255,210,63,.12); border-color:rgba(255,210,63,.32)}
.in-bonus__ic svg{width:22px; height:22px}
.in-bonus__k{display:block; font-family:var(--in-font-head); font-weight:600; font-size:.8rem;
  text-transform:uppercase; letter-spacing:.5px; color:var(--in-muted); margin-bottom:3px}
.in-bonus__v{display:block; color:var(--in-text); font-weight:600; line-height:1.4}

.in-diff th:first-child,.in-diff td:first-child{color:#fff; font-weight:700}
.in-back{margin-top:1.6em}
.in-back a{font-family:var(--in-font-head); font-weight:600}

.in-games{display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:1.4em 0 1.8em}
.in-game{position:relative; display:block; aspect-ratio:1/1; border-radius:var(--in-r-md);
  overflow:hidden; background:#16304a; border:1px solid var(--in-line);
  box-shadow:0 8px 20px rgba(0,0,0,.3); transition:transform .16s ease, box-shadow .16s ease}
.in-game__img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
.in-game::after{content:""; position:absolute; left:0; right:0; bottom:0; height:70%; z-index:1;
  background:linear-gradient(to top, rgba(5,12,23,.95) 0%, rgba(5,12,23,.78) 20%, rgba(5,12,23,.36) 46%, rgba(5,12,23,0) 100%)}
.in-game:hover{transform:translateY(-4px); box-shadow:0 16px 30px rgba(0,0,0,.42), 0 0 24px rgba(255,77,141,.28); text-decoration:none}
.in-game:hover .in-game__img{transform:scale(1.05)}
.in-game__img{transition:transform .25s ease}
.in-game__name{position:absolute; left:14px; right:14px; bottom:13px; z-index:2;
  font-family:var(--in-font-head); font-weight:600; font-size:16.5px; color:#fff;
  text-shadow:0 2px 10px rgba(0,0,0,.65); line-height:1.15}
.in-game--soon{cursor:default}

/* Related games block (partials/related-games.php) */
.in-related{margin:2.4em 0 1.2em}
.in-related__title{margin:0 0 .9em; font-family:var(--in-font-head); font-weight:700; font-size:22px; color:#fff}
.in-related__grid{display:grid; grid-template-columns:repeat(4,1fr); gap:14px}
.in-related__card{display:flex; flex-direction:column; text-decoration:none; border-radius:var(--in-r-md);
  overflow:hidden; background:var(--in-panel-3); border:1px solid var(--in-line);
  box-shadow:0 8px 20px rgba(0,0,0,.3); transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.in-related__media{position:relative; display:block; aspect-ratio:1/1; overflow:hidden}
.in-related__img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .28s ease}
.in-related__name{display:block; padding:10px 10px 11px; font-family:var(--in-font-head); font-weight:600;
  font-size:14.5px; color:var(--in-text); line-height:1.2;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.in-related__card:hover{transform:translateY(-5px); border-color:rgba(255,77,141,.5); text-decoration:none;
  box-shadow:0 16px 30px rgba(0,0,0,.42), 0 0 22px rgba(255,77,141,.30)}
.in-related__card:hover .in-related__img{transform:scale(1.06)}
.in-related__card:hover .in-related__name{color:#fff}
.in-related__all{display:flex; align-items:center; gap:.5em; width:fit-content; margin:1.5em auto 0;
  padding:.66em 1.5em; border-radius:var(--in-r-pill); text-decoration:none; font-family:var(--in-font-head);
  font-weight:700; font-size:15px; color:#fff !important; text-shadow:0 1px 3px rgba(0,0,0,.45);
  background:linear-gradient(90deg,#ff9e2f,#ff6a3d); box-shadow:0 8px 18px rgba(255,106,61,.35);
  transition:transform .18s ease, box-shadow .18s ease}
.in-related__all:hover{transform:translateY(-2px); box-shadow:0 12px 24px rgba(255,122,63,.45); text-decoration:none}
.in-related__arr{transition:transform .18s ease}
.in-related__all:hover .in-related__arr{transform:translateX(4px)}
@media (max-width:600px){
  .in-related{margin:2em 0 1em}
  .in-related__title{font-size:19px; margin-bottom:.8em}
  .in-related__grid{grid-template-columns:repeat(2,1fr); gap:11px}
  .in-related__name{font-size:13px; padding:8px 8px 9px}
  .in-related__all{width:100%; justify-content:center; margin-top:1.2em; font-size:14px; padding:.75em 1em}
}

.in-apps{display:flex; flex-wrap:wrap; gap:14px; margin:1.4em 0 1.6em}

.in-faq{margin:1.2em 0 1.6em; display:flex; flex-direction:column; gap:12px}
.in-faq details{background:var(--in-panel); border:1px solid var(--in-line); border-radius:var(--in-r-md); overflow:hidden}
.in-faq summary{list-style:none; cursor:pointer; padding:16px 52px 16px 18px; position:relative;
  font-family:var(--in-font-head); font-weight:500; font-size:17px; color:#fff}
.in-faq summary::-webkit-details-marker{display:none}
.in-faq summary::after{content:""; position:absolute; right:20px; top:50%; width:11px; height:11px;
  border-right:2.4px solid var(--in-yellow); border-bottom:2.4px solid var(--in-yellow);
  transform:translateY(-70%) rotate(45deg); transition:transform .2s ease}
.in-faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.in-faq details[open] summary{color:var(--in-yellow)}
.in-faq__body{padding:0 18px 18px; color:var(--in-body); font-size:15.5px; line-height:1.7}

.in-footer{border-top:1px solid var(--in-line); margin-top:24px; padding:26px 0 34px; text-align:center}
.in-footer__disclaimer{color:var(--in-muted); font-size:13px; line-height:1.6; max-width:760px; margin:0 auto 12px}
.in-footer__age{color:var(--in-body); font-weight:700; margin:0 0 6px; font-family:var(--in-font-head)}
.in-footer__18{display:inline-block; background:var(--in-pink); color:#fff; font-size:12px;
  padding:2px 8px; border-radius:6px; margin-right:6px}
.in-footer__copy{color:var(--in-muted); font-size:13px; margin:0}

.in-scrolltop{position:fixed; right:18px; bottom:18px; z-index:60; width:48px; height:48px;
  display:grid; place-items:center; border:0; border-radius:50%; color:#fff; cursor:pointer;
  background:var(--in-grad); box-shadow:0 10px 24px rgba(255,77,141,.44);
  opacity:0; pointer-events:none; transform:translateY(10px); transition:opacity .25s, transform .25s}
.in-scrolltop.is-visible{opacity:1; pointer-events:auto; transform:none}

.in-sticky{position:fixed; left:0; right:0; bottom:0; z-index:70; transform:translateY(120%); pointer-events:none;
  transition:transform .35s cubic-bezier(.2,.8,.25,1); padding:10px 14px calc(10px + env(safe-area-inset-bottom))}
.in-sticky.is-visible{transform:none}
.in-sticky__inner{position:relative; max-width:var(--in-wrap); margin:0 auto; pointer-events:auto}
.in-sticky__link{display:flex; align-items:center; gap:16px; padding:12px 16px;
  background:linear-gradient(180deg,#1f4064,#14304c); border:1px solid rgba(25,213,255,.4);
  border-radius:var(--in-r-md); box-shadow:0 -6px 26px rgba(0,0,0,.4), 0 0 26px rgba(25,213,255,.16); text-decoration:none}
.in-sticky__link:hover{text-decoration:none}
.in-sticky__logo{flex:0 0 auto; width:48px; height:48px; border-radius:12px; object-fit:cover; background:#0e2338}
.in-sticky__info{display:flex; flex-direction:column; line-height:1.15}
.in-sticky__name{font-family:var(--in-font-head); font-weight:600; color:#fff; font-size:17px}
.in-sticky__name-suf{display:none}
.in-sticky__sub{display:none; color:var(--in-yellow); font-size:13.5px; font-weight:800; font-family:var(--in-font-head)}
.in-sticky__stars{color:var(--in-yellow); font-size:13px; letter-spacing:1px}
.in-sticky__bonus{display:flex; flex-direction:column; line-height:1.18; padding-left:16px; border-left:1px solid rgba(255,255,255,.12)}
.in-sticky__bonus-label{color:var(--in-muted); font-size:12px; font-weight:600}
.in-sticky__bonus-val{color:var(--in-yellow); font-size:15px; font-weight:800; font-family:var(--in-font-head)}
.in-sticky__feats{display:flex; gap:18px; color:var(--in-body); font-size:13.5px; padding-left:16px; border-left:1px solid rgba(255,255,255,.12)}
.in-sticky__feats span{position:relative; padding-left:16px; white-space:nowrap}
.in-sticky__feats span::before{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:8px; height:8px; border-radius:50%; background:var(--in-mint); box-shadow:0 0 8px rgba(46,230,166,.6)}
.in-sticky__btn{margin-left:auto; font-family:var(--in-font-head); font-weight:700; color:#fff; font-size:17px;
  background:linear-gradient(90deg,#ff8a1e,#ff2f62 60%,#ff0f7c); padding:13px 28px; border-radius:var(--in-r-pill); white-space:nowrap;
  box-shadow:0 8px 20px rgba(255,47,98,.44)}
.in-sticky__close{position:absolute; top:3px; right:5px; z-index:3;
  width:20px; height:20px; padding:0; border:0; background:none; cursor:pointer;
  color:var(--in-muted); font-size:20px; line-height:1}
.in-sticky__close:hover{color:#fff}
body.in-has-sticky{padding-bottom:96px}

@media (max-width:820px){
  .in-hero__inner{max-width:74%; padding:28px 24px}
  .in-games{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:720px){

  .in-apk{flex-direction:column; text-align:center; gap:22px; padding:24px 20px}
  .in-apk__list{width:100%; max-width:340px; margin:0 auto}
  .in-apk__list li{text-align:left}
  .in-bonus{grid-template-columns:1fr}

  .in-burger{display:flex; flex-direction:column; justify-content:center; gap:5px;
    width:44px; height:44px; padding:0 10px; cursor:pointer;
    background:rgba(255,255,255,.08); border-radius:12px}
  .in-burger span{display:block; height:2.5px; background:#fff; border-radius:2px; transition:.2s}
  .in-nav{position:absolute; top:66px; left:0; right:0; background:rgba(11,26,44,.98);
    border-bottom:1px solid var(--in-line); max-height:0; overflow:hidden; transition:max-height .3s ease}
  .in-nav ul{flex-direction:column; align-items:stretch; gap:4px; padding:12px 18px}
  .in-nav a{padding:5px 14px}
  .in-nav__cta a{text-align:center}
  .in-nav-toggle:checked ~ .in-nav{max-height:420px}
  .in-sticky__feats{display:none}
}
@media (max-width:640px){
  body{font-size:16px}

  .in-hero{min-height:auto; align-items:stretch; margin:0 -18px 8px; border-radius:0; box-shadow:none}
  .in-hero--img{background-image:url(/assets/img/hero-mobile.webp); background-position:74% top}
  .in-hero--img::before{background:linear-gradient(180deg, rgba(9,20,36,.5) 0%, rgba(9,20,36,.55) 38%, rgba(9,20,36,.86) 74%, rgba(9,20,36,.97) 100%)}
  .in-hero__inner{max-width:100%; padding:30px 20px}
  .in-hero__title{font-size:26px}
  /* компактная плашка на мобиле: одна колонка, сундук - слабый фон, кнопка на всю ширину */
  .in-cta{padding:14px 14px 16px}
  /* чип на мобиле: отдельной строкой под лого/названием, на всю ширину */
  .in-cta__chip{width:100%; justify-content:space-between; padding:7px 7px 7px 11px}
  .in-cta__chip-txt{font-size:12px}
  .in-cta__chip-ok{margin-right:-2px}
  /* длинная почти горизонтальная растушёвка: левый край сундука растворяется, без вертикальной черты */
  .in-cta__scene{width:88%;
    -webkit-mask-image:linear-gradient(96deg, transparent 8%, rgba(0,0,0,.28) 40%, rgba(0,0,0,.72) 68%, #000 92%);
            mask-image:linear-gradient(96deg, transparent 8%, rgba(0,0,0,.28) 40%, rgba(0,0,0,.72) 68%, #000 92%)}
  .in-cta__scene::after{background:linear-gradient(180deg, rgba(3,26,48,.5) 0, rgba(3,26,48,.44) 100%)}
  .in-cta__row{grid-template-columns:1fr; gap:14px}
  .in-cta__head{gap:10px 11px; margin-bottom:9px}
  .in-cta__logo img{width:50px; height:50px}
  .in-cta__name{font-size:22px}
  .in-cta__stars{font-size:13px}
  .in-cta__desc{font-size:13px; max-width:none}
  .in-cta__right{align-items:stretch; text-align:center; gap:11px}
  .in-cta__offer{align-items:center}
  .in-cta__offer-main{font-size:23px}
  .in-cta__btn{width:100%; padding:12px 20px; font-size:16.5px}
  .in-games{grid-template-columns:repeat(2,1fr); gap:11px}
  .in-game__name{font-size:14px; bottom:13px}

  .in-spec{border:0; background:none; border-radius:0}
  .in-spec tbody,.in-spec tr,.in-spec th,.in-spec td{display:block}
  .in-spec tr,.in-spec tbody tr:nth-child(even),.in-spec tbody tr:hover{margin-bottom:12px; padding:14px 16px;
    border:1px solid rgba(25,213,255,.2); border-radius:var(--in-r-md);
    background:linear-gradient(180deg, rgba(29,61,92,.6), rgba(16,40,64,.6))}
  .in-spec th,.in-spec td{padding:0; border:0}
  .in-spec__key{width:auto; white-space:normal; margin-bottom:8px; font-size:15px}
  .in-spec__val{font-size:16px; color:#dbe7f2}
  .in-slot-hero{grid-template-columns:1fr; text-align:center; gap:16px; padding:18px}
  .in-slot-hero__art{margin:0 auto}
  .in-slot-hero__art img{width:148px; height:148px}
  .in-slot-hero__rating{justify-content:center}
  .in-chips{justify-content:center}
  .in-diff{min-width:0; width:100%; font-size:15px}
  .in-diff thead{display:none}
  .in-diff tbody,.in-diff tr,.in-diff td{display:block}
  .in-diff tr{margin-bottom:10px; padding:12px 14px; border:1px solid var(--in-line);
    border-radius:var(--in-r-md); background:rgba(29,61,92,.5)}
  .in-diff td{display:flex; justify-content:space-between; gap:12px; padding:5px 0; border:0}
  .in-diff td::before{content:attr(data-label); color:var(--in-muted); font-weight:600}
  .in-diff td:first-child{font-size:17px; padding-bottom:9px; margin-bottom:5px; border-bottom:1px solid var(--in-line);
    width:auto; white-space:normal; padding-right:0}
  .in-diff td:first-child::before{content:none}
  /* card-режим: гасим десктопную зебру и внешнюю рамку врапа (у карточек своя) */
  .in-diff tbody tr:nth-child(even) td{background:transparent}
  .in-table-wrap:has(.in-diff){border:0; border-radius:0; overflow:visible}
  .in-demo__frame{aspect-ratio:3/4}
  .in-demo__stage{min-height:300px; padding:34px 18px 30px}
  .in-demo__btn{padding:13px 22px; font-size:.98rem}
  .in-demo__bar{justify-content:center; text-align:center}
  .in-demo__note-lg{display:none}
  .in-demo__note-sm{display:inline}

  .in-scrolltop{display:none}

  .in-sticky__link{gap:11px; padding:10px 14px 10px 10px}
  .in-sticky__logo{width:42px; height:42px}
  .in-sticky__bonus,.in-sticky__stars{display:none}
  .in-sticky__name-suf{display:inline}
  .in-sticky__sub{display:block}
  .in-sticky__btn{padding:11px 18px; font-size:15px}
  .in-sticky__close{top:2px; right:3px}
  body.in-has-sticky{padding-bottom:80px}
}
@media (max-width:380px){
  .in-games{grid-template-columns:repeat(2,1fr)}
  .in-sticky__info{max-width:44%}
}