@font-face { font-family: "Golos Text"; src: url("../fonts/GolosText.woff2") format("woff2"); font-weight: 400 900; font-display: swap; }
@font-face { font-family: "Tiny5"; src: url("../fonts/Tiny5.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "FusionPixel12"; src: url("../fonts/FusionPixel12.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "Press Start 2P"; src: url("../fonts/PressStart2P.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "Rubik"; src: url("../fonts/Rubik.woff2") format("woff2"); font-weight: 300 900; font-display: swap; }

:root {

  --bv-blue: #1E90FF; --bv-blue-dark: #0E68D6; --bv-deep: #1670DA; --bv-navy: #0A2A5E;
  --bv-blue-4: #5EB2FF; --bv-blue-5: #B5DCFF; --bv-light: #EAF4FF;
  --text-ink: #15161D; --text-body: #343C50; --text-meta: #566073;
  --sky-top: #DCEBFF; --sky-bottom: #F5F9FE;
  --wall-0: #1E2740; --wall-1: #4A5876; --wall-2: #8795B0; --wall-3: #B4C0D4; --wall-4: #D2DBE8;
  --plate-face: #D5DDE9; --plate-hi: #F7F9FC; --plate-cut: #3E4B68; --plate-shd: #98A5BE;
  --oak-face: #A0794A; --oak-shadow: #1E1208;
  --sea: #1670D8; --sea-foam: #D6EAFF; --sea-shallow: #6FB8FF;
  --lamp-ok: #1CA85A; --state-green: #17834A; --state-off: #C23030;
  --paper: #FBFCFE;

  --k: 4; --kp: 3; --kg: 3; --km: 3;
  --gut: 48px; --maxw: 1200px;

  --f-head: "Press Start 2P", "Rubik", monospace;
  --f-text: "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-sign: "Tiny5", "Rubik", monospace;
  --f-cta: var(--f-head);
  --f-link: "FusionPixel12", "Rubik", monospace;
  --h1: 400 40px/56px var(--f-head);
  --h2: 400 32px/44px var(--f-head);
  --h3: 400 16px/24px var(--f-head);
  --num: 400 24px/32px var(--f-head);
  --price: 400 32px/40px var(--f-head);
  --cta: 400 16px/16px var(--f-cta);
  --t-lead: 400 20px/30px var(--f-text);
  --t-body: 400 17px/26px var(--f-text);
  --t-small: 400 15px/22px var(--f-text);
  --t-strong: 600;
  --head-ws: -0.375em;
  --head-tt: none;
  --head-smooth: none;
}

:root[data-type="A"] {
  --f-text: "FusionPixel12", "Rubik", monospace;
  --t-lead: 400 24px/32px var(--f-text);
  --t-body: 400 24px/30px var(--f-text);
  --t-small: 400 16px/18px var(--f-sign);
  --t-strong: 400;
}
:root[data-type="E"] {
  --f-head: "Golos Text", system-ui, sans-serif; --f-text: "Golos Text", system-ui, sans-serif; --f-cta: var(--f-text);
  --h1: 800 60px/64px var(--f-head);
  --h2: 800 42px/48px var(--f-head);
  --h3: 750 21px/27px var(--f-head);
  --num: 800 30px/34px var(--f-head);
  --price: 800 38px/42px var(--f-head);
  --cta: 700 19px/20px var(--f-cta);
  --head-ws: 0; --head-smooth: antialiased;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; overflow-x: clip; }
body {
  margin: 0; overflow-x: clip;
  background: var(--sky-bottom); color: var(--text-ink);
  font: var(--t-body); -webkit-font-smoothing: antialiased;
}
:root[data-type="A"] body { -webkit-font-smoothing: none; }
img { display: block; max-width: none; }
a { color: inherit; }
.px { image-rendering: pixelated; image-rendering: crisp-edges; }
.sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.wrap { width: 100%; max-width: calc(var(--maxw) + 2 * var(--gut)); margin: 0 auto; padding: 0 var(--gut); position: relative; }
:focus-visible { outline: 3px solid var(--bv-blue); outline-offset: 3px; }
.skip { position: absolute; left: 16px; top: -60px; z-index: 100; background: #fff; padding: 10px 14px; font-weight: 600; }
.skip:focus { top: 12px; }

.h1, .h2, .h3, .num, .price, .cta, .typeline {
  word-spacing: var(--head-ws); text-transform: var(--head-tt);
  -webkit-font-smoothing: var(--head-smooth);
}
.h1 { margin: 0; font: var(--h1); color: var(--text-ink); }
:root[data-type="E"] .h1 { letter-spacing: -0.03em; }
.h2 { margin: 0; font: var(--h2); color: var(--text-ink); text-wrap: balance; }
:root[data-type="E"] .h2 { letter-spacing: -0.025em; }
.h3 { margin: 0; font: var(--h3); color: var(--text-ink); }
.lead { margin: 0; font: var(--t-lead); color: var(--text-body); text-wrap: pretty; }
.small { font: var(--t-small); color: var(--text-meta); }
:root[data-type="A"] .small { text-transform: uppercase; -webkit-font-smoothing: none; }
.sec-head { display: grid; gap: 18px; justify-items: start; max-width: 760px; margin-bottom: 44px; }
.sec-head.center { justify-items: center; text-align: center; margin-left: auto; margin-right: auto; }
.chk { font: 500 12px/1.3 var(--f-text); color: #8A5A00; background: #FFF1D6; padding: 1px 5px; white-space: nowrap; letter-spacing: 0; word-spacing: 0; }
:root[data-type="A"] .chk { font-family: "Rubik", sans-serif; }
body.no-chk .chk { display: none; }

.sign {
  display: inline-flex; align-items: center; gap: 10px;
  margin: 3px; padding: 5px 12px 4px 14px;
  background: var(--plate-hi);
  box-shadow: 0 -3px 0 0 var(--wall-0), 0 3px 0 0 var(--wall-0), -3px 0 0 0 var(--wall-0), 3px 0 0 0 var(--wall-0), inset 0 -3px 0 0 var(--wall-3);
  color: var(--plate-cut);
  font: 400 24px/27px var(--f-sign); text-transform: uppercase; letter-spacing: 0;
  text-shadow: 3px 3px 0 #FFFFFF; -webkit-font-smoothing: none;
}
.sign i { width: 9px; height: 9px; background: var(--bv-blue); box-shadow: 3px 3px 0 var(--bv-navy); flex-shrink: 0; }
.sign i.ok { background: var(--lamp-ok); box-shadow: 3px 3px 0 #0E5A30; }
.sign--oak {
  background: var(--oak-face); color: #FFFFFF; text-shadow: 3px 3px 0 var(--oak-shadow);
  box-shadow: 0 -3px 0 0 #2E1C0F, 0 3px 0 0 #2E1C0F, -3px 0 0 0 #2E1C0F, 3px 0 0 0 #2E1C0F, inset 0 3px 0 0 #AC8656, inset 0 -3px 0 0 #73532F;
}
.sign--sm { font-size: 16px; line-height: 18px; padding: 4px 9px 3px 10px; text-shadow: 2px 2px 0 #fff; }
.sign--oak.sign--sm { text-shadow: 2px 2px 0 var(--oak-shadow); }

.plate {
  position: relative;
  border-style: solid; border-width: 0;
  border-image: url("../img/plate_stone_9slice.png") 3 fill / calc(3px * var(--kp)) / 0 round;
  image-rendering: pixelated;
}
.plate--deep { border-image-source: url("../img/plate_deep_9slice.png"); color: #FFFFFF; }
.plate--oak { border-image: url("../img/plate_oak_9slice.png") 6 fill / calc(6px * var(--kp)) / 0 round; color: #FFFFFF; }
.plate > * { image-rendering: auto; }
.plate .px, .plate img { image-rendering: pixelated; }

.cta {
  position: relative;
  display: inline-flex; align-items: center; justify-content: center; gap: 12px;
  min-height: 64px; padding: 0 30px;
  border-style: solid; border-width: 0; border-radius: 0;
  border-image: url("../img/plate_deep_9slice.png") 3 fill / calc(3px * var(--kp)) / 0 round;
  background: transparent; image-rendering: pixelated;
  color: #FFFFFF; font: var(--cta); text-transform: uppercase; text-decoration: none;
  text-shadow: 2px 2px 0 var(--bv-navy);
  cursor: pointer;
  box-shadow: 0 6px 0 0 var(--bv-navy);
  transition: transform 60ms steps(1), box-shadow 60ms steps(1), filter 80ms steps(2);
}
:root[data-type="E"] .cta { text-transform: none; }
.cta:hover { filter: brightness(1.12) saturate(1.05); }
.cta:active { transform: translateY(4px); box-shadow: 0 2px 0 0 var(--bv-navy); }
.cta:focus-visible { outline: 3px solid var(--bv-navy); outline-offset: 6px; }
.cta--stone { border-image-source: url("../img/plate_stone_9slice.png"); color: var(--text-ink); text-shadow: 2px 2px 0 #FFFFFF; box-shadow: 0 6px 0 0 var(--wall-1); }
.cta--stone:active { box-shadow: 0 2px 0 0 var(--wall-1); }
.cta--full { width: 100%; }
.cta--sm { min-height: 52px; padding: 0 20px; }

.chip {
  --fc: var(--wall-0);
  position: relative; height: 40px; padding: 0 15px; margin: 3px;
  display: inline-flex; align-items: center; gap: 8px;
  border: 0; background: var(--plate-hi); color: var(--text-ink);
  font: 600 15px/1 var(--f-text); text-decoration: none; cursor: pointer; white-space: nowrap;
  box-shadow: 0 -3px 0 0 var(--fc), 0 3px 0 0 var(--fc), -3px 0 0 0 var(--fc), 3px 0 0 0 var(--fc), inset 0 -3px 0 0 var(--wall-3);
}
:root[data-type="A"] .chip { font: 400 16px/18px var(--f-sign); text-transform: uppercase; -webkit-font-smoothing: none; }
.chip:hover { background: #FFFFFF; }
.chip:active { transform: translateY(2px); box-shadow: 0 -3px 0 0 var(--fc), 0 3px 0 0 var(--fc), -3px 0 0 0 var(--fc), 3px 0 0 0 var(--fc), inset 0 3px 0 0 var(--wall-3); }
.chip:focus-visible { --fc: var(--bv-blue); outline: 3px solid var(--bv-blue-5); outline-offset: 5px; }
.chip--blue { background: var(--bv-deep); color: #fff; box-shadow: 0 -3px 0 0 var(--bv-navy), 0 3px 0 0 var(--bv-navy), -3px 0 0 0 var(--bv-navy), 3px 0 0 0 var(--bv-navy), inset 0 -3px 0 0 #0F4FB0; }
.chip--blue:hover { background: #0F4FB0; }

.botlink {
  display: inline-flex; align-items: center; gap: 14px;
  padding: 10px 18px 10px 14px; text-decoration: none; color: var(--wall-0);
  font: 400 24px/32px var(--f-link); -webkit-font-smoothing: none; word-spacing: -0.333em;
}
.botlink img { width: calc(21px * 2); height: calc(17px * 2); }
.botlink small { display: block; font: 500 13px/16px var(--f-text); color: var(--text-meta); -webkit-font-smoothing: antialiased; word-spacing: 0; }
.botlink:hover { filter: brightness(1.04); }
.botlink:hover b { text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 5px; }
.botlink b { font-weight: 400; text-shadow: 2px 2px 0 #FFFFFF; }

.wall {
  --rows: 1;
  position: relative; z-index: 2;
  height: calc(12px * var(--k) + 24px * var(--k) * var(--rows));
  background: url("../img/wall_crenel_tile.png") var(--wx, 0) 0 / calc(23px * var(--k)) calc(12px * var(--k)) repeat-x;
  image-rendering: pixelated;
}
.wall::before {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: calc(11px * var(--k));
  background: url("../img/brick_tile_stone.png") 0 0 / calc(52px * var(--k)) calc(24px * var(--k)) repeat;
  image-rendering: pixelated;
}
.wall--half { --rows: 0.5; }
.bricks {
  background: #8795B0 url("../img/brick_tile_stone.png") 0 0 / calc(52px * var(--k)) calc(24px * var(--k)) repeat;
  image-rendering: pixelated;
}

.band {
  height: calc(12px * var(--k));
  background: url("../img/brick_tile_stone.png") 0 0 / calc(52px * var(--k)) calc(24px * var(--k)) repeat-x;
  image-rendering: pixelated;
  box-shadow: inset 0 3px 0 0 var(--wall-0), inset 0 -3px 0 0 var(--wall-0);
}

.sky { position: absolute; inset: 0; pointer-events: none; overflow: hidden; z-index: 0; }
.cloud { position: absolute; image-rendering: pixelated; animation: drift 70s linear infinite alternate; }
.cloud.c30 { width: calc(30px * var(--k)); } .cloud.c26 { width: calc(26px * var(--k)); }
.cloud.c22 { width: calc(22px * var(--k)); } .cloud.c18 { width: calc(18px * var(--k)); } .cloud.c14 { width: calc(14px * var(--k)); }
.cloud.slow { animation-duration: 110s; animation-direction: alternate-reverse; }
@keyframes drift { from { transform: translateX(0); } to { transform: translateX(96px); } }

.top {
  position: sticky; top: 0; z-index: 50;
  background: rgba(220, 235, 255, 0.94);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  box-shadow: 0 3px 0 0 var(--wall-3);
}
.top .wrap { display: flex; align-items: center; justify-content: space-between; gap: 16px; height: 76px; }
.logo { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; flex-shrink: 0; }
.logo__mark { width: 44px; height: 44px; }
.logo__wm { width: calc(72px * 3); height: calc(8px * 3); margin-top: 3px; }
.nav { display: flex; align-items: center; gap: 8px; }
.nav__links { display: flex; align-items: center; gap: 4px; }
.nav__links a { padding: 10px 10px; font: 500 15px/1 var(--f-text); color: var(--text-body); text-decoration: none; }
:root[data-type="A"] .nav__links a { font: 400 16px/18px var(--f-sign); text-transform: uppercase; -webkit-font-smoothing: none; }
.nav__links a:hover { color: var(--bv-blue-dark); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; }
.burger { display: none; }
.mnav { display: none; }

.hero {
  position: relative; overflow: hidden;
  background: linear-gradient(180deg, var(--sky-top) 0%, var(--sky-bottom) 72%, var(--sky-bottom) 100%);
}
.hero__grid { position: relative; z-index: 3; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); align-items: end; gap: 32px; padding-top: 64px; }
.hero__text { display: grid; gap: 22px; justify-items: start; padding-bottom: 56px; }
.hero .h1 { max-width: 640px; }
.hero .h1 em { font-style: normal; color: var(--bv-deep); text-shadow: 4px 4px 0 var(--bv-blue-5); }
:root[data-type="E"] .hero .h1 em { text-shadow: none; }
.typeline { margin: 0; font: var(--h3); color: var(--text-body); min-height: 24px; }
:root[data-type="E"] .typeline { font: 700 22px/28px var(--f-text); }
.typeline b { font-weight: inherit; color: var(--bv-deep); }
.typeline .caret { display: inline-block; width: 0.5em; height: 1em; background: var(--bv-deep); vertical-align: -0.1em; margin-left: 2px; animation: caret 900ms steps(1) infinite; }
@keyframes caret { 50% { opacity: 0; } }
.hero .lead { max-width: 560px; }
.hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 26px; margin-top: 8px; }
.more { font: 600 17px/1 var(--f-text); color: var(--bv-blue-dark); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; }
:root[data-type="A"] .more { font: 400 24px/24px var(--f-text); }
.more:hover { color: var(--bv-navy); }
.hero__note { margin: -4px 0 0; }

.keep { --th: 330px; position: relative; justify-self: center; display: flex; flex-direction: column; align-items: center; }
.tower {
  --tw: 3;
  position: relative;
  width: calc(23px * var(--k) * var(--tw) - 9px * var(--k));
  height: var(--th, 300px);
  margin-top: calc(12px * var(--k));
  background: #8795B0 url("../img/brick_tile_stone.png") 0 0 / calc(52px * var(--k)) calc(24px * var(--k)) repeat;
  image-rendering: pixelated;
  box-shadow: calc(-1 * var(--k) * 1px) 0 0 0 var(--wall-0), calc(var(--k) * 1px) 0 0 0 var(--wall-0);
}
.tower::before {
  content: ""; position: absolute; left: 0; right: calc(-9px * var(--k)); bottom: calc(100% - 1px * var(--k)); height: calc(12px * var(--k));
  background: url("../img/wall_crenel_tile.png") 0 0 / calc(23px * var(--k)) calc(12px * var(--k)) repeat-x;
  image-rendering: pixelated;
  clip-path: inset(0 calc(9px * var(--k)) 0 0);
}
.tower__banner {
  position: absolute; left: 50%; top: calc(14px * var(--k)); transform: translateX(-50%);
  width: calc(26px * var(--k)); height: calc(40px * var(--k));
  background: var(--bv-deep);
  box-shadow: inset calc(2px * var(--k)) 0 0 0 var(--bv-blue), inset calc(-2px * var(--k)) 0 0 0 #0F4FB0;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 75% 100%, 75% 92%, 62.5% 92%, 62.5% 84%, 37.5% 84%, 37.5% 92%, 25% 92%, 25% 100%, 0 100%);
  display: grid; place-items: start center; padding-top: calc(5px * var(--k));
}
.tower__banner::before { content: ""; position: absolute; left: calc(-2px * var(--k)); right: calc(-2px * var(--k)); top: calc(-2px * var(--k)); height: calc(2px * var(--k)); background: #73532F; }
.tower__banner img { width: calc(22px * var(--k) / 2 * 2); height: calc(22px * var(--k) / 2 * 2); width: 88px; height: 88px; }
.tower__gate { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: calc(14px * var(--k)); height: calc(18px * var(--k)); background: var(--wall-0); clip-path: polygon(0 100%, 0 calc(4px * var(--k)), calc(2px * var(--k)) calc(2px * var(--k)), calc(4px * var(--k)) 0, calc(10px * var(--k)) 0, calc(12px * var(--k)) calc(2px * var(--k)), 100% calc(4px * var(--k)), 100% 100%); }
.tower__gate::after { content: ""; position: absolute; inset: calc(1px * var(--k)) calc(1px * var(--k)) 0; background: repeating-linear-gradient(90deg, #3B4560 0 calc(2px * var(--k)), #1C2234 calc(2px * var(--k)) calc(3px * var(--k))); clip-path: inherit; }

.garg { position: absolute; z-index: 4; cursor: pointer; background: none; border: 0; padding: 0; }
.garg img { width: calc(var(--w) * var(--kg) * 1px); height: calc(var(--h) * var(--kg) * 1px); }
.garg--keep { left: 50%; top: calc(-12px * var(--k)); transform: translate(calc(-32px * var(--kg)), calc(-56px * var(--kg))); }
.garg:focus-visible { outline: 3px solid var(--bv-blue); outline-offset: 4px; }
.garg .f { display: none; }
.garg .f.on { display: block; }

.hero__wall { margin-top: -1px; }

.banners { position: relative; padding-top: 88px; background: var(--sky-bottom); }
.towers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; align-items: end; }
.btower { position: relative; display: flex; flex-direction: column; align-items: stretch; }
.btower__body {
  position: relative; margin-top: calc(12px * var(--k));
  padding: calc(10px * var(--k)) calc(6px * var(--k)) calc(6px * var(--k));
  background: #8795B0 url("../img/brick_tile_stone.png") 0 0 / calc(52px * var(--k)) calc(24px * var(--k)) repeat;
  image-rendering: pixelated;
  box-shadow: -3px 0 0 0 var(--wall-0), 3px 0 0 0 var(--wall-0);
  display: flex; flex-direction: column; align-items: center; gap: 22px;
}
.btower__body::before {
  content: ""; position: absolute; left: 0; right: 0; bottom: calc(100% - 1px * var(--k)); height: calc(12px * var(--k));
  background: url("../img/wall_crenel_tile.png") center 0 / calc(23px * var(--k)) calc(12px * var(--k)) repeat-x;
  image-rendering: pixelated;
}
.flag {
  position: relative; width: 78%; max-width: 280px; min-height: 196px;
  padding: 26px 18px 54px; text-align: center; color: #fff;
  background: var(--bv-deep);
  box-shadow: inset 6px 0 0 0 var(--bv-blue), inset -6px 0 0 0 #0F4FB0, 0 0 0 3px var(--bv-navy);
  clip-path: polygon(-3px -3px, calc(100% + 3px) -3px, calc(100% + 3px) 100%, 70% 100%, 70% calc(100% - 12px), 60% calc(100% - 12px), 60% calc(100% - 24px), 40% calc(100% - 24px), 40% calc(100% - 12px), 30% calc(100% - 12px), 30% 100%, -3px 100%);
  display: grid; justify-items: center; gap: 16px;
  transform-origin: top center;
}
.flag::before { content: ""; position: absolute; left: -12px; right: -12px; top: -3px; height: 9px; background: #73532F; box-shadow: 0 3px 0 #2E1C0F; }
.flag svg { width: 64px; height: 64px; }
.flag .h3 { color: #fff; text-shadow: 3px 3px 0 var(--bv-navy); }
:root[data-type="E"] .flag .h3 { text-shadow: none; }
.btower .plate { margin: 0; padding: 18px 20px 20px; width: 100%; font: var(--t-body); color: var(--text-body); }
.btower .plate p { margin: 0; }
.btower:hover .flag { animation: wave-flag 700ms steps(4) 1; }
@keyframes wave-flag { 0%,100% { transform: skewY(0); } 25% { transform: skewY(1.5deg); } 75% { transform: skewY(-1.5deg); } }

.stats { position: relative; z-index: 3; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; padding: 32px 0 36px; }
.stat { padding: 16px 18px 18px; display: grid; gap: 6px; align-content: start; }
.stat .num { font: var(--num); color: var(--bv-deep); }
.stat .num--inf { font: 700 44px/32px "Rubik", sans-serif; }
.stat .num + span { font: var(--t-small); color: var(--text-body); }
.stat b { font-weight: var(--t-strong); color: var(--text-ink); }
.statwall { padding: 0; }
.statwall .wrap { padding-top: calc(12px * var(--k)); }

.coverage { position: relative; background: var(--sea); color: #fff; padding: 72px 0 80px; }
.coverage::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: calc(3px * var(--k));
  background: repeating-linear-gradient(90deg, var(--sea-foam) 0 calc(8px * var(--k)), var(--sea-shallow) calc(8px * var(--k)) calc(13px * var(--k)));
  image-rendering: pixelated;
}
.coverage .h2 { color: #fff; text-shadow: 4px 4px 0 var(--bv-navy); }
:root[data-type="E"] .coverage .h2 { text-shadow: none; }
.coverage .lead { color: #FFFFFF; }
.map-scroll { position: relative; margin: 0 auto; max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; }
.map {
  position: relative; margin: 0 auto;
  width: calc(328px * var(--km)); height: calc(140px * var(--km));
}
.map > img { width: 100%; height: 100%; }
.spot {
  position: absolute; z-index: 2;
  left: calc(var(--x) * var(--km) * 1px); top: calc(var(--y) * var(--km) * 1px);
  width: calc(32px * var(--km)); height: calc(36px * var(--km));
  border: 0; padding: 0; background: transparent; cursor: pointer;
}
.spot:hover, .spot:focus-visible, .spot.is-on { outline: calc(1px * var(--km)) dashed rgba(255,255,255,0.85); outline-offset: 0; }
.spot__tip {
  position: absolute; left: 50%; bottom: calc(100% + 10px); transform: translateX(-50%);
  white-space: nowrap; pointer-events: none; display: none; margin: 0;
}
.spot:hover .spot__tip, .spot:focus-visible .spot__tip, .spot.is-on .spot__tip { display: inline-flex; }
.spot.edge-r .spot__tip { left: auto; right: 0; transform: none; }
.spot.edge-l .spot__tip { left: 0; transform: none; }
.countries { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 12px; margin: 36px auto 0; padding: 0; list-style: none; max-width: 980px; }
.countries li { margin: 0; }
.country {
  display: inline-flex; align-items: center; gap: 10px; height: 44px; padding: 0 14px 0 10px; margin: 3px;
  background: #0F4FB0; color: #fff; border: 0; cursor: pointer;
  font: 500 15px/1 var(--f-text);
  box-shadow: 0 -3px 0 0 var(--bv-navy), 0 3px 0 0 var(--bv-navy), -3px 0 0 0 var(--bv-navy), 3px 0 0 0 var(--bv-navy), inset 0 3px 0 0 #1670DA;
}
:root[data-type="A"] .country { font: 400 16px/18px var(--f-sign); text-transform: uppercase; -webkit-font-smoothing: none; }
.country img { width: 48px; height: 30px; }
.country:hover, .country.is-on { background: #FFFFFF; color: var(--text-ink); box-shadow: 0 -3px 0 0 var(--bv-navy), 0 3px 0 0 var(--bv-navy), -3px 0 0 0 var(--bv-navy), 3px 0 0 0 var(--bv-navy), inset 0 -3px 0 0 var(--wall-3); }
.coverage .note { text-align: center; color: #FFFFFF; margin: 22px 0 0; font: var(--t-small); }
.coverage .note .chk { color: #5A3A00; }
.swipe-hint { display: none; }

.evening { position: relative; padding: 96px 0 0; background: linear-gradient(180deg, #E4EAF5 0%, var(--sky-bottom) 100%); }
.evening__grid { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: 48px; align-items: end; }
.evening__text { display: grid; gap: 20px; padding-bottom: 40px; justify-items: start; }
.facts { display: grid; gap: 14px; margin: 8px 0 0; padding: 0; list-style: none; }
.facts li { display: grid; grid-template-columns: 18px 1fr; gap: 12px; align-items: start; font: var(--t-body); color: var(--text-body); }
.facts li::before { content: ""; width: 12px; height: 12px; margin-top: 7px; background: var(--bv-blue); box-shadow: 3px 3px 0 var(--bv-navy); }
.facts b { color: var(--text-ink); font-weight: var(--t-strong); }
.stage { --ks: 2; position: relative; min-width: 0; padding: 84px 0 calc(15px * var(--k) + 64px * var(--ks) + 24px); }
.stage__bar { position: relative; z-index: 3; height: 56px; display: flex; align-items: center; gap: 14px; padding: 0 16px; }
.bar { position: relative; flex: 1; height: 24px; background: #FFFFFF; box-shadow: 0 0 0 3px var(--wall-0), inset 0 3px 0 0 #E3E9F2; overflow: hidden; }
.bar i { position: absolute; left: 0; top: 0; bottom: 0; width: 28%; background: repeating-linear-gradient(90deg, var(--bv-blue) 0 12px, var(--bv-deep) 12px 24px); transition: width 1200ms steps(10); }
.stage[data-scene="fast"] .bar i { width: 100%; background: repeating-linear-gradient(90deg, var(--lamp-ok) 0 12px, var(--state-green) 12px 24px); }
.stage__label { font: 400 16px/18px var(--f-sign); text-transform: uppercase; -webkit-font-smoothing: none; color: var(--plate-cut); min-width: 112px; }
.stage[data-scene="lag"] .stage__label .l-fast, .stage[data-scene="fast"] .stage__label .l-lag { display: none; }
.stage__floor { position: absolute; left: 0; right: 0; bottom: 0; }
.actor { position: absolute; bottom: calc(15px * var(--k)); z-index: 2; }
.actor img { width: calc(var(--w) * var(--ks) * 1px); height: calc(var(--h) * var(--ks) * 1px); }
.actor--pult { right: 0; }
.actor--garg { left: 2%; z-index: 3; }
.stage[data-scene="lag"] .f-fast, .stage[data-scene="fast"] .f-lag { display: none; }
.slimes { position: absolute; left: 150px; top: 84px; width: 0; height: 0; z-index: 4; }
.slime { position: absolute; top: calc(-40px * var(--ks) + 10px); }
.slime img { width: calc(40px * var(--ks)); height: calc(40px * var(--ks)); }
.slime:nth-child(1) { left: 0; } .slime:nth-child(2) { left: 76px; } .slime:nth-child(3) { left: 152px; }
.stage[data-scene="lag"] .slime { animation: ooze 1.6s steps(2) infinite; }
.stage[data-scene="lag"] .slime:nth-child(2) { animation-delay: 0.4s; } .stage[data-scene="lag"] .slime:nth-child(3) { animation-delay: 0.8s; }
.stage[data-scene="fast"] .slime { animation: drop 900ms steps(6) forwards; }
.stage[data-scene="fast"] .slime:nth-child(2) { animation-delay: 120ms; } .stage[data-scene="fast"] .slime:nth-child(3) { animation-delay: 240ms; }
@keyframes ooze { 50% { transform: translateY(6px) scaleY(0.9); } }
@keyframes drop { to { transform: translateY(260px); opacity: 0; } }
.stage__cap { position: relative; z-index: 3; margin: 20px 0 0; max-width: 46%; }
.stage[data-scene="lag"] .cap-fast, .stage[data-scene="fast"] .cap-lag { display: none; }
.stage__ctl { position: relative; z-index: 5; margin: 14px 3px 0; }
.evening__wall { margin-top: 0; }

.how { position: relative; padding: 96px 0 0; background: var(--sky-bottom); }
.steps { position: relative; z-index: 3; margin-bottom: calc(-9px * var(--k)) !important; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: end; margin: 0; padding: 0; list-style: none; }
.step { position: relative; display: flex; flex-direction: column; align-items: center; }
.step__who { position: relative; z-index: 2; margin-bottom: -6px; }
.step__who img { width: calc(var(--w) * var(--kg) * 1px); height: calc(var(--h) * var(--kg) * 1px); }
.step .plate { width: 100%; padding: 26px 24px 30px; display: grid; gap: 14px; justify-items: start; min-height: var(--sh, 200px); }
.step:nth-child(1) { --sh: 200px; } .step:nth-child(2) { --sh: 250px; } .step:nth-child(3) { --sh: 300px; }
.step p { margin: 0; color: var(--text-body); }
.step .num { font: var(--num); color: var(--bv-deep); }
.how__after { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px 20px; padding: 36px 0 40px; }

.devices { position: relative; padding: 96px 0 96px; background: var(--bv-light); }
.devgrid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.dev { display: grid; justify-items: center; gap: 10px; padding: 22px 8px 20px; text-align: center; font-weight: var(--t-strong); }
.dev svg { width: 48px; height: 48px; }
.devices__row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px; margin-top: 40px; align-items: stretch; }
.devcard { padding: 28px 30px 30px; display: grid; gap: 14px; align-content: start; }
.devcard p { margin: 0; color: var(--text-body); }
.devcard--support { grid-template-columns: 1fr auto; align-items: end; }
.devcard--support .who img { width: calc(58px * var(--kg)); height: calc(64px * var(--kg)); }
.devcard .actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }

.tariff { position: relative; }
.tariff__sky { padding: 96px 0 28px; background: var(--sky-bottom); }
.trial { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 28px; padding: 22px 28px 24px; margin-top: 8px; }
.trial p { margin: 0; color: #fff; text-shadow: 2px 2px 0 var(--oak-shadow); font: var(--t-lead); font-weight: 700; }
.trial .t1 { font: var(--h3); color: #fff; text-shadow: 3px 3px 0 var(--oak-shadow); margin-bottom: 8px; }
.tariff__wall { padding-bottom: 72px; }
.tariff__wall > .wall { margin-bottom: 64px; }
.plans { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; align-items: stretch; margin: 0; padding: 0; list-style: none; }
.plan { position: relative; display: flex; flex-direction: column; }
.plan .plate { flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px; padding: 50px 22px 26px; }
.plan .term { position: absolute; left: 18px; top: 0; transform: translateY(-50%); z-index: 2; white-space: nowrap; }
.plan .gift { font: 500 15px/20px var(--f-text); color: #0F6436; min-height: 20px; }
:root[data-type="A"] .plan .gift { font: 400 16px/18px var(--f-sign); text-transform: uppercase; -webkit-font-smoothing: none; }
.plan .save { display: inline-block; padding: 4px 8px; background: #FFE14A; color: var(--text-ink); font: 700 13px/1 var(--f-text); box-shadow: 0 0 0 3px var(--wall-0); }
:root[data-type="A"] .plan .save { font: 400 16px/16px var(--f-sign); text-transform: uppercase; }
.plan .price { font: var(--price); color: var(--text-ink); margin-top: 6px; white-space: nowrap; }
.plan .price small { font: var(--t-small); color: var(--text-meta); word-spacing: 0; }
.plan .old { font: var(--t-small); color: var(--text-meta); text-decoration: line-through; text-decoration-thickness: 2px; min-height: 22px; }
.plan .total { font: var(--t-small); color: var(--text-body); margin-top: auto; }
.plan .cta { width: 100%; margin-top: 10px; }
.plan--hot .plate { color: #fff; }
.plan--hot .price, .plan--hot .price small, .plan--hot .old, .plan--hot .total { color: #fff; }
.plan--hot .gift { color: #FFFFFF; font-weight: 700; }
.plan--hot .badge { position: absolute; top: 14px; right: 14px; }
.plan .garg-corner { position: absolute; right: 0; top: 0; z-index: 3; width: 0; height: 0; }
.plan .garg-corner img { position: absolute; width: 140px; height: 128px; left: -102px; top: -112px; }
.pay { display: flex; flex-wrap: wrap; gap: 14px 28px; justify-content: center; align-items: center; margin-top: 44px; padding: 18px 24px 20px; }
.pay p { margin: 0; color: var(--text-body); font: var(--t-small); }
.pay b { color: var(--text-ink); }

.reviews { position: relative; padding: 96px 0 96px; background: var(--sky-bottom); overflow: hidden; }
.reviews .sec-head { position: relative; }
.reviews .sec-head { position: static; }
.vest { position: absolute; right: calc(var(--gut) + 20px); top: -10px; animation: flap 2.4s steps(2) infinite; }
.vest img { width: calc(63px * var(--kg)); height: calc(51px * var(--kg)); }
@keyframes flap { 50% { transform: translateY(-9px); } }
.letters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin: 0; padding: 0; list-style: none; }
.letter {
  position: relative; padding: 46px 26px 24px; background: var(--paper); margin: 3px;
  box-shadow: 0 -3px 0 0 var(--wall-0), 0 3px 0 0 var(--wall-0), -3px 0 0 0 var(--wall-0), 3px 0 0 0 var(--wall-0), 6px 9px 0 0 rgba(30,39,64,0.14);
  display: flex; flex-direction: column; gap: 14px;
}
.letter::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 24px;
  background: repeating-linear-gradient(90deg, var(--bv-blue-5) 0 12px, #FFFFFF 12px 24px);
  box-shadow: inset 0 -3px 0 0 var(--wall-3);
}
.letter .seal { position: absolute; right: 16px; bottom: 14px; width: 64px; height: 64px; }
.letter .from { padding-right: 80px; min-height: 40px; display: flex; align-items: center; }
.letter blockquote { margin: 0; font: var(--t-body); color: var(--text-body); }
.letter .from { margin-top: auto; font-weight: 600; color: var(--text-ink); }
:root[data-type="A"] .letter .from { font-weight: 400; }
.letter .from::before { content: "— "; }
.reviews__more { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: 40px; }
.letters li.extra { display: flex; }

.faq { position: relative; }
.faq__sky { padding: 96px 0 0; background: var(--bv-light); }
.faq__wall { padding: 0 0 80px; }
.faq__wall > .wall { margin-bottom: 40px; }
.faq__col { position: relative; max-width: 900px; margin: 0 auto; display: grid; gap: 16px; }
.faq__peek { position: absolute; right: 48px; top: 0; transform: translateY(calc(-26px * var(--kg))); z-index: 3; }
.faq__peek img { width: calc(64px * var(--kg)); height: calc(32px * var(--kg)); }
.qa { margin: 0; }
.qa summary {
  list-style: none; cursor: pointer;
  display: grid; grid-template-columns: 1fr 30px; gap: 16px; align-items: center;
  padding: 20px 24px; font: 600 19px/27px var(--f-text); color: var(--text-ink);
}
:root[data-type="A"] .qa summary { font: 400 24px/30px var(--f-text); }
:root[data-type="B"] .qa summary { font-weight: 500; }
.qa summary::-webkit-details-marker { display: none; }
.qa summary:focus-visible { outline: 3px solid var(--bv-blue); outline-offset: -6px; }
.qa .chev { width: 30px; height: 30px; display: grid; place-items: center; background: var(--bv-deep); box-shadow: 0 0 0 3px var(--bv-navy); }
.qa .chev svg { width: 14px; height: 8px; }
.qa[open] .chev svg { transform: rotate(180deg); }
.qa .ans { padding: 0 24px 24px; color: var(--text-body); }
.qa .ans p { margin: 0; max-width: 760px; }
.qa[open] summary { padding-bottom: 12px; }

.final { position: relative; overflow: hidden; padding-top: 104px; background: linear-gradient(180deg, var(--sky-bottom) 0%, var(--sky-top) 100%); }
.final__inner { position: relative; z-index: 3; display: grid; justify-items: center; text-align: center; gap: 22px; }
.final .lead { max-width: 620px; }
.final__actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 18px 24px; margin-top: 6px; }
.final__scene { position: relative; height: calc(64px * var(--kg) + 20px); margin-top: 28px; z-index: 3; }
.final__scene .garg { left: 50%; bottom: calc(-3px * var(--kg)); transform: translateX(calc(-32px * var(--kg) - 60px)); }
.final__scene .iskra { position: absolute; left: 50%; bottom: 0; transform: translateX(calc(40px)); }
.final__scene .iskra img { width: calc(66px * var(--kg)); height: calc(75px * var(--kg)); }

.foot { position: relative; padding: 36px 0 44px; }
.foot__grid { display: grid; grid-template-columns: 1.2fr 1fr 1.25fr 1fr; gap: 20px; align-items: start; }
.tab { padding: 20px 22px 22px; display: grid; gap: 10px; align-content: start; }
.tab h3 { margin: 0 0 4px; justify-self: start; }
.tab ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.tab a { font: 500 15px/22px var(--f-text); color: var(--text-ink); text-decoration: none; }
:root[data-type="A"] .tab a { font: 400 24px/26px var(--f-text); }
.tab a:hover { color: var(--bv-blue-dark); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.tab p { margin: 0; font: var(--t-small); color: var(--text-body); }
.tab .logo__wm { margin: 0; }
.foot__copy { margin-top: 20px; display: flex; justify-content: center; }
.foot__copy .plate { padding: 10px 18px; font: 500 14px/20px var(--f-text); color: var(--wall-0); text-align: center; }
.paym { display: flex; flex-wrap: wrap; gap: 8px; }
.paym span { padding: 5px 9px; background: #fff; box-shadow: 0 0 0 3px var(--wall-0); font: 700 13px/1 var(--f-text); color: var(--text-ink); margin: 3px; }

.paydlg { border: 0; padding: 0; background: transparent; max-width: min(560px, calc(100vw - 32px)); width: 100%; overflow: visible; }
.paydlg::backdrop { background: rgba(10, 42, 94, 0.45); }
.paydlg .plate { padding: 40px 34px 34px; display: grid; gap: 16px; }
.paydlg .h3 { font: var(--h3); }
.paydlg p { margin: 0; color: var(--text-body); }
.paydlg label { font-weight: 600; margin-top: 4px; }
.paydlg input {
  appearance: none; border: 0; border-radius: 0; height: 56px; padding: 0 16px; margin: 0 3px;
  font: 400 18px/1 var(--f-text); background: #fff; color: var(--text-ink);
  box-shadow: 0 -3px 0 0 var(--wall-0), 0 3px 0 0 var(--wall-0), -3px 0 0 0 var(--wall-0), 3px 0 0 0 var(--wall-0), inset 0 3px 0 0 #E3E9F2;
}
:root[data-type="A"] .paydlg input { font: 500 18px/1 ui-monospace, Menlo, monospace; }
.paydlg input:focus { outline: 3px solid var(--bv-blue-5); outline-offset: 5px; box-shadow: 0 -3px 0 0 var(--bv-blue), 0 3px 0 0 var(--bv-blue), -3px 0 0 0 var(--bv-blue), 3px 0 0 0 var(--bv-blue); }
.paydlg .x { position: absolute; right: 16px; top: 16px; }
.paydlg .garg-corner { position: absolute; right: 0; top: 0; width: 0; height: 0; z-index: 3; }
.paydlg .garg-corner img { position: absolute; width: 140px; height: 128px; left: -102px; top: -112px; }
.paydlg .sign { justify-self: start; margin-right: 56px; }
.paydlg .x { right: 18px; top: 22px; }
.paydlg .done { display: none; color: var(--state-green); font-weight: 600; }
.paydlg.is-done .done { display: block; }

.demo {
  position: fixed; left: 12px; bottom: 12px; z-index: 60;
  display: flex; align-items: center; gap: 4px; padding: 6px 8px;
  background: #fff; box-shadow: 0 0 0 3px var(--wall-0), 6px 6px 0 0 rgba(30,39,64,0.2);
  font: 600 13px/1 "Rubik", system-ui, sans-serif; color: var(--text-meta);
}
.demo button { height: 30px; min-width: 30px; padding: 0 8px; border: 0; background: var(--plate-face); color: var(--text-ink); font: 700 13px/1 "Rubik", sans-serif; cursor: pointer; box-shadow: inset 0 -3px 0 var(--plate-shd); }
.demo button[aria-pressed="true"] { background: var(--bv-deep); color: #fff; box-shadow: inset 0 -3px 0 var(--bv-navy); }
.demo .sep { width: 3px; height: 22px; background: var(--wall-3); margin: 0 4px; }

@media (max-width: 1180px) {
  :root { --gut: 32px; }
  .nav__links a { padding: 10px 7px; font-size: 14px; }
  .plans { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 52px; }
  .foot__grid { grid-template-columns: 1fr 1fr; }
  .devgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1100px) {
  :root { --k: 3; --km: 2; }
}
@media (max-width: 980px) {
  .nav__links { display: none; }
  .burger { display: inline-flex; }
  .mnav { position: absolute; left: 0; right: 0; top: 100%; background: var(--sky-bottom); box-shadow: 0 3px 0 0 var(--wall-3); padding: 12px var(--gut) 18px; }
  .mnav.open { display: grid; gap: 4px; }
  .mnav a { padding: 12px 4px; font: 600 17px/1 var(--f-text); color: var(--text-ink); text-decoration: none; box-shadow: 0 3px 0 0 var(--wall-4); }
  .hero__grid { grid-template-columns: 1fr; padding-top: 44px; gap: 8px; }
  .hero__text { padding-bottom: 12px; }
  .keep { --th: 200px; margin-top: calc(56px * var(--kg) + 8px); }
  .towers { grid-template-columns: 1fr; gap: 40px; max-width: 520px; margin: 0 auto; }
  .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .evening__grid { grid-template-columns: 1fr; gap: 12px; }
  .steps { grid-template-columns: 1fr; gap: 28px; max-width: 560px; margin: 0 auto; }
  .step .plate { min-height: 0; }
  .step { flex-direction: row; align-items: flex-end; gap: 10px; }
  .step__who { margin: 0 0 0 0; flex-shrink: 0; }
  .step:nth-child(even) { flex-direction: row-reverse; }
  .devices__row { grid-template-columns: 1fr; }
  .letters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  :root { --kp: 2; --kg: 2; --gut: 16px;
    --h1: 400 32px/44px var(--f-head); --h2: 400 24px/36px var(--f-head); --h3: 400 16px/24px var(--f-head);
    --num: 400 24px/32px var(--f-head); --price: 400 24px/32px var(--f-head);
    --t-lead: 400 18px/27px var(--f-text); --t-body: 400 16px/25px var(--f-text); --t-small: 400 14px/21px var(--f-text); }
  :root[data-type="A"] { --t-lead: 400 24px/30px var(--f-text); --t-body: 400 24px/28px var(--f-text); --t-small: 400 16px/18px var(--f-sign); }
  :root[data-type="E"] { --h1: 800 40px/44px var(--f-head); --h2: 800 30px/35px var(--f-head); --h3: 750 19px/25px var(--f-head); --price: 800 30px/34px var(--f-head); --num: 800 26px/30px var(--f-head); --cta: 700 18px/20px var(--f-cta); }
  .top .wrap { height: 64px; }
  .logo { gap: 9px; }
  .logo__mark { width: 44px; height: 44px; }
  .logo__wm { width: calc(72px * 2); height: calc(8px * 2); margin-top: 2px; }
  .nav .chip--blue { padding: 0 11px; }
  .nav .lang, .nav .cab { display: none; }
  .sign { font-size: 16px; line-height: 18px; padding: 4px 9px 3px 10px; text-shadow: 2px 2px 0 #fff; }
  .sign--oak { text-shadow: 2px 2px 0 var(--oak-shadow); }
  .sign i { width: 6px; height: 6px; box-shadow: 2px 2px 0 var(--bv-navy); }
  .sec-head { margin-bottom: 30px; gap: 14px; }
  .hero__actions { flex-direction: column; align-items: stretch; width: 100%; gap: 16px; }
  .hero__actions .more { align-self: center; }
  .cta { min-height: 58px; padding: 0 18px; }
  .botlink { font-size: 24px; padding: 8px 14px 8px 10px; gap: 10px; }
  .botlink img { width: 42px; height: 34px; }
  .banners, .evening, .how, .devices, .reviews { padding-top: 64px; }
  .tariff__sky, .faq__sky { padding-top: 64px; }
  .devices, .reviews { padding-bottom: 64px; }
  .final { padding-top: 72px; }
  .flag { min-height: 0; padding: 22px 16px 46px; }
  .stats { gap: 14px; padding: 24px 0 28px; }
  .stat { padding: 12px 12px 14px; }
  .coverage { padding: 56px 0 60px; }
  .map-scroll { margin: 0 calc(-1 * var(--gut)); padding: 0 var(--gut); }
  .map { width: calc(328px * 2); height: calc(140px * 2); }
  .swipe-hint { display: block; text-align: center; margin: 10px 0 0; color: #fff; font: var(--t-small); }
  .countries { gap: 4px 6px; margin-top: 24px; }
  .country { height: 40px; font-size: 14px; padding: 0 10px 0 8px; gap: 8px; }
  .country img { width: 24px; height: 15px; }
  .stage { padding-bottom: calc(15px * var(--k) + 125px * var(--ks) + 16px); }
  .stage__cap { max-width: none; }
  .actor--garg { left: 0; }
  .slimes { left: 70px; }
  .slime:nth-child(2) { left: 64px; } .slime:nth-child(3) { left: 128px; }
  .step .plate { padding: 20px 18px 22px; }
  .letters { grid-template-columns: 1fr; gap: 22px; }
  .letters li.extra { display: none; }
  .letters.show-all li.extra { display: flex; }
  .vest { top: -36px; right: 10px; }
  .vest img { width: 63px; height: 51px; }
  .vest { top: -6px; }
  .qa summary { padding: 16px 16px; font-size: 17px; line-height: 24px; gap: 12px; }
  .qa .ans { padding: 0 16px 18px; }
  .faq__peek { right: 20px; }
  .devgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .devcard { padding: 22px 20px 24px; }
  .devcard--support { grid-template-columns: 1fr; }
  .devcard--support .who { justify-self: end; margin-top: -10px; }
  .plans { grid-template-columns: 1fr; row-gap: 40px; }
  .plan .garg-corner img { left: -132px; }
  .paydlg .garg-corner img { left: -132px; }
  .trial { padding: 18px 18px 20px; }
  .foot__grid { grid-template-columns: 1fr; }
  .paydlg .plate { padding: 34px 20px 24px; }
  .final__scene .garg { transform: translateX(calc(-32px * var(--kg) - 50px)); }
  .final__scene .iskra { transform: translateX(28px); }
  .demo { left: 8px; bottom: 8px; }
}
@media (max-width: 380px) {
  :root { --h1: 400 24px/36px var(--f-head); }
  .logo__wm { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .cloud, .vest, .slime, .typeline .caret, .btower:hover .flag { animation: none !important; }
  .bar i { transition: none; }
}

.faq__sky, .tariff__sky, .banners, .how { display: flow-root; }

:root[data-hero="1"] .hero:not([data-hv="1"]),
:root[data-hero="2"] .hero:not([data-hv="2"]),
:root[data-hero="3"] .hero:not([data-hv="3"]) { display: none; }

.hero { --k: 3; --kg: 3; }
.hero .hero__text { padding-bottom: 40px; gap: 20px; }
.hfacts { display: flex; flex-wrap: wrap; gap: 12px; margin: 4px 0 0; padding: 0; list-style: none; }
.hfacts li { display: flex; align-items: center; gap: 10px; padding: 9px 14px 10px 12px; margin: 0; }
.hfacts span { font: 500 13px/16px var(--f-text); color: var(--text-body); }
:root[data-type="A"] .hfacts span { font: 400 16px/16px var(--f-sign); text-transform: uppercase; -webkit-font-smoothing: none; }
.hfacts .hf-n { font: 400 16px/16px var(--f-head); color: var(--bv-deep); word-spacing: var(--head-ws); -webkit-font-smoothing: var(--head-smooth); }
:root[data-type="E"] .hfacts .hf-n { font: 800 20px/20px var(--f-head); }
.hfacts .hf-inf { font: 700 30px/16px "Rubik", sans-serif; }
.hero__note { margin: -6px 0 0; }

.speed { display: inline-flex; align-items: center; gap: 12px; padding: 10px 14px; }
.speed__l, .speed__ok { font: 400 16px/18px var(--f-sign); text-transform: uppercase; color: var(--plate-cut); -webkit-font-smoothing: none; white-space: nowrap; }
.speed__ok { display: inline-flex; align-items: center; gap: 6px; color: var(--state-green); opacity: 0; animation: lp-show 1ms steps(1) 900ms forwards; }
.speed__ok i { width: 9px; height: 9px; background: var(--lamp-ok); box-shadow: 2px 2px 0 #0E5A30; }
.speed__bar { position: relative; width: 150px; height: 18px; background: #fff; box-shadow: 0 0 0 3px var(--wall-0); overflow: hidden; }
.speed__bar i { position: absolute; inset: 0 auto 0 0; width: 100%; background: repeating-linear-gradient(90deg, var(--lamp-ok) 0 9px, var(--state-green) 9px 18px); transform-origin: left; animation: lp-fill 800ms steps(8) 100ms both; }
@keyframes lp-fill { from { transform: scaleX(0.04); } to { transform: scaleX(1); } }
@keyframes lp-show { to { opacity: 1; } }

.pkts i { position: absolute; left: 48%; top: var(--y); width: 24px; height: 18px; opacity: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 6' shape-rendering='crispEdges'%3E%3Cpath fill='%230A2A5E' d='M0 0h8v6H0z'/%3E%3Cpath fill='%23fff' d='M1 1h6v4H1z'/%3E%3Cpath fill='%231E90FF' d='M1 1h1v1H1zM6 1h1v1H6zM2 2h1v1H2zM5 2h1v1H5zM3 3h2v1H3z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;
  animation: lp-pkt 16s linear infinite; animation-delay: var(--t); }
.pkts i::after { content: ""; position: absolute; right: calc(100% + 3px); top: 6px; width: 21px; height: 6px; background: repeating-linear-gradient(90deg, var(--bv-blue-4) 0 3px, transparent 3px 6px); }
@keyframes lp-pkt { 0% { transform: translateX(0); opacity: 0; } 4% { opacity: 1; } 90% { opacity: 1; } 100% { transform: translateX(48vw); opacity: 0; } }

.cub { position: absolute; z-index: 3; left: calc(50% + 23px * var(--k) * var(--j)); top: 0; transform: translate(calc(-32px * var(--kg)), calc(-27px * var(--kg))); }
.cub img { width: calc(64px * var(--kg)); height: calc(36px * var(--kg)); }
.setochka { position: absolute; z-index: 3; width: calc(45px * var(--kg)); height: calc(42px * var(--kg)); animation: lp-float 3.2s steps(2) infinite; }
@keyframes lp-float { 50% { transform: translateY(-9px); } }

.pole { position: absolute; left: 50%; bottom: calc(100% + 11px * var(--k)); width: calc(2px * var(--k)); height: calc(16px * var(--k)); background: #5F4324; transform: translateX(-50%); }
.pole img { position: absolute; left: 0; bottom: calc(100% - 2px * var(--k)); width: calc(28px * var(--k)); height: calc(20px * var(--k)); }
.mflag { position: absolute; z-index: 2; left: calc(50% + 23px * var(--k) * var(--j)); bottom: calc(100% - 1px * var(--k)); width: calc(2px * var(--k)); height: calc(18px * var(--k)); background: #5F4324; transform: translateX(-50%); }
.mflag img { position: absolute; left: 0; bottom: calc(100% - 2px * var(--k)); width: calc(28px * var(--k)); height: calc(20px * var(--k)); }

.hero--pano .hero__grid { grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); min-height: 640px; align-items: center; padding-top: 48px; }
.pano { position: absolute; z-index: 1; left: 0; right: 0; bottom: calc(24px * var(--k)); height: 0; }
.ptower { position: absolute; bottom: 0; width: calc(23px * var(--k) * var(--tw) - 9px * var(--k)); height: var(--th); margin: 0;
  background: #8795B0 url("../img/brick_tile_stone.png") 0 0 / calc(52px * var(--k)) calc(24px * var(--k)) repeat; image-rendering: pixelated;
  box-shadow: calc(-1px * var(--k)) 0 0 0 var(--wall-0), calc(1px * var(--k)) 0 0 0 var(--wall-0); }
.ptower::before { content: ""; position: absolute; left: 0; right: calc(-9px * var(--k)); bottom: calc(100% - 1px * var(--k)); height: calc(12px * var(--k));
  background: url("../img/wall_crenel_tile.png") 0 0 / calc(23px * var(--k)) calc(12px * var(--k)) repeat-x; image-rendering: pixelated; clip-path: inset(0 calc(9px * var(--k)) 0 0); }
.ptower.far { opacity: 0.5; filter: saturate(0.7); }
.ptower.mid { opacity: 0.78; }
.ptower.main { right: 14%; position: absolute; }
.slit { position: absolute; left: 50%; top: 22%; width: calc(4px * var(--k)); height: calc(12px * var(--k)); background: var(--wall-0); transform: translateX(-50%); box-shadow: inset 0 calc(2px * var(--k)) 0 #3B4560; }
.slit.s2 { top: 50%; }
.ptower.main .slit { left: 30%; } .ptower.main .slit.s2 { left: 70%; top: 22%; }
.hero--pano .setochka { right: 34%; bottom: 360px; }
.hero--pano .hero__wall { position: relative; }
.hero--pano .speed { position: absolute; right: 14%; top: calc(16px * var(--k)); z-index: 3; }
.hero--pano .hero__wall, .hero--center .hero__wall { z-index: 2; }

.hero__grid--center { grid-template-columns: 1fr; justify-items: center; text-align: center; padding-top: 64px; padding-bottom: 210px; gap: 0; }
.hero__grid--center .hero__text { justify-items: center; padding-bottom: 26px; }
.hero__grid--center .h1 { max-width: none; }
.hero__grid--center .lead { max-width: 640px; }
.hero__grid--center .hero__actions, .hero__grid--center .hfacts { justify-content: center; }
.hero--center .setochka { left: 9%; top: 34%; }
.flagwall .garg--merlon, .hwin .garg--merlon { position: absolute; z-index: 4; left: calc(50% + 23px * var(--k) * var(--j)); top: 0; transform: translate(calc(-32px * var(--kg)), calc(-56px * var(--kg))); }

.hero--win .hero__grid { align-items: center; padding-top: 48px; padding-bottom: 24px; }
.hwin { justify-self: end; width: 100%; max-width: 560px; padding: calc(3px * var(--kp)); }
.hwin__in { position: relative; height: 470px; overflow: hidden; background: linear-gradient(180deg, var(--sky-top), var(--sky-bottom)); box-shadow: inset 0 0 0 3px var(--wall-0); }
.hwin__in .wall { position: absolute; left: 0; right: 0; bottom: 0; --rows: 1; }
.hwin__in .speed { position: absolute; left: 50%; top: 22px; transform: translateX(-50%); z-index: 3; }
.hwin__in .setochka { left: 6%; top: 96px; }
.hwin__in .cub { z-index: 3; }

.scn { position: relative; height: 100%; min-height: 240px; overflow: hidden; }
.scn__ledge { position: absolute; left: 0; right: 0; bottom: 0; height: calc(9px * var(--kp) + 6px); background: var(--plate-face); box-shadow: inset 0 3px 0 var(--wall-0), inset 0 6px 0 var(--plate-hi); }
.scn--rel { background: linear-gradient(180deg, #DCEBFF, #F5F9FE); }
.scn__golem { position: absolute; left: 50%; bottom: calc(9px * var(--kp) + 3px); transform: translateX(-80%); width: 150px; height: 162px; }
.lamps { position: absolute; right: 18px; top: 18px; display: grid; grid-template-columns: repeat(3, 18px); gap: 8px 8px; padding: 12px 14px; justify-items: center; }
.lamps i { width: 18px; height: 18px; background: var(--status-lamp-off, #CDD5E1); box-shadow: 0 0 0 3px var(--wall-0); }
.lamps i.on { background: var(--lamp-ok); animation: lp-blink 1.6s steps(1) infinite; }
@keyframes lp-blink { 50% { background: #5FD48E; } }
.lamps b { grid-column: 1 / -1; font: 400 16px/18px var(--f-sign); text-transform: uppercase; color: var(--state-green); -webkit-font-smoothing: none; font-weight: 400; }
.scn--easy { background: linear-gradient(180deg, #FFF3DC, #FBF7EE); }
.scn__kepka { position: absolute; left: 6%; bottom: calc(9px * var(--kp) + 3px); width: 171px; height: 186px; }
.toggle { position: absolute; right: 16px; top: 22px; display: flex; align-items: center; gap: 10px; padding: 12px 14px; }
.tg-l, .tg-r { font: 400 16px/18px var(--f-sign); text-transform: uppercase; color: var(--plate-cut); -webkit-font-smoothing: none; }
.tg-r { color: var(--state-green); }
.tg { position: relative; width: 60px; height: 30px; background: var(--lamp-ok); box-shadow: 0 0 0 3px var(--wall-0), inset 0 -3px 0 #0E5A30; }
.tg i { position: absolute; top: 3px; left: 3px; width: 24px; height: 21px; background: #fff; box-shadow: inset 0 -3px 0 var(--wall-3); animation: lp-tg 2.4s steps(1) infinite; transform: translateX(30px); }
@keyframes lp-tg { 0%, 12% { transform: translateX(0); } 13%, 100% { transform: translateX(30px); } }
.svc { position: absolute; right: 16px; top: 100px; display: grid; gap: 8px; justify-items: end; margin: 0; padding: 0; list-style: none; }
.svc .sign { margin: 3px; }
.scn--inf { background: var(--bv-deep); }
.scn__inf { position: absolute; left: 50%; top: 4px; transform: translateX(-50%); }
.scn__inf svg { width: 128px; height: 128px; }
.rail { position: absolute; left: 0; right: 0; bottom: 30px; height: 48px; overflow: hidden;
  background: linear-gradient(0deg, #73532F 0 6px, transparent 6px) bottom / 100% 6px no-repeat, repeating-linear-gradient(90deg, #5F4324 0 6px, transparent 6px 30px) bottom 6px left 0 / 100% 9px no-repeat; }
.wagons { position: absolute; left: 0; bottom: 9px; display: flex; gap: 12px; width: max-content; animation: lp-roll 6s steps(60) infinite; }
.wagons i { position: relative; width: 48px; height: 27px; background: #FFE14A; box-shadow: 0 0 0 3px var(--bv-navy), inset 0 -6px 0 #F5B800; }
.wagons i::before, .wagons i::after { content: ""; position: absolute; bottom: -9px; width: 9px; height: 9px; background: var(--wall-0); }
.wagons i::before { left: 6px; } .wagons i::after { right: 6px; }
.wagons b { position: absolute; left: 12px; top: -15px; width: 24px; height: 15px; background: #fff; box-shadow: 0 0 0 3px var(--bv-navy); }
.wagons b::before { content: ""; position: absolute; left: 3px; right: 3px; top: 3px; height: 3px; background: var(--bv-blue); }
@keyframes lp-roll { to { transform: translateX(-360px); } }

.advs--v1 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.18fr) minmax(0, 1fr); gap: 28px; align-items: end; padding-bottom: 36px; }
.vit { display: flex; flex-direction: column; position: relative; z-index: 3; }
.vit__win { position: relative; padding: 9px; background: var(--wall-0); }
.vit__win .scn { box-shadow: inset 0 0 0 3px var(--wall-1); }
.vit--1 .vit__win { clip-path: polygon(0 100%, 0 22%, 6% 22%, 6% 12%, 14% 12%, 14% 6%, 26% 6%, 26% 0, 74% 0, 74% 6%, 86% 6%, 86% 12%, 94% 12%, 94% 22%, 100% 22%, 100% 100%); }
.vit--1 .scn { height: 290px; }
.vit--1 .scn__golem { transform: translateX(-50%); }
.vit--1 .lamps { top: 74px; right: 12px; }
.vit--2 .vit__win { background: #2E1C0F; padding: 12px; box-shadow: inset 0 0 0 6px #73532F; }
.vit--2 .scn { height: 330px; }
.vit--3 .vit__win { background: var(--bv-navy); }
.vit--3 .scn { height: 230px; }
.vit__txt { padding: 20px 22px 24px; display: grid; gap: 10px; }
.vit__txt p { margin: 0; color: var(--text-body); }
.vit__txt.plate--oak p, .vit__txt.plate--oak .h3 { color: #fff; text-shadow: 2px 2px 0 var(--oak-shadow); font-weight: 500; }
:root[data-type="E"] .vit__txt.plate--oak p { font-weight: 600; }
.vit__n { font: 400 16px/16px var(--f-head); color: var(--bv-deep); }
.vit--2 .vit__n { color: #FFE14A; text-shadow: 2px 2px 0 var(--oak-shadow); }
.vit--2 .vit__txt p { font-weight: 600; }

.advs--v2 { display: grid; gap: 40px; padding-bottom: 44px; position: relative; z-index: 3; }
.zz { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: 44px; align-items: center; }
.zz:nth-child(even) .zz__scene { order: 2; }
.zz__scene { padding: calc(3px * var(--kp)); }
.zz__scene.plate--oak { padding: calc(6px * var(--kp)); }
.zz__scene .scn { height: 300px; }
.zz__txt { display: grid; gap: 14px; justify-items: start; }
.zz__h { font: var(--h2); }

.stepsbox { position: relative; padding-top: 200px; margin-top: -40px; }
.step__who { display: none; }
.trail { position: absolute; left: 0; right: 0; top: 0; height: 500px; pointer-events: none; z-index: 2; }
.trail svg { width: 100%; height: 500px; display: block; }
.walker { position: absolute; z-index: 4; top: 114px; left: calc((100% - 48px) / 6 - 75px); animation: lp-walk 9s infinite; }
.walker img { width: 150px; height: 192px; }
@keyframes lp-walk {
  0%, 22% { left: calc((100% - 48px) / 6 - 75px); top: 114px; animation-timing-function: steps(6); }
  33%, 55% { left: calc(50% - 75px); top: 64px; animation-timing-function: steps(6); }
  66%, 92% { left: calc(100% - (100% - 48px) / 6 - 75px); top: 14px; animation-timing-function: steps(1); }
  100% { left: calc((100% - 48px) / 6 - 75px); top: 114px; }
}
.step__devs { display: flex; gap: 10px; margin-top: 4px; }
.step__devs svg { width: 32px; height: 32px; }
.step__key { position: absolute; right: 22px; top: 22px; width: 44px; height: 108px; }
.step:nth-child(3) .plate { padding-right: 76px; }
.step .plate { position: relative; }

.reviews { padding-top: 72px; padding-bottom: 64px; }
.reviews .sec-head { margin-bottom: 24px; }
.carousel { margin: 0 calc(-1 * var(--gut)); }
.letters { display: flex; gap: 22px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 12px var(--gut) 18px; scroll-padding: 0 var(--gut); scrollbar-width: thin; }
.letters li, .letters li.extra { display: flex; flex: 0 0 360px; scroll-snap-align: start; }
.letter { padding: 40px 22px 18px; }
.letter blockquote { font: var(--t-small); }
:root[data-type="A"] .letter blockquote { font: 400 24px/26px var(--f-text); }
.reviews__more { margin-top: 18px; }

@media (max-width: 980px) {
  .hero--pano .hero__grid { grid-template-columns: 1fr; min-height: 0; }
  .pano { position: relative; bottom: auto; height: 340px; margin-top: 0; }
  .ptower.main { right: 8%; }
  .hero--pano .setochka { right: auto; left: 8%; bottom: 210px; }
  .hero--win .hero__grid { grid-template-columns: 1fr; }
  .hwin { justify-self: center; }
  .advs--v1 { grid-template-columns: 1fr; max-width: 560px; margin: 0 auto; }
  .zz, .zz:nth-child(even) { grid-template-columns: 1fr; gap: 20px; }
  .zz:nth-child(even) .zz__scene { order: 0; }
  .stepsbox { padding-top: 0; }
  .trail, .walker { display: none; }
  .step__who { display: block; }
  .step:nth-child(2) .step__who { display: none; }
}
@media (max-width: 700px) {
  .hero { --k: 2; --kg: 2; }
  .hfacts { gap: 8px; }
  .hfacts li { padding: 8px 10px; gap: 8px; }
  .hfacts span { font-size: 12px; line-height: 15px; }
  .hfacts .hf-n { font-size: 16px; }
  .pano { height: 300px; margin-top: 64px; }
  .pkts { display: none; }
  .ptower.far:first-child { right: 62% !important; }
  .ptower.mid { right: 44% !important; }
  .ptower.main { right: 4%; --th: 200px !important; }
  .hero--pano .speed { right: auto; left: 16px; top: calc(14px * var(--k)); }
  .speed { gap: 8px; padding: 8px 10px; }
  .speed__bar { width: 96px; }
  .hero--pano .cub { --j: -2 !important; }
  .hero--pano .setochka { left: 4%; bottom: 230px; }
  .hero__grid--center { padding-bottom: 150px; }
  .hero--center .setochka { left: 2%; top: 4%; }
  .flagwall .mflag:nth-child(1), .flagwall .mflag:nth-child(6) { display: none; }
  .hero--center .cub { --j: 7 !important; }
  .hwin__in { height: 380px; }
  .scn { min-height: 220px; }
  .vit--1 .scn, .vit--2 .scn, .vit--3 .scn, .zz__scene .scn { height: 250px; }
  .scn__kepka { width: 114px; height: 124px; left: 4%; }
  .scn__golem { width: 100px; height: 108px; }
  .letters li, .letters li.extra { flex-basis: 84%; }
}
@media (prefers-reduced-motion: reduce) {
  .pkts i, .setochka, .walker, .wagons, .tg i, .lamps i.on, .speed__bar i, .speed__ok { animation: none !important; }
  .speed__ok { opacity: 1; }
}

:root { --toph: 76px; }
:root[data-hero="4"] .hero:not([data-hv="4"]), :root[data-hero="5"] .hero:not([data-hv="5"]) { display: none; }
:root[data-hero="1"] .hero[data-hv="4"], :root[data-hero="1"] .hero[data-hv="5"],
:root[data-hero="2"] .hero[data-hv="4"], :root[data-hero="2"] .hero[data-hv="5"],
:root[data-hero="3"] .hero[data-hv="4"], :root[data-hero="3"] .hero[data-hv="5"] { display: none; }

.hero { display: flex; flex-direction: column; height: calc(100svh - var(--toph)); min-height: 600px; max-height: 1080px; --k: 3; --kg: 3; }
.hero .hero__grid { flex: 1 1 auto; min-height: 0; align-items: center; padding-top: clamp(16px, 3.5vh, 48px); padding-bottom: clamp(12px, 3vh, 40px); }
.hero--pano .hero__grid { min-height: 0; padding-top: clamp(16px, 3.5vh, 48px); }
.hero .hero__wall { flex: none; margin-top: 0; }
.hero .hero__text { gap: clamp(12px, 2.2vh, 22px); padding-bottom: 0; }
.hero .hero__actions { margin-top: 2px; gap: 14px 16px; }
.cta--2nd { min-width: 0; }

.hero .h1 { font: 400 40px/56px var(--f-head); max-width: 680px; }
.hero .h1--brand, .hero .h1--big { font: 400 56px/72px var(--f-head); }
.hero .h1--mega { display: grid; gap: 12px; }
.hero .h1--mega .mega { font: 400 120px/120px var(--f-head); color: var(--bv-deep); text-shadow: 9px 9px 0 var(--bv-blue-5); letter-spacing: 0; }
.hero .h1--mega .mega-sub { font: 400 24px/36px var(--f-head); color: var(--text-ink); word-spacing: -0.375em; }
.hero .h1--mega em { text-shadow: 3px 3px 0 var(--bv-blue-5); }
:root[data-type="E"] .hero .h1 { font: 800 60px/64px var(--f-head); letter-spacing: -0.03em; }
:root[data-type="E"] .hero .h1--brand, :root[data-type="E"] .hero .h1--big { font: 900 76px/78px var(--f-head); }
:root[data-type="E"] .hero .h1--mega .mega { font: 900 168px/150px var(--f-head); letter-spacing: -0.04em; text-shadow: 8px 8px 0 var(--bv-blue-5); }
:root[data-type="E"] .hero .h1--mega .mega-sub { font: 800 30px/34px var(--f-head); word-spacing: 0; }

.speed__ok { opacity: 1; animation: none; }
.speed__ok i { animation: lp-blink2 1s steps(1) infinite; }
@keyframes lp-blink2 { 50% { background: #8EE6B0; } }
.speed__bar i { transform: none; animation: lp-surge 2.4s steps(4) infinite, lp-march 0.6s steps(3) infinite; background-size: 18px 100%; }
@keyframes lp-surge { 0% { width: 84%; } 30% { width: 100%; } 55% { width: 92%; } 80% { width: 100%; } 100% { width: 84%; } }
@keyframes lp-march { from { background-position: 0 0; } to { background-position: 18px 0; } }
.speed__bar b { position: absolute; top: 6px; left: -6px; width: 6px; height: 6px; background: #fff; animation: lp-zip 1.2s linear infinite; }
.speed__bar b:nth-of-type(2) { animation-delay: 0.4s; } .speed__bar b:nth-of-type(3) { animation-delay: 0.8s; }
@keyframes lp-zip { to { left: 100%; } }

.scrollhint { position: absolute; z-index: 4; left: 50%; bottom: calc(5px * var(--k)); transform: translateX(-50%); display: grid; place-items: center; width: 52px; height: 40px; animation: lp-bob 1.4s steps(2) infinite; }
.scrollhint:focus-visible { outline: 3px solid var(--bv-navy); outline-offset: 3px; }
@keyframes lp-bob { 50% { transform: translate(-50%, 4px); } }

.t-far1 { --th: clamp(120px, 24svh, 290px); right: 49%; }
.t-far2 { --th: clamp(150px, 32svh, 360px); right: 3%; }
.t-mid { --th: clamp(96px, 17svh, 210px); right: 35%; }
.t-main { --th: clamp(130px, 28svh, 320px); }
.hero--pano .setochka { right: 33%; bottom: clamp(200px, 38svh, 430px); }
.hero--pano .speed { right: 14%; top: calc(13px * var(--k)); }

.hero__grid--center { padding-bottom: calc(56px * var(--kg) + 18px) !important; }
.hero__grid--center .hero__bot { display: none; }
.hero--center .setochka { left: 8%; top: 38%; }

.hwin__in { height: clamp(280px, 54svh, 480px); }
.hero--win .hero__grid { padding-bottom: 20px; }

.hero--stone { --cell: 36px; }
.hero__grid--stone { grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); align-items: center; }
.vpnword { --lw: calc(5 * var(--cell) + 12px); position: relative; z-index: 1; align-self: end; justify-self: end; display: flex; gap: var(--cell); padding-top: calc(60px * var(--kg)); margin-bottom: calc(-9px * var(--k) - clamp(12px, 3vh, 40px)); }
.sl { display: grid; grid-template-columns: repeat(5, var(--cell)); grid-auto-rows: var(--cell); gap: 3px; }
.sl i { background: #D5DDE9; box-shadow: 0 0 0 3px var(--wall-0), inset 3px 3px 0 #F7F9FC, inset -3px -3px 0 #98A5BE; }
.sl--N i:nth-child(5n+1) { background: #C7D0DF; }
.vw-garg { position: absolute; left: calc(var(--cell) / 2); top: calc(60px * var(--kg)); width: 0; height: 0; z-index: 3; }
.vw-garg .garg { left: 0; top: 0; transform: translate(calc(-32px * var(--kg)), calc(-56px * var(--kg))); }
.vw-cub { position: absolute; z-index: 3; left: calc(var(--lw) + var(--cell) + 2 * var(--cell)); top: calc(60px * var(--kg)); transform: translate(calc(-32px * var(--kg)), calc(-27px * var(--kg))); }
.vw-cub img { width: calc(64px * var(--kg)); height: calc(36px * var(--kg)); }
.vw-set { position: absolute; left: calc(2 * var(--lw) + 3 * var(--cell)); top: 0; }
.hero--stone .speed { position: absolute; left: var(--gut); right: auto; top: calc(13px * var(--k)); z-index: 3; }

.hero__grid--loop { grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); align-items: center; }
.loophole { position: relative; z-index: 1; align-self: end; justify-self: end; width: 100%; max-width: 580px; height: clamp(300px, 60svh, 600px);
  margin-bottom: calc(-9px * var(--k) - clamp(12px, 3vh, 40px)); box-shadow: -3px 0 0 var(--wall-0), 3px 0 0 var(--wall-0); }
.loophole::before { content: ""; position: absolute; left: 0; right: 0; bottom: calc(100% - 1px * var(--k)); height: calc(12px * var(--k));
  background: url("../img/wall_crenel_tile.png") 0 0 / calc(23px * var(--k)) calc(12px * var(--k)) repeat-x; image-rendering: pixelated; }
.loophole__win { position: absolute; left: 12%; right: 12%; top: 10%; bottom: 32%; overflow: hidden; background: var(--sea);
  box-shadow: inset 0 0 0 calc(3px * var(--k)) var(--wall-0), inset 0 0 0 calc(4px * var(--k)) #3B4560;
  clip-path: polygon(0 100%, 0 18%, 5% 18%, 5% 9%, 12% 9%, 12% 4%, 24% 4%, 24% 0, 76% 0, 76% 4%, 88% 4%, 88% 9%, 95% 9%, 95% 18%, 100% 18%, 100% 100%); }
.lh-sky { display: none; }
.lh-sea { position: absolute; inset: 0; background: url("../img/archipelago.png") 0 50% / calc(328px * 2) calc(140px * 2) repeat-x; image-rendering: pixelated; animation: lp-sail 26s linear infinite; }
@keyframes lp-sail { to { background-position: -656px 50%; } }
.lh-set { right: 10%; top: 16%; }
.loophole__win::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 0 calc(3px * var(--k)) var(--wall-0); pointer-events: none; }
.loophole__sill { position: absolute; left: calc(12% - 3px * var(--k)); right: calc(12% - 3px * var(--k)); top: 68%; height: calc(6px * var(--k)); background: var(--plate-face); box-shadow: 0 0 0 3px var(--wall-0), inset 0 3px 0 var(--plate-hi), inset 0 -3px 0 var(--plate-shd); z-index: 3; }
.garg--sill { left: 50%; top: 0; transform: translate(calc(-32px * var(--kg)), calc(-56px * var(--kg) + 3px * var(--kg))); }
.loophole .speed { position: absolute; left: 50%; bottom: calc(14% - 10px); transform: translateX(-50%); z-index: 3; }

@media (max-height: 860px) and (min-width: 701px) {
  .hero { --k: 2; --kg: 2; }
  .hero--stone { --cell: 27px; }
  .hero .h1 { font-size: 32px; line-height: 44px; }
  .hero .h1--brand, .hero .h1--big { font-size: 48px; line-height: 60px; }
  .hero .h1--mega .mega { font-size: 96px; line-height: 96px; }
  .hero .h1--mega .mega-sub { font-size: 16px; line-height: 28px; }
  :root[data-type="E"] .hero .h1 { font-size: 50px; line-height: 54px; }
  :root[data-type="E"] .hero .h1--brand, :root[data-type="E"] .hero .h1--big { font-size: 62px; line-height: 64px; }
  :root[data-type="E"] .hero .h1--mega .mega { font-size: 130px; line-height: 118px; }
  .hero .hero__bot { display: none; }
  .hero .lead { font-size: 18px; line-height: 27px; }
}
@media (min-height: 1000px) and (min-width: 1500px) {
  .hero--stone { --cell: 42px; }
}
@media (max-width: 980px) {
  .hero__grid--stone, .hero__grid--loop { grid-template-columns: 1fr; }
  .vpnword, .loophole { justify-self: center; }
}
@media (max-width: 700px) {
  :root { --toph: 64px; }
  .hero { --k: 2; --kg: 2; min-height: 560px; max-height: none; }
  .hero .hero__grid { gap: 10px; padding-top: 16px; align-items: start; align-content: start; }
  .hero .hero__text { gap: 12px; }
  .hero .h1 { font-size: 24px; line-height: 36px; }
  .hero .h1--brand, .hero .h1--big { font-size: 40px; line-height: 52px; }
  .hero .h1--mega .mega { font-size: 80px; line-height: 80px; text-shadow: 6px 6px 0 var(--bv-blue-5); }
  .hero .h1--mega .mega-sub { font-size: 16px; line-height: 24px; }
  :root[data-type="E"] .hero .h1 { font-size: 36px; line-height: 40px; }
  :root[data-type="E"] .hero .h1--brand, :root[data-type="E"] .hero .h1--big { font-size: 48px; line-height: 50px; }
  :root[data-type="E"] .hero .h1--mega .mega { font-size: 110px; line-height: 100px; }
  .hero .lead { font-size: 15px; line-height: 22px; }
  .hero .typeline { font-size: 16px; line-height: 24px; }
  .hero .cta--2nd, .hero .hero__bot { display: none; }
  .hero .hero__actions { flex-direction: row; }
  .hero .hero__actions .cta { width: 100%; }
  .hfacts { flex-wrap: nowrap; gap: 6px; }
  .hfacts li { padding: 6px 8px; gap: 6px; }
  .hfacts span { font-size: 11px; line-height: 13px; }
  .hfacts .hf-n { font-size: 16px; line-height: 16px; }
  .hfacts .hf-inf { font-size: 24px; }
  .hero .sign { font-size: 16px; line-height: 18px; }
  .hero--pano .pano { position: relative; flex: 1 1 auto; height: auto; min-height: 150px; margin-top: 0; bottom: auto; }
  .hero--pano .hero__grid { flex: none; }
  .t-far1 { --th: 18svh; right: 60%; } .t-far2 { --th: 22svh; right: 2%; } .t-mid { --th: 13svh; right: 42%; } .t-main { --th: 19svh; right: 10% !important; }
  .hero--pano .ptower { bottom: calc(-24px * var(--k)); }
  .hero--pano .setochka { left: 3%; right: auto; bottom: calc(18svh + 40px); }
  .hero--pano .speed { left: 10px; right: auto; }
  .hero--pano .scrollhint { left: auto; right: 10px; transform: none; }
  .hero__grid--center { padding-bottom: calc(56px * var(--kg) + 26px) !important; }
  .hero--center .setochka { left: 2%; top: auto; bottom: 150px; }
  .flagwall .mflag:nth-child(1), .flagwall .mflag:nth-child(4) { display: none; }
  .hero--center .cub { --j: 6 !important; }
  .hwin { padding: 6px; }
  .hwin__in { height: clamp(220px, 34svh, 300px); }
  .hero--win .hero__grid { padding-bottom: 8px; }
  .hero--stone { --cell: 18px; }
  .vpnword { margin-bottom: calc(-9px * var(--k)); padding-top: calc(60px * var(--kg)); }
  .hero--stone .speed { left: 10px; }
  .hero--stone .scrollhint { left: auto; right: 10px; transform: none; }
  .loophole { height: clamp(240px, 36svh, 320px); max-width: 358px; margin-bottom: calc(-9px * var(--k)); }
  .loophole .speed { bottom: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .speed__bar i, .speed__bar b, .speed__ok i, .scrollhint, .lh-sea { animation: none !important; }
  .speed__bar i { width: 100%; }
  .speed__bar b { display: none; }
}

.sl { gap: 0; }
.sl i { background: #B4C0D4; box-shadow: inset 3px 3px 0 #D2DBE8, inset -3px -3px 0 #4A5876; }
.sl--P i:nth-child(odd), .sl--V i:nth-child(even), .sl--N i:nth-child(3n) { background: #AEB8CE; }
.vpnword { filter: drop-shadow(3px 0 0 var(--wall-0)) drop-shadow(-3px 0 0 var(--wall-0)) drop-shadow(0 -3px 0 var(--wall-0)); }
.hero__grid--stone { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.hero--stone { --cell: 32px; }
@media (max-height: 860px) and (min-width: 701px) { .hero--stone { --cell: 26px; } }
@media (min-height: 1000px) and (min-width: 1500px) { .hero--stone { --cell: 40px; } }
@media (max-width: 700px) {
  .hero--stone { --cell: 18px; }
  .hero--center .flagwall .mflag:nth-child(2) { --j: -3 !important; }
  .hero--center .flagwall .mflag:nth-child(3) { --j: 3 !important; }
  .hero--center .cub { display: none; }
}
.vpnword { --lw: calc(5 * var(--cell)); }
@media (max-width: 700px) { .vw-set { left: auto; right: -6px; top: -10px; } .vpnword { justify-self: center; } }
@media (max-width: 980px) { .hero__grid--stone { grid-template-columns: 1fr; } }

.sl i { background: #8795B0; box-shadow: inset 3px 3px 0 #B4C0D4, inset -3px -3px 0 #4A5876; }
.sl--P i:nth-child(odd), .sl--V i:nth-child(even), .sl--N i:nth-child(3n) { background: #7D8BA8; }

:root[data-hero="1"] .hero:not([data-hv="1"]), :root[data-hero="2"] .hero:not([data-hv="2"]), :root[data-hero="3"] .hero:not([data-hv="3"]) { display: none; }
:root[data-hero="1"] .hero[data-hv="1"], :root[data-hero="2"] .hero[data-hv="2"], :root[data-hero="3"] .hero[data-hv="3"] { display: flex; }

.htitle > span { display: none; }
:root[data-title="1"] .htitle .t1, :root[data-title="2"] .htitle .t2, :root[data-title="3"] .htitle .t3 { display: inline; }
.tl-brand { display: none; }
:root[data-title="1"] .tl-brand { display: block; }
.hero .htitle { font: 400 56px/72px var(--f-head); }
:root[data-title="3"] .hero .htitle { font: 400 40px/56px var(--f-head); }
:root[data-type="E"] .hero .htitle { font: 900 76px/78px var(--f-head); letter-spacing: -0.035em; }
:root[data-type="E"][data-title="3"] .hero .htitle { font: 900 60px/62px var(--f-head); }

.wires { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; overflow: visible; }
.wires path { fill: none; vector-effect: non-scaling-stroke; stroke-linecap: square; stroke-linejoin: miter; shape-rendering: crispEdges; }
.w-off path { stroke: #4A5876; stroke-width: 12px; }
.w-on path { stroke: #FFD030; stroke-width: 6px; stroke-dasharray: 100; stroke-dashoffset: 100; transition: stroke-dashoffset 420ms steps(7); filter: drop-shadow(0 0 3px #FFE14A); }
.w-on path.on { stroke-dashoffset: 0; }

.rsblock { position: relative; z-index: 1; align-self: end; justify-self: end; width: 100%; max-width: 600px; height: clamp(300px, 60svh, 600px);
  margin-bottom: calc(-9px * var(--k) - clamp(12px, 3vh, 40px)); box-shadow: -3px 0 0 var(--wall-0), 3px 0 0 var(--wall-0); }
.rsblock::before { content: ""; position: absolute; left: 0; right: 0; bottom: calc(100% - 1px * var(--k)); height: calc(12px * var(--k));
  background: url("../img/wall_crenel_tile.png") 0 0 / calc(23px * var(--k)) calc(12px * var(--k)) repeat-x; image-rendering: pixelated; }
.rs-panel { position: absolute; z-index: 3; left: 5%; width: 25%; min-width: 128px; top: calc(52% - 70px); height: 140px; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr auto; gap: 8px; padding: 18px 12px 12px; justify-items: center; align-items: center; }
.rs-lock { position: relative; width: 36px; height: 54px; background: var(--wall-0); box-shadow: inset 0 0 0 3px #3B4560; }
.rs-lock::after { content: ""; position: absolute; left: 12px; top: 18px; width: 12px; height: 21px; background: #0C1020; }
.rs-key { position: absolute; left: -4px; bottom: 26px; width: 44px; height: 108px; transform: translateY(-34px); transition: transform 360ms steps(4); z-index: 2; }
.rs-panel.on .rs-key { transform: translateY(0); }
.rs-lever { position: relative; width: 24px; height: 84px; background: #1C2234; box-shadow: 0 0 0 3px var(--wall-0), inset 3px 0 0 #3B4560; }
.rs-lever i { position: absolute; left: -9px; bottom: 3px; width: 42px; height: 24px; background: #E24040; box-shadow: 0 0 0 3px var(--wall-0), inset 0 3px 0 #FF8A8A, inset 0 -3px 0 #A82828; transition: bottom 300ms steps(3); }
.rs-lever.on i { bottom: 57px; background: var(--lamp-ok); box-shadow: 0 0 0 3px var(--wall-0), inset 0 3px 0 #8EE6B0, inset 0 -3px 0 #0E5A30; }
.rs-lbl { grid-column: 1 / -1; font: 400 16px/18px var(--f-sign); text-transform: uppercase; -webkit-font-smoothing: none; }
.rs-lbl b { font-weight: 400; } .rs-lbl .off { color: var(--state-off); } .rs-lbl .on { display: none; color: var(--state-green); }
.rs-lever.on + .rs-lbl .off { display: none; } .rs-lever.on + .rs-lbl .on { display: inline; }
.rs-garg { position: absolute; left: 50%; top: 0; width: 0; height: 0; }
.rs-garg img { position: absolute; left: -64px; top: -112px; width: 140px; height: 128px; }
.rs-garg .g-on { display: none; width: 132px; }
.circuit.done .rs-garg .g-on { display: block; } .circuit.done .rs-garg .g-wait { display: none; }
.rs-dev { position: absolute; z-index: 2; left: calc(var(--x) * 1% - 42px); top: calc(var(--y) * 1% - 40px); width: 84px; height: 80px; display: grid; place-items: center; }
.rs-dev > svg { width: 48px; height: 48px; filter: grayscale(1) brightness(0.7); opacity: 0.8; transition: filter 200ms steps(2), opacity 200ms steps(2); }
.rs-dev.on > svg { filter: none; opacity: 1; }
.rs-dev.on { box-shadow: 0 0 0 3px #FFD030; }
.rs-ok { position: absolute; right: -8px; bottom: -8px; display: none; background: #fff; box-shadow: 0 0 0 3px var(--wall-0); line-height: 0; padding: 2px; }
.rs-dev.on .rs-ok, .bdev .rs-ok { display: block; }
.rs-act { position: absolute; left: 50%; bottom: calc(100% + 8px); transform: translateX(-50%) scale(0); background: #fff; box-shadow: 0 0 0 3px var(--wall-0); padding: 4px; line-height: 0; transition: transform 240ms steps(3); }
.rs-act.on { transform: translateX(-50%) scale(1); animation: lp-bob2 1.2s steps(2) infinite 300ms; }
@keyframes lp-bob2 { 50% { transform: translateX(-50%) translateY(-4px) scale(1); } }

.pultscene { display: grid; place-items: center; }
.pult { position: relative; z-index: 2; width: min(80%, 380px); margin-top: -20px; padding: calc(6px * var(--kp) + 10px) 22px 18px; display: grid; gap: 12px; }
.pult__t { font: 400 16px/18px var(--f-sign); text-transform: uppercase; color: #FFF3A6; text-shadow: 2px 2px 0 var(--oak-shadow); -webkit-font-smoothing: none; }
.protos { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.proto { display: flex; align-items: center; gap: 12px; padding: 8px 10px; background: rgba(46, 28, 15, 0.35); color: #fff; font: 400 16px/18px var(--f-sign); text-transform: uppercase; -webkit-font-smoothing: none; box-shadow: inset 0 0 0 3px #5F4324; }
.proto .sw { position: relative; width: 48px; height: 24px; background: #8795B0; box-shadow: 0 0 0 3px var(--wall-0); }
.proto .sw i { position: absolute; left: 3px; top: 3px; width: 18px; height: 18px; background: #fff; transition: left 160ms steps(2); }
.proto.on { background: rgba(23, 131, 74, 0.55); }
.proto.on .sw { background: var(--lamp-ok); } .proto.on .sw i { left: 27px; }
.pult__row { display: flex; align-items: center; justify-content: space-between; }
.pult__inf { font: 700 40px/28px "Rubik", sans-serif; color: #FFE14A; text-shadow: 3px 3px 0 var(--oak-shadow); }
.pult .speed { justify-self: start; }
.pult .garg-corner { position: absolute; right: 0; top: 0; width: 0; height: 0; z-index: 3; }
.pult .garg-corner img { position: absolute; width: 140px; height: 128px; left: -102px; top: -112px; }
.pultscene .wall { position: absolute; left: 0; right: 0; bottom: 0; }

.beams { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 2; pointer-events: none; }
.beam { stroke: #FFD030; stroke-width: 6; stroke-dasharray: 6 9; fill: none; shape-rendering: crispEdges; animation: lp-beam 0.8s linear infinite; filter: drop-shadow(0 0 3px #FFE14A); }
@keyframes lp-beam { to { stroke-dashoffset: -30; } }
.hero--beam .t-main { right: 4%; --th: clamp(150px, 34svh, 360px); }
.bdev { position: absolute; z-index: 3; left: calc(50% + 23px * var(--k) * var(--j)); bottom: calc(100% - 1px * var(--k)); transform: translateX(-50%); width: 64px; height: 60px; display: grid; place-items: center; box-shadow: 0 0 0 3px #FFD030; }
.bdev svg { width: 40px; height: 40px; }

:root[data-adv] .advs--v1, :root[data-adv] .advs--v2 { display: none; }
.adv4 { min-height: calc(100svh - var(--toph)); display: flex; flex-direction: column; justify-content: center; padding-top: clamp(24px, 4vh, 56px) !important; }
.adv4__head { margin-bottom: clamp(16px, 2.6vh, 30px); gap: 12px; }
.adv4__grid { display: grid; gap: 20px; position: relative; z-index: 3; }
:root[data-adv="1"] .adv4__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) minmax(0, 1fr); grid-template-areas: "dev btn inf" "proto btn wl"; }
.ad--btn { grid-area: btn; } .ad--dev { grid-area: dev; } .ad--proto { grid-area: proto; } .ad--inf { grid-area: inf; } .ad--wl { grid-area: wl; }
.ad { margin: 0; padding: 18px 20px 20px; display: grid; gap: 12px; align-content: start; }
.ad__txt { display: grid; gap: 6px; }
.ad__txt p { margin: 0; font: var(--t-small); color: var(--text-body); }
.ad .vit__n { font: 400 16px/18px var(--f-sign); text-transform: uppercase; color: var(--bv-deep); -webkit-font-smoothing: none; }
.ad--inf .ad__txt p, .ad--inf .h3 { color: #fff; } .ad--inf .vit__n { color: #FFE14A; }
.ad--wl .ad__txt p, .ad--wl .h3 { color: #fff; text-shadow: 2px 2px 0 var(--oak-shadow); } .ad--wl .vit__n { color: #FFF3A6; } .ad--wl .ad__txt p { font-weight: 600; }
.ad__pic { height: 64px; display: flex; align-items: center; gap: 10px; }
.devrow svg { width: 40px; height: 40px; animation: lp-devlit 3s steps(1) infinite; opacity: 0.35; }
.devrow svg:nth-child(2) { animation-delay: 0.3s; } .devrow svg:nth-child(3) { animation-delay: 0.6s; } .devrow svg:nth-child(4) { animation-delay: 0.9s; } .devrow svg:nth-child(5) { animation-delay: 1.2s; }
@keyframes lp-devlit { 0% { opacity: 0.35; } 10%, 85% { opacity: 1; } }
.protorow { flex-wrap: wrap; gap: 6px; }
.protorow span { padding: 6px 8px; font: 400 16px/18px var(--f-sign); text-transform: uppercase; -webkit-font-smoothing: none; background: var(--plate-hi); color: var(--plate-cut); box-shadow: 0 0 0 3px var(--wall-0); margin: 3px; animation: lp-proto 5.1s steps(1) infinite; }
.protorow span:nth-child(2) { animation-delay: 1.7s; } .protorow span:nth-child(3) { animation-delay: 3.4s; }
@keyframes lp-proto { 0%, 33% { background: var(--lamp-ok); color: #fff; } 34%, 100% { background: var(--plate-hi); color: var(--plate-cut); } }
.infpic { position: relative; justify-content: space-between; }
.infbig { font: 700 52px/40px "Rubik", sans-serif; color: #FFE14A; text-shadow: 3px 3px 0 var(--bv-navy); }
.infpic .rail { position: relative; left: auto; right: auto; bottom: auto; flex: 1; height: 48px; }
.wlpic svg { width: 48px; height: 48px; }
.btnscene { position: relative; height: 300px; }
:root[data-adv="1"] .ad--btn { grid-template-rows: 1fr auto; }
:root[data-adv="1"] .btnscene { height: 100%; min-height: 260px; }
.bs-kepka { position: absolute; left: 0; bottom: 0; width: 100px; height: 128px; z-index: 3; }
.bigbtn { position: absolute; z-index: 3; left: 21%; top: calc(50% - 40px); width: 80px; height: 72px; border: 0; padding: 0; background: #E24040; color: #fff; cursor: default;
  box-shadow: 0 0 0 3px var(--wall-0), inset 0 6px 0 #FF8A8A, inset 0 -9px 0 #A82828, 0 9px 0 0 var(--wall-0); font: 400 16px/18px var(--f-sign); text-transform: uppercase; -webkit-font-smoothing: none; text-shadow: 2px 2px 0 #6B1414; transition: transform 120ms steps(1); }
.bigbtn.on { transform: translateY(6px); background: var(--lamp-ok); box-shadow: 0 0 0 3px var(--wall-0), inset 0 6px 0 #8EE6B0, inset 0 -6px 0 #0E5A30, 0 3px 0 0 var(--wall-0); text-shadow: 2px 2px 0 #0E5A30; }
.svcs { position: absolute; z-index: 2; left: 52%; right: 0; top: 0; bottom: 0; margin: 0; padding: 0; list-style: none; }
.svc-i { position: absolute; left: 0; right: 0; height: 40px; display: flex; align-items: center; gap: 8px; padding: 0 10px; background: #CDD5E1; color: var(--text-meta); box-shadow: 0 0 0 3px var(--wall-0);
  font: 600 15px/1 var(--f-text); transition: background 160ms steps(2); }
:root[data-type="A"] .svc-i { font: 400 16px/18px var(--f-sign); text-transform: uppercase; -webkit-font-smoothing: none; }
.svc-i svg { width: 24px; height: 24px; opacity: 0; }
.svc-i:nth-child(1) { top: calc(14% - 20px); } .svc-i:nth-child(2) { top: calc(38% - 20px); } .svc-i:nth-child(3) { top: calc(62% - 20px); } .svc-i:nth-child(4) { top: calc(86% - 20px); }
.svc-i.on { background: #fff; color: var(--text-ink); box-shadow: 0 0 0 3px var(--wall-0), 0 0 0 6px #FFD030; }
.svc-i.on svg { opacity: 1; }
.btnscene .wires { z-index: 1; }

@media (max-height: 860px) and (min-width: 701px) {
  .hero .htitle { font-size: 48px; line-height: 60px; }
  :root[data-title="3"] .hero .htitle { font-size: 32px; line-height: 44px; }
  :root[data-type="E"] .hero .htitle { font-size: 62px; line-height: 64px; }
  :root[data-type="E"][data-title="3"] .hero .htitle { font-size: 48px; line-height: 50px; }
  .adv4 .h2 { font-size: 24px; line-height: 36px; }
  .ad { padding: 14px 16px 16px; gap: 8px; }
  .ad__pic { height: 52px; }
}
@media (max-width: 980px) {
  :root[data-adv] .adv4__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-areas: "btn btn" "dev proto" "inf wl"; }
  :root[data-adv] .ad--btn { grid-template-columns: 1fr; }
  :root[data-adv] .btnscene { height: 240px; min-height: 0; }
  .rsblock { justify-self: center; }
}
@media (max-width: 700px) {
  .hero .htitle { font-size: 40px; line-height: 52px; }
  :root[data-title="2"] .hero .htitle { font-size: 32px; line-height: 44px; }
  :root[data-title="3"] .hero .htitle { font-size: 24px; line-height: 36px; }
  :root[data-type="E"] .hero .htitle { font-size: 48px; line-height: 50px; }
  :root[data-type="E"][data-title="3"] .hero .htitle { font-size: 36px; line-height: 38px; }
  .rsblock { height: clamp(250px, 36svh, 320px); max-width: 358px; margin-bottom: calc(-9px * var(--k)); }
  .rs-panel { left: 3%; width: 30%; min-width: 0; height: 116px; top: calc(52% - 52px); padding: 14px 6px 8px; gap: 4px; }
  .rs-lever { height: 64px; } .rs-lever.on i { bottom: 37px; }
  .rs-lock { width: 30px; height: 44px; } .rs-key { width: 33px; height: 81px; left: -2px; bottom: 22px; }
  .rs-garg img { left: -48px; top: -84px; width: 105px; height: 96px; } .rs-garg .g-on { width: 99px; }
  .rs-dev { width: 60px; height: 58px; left: calc(var(--x) * 1% - 26px); top: calc(var(--y) * 1% - 29px); }
  .rs-dev > svg { width: 32px; height: 32px; }
  .rs-act { padding: 2px; } .rs-act svg { width: 24px; height: 24px; }
  .pult { width: 88%; padding: 22px 14px 14px; gap: 8px; }
  .proto { padding: 6px 8px; }
  .hero--beam .pano { position: relative; flex: 1 1 auto; height: auto; min-height: 160px; bottom: auto; }
  .hero--beam .hero__grid { flex: none; }
  .hero--beam .t-main { right: 2%; --th: 20svh; bottom: calc(-24px * var(--k)); }
  .bdev { width: 46px; height: 44px; } .bdev svg { width: 28px; height: 28px; }
  .bdev:nth-of-type(1) { --j: -3 !important; } .bdev:nth-of-type(2) { --j: -2 !important; } .bdev:nth-of-type(3) { --j: -1 !important; } .bdev:nth-of-type(4) { --j: 0 !important; } .bdev:nth-of-type(5) { --j: 1 !important; }
  .hero--beam .scrollhint { left: auto; right: 10px; transform: none; }
  .adv4 { min-height: 0; }
  .adv4__grid { gap: 12px; }
  .ad { padding: 12px 12px 14px; gap: 8px; }
  .ad__pic { height: 44px; gap: 4px; }
  .devrow svg { width: 26px; height: 26px; }
  .protorow span { padding: 3px 4px; font-size: 16px; margin: 2px; }
  .infbig { font-size: 36px; }
  .wlpic svg { width: 36px; height: 36px; }
  .ad .h3 { font-size: 16px; line-height: 22px; }
  .ad__txt p { font-size: 13px; line-height: 18px; }
  :root[data-adv] .btnscene { height: 210px; }
  .bs-kepka { width: 75px; height: 96px; }
  .bigbtn { left: 22%; width: 64px; height: 56px; top: calc(50% - 32px); }
  .svc-i { height: 34px; font-size: 13px; padding: 0 6px; gap: 4px; }
  .svc-i svg { width: 18px; height: 18px; }
  .svc-i:nth-child(n) { top: auto; }
  .svc-i:nth-child(1) { top: calc(14% - 17px); } .svc-i:nth-child(2) { top: calc(38% - 17px); } .svc-i:nth-child(3) { top: calc(62% - 17px); } .svc-i:nth-child(4) { top: calc(86% - 17px); }
}
@media (prefers-reduced-motion: reduce) {
  .beam, .devrow svg, .protorow span, .rs-act.on { animation: none !important; }
  .devrow svg { opacity: 1; }
}

.w-on path { stroke-dasharray: none; stroke-dashoffset: 0; opacity: 0; transition: opacity 160ms steps(2); }
.w-on path.on { opacity: 1; }

.rsblock > .rs-garg2 { position: absolute; z-index: 4; left: 17%; top: 0; width: 0; height: 0; }
.rs-garg2 img { position: absolute; left: -64px; top: -112px; width: 140px; height: 128px; }
.rs-garg2 .g-on { display: none; width: 132px; }
.circuit.done .rs-garg2 .g-on { display: block; } .circuit.done .rs-garg2 .g-wait { display: none; }
@media (max-width: 700px) { .rs-garg2 img { left: -48px; top: -84px; width: 105px; height: 96px; } .rs-garg2 .g-on { width: 99px; } .rsblock > .rs-garg2 { left: 18%; } }
@media (max-width: 700px) {
  .hero--rs .hero__grid { grid-template-rows: auto 1fr; align-content: stretch; }
  .rsblock { height: 230px; margin-top: 72px; align-self: end; }
  .rs-dev { width: 52px; height: 50px; left: calc(var(--x) * 1% - 26px); top: calc(var(--y) * 1% - 25px); }
  .rs-dev > svg { width: 28px; height: 28px; }
  .rs-dev:nth-of-type(3) { --x: 47 !important; } .rs-dev:nth-of-type(4) { --x: 67 !important; } .rs-dev:nth-of-type(5) { --x: 87 !important; }
  .rs-dev:nth-of-type(6) { --x: 57 !important; } .rs-dev:nth-of-type(7) { --x: 77 !important; }
  .rs-ok { right: -6px; bottom: -6px; padding: 1px; } .rs-ok svg { width: 16px; height: 16px; }
  .rs-panel { height: 104px; top: calc(52% - 46px); }
}

@media (max-width: 700px) {
  .hero--pult .hwin__in { height: 340px; }
  .hero--pult .pult { margin-top: 20px; }
  .hero--pult .pult .speed { display: none; }
  .bdev { width: 38px; height: 38px; box-shadow: 0 0 0 2px #FFD030; } .bdev svg { width: 24px; height: 24px; }
  .bdev .rs-ok { display: none; }
  .protorow { height: auto; flex-wrap: wrap; }
}

:root[data-hero="4"] .hero:not([data-hv="4"]) { display: none; }
:root[data-hero="4"] .hero[data-hv="4"] { display: flex; }
.hero .scene-h { height: clamp(300px, 60svh, 600px); }

.flyzone { position: relative; z-index: 1; align-self: stretch; height: 100%; min-height: 300px; overflow: hidden; }
.fz-layer img { position: absolute; left: 100%; animation: lp-fzmove var(--d) linear infinite; }
.fz-far img { width: calc(var(--w, 22px) * 3); opacity: 0.75; }
.fz-far img[src*="18"] { --w: 18px; } .fz-far img[src*="14"] { --w: 14px; } .fz-far img[src*="22"] { --w: 22px; }
.fz-near { z-index: 4; position: absolute; inset: 0; }
.fz-near img { width: calc(26px * 5); }
.fz-near img[src*="22"] { width: calc(22px * 5); }
@keyframes lp-fzmove { from { transform: translateX(0); } to { transform: translateX(calc(-100vw - 200px)); } }
.fz-lines i { position: absolute; left: 100%; width: 96px; height: 6px; background: #fff; box-shadow: 0 0 0 3px var(--bv-blue-5); animation: lp-fzline 1.1s linear infinite; }
@keyframes lp-fzline { from { transform: translateX(0); } to { transform: translateX(-900px); } }
.fz-rider { position: absolute; z-index: 3; left: 52%; top: 46%; transform: translate(-50%, -50%); animation: lp-ride 1.6s steps(2) infinite; }
@keyframes lp-ride { 50% { margin-top: -9px; } }
.fz-cloud { display: block; width: 300px; height: 150px; }
.garg--ride { position: absolute; left: 50%; top: 18px; transform: translate(calc(-32px * var(--kg)), calc(-56px * var(--kg))); }
.fz-trail span { position: absolute; z-index: 2; left: 40%; top: var(--y); background: #fff; box-shadow: 0 0 0 3px var(--wall-0); padding: 4px; line-height: 0; animation: lp-trail 2.5s linear infinite; animation-delay: var(--t); }
.fz-trail span svg { width: 32px; height: 32px; }
.fz-trail .env { width: 36px; height: 27px; padding: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 6' shape-rendering='crispEdges'%3E%3Cpath fill='%230A2A5E' d='M0 0h8v6H0z'/%3E%3Cpath fill='%23fff' d='M1 1h6v4H1z'/%3E%3Cpath fill='%231E90FF' d='M1 1h1v1H1zM6 1h1v1H6zM2 2h1v1H2zM5 2h1v1H5zM3 3h2v1H3z'/%3E%3C/svg%3E") 0 0 / 100% 100%; box-shadow: none; }
@keyframes lp-trail { 0% { transform: translateX(40px); opacity: 0; } 12% { opacity: 1; } 100% { transform: translateX(-420px); opacity: 0; } }
.flyzone .speed { position: absolute; right: 0; bottom: 16px; z-index: 5; }

.gate { position: relative; z-index: 1; align-self: end; justify-self: end; width: 100%; max-width: 600px; height: clamp(300px, 60svh, 600px);
  margin-bottom: calc(-9px * var(--k) - clamp(12px, 3vh, 40px)); box-shadow: -3px 0 0 var(--wall-0), 3px 0 0 var(--wall-0); }
.gate::before { content: ""; position: absolute; left: 0; right: 0; bottom: calc(100% - 1px * var(--k)); height: calc(12px * var(--k));
  background: url("../img/wall_crenel_tile.png") 0 0 / calc(23px * var(--k)) calc(12px * var(--k)) repeat-x; image-rendering: pixelated; }
.gate__arch { position: absolute; left: 14%; right: 14%; top: 22%; bottom: 0; overflow: hidden; background: linear-gradient(180deg, var(--sky-top), var(--sky-bottom));
  box-shadow: inset 0 0 0 calc(3px * var(--k)) var(--wall-0);
  clip-path: polygon(0 100%, 0 20%, 5% 20%, 5% 10%, 12% 10%, 12% 4%, 24% 4%, 24% 0, 76% 0, 76% 4%, 88% 4%, 88% 10%, 95% 10%, 95% 20%, 100% 20%, 100% 100%); }
.gate__bars { position: absolute; left: 0; right: 0; top: 0; height: 14%; background: repeating-linear-gradient(90deg, #3B4560 0 9px, transparent 9px 30px); border-bottom: 9px solid #3B4560; }
.gate__rail { position: absolute; left: 0; right: 0; bottom: 18px; height: 64px; }
.gate__top { position: absolute; left: 50%; top: 22%; width: 0; height: 0; z-index: 3; }
.garg--gate { left: 0; top: 0; transform: translate(calc(-32px * var(--kg)), calc(-56px * var(--kg))); }
.gate .speed { position: absolute; left: 50%; top: calc(22% - 64px * var(--kg) - 60px); transform: translateX(-50%); z-index: 3; display: none; }
.wagons--fast { animation-duration: 2.2s; }
.wagons .loco { width: 54px; height: 33px; background: var(--bv-deep); box-shadow: 0 0 0 3px var(--bv-navy), inset 0 -6px 0 #0F4FB0; }
.wagons .loco::before { left: 6px; } .wagons .loco::after { right: 6px; }
.wagons .loco b { display: none; }
.wagons .loco { position: relative; }
.wagons .loco { margin-right: 0; }
.wagons i.loco > * { display: none; }
.wagons i.cargo { display: grid; place-items: center; }
.wagons i.cargo svg { position: absolute; top: -27px; left: 9px; width: 30px; height: 30px; background: #fff; box-shadow: 0 0 0 3px var(--bv-navy); }
.wagons .loco { box-shadow: 0 0 0 3px var(--bv-navy), inset 0 -6px 0 #0F4FB0, inset -12px 6px 0 -6px #FFE14A; }

.bigphone-wrap { position: relative; z-index: 1; align-self: end; justify-self: center; margin-bottom: calc(-9px * var(--k) - clamp(12px, 3vh, 40px)); padding-right: 100px; }
.bigphone { --ph: clamp(330px, 62svh, 620px); position: relative; z-index: 2; width: calc(var(--ph) * 0.55); height: var(--ph); background: var(--wall-0); padding: 30px 15px 42px;
  box-shadow: inset 0 0 0 6px #3B4560, inset 0 0 0 9px var(--wall-0), 9px 0 0 0 rgba(30, 39, 64, 0.18);
  clip-path: polygon(0 18px, 6px 18px, 6px 6px, 18px 6px, 18px 0, calc(100% - 18px) 0, calc(100% - 18px) 6px, calc(100% - 6px) 6px, calc(100% - 6px) 18px, 100% 18px, 100% calc(100% - 18px), calc(100% - 6px) calc(100% - 18px), calc(100% - 6px) calc(100% - 6px), calc(100% - 18px) calc(100% - 6px), calc(100% - 18px) 100%, 18px 100%, 18px calc(100% - 6px), 6px calc(100% - 6px), 6px calc(100% - 18px), 0 calc(100% - 18px)); }
.bp-notch { position: absolute; left: 50%; top: 12px; width: 48px; height: 9px; transform: translateX(-50%); background: #3B4560; }
.bp-screen { position: relative; height: 100%; background: #EAF4FF; overflow: hidden; box-shadow: inset 0 0 0 3px #0A2A5E; }
.bp-tabs { position: absolute; left: 0; right: 0; bottom: 15px; display: flex; justify-content: center; gap: 9px; }
.bp-tabs i { width: 12px; height: 12px; background: #3B4560; } .bp-tabs i.on { background: #FFE14A; }
.app { position: absolute; inset: 0; display: none; flex-direction: column; align-items: center; justify-content: center; gap: 16px; padding: 18px; text-align: center; }
.app.on { display: flex; animation: lp-appin 240ms steps(3); }
@keyframes lp-appin { from { transform: translateY(18px); opacity: 0; } to { transform: none; opacity: 1; } }
.app__t { font: 400 16px/20px var(--f-sign); text-transform: uppercase; color: var(--plate-cut); -webkit-font-smoothing: none; }
.v-frame { position: relative; width: 100%; aspect-ratio: 16 / 10; background: linear-gradient(180deg, #1670DA, #0A2A5E); box-shadow: 0 0 0 3px var(--wall-0); display: grid; place-items: center; }
.v-play svg { width: 48px; height: 48px; }
.v-q { position: absolute; right: 6px; top: 6px; margin: 0; }
.v-bar { width: 100%; height: 12px; background: #fff; box-shadow: 0 0 0 3px var(--wall-0); }
.v-bar i { display: block; height: 100%; width: 100%; background: var(--state-off); transform-origin: left; animation: lp-vbar 2.4s steps(12) infinite; }
@keyframes lp-vbar { 0% { transform: scaleX(0.05); } 15%, 100% { transform: scaleX(1); } }
.app--call { background: #E2F5EA; }
.c-ava { width: 90px; height: 84px; background: #fff; box-shadow: 0 0 0 3px var(--wall-0); padding: 6px; box-sizing: content-box; }
.c-time { font: 400 24px/24px var(--f-head); color: var(--state-green); }
.c-btn { background: var(--lamp-ok); box-shadow: 0 0 0 3px var(--wall-0); padding: 6px; line-height: 0; animation: lp-blink 1s steps(1) infinite; }
.app--game { background: #FFF3DC; }
.g-pad svg { width: 64px; height: 64px; }
.g-score { font: 400 16px/16px var(--f-head); color: var(--bv-deep); animation: lp-blink2 0.8s steps(1) infinite; }
.bp-garg { position: absolute; z-index: 1; right: 100px; top: 22%; transform: translateX(calc(64px * 3 - 27px * 3)); }
.bp-garg img { width: calc(64px * 3); height: calc(52px * 3); }
.hero--phone .hero__wall .speed { position: absolute; left: var(--gut); top: calc(13px * var(--k)); z-index: 3; }

.shieldzone { position: absolute; z-index: 2; left: 50%; right: 0; bottom: calc(24px * var(--k)); height: 60svh; pointer-events: none; overflow: hidden; }
.sh-dome { position: absolute; left: 18%; bottom: -40%; width: 70%; aspect-ratio: 1; border-radius: 50%; border: 6px dashed rgba(30, 144, 255, 0.55); box-shadow: inset 0 0 0 12px rgba(181, 220, 255, 0.35); animation: lp-dome 1.2s steps(2) infinite; }
@keyframes lp-dome { 50% { border-color: rgba(94, 178, 255, 0.85); } }
.sh-slime { position: absolute; right: -90px; bottom: calc(40% + var(--y)); animation: lp-slime 3.3s linear infinite; animation-delay: var(--t); }
.sh-slime img { width: 80px; height: 80px; }
.sh-slime .pop { position: absolute; inset: -10px; opacity: 0; background:
  linear-gradient(#7CC46A, #7CC46A) 50% 0 / 9px 18px no-repeat, linear-gradient(#7CC46A, #7CC46A) 50% 100% / 9px 18px no-repeat,
  linear-gradient(#7CC46A, #7CC46A) 0 50% / 18px 9px no-repeat, linear-gradient(#7CC46A, #7CC46A) 100% 50% / 18px 9px no-repeat; }
@keyframes lp-slime {
  0% { transform: translateX(0); }
  45% { transform: translateX(-46vw); }
  55% { transform: translateX(-40vw) translateY(-40px) rotate(-20deg); }
  62% { transform: translateX(-38vw) translateY(-20px) scale(1.2); opacity: 1; }
  66% { opacity: 0; transform: translateX(-38vw) translateY(-20px) scale(0.2); }
  100% { opacity: 0; transform: translateX(-38vw); }
}
.sh-slime::after { content: ""; }
.sh-garg { z-index: 4; }
.sh-set { left: calc(50% + 23px * var(--k) * 8); bottom: calc(100% + 40px); top: auto; }
.hero--shield .hero__wall .speed { position: absolute; left: var(--gut); top: calc(13px * var(--k)); z-index: 3; }

.mc { position: relative; padding: 64px 0 0; display: grid; justify-content: center; }
.mc-row { display: grid; grid-template-columns: repeat(9, 48px); align-items: end; position: relative; z-index: 2; }
.mc-cell { position: relative; width: 48px; height: 48px; display: grid; place-items: end center; }
.mc-cell svg { width: 48px; height: 48px; display: block; }
.mc-lever .lv-on, .mc-lever.on .lv-off { display: none; } .mc-lever.on .lv-on { display: block; }
.mc-lamp .l-on, .mc-lamp.on .l-off { display: none; } .mc-lamp.on .l-on { display: block; }
.mc-lamp.on svg { filter: drop-shadow(0 0 6px #FFC24A); }
.mc-dust { height: 48px; }
.mc-dust::before { content: ""; position: absolute; left: -3px; right: -3px; bottom: 0; height: 9px;
  background: repeating-linear-gradient(90deg, #5A1E1A 0 6px, #3E1411 6px 9px, #5A1E1A 9px 15px, transparent 15px 18px); }
.mc-dust.on::before { background: repeating-linear-gradient(90deg, #FF3B2F 0 6px, #FF8A6A 6px 9px, #E8281C 9px 15px, transparent 15px 18px); filter: brightness(var(--a)) drop-shadow(0 0 4px #FF5A3A); }
.mc-lbl { position: absolute; left: 50%; bottom: calc(100% + 6px); transform: translateX(-50%); white-space: nowrap; padding: 3px 6px; background: var(--plate-hi); box-shadow: 0 0 0 3px var(--wall-0); font: 400 16px/18px var(--f-sign); text-transform: uppercase; color: var(--plate-cut); -webkit-font-smoothing: none; }
.mc-lbl.hi { bottom: calc(100% + 36px); }
.mc-lamp.on .mc-lbl { background: #FFF3C4; color: var(--text-ink); }
.mc-floor { display: grid; grid-template-columns: repeat(9, 48px); }
.mc-floor i { width: 48px; height: 48px; background: #8795B0; box-shadow: inset 3px 3px 0 #B4C0D4, inset -3px -3px 0 #4A5876; }
.mc-floor i:nth-child(odd) { background: #7D8BA8; }
:root[data-adv="1"] .ad--btn .mc { align-self: center; }
:root[data-adv="1"] .ad--btn { grid-template-rows: 1fr auto; align-content: stretch; }
.pult--tile { width: 100%; margin: 0; padding: 0; gap: 8px; background: none; }
.ad--proto .protos { gap: 6px; }
.ad--proto .proto { padding: 5px 8px; }
.ad--proto .h3, .ad--proto .ad__txt p { color: #fff; text-shadow: 2px 2px 0 var(--oak-shadow); }
.ad--proto .ad__txt p { font-weight: 600; } .ad--proto .vit__n { color: #FFF3A6; }
.ad--proto .speed { justify-self: start; padding: 6px 8px; }
.ad--inf .wagons i.cargo svg { width: 24px; height: 24px; top: -24px; }
.ad--inf .ad__pic { height: 72px; }

.wl { display: none; width: 100%; height: 100%; position: relative; }
:root[data-wl="1"] .wl--1, :root[data-wl="2"] .wl--2, :root[data-wl="3"] .wl--3 { display: flex; align-items: center; }
.rail--wl { position: relative; inset: auto; width: 100%; height: 56px; }
.wltrain { position: absolute; bottom: 9px; display: flex; gap: 6px; animation: lp-wltrain 4s linear infinite; }
@keyframes lp-wltrain { from { left: -50%; } to { left: 100%; } }
.wltrain .loco { position: relative; width: 42px; height: 30px; background: var(--bv-deep); box-shadow: 0 0 0 3px var(--bv-navy), inset -12px 6px 0 -6px #FFE14A; }
.wltrain .tank { position: relative; height: 33px; padding: 0 10px; display: grid; place-items: center; background: #DDEEFF; box-shadow: 0 0 0 3px var(--bv-navy), inset 0 -6px 0 #B5DCFF; border-radius: 0; }
.wltrain .tank b { font: 400 16px/16px var(--f-sign); color: var(--bv-navy); -webkit-font-smoothing: none; white-space: nowrap; }
.wltrain .loco::after, .wltrain .tank::after { content: ""; position: absolute; left: 6px; right: 6px; bottom: -9px; height: 9px; background: repeating-linear-gradient(90deg, var(--wall-0) 0 9px, transparent 9px 18px); }
.wl--2 { gap: 6px; }
.wl-bird { width: 84px; height: 68px; animation: lp-float 2s steps(2) infinite; }
.wl-box { display: flex; align-items: center; gap: 4px; animation: lp-float 2s steps(2) infinite 0.2s; }
.wl-box svg { width: 40px; height: 40px; }
.wl-scroll { position: relative; display: flex; align-items: center; gap: 10px; padding: 8px 56px 8px 14px; background: #FBF3DC; box-shadow: 0 0 0 3px #5F4324, inset 0 -6px 0 #EAD9AE, -9px 0 0 -3px #D9C28E, 9px 0 0 -3px #D9C28E; color: #3A2414; }
.wl-scroll b { font: 400 16px/18px var(--f-sign); text-transform: uppercase; -webkit-font-smoothing: none; font-weight: 400; }
.wl-scroll em { font: 400 16px/18px var(--f-head); font-style: normal; color: var(--state-green); }
.wl-scroll img { position: absolute; right: 4px; top: 50%; width: 48px; height: 48px; transform: translateY(-50%) rotate(0deg); animation: lp-stamp 2.4s steps(1) infinite; }
@keyframes lp-stamp { 0%, 20% { opacity: 0; transform: translateY(-80%) scale(1.4); } 21%, 100% { opacity: 1; transform: translateY(-50%); } }
.ad--wl .ad__pic { height: 72px; }

@media (max-height: 860px) and (min-width: 701px) {
  .fz-cloud { width: 240px; height: 120px; }
  .mc { padding-top: 56px; }
}
@media (max-width: 980px) {
  .flyzone { min-height: 260px; }
  .gate, .bigphone-wrap { justify-self: center; }
  .shieldzone { left: 0; }
}
@media (max-width: 700px) {
  .hero--fly .hero__grid, .hero--gate .hero__grid, .hero--phone .hero__grid { grid-template-rows: auto 1fr; align-content: stretch; }
  .flyzone { min-height: 0; margin: 0 calc(-1 * var(--gut)); }
  .fz-cloud { width: 180px; height: 90px; }
  .garg--ride { top: 12px; }
  .flyzone .speed { right: 10px; bottom: 6px; }
  .gate { height: 250px; max-width: 358px; margin-bottom: calc(-9px * var(--k)); align-self: end; margin-top: 60px; }
  .gate__arch { top: 30%; } .gate__top { top: 30%; }
  .gate__rail { height: 56px; bottom: 10px; }
  .bigphone-wrap { padding-right: 64px; margin-bottom: calc(-9px * var(--k)); align-self: end; }
  .bigphone { --ph: 300px; padding: 22px 10px 32px; }
  .app { gap: 10px; padding: 10px; }
  .app__t { font-size: 16px; line-height: 18px; }
  .c-ava { width: 60px; height: 56px; }
  .bp-garg { right: 64px; top: 16%; transform: translateX(calc(64px * 2 - 27px * 2)); }
  .bp-garg img { width: 128px; height: 104px; }
  .hero--phone .hero__wall .speed, .hero--shield .hero__wall .speed { left: 10px; }
  .hero--phone .scrollhint, .hero--shield .scrollhint { left: auto; right: 10px; transform: none; }
  .shieldzone { top: auto; height: 300px; left: 0; }
  .sh-garg { --j: 2 !important; }
  .sh-set { left: calc(50% + 23px * var(--k) * 4.5); bottom: calc(100% + 90px); }
  .sh-slime img { width: 56px; height: 56px; }
  .mc { padding-top: 58px; }
  .mc-row, .mc-floor { grid-template-columns: repeat(9, 36px); }
  .mc-cell, .mc-cell svg, .mc-floor i { width: 36px; height: 36px; }
  .mc-dust { height: 36px; }
  .mc-lbl { font-size: 16px; padding: 2px 4px; }
  .mc-lbl.hi { bottom: calc(100% + 30px); }
  .wl-scroll { padding: 6px 48px 6px 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .fz-layer img, .fz-lines i, .fz-trail span, .fz-rider, .sh-slime, .sh-dome, .wltrain, .wl-bird, .wl-box, .wl-scroll img, .v-bar i, .c-btn, .g-score, .app.on { animation: none !important; }
  .fz-lines i { left: 30%; } .fz-trail span { transform: translateX(-120px); }
  .sh-slime { display: none; }
  .wltrain { left: 10%; }
}

.fz-lines i { animation-duration: 0.9s; }
.fz-far img { opacity: 0.9; }
@keyframes lp-fzmove { from { transform: translateX(0); } to { transform: translateX(-140%); } }
.fz-layer img { left: auto; right: -140px; }
.flyzone .fz-layer, .gate__sky { position: absolute; inset: 0; }
.fz-far img, .gate__sky img { animation-name: lp-fzmove2; }
@keyframes lp-fzmove2 { from { transform: translateX(0); } to { transform: translateX(-900px); } }
.fz-near img { animation-name: lp-fzmove2; }
.gate__sky img { width: 66px; }
.gate__arch .fz-lines i { width: 72px; }
.mc-row, .mc-floor { grid-template-columns: repeat(13, 36px); }
.mc-cell, .mc-cell svg, .mc-floor i { width: 36px; height: 36px; }
.mc-dust { height: 36px; }
.mc-dust::before { left: 0; right: 0; height: 6px; }
.mc { padding-top: 72px; }
.mc-lbl.hi { bottom: calc(100% + 34px); }
.mc-lever svg { width: 36px; height: 36px; }
@media (min-width: 1500px) { .mc-row, .mc-floor { grid-template-columns: repeat(13, 39px); } .mc-cell, .mc-cell svg, .mc-floor i { width: 39px; height: 39px; } .mc-dust { height: 39px; } }
@media (max-width: 700px) {
  .mc-row, .mc-floor { grid-template-columns: repeat(13, 24px); }
  .mc-cell, .mc-cell svg, .mc-floor i { width: 24px; height: 24px; } .mc-dust { height: 24px; }
  .mc-lbl { font-size: 16px; line-height: 16px; padding: 2px 3px; } .mc-lbl.hi { bottom: calc(100% + 26px); }
  .mc { padding-top: 60px; }
  .ad--proto .speed { display: none; }
}

.mc { padding: 30px 0; display: grid; justify-content: center; }
.mc-grid { --c: 40px; display: grid; grid-template-columns: repeat(9, var(--c)); grid-auto-rows: var(--c); position: relative;
  box-shadow: 0 0 0 3px var(--wall-0); background: #8795B0; }
.mc-t { position: relative; width: var(--c); height: var(--c); background: #8795B0; box-shadow: inset 3px 3px 0 #A6B2C8, inset -3px -3px 0 #6E7C98; }
.mc-t:nth-child(odd) { background: #7F8DA9; }
.mc-t svg { width: var(--c); height: var(--c); display: block; }
.mc-dust::before { content: ""; position: absolute; left: 0; right: 0; top: calc(50% - 4px); height: 9px; bottom: auto;
  background: repeating-linear-gradient(90deg, #6A1E18 0 6px, #4A1410 6px 9px, #6A1E18 9px 12px); filter: none; }
.mc-dust::after { content: ""; position: absolute; left: calc(50% - 6px); top: calc(50% - 6px); width: 12px; height: 12px; background: #5A1A14; }
.mc-dust.on::before { background: repeating-linear-gradient(90deg, #FF3B2F 0 6px, #FF9A7A 6px 9px, #E8281C 9px 12px); filter: brightness(var(--a)) drop-shadow(0 0 4px #FF5A3A); }
.mc-dust.on::after { background: #FF5A3A; filter: brightness(var(--a)); }
.mc-lamp .mc-lbl { bottom: auto; }
.mc-lbl--up { bottom: calc(100% + 6px) !important; top: auto; }
.mc-lbl--down { top: calc(100% + 6px); }
.mc-lbl { z-index: 3; }
.mc-lbl.hi { bottom: auto; }
.mc-lever svg, .mc-lamp svg { width: var(--c); height: var(--c); }
@media (max-width: 700px) { .mc-grid { --c: 34px; } .mc { padding: 28px 0; } }
.mc-lbl--end { top: calc(100% + 6px); left: auto !important; right: 0; transform: none !important; }
.ad { min-width: 0; }
.ad--proto { overflow: hidden; }
.ad--proto .speed__bar { width: 72px; }
.ad--proto .speed { gap: 6px; }
.ad--proto .proto { min-width: 0; }
@media (max-width: 700px) { .mc-grid { --c: 32px; } .ad--proto .proto { font-size: 16px; gap: 6px; padding: 4px 6px; } .ad--proto .sw { width: 36px; height: 20px; } .ad--proto .sw i { width: 14px; height: 14px; } .ad--proto .proto.on .sw i { left: 19px; } }

.hero--fly { display: flex !important; }
.lv-b, .lv-c { display: none !important; }
:root[data-hero="1b"] .lv-b, :root[data-hero="1c"] .lv-b, :root[data-hero="1c"] .lv-c { display: block !important; }

.fz-far img { width: calc(var(--w) * 3); opacity: 0.85; }
.fz-mid img { position: absolute; right: -200px; width: calc(var(--w) * 4); animation: lp-fzmove2 var(--d) linear infinite; opacity: 0.95; }
.fz-mid { position: absolute; inset: 0; z-index: 2; }
@keyframes lp-fzmove2 { from { transform: translateX(0); } to { transform: translateX(-1000px); } }
.fz-lines i { height: 6px; }
.fz-rider { animation: lp-ride 1.6s steps(2) infinite; }
:root[data-hero="1b"] .fz-rider, :root[data-hero="1c"] .fz-rider { animation: lp-ride 1.6s steps(2) infinite, lp-shake 0.24s steps(2) infinite; }
@keyframes lp-shake { 50% { translate: 3px 0; } }
.fz-puff { position: absolute; left: -36px; top: 60%; width: 36px; height: 18px; background: repeating-linear-gradient(90deg, #fff 0 9px, transparent 9px 15px); animation: lp-blink2 0.3s steps(1) infinite; }

.fz-slow { position: absolute; z-index: 2; right: -240px; top: 58%; width: 200px; animation: lp-overtake 7s linear infinite; }
.fz-slow__cloud { width: 200px; height: 104px; filter: saturate(0.5); }
.fz-slow__snail { position: absolute; left: 60px; top: -58px; width: 80px; height: 80px; }
.fz-slow__sign { position: absolute; left: 30px; top: -96px; margin: 0; }
@keyframes lp-overtake { from { transform: translateX(0); } to { transform: translateX(-900px); } }

.fz-towers { position: absolute; z-index: 0; left: 0; right: 0; bottom: calc(24px * var(--k) + 6px); height: 160px; overflow: hidden; opacity: 0.38; pointer-events: none; }
.fz-towers__strip { position: absolute; bottom: 0; left: 0; display: flex; align-items: flex-end; gap: 90px; width: max-content; animation: lp-towers 40s linear infinite; }
@keyframes lp-towers { to { transform: translateX(-50%); } }
.ft { width: var(--w); height: var(--h); background: #8795B0; box-shadow: inset 0 9px 0 #B4C0D4;
  -webkit-mask: linear-gradient(#000, #000) 0 12px / 100% 100% no-repeat, repeating-linear-gradient(90deg, #000 0 12px, transparent 12px 21px) 0 0 / 100% 12px no-repeat;
          mask: linear-gradient(#000, #000) 0 12px / 100% 100% no-repeat, repeating-linear-gradient(90deg, #000 0 12px, transparent 12px 21px) 0 0 / 100% 12px no-repeat; }
.fz-set { position: absolute; z-index: 3; left: 18%; top: 14%; width: 90px; height: 84px; }
.flyzone .pkts { position: absolute; inset: 0; }
.flyzone .pkts i { left: 100%; animation-duration: 5s; }
@media (max-width: 700px) {
  .fz-slow { top: 64%; width: 140px; } .fz-slow__cloud { width: 150px; height: 78px; } .fz-slow__snail { left: 44px; top: -40px; width: 56px; height: 56px; } .fz-slow__sign { left: 20px; top: -72px; }
  .fz-towers { height: 110px; } .fz-set { left: 6%; top: 6%; }
  .fz-far img { width: calc(var(--w) * 2); } .fz-mid img { width: calc(var(--w) * 3); }
}

.mc-grid { --c: 44px; }
@media (min-width: 1500px) { .mc-grid { --c: 48px; } }
.mc { padding: 44px 0 40px; }
.mc-lbl { display: inline-flex; align-items: center; gap: 6px; padding: 3px 8px 3px 4px; }
.mc-lbl .lg { line-height: 0; } .mc-lbl .lg svg { width: 24px; height: 24px; }
.mc-lbl .lg-play { display: none; }
:root[data-logos="2"] .mc-lbl .lg-yt { display: none; } :root[data-logos="2"] .mc-lbl .lg-play { display: inline; }
.mc-lbl--up { bottom: calc(100% + 4px) !important; }
@media (max-height: 860px) and (min-width: 701px) { .mc-grid { --c: 40px; } .mc { padding: 40px 0 34px; } }
@media (max-width: 700px) { .mc-grid { --c: 34px; } .mc-lbl { font-size: 16px; padding: 2px 4px 2px 2px; gap: 3px; } .mc-lbl .lg svg { width: 18px; height: 18px; } }

.devpic { height: auto !important; gap: 14px; align-items: flex-end; }
.miniphone { position: relative; width: 66px; height: 110px; background: var(--wall-0); padding: 9px 6px 18px; box-shadow: inset 0 0 0 3px #3B4560; flex-shrink: 0; }
.mp-screen { position: relative; height: 100%; background: #EAF4FF; overflow: hidden; }
.miniphone .app { gap: 4px; padding: 3px; }
.mp-ico svg { width: 24px; height: 24px; }
.mp-bar { width: 90%; height: 6px; background: #fff; box-shadow: 0 0 0 2px var(--wall-0); }
.mp-bar i { display: block; height: 100%; background: var(--state-off); transform-origin: left; animation: lp-vbar 2.4s steps(8) infinite; }
.mp-t { font: 400 16px/16px var(--f-sign); text-transform: uppercase; color: var(--plate-cut); -webkit-font-smoothing: none; transform: scale(0.75); white-space: nowrap; }
.miniphone .bp-tabs { bottom: 5px; gap: 4px; } .miniphone .bp-tabs i { width: 6px; height: 6px; }
.devpic .devrow { display: flex; gap: 8px; align-items: center; height: 64px; }
.devpic .devrow svg { width: 36px; height: 36px; }

.protos--grid { grid-template-columns: 1fr 1fr; gap: 5px 6px; }
.protos--grid .proto { padding: 4px 6px; gap: 6px; font-size: 16px; line-height: 16px; white-space: nowrap; overflow: hidden; }
.protos--grid .sw { width: 30px; height: 16px; flex-shrink: 0; } .protos--grid .sw i { width: 10px; height: 10px; }
.protos--grid .proto.on .sw i { left: 17px; }
.proto--more { opacity: 0.8; }

:root[data-wl="4"] .wl--4, :root[data-wl="5"] .wl--5 { display: flex; align-items: center; }
.wl--2 .tracks { width: 100%; display: grid; gap: 10px; }
.trk { position: relative; height: 26px; border-bottom: 6px solid #73532F; background: repeating-linear-gradient(90deg, #5F4324 0 6px, transparent 6px 24px) bottom / 100% 6px no-repeat; overflow: hidden; }
.trk--main .loco--stop { position: absolute; left: 8%; bottom: 3px; width: 36px; height: 21px; background: #8795B0; box-shadow: 0 0 0 3px var(--bv-navy); opacity: 0.7; }
.barrier { position: absolute; left: 34%; bottom: 0; height: 24px; display: flex; align-items: flex-end; gap: 6px; }
.barrier i { width: 72px; height: 9px; margin-bottom: 9px; background: repeating-linear-gradient(90deg, #E24040 0 12px, #fff 12px 24px); box-shadow: 0 0 0 3px var(--wall-0); }
.barrier b { font: 400 16px/16px var(--f-sign); text-transform: uppercase; color: #FFF3A6; text-shadow: 2px 2px 0 var(--oak-shadow); -webkit-font-smoothing: none; font-weight: 400; }
.trk--own { border-bottom-color: #FFD030; }
.wlcar { position: absolute; bottom: 3px; left: -30%; height: 21px; padding: 0 8px; display: grid; place-items: center; background: #DDEEFF; box-shadow: 0 0 0 3px var(--bv-navy); animation: lp-wlcar 3.2s linear infinite; }
.wlcar b { font: 400 16px/16px var(--f-sign); color: var(--bv-navy); -webkit-font-smoothing: none; white-space: nowrap; }
@keyframes lp-wlcar { to { left: 105%; } }
.wl--3 { gap: 10px; }
.batt { position: relative; width: 96px; height: 42px; background: #fff; box-shadow: 0 0 0 3px var(--wall-0), 9px 0 0 -6px var(--wall-0); display: grid; place-items: center; }
.batt::after { content: ""; position: absolute; right: -9px; top: 12px; width: 6px; height: 18px; background: var(--wall-0); }
.batt i { position: absolute; left: 3px; top: 3px; bottom: 3px; width: calc(100% - 6px); background: repeating-linear-gradient(90deg, var(--lamp-ok) 0 15px, var(--state-green) 15px 18px); transform-origin: left; animation: lp-batt 2.4s steps(6) infinite; }
@keyframes lp-batt { 0% { transform: scaleX(1); } 100% { transform: scaleX(0.2); } }
.batt b, .tankt b { position: relative; font: 400 16px/16px var(--f-sign); color: #fff; text-shadow: 2px 2px 0 #0E5A30; -webkit-font-smoothing: none; }
.flow, .pipe { position: relative; flex: 1; height: 9px; background: rgba(46, 28, 15, 0.4); overflow: hidden; }
.flow i, .pipe i { position: absolute; top: 0; width: 9px; height: 9px; background: #FFE14A; animation: lp-zip 1s linear infinite; }
.flow i:nth-child(2), .pipe i:nth-child(2) { animation-delay: 0.33s; } .flow i:nth-child(3), .pipe i:nth-child(3) { animation-delay: 0.66s; }
.loco--sm { position: relative; width: 42px; height: 30px; background: var(--bv-deep); box-shadow: 0 0 0 3px var(--bv-navy), inset -12px 6px 0 -6px #FFE14A; flex-shrink: 0; }
.wl--4 { gap: 8px; }
.tankt { position: relative; width: 64px; height: 60px; background: #DDEEFF; box-shadow: 0 0 0 3px var(--bv-navy); display: grid; place-items: center; overflow: hidden; flex-shrink: 0; }
.tankt i { position: absolute; left: 0; right: 0; bottom: 0; height: 70%; background: repeating-linear-gradient(0deg, #1E90FF 0 6px, #5EB2FF 6px 9px); animation: lp-level 3s steps(6) infinite; }
@keyframes lp-level { 0% { height: 85%; } 100% { height: 35%; } }
.tankt b { text-shadow: 2px 2px 0 var(--bv-navy); }
.pipe { background: #3B4560; }
.pipe i { background: #5EB2FF; }
.wl-devs { display: flex; gap: 4px; background: #fff; padding: 4px; box-shadow: 0 0 0 3px var(--wall-0); }
.wl-devs svg { width: 28px; height: 28px; }
.wl--5 { gap: 14px; }
.ticket { position: relative; display: grid; grid-template-columns: auto auto; align-items: center; gap: 4px 12px; padding: 8px 30px 8px 14px; background: #FFF3C4; color: #3A2414;
  box-shadow: 0 0 0 3px #5F4324; -webkit-mask: radial-gradient(circle 9px at 100% 50%, transparent 8px, #000 9px); mask: radial-gradient(circle 9px at 100% 50%, transparent 8px, #000 9px); animation: lp-ticket 3s steps(4) infinite; }
@keyframes lp-ticket { 0%, 10% { transform: translateY(12px); opacity: 0; } 30%, 100% { transform: none; opacity: 1; } }
.ticket b { font: 400 16px/18px var(--f-sign); text-transform: uppercase; -webkit-font-smoothing: none; font-weight: 400; border-right: 3px dashed #C9A85E; padding-right: 10px; }
.ticket em { font: 400 16px/18px var(--f-head); font-style: normal; color: var(--state-green); }
.ticket .punch { position: absolute; right: 18px; top: 6px; width: 9px; height: 9px; background: #5F4324; }
@media (prefers-reduced-motion: reduce) {
  .fz-slow, .fz-towers__strip, .fz-mid img, .fz-puff, .wlcar, .batt i, .flow i, .pipe i, .tankt i, .ticket, .mp-bar i { animation: none !important; }
  .fz-slow { right: 40%; } .wlcar { left: 40%; }
}

.fz-slow { animation-delay: -3.2s; }
@media (max-height: 860px) and (min-width: 701px) {
  .mc { padding: 36px 0 30px; }
  .ad--proto .speed { display: none; }
  .ad--dev .ad__txt p, .ad--proto .ad__txt p { font-size: 14px; line-height: 19px; }
  .miniphone { height: 96px; }
}

.tl-brand, :root[data-title="1"] .tl-brand { display: none !important; }
.hsub { margin: -6px 0 0; font: 400 24px/32px var(--f-head); color: var(--bv-deep); word-spacing: var(--head-ws); -webkit-font-smoothing: var(--head-smooth); }
:root[data-type="E"] .hsub { font: 800 28px/32px var(--f-head); }
.hsub > span { display: none; }
:root[data-title="2"] .hsub .s2, :root[data-title="1"] .hsub .s1 { display: inline; }
:root[data-title="3"] .hsub { display: none; }
@media (max-height: 860px) and (min-width: 701px) { .hsub { font-size: 16px; line-height: 24px; } }
@media (max-width: 700px) { .hsub { font-size: 16px; line-height: 24px; margin-top: -4px; } }

.mc-wrap { display: flex; align-items: stretch; gap: 14px; }
.mc-grid--v7 { grid-template-columns: repeat(5, var(--c)) !important; grid-auto-rows: var(--c); }
.mc-labels { display: grid; grid-auto-rows: var(--c); }
.mc-lbl2 { display: flex; align-items: center; gap: 8px; height: var(--c); padding: 0 10px 0 4px; margin: 3px 0; height: calc(var(--c) - 6px);
  background: #CDD5E1; color: var(--text-meta); box-shadow: 0 0 0 3px var(--wall-0); font: 600 15px/1 var(--f-text); white-space: nowrap; transition: background 160ms steps(2); }
:root[data-type="A"] .mc-lbl2 { font: 400 16px/18px var(--f-sign); text-transform: uppercase; -webkit-font-smoothing: none; }
.mc-lbl2.on { background: #FFF3C4; color: var(--text-ink); box-shadow: 0 0 0 3px var(--wall-0), 0 0 0 6px #FFC24A; }
.mc-lbl2 .lg { line-height: 0; } .mc-lbl2 .lg svg { width: 32px; height: 32px; }
.mc-lbl2 .lg-play { display: none; }
:root[data-logos="2"] .mc-lbl2 .lg-yt { display: none; } :root[data-logos="2"] .mc-lbl2 .lg-play { display: inline; }
.mc-lbl2 .lg { filter: grayscale(0.7) opacity(0.65); } .mc-lbl2.on .lg { filter: none; }

.mc-grid--v7 .mc-dust::before { left: calc(50% * (1 - var(--l))); right: calc(50% * (1 - var(--r))); top: calc(50% - 4px); height: 9px; }
.mc-grid--v7 .mc-dust::after { left: calc(50% - 4px); width: 9px; top: calc(50% * (1 - var(--u))); bottom: calc(50% * (1 - var(--d))); height: auto;
  background: repeating-linear-gradient(0deg, #6A1E18 0 6px, #4A1410 6px 9px, #6A1E18 9px 12px); }
.mc-grid--v7 .mc-dust.on::after { background: repeating-linear-gradient(0deg, #FF3B2F 0 6px, #FF9A7A 6px 9px, #E8281C 9px 12px); filter: brightness(var(--a)) drop-shadow(0 0 4px #FF5A3A); }
.mc-grid--v7 .mc-dust[style*="--u:0;--d:0"]::after { display: none; }
.ad--btn .mc { padding: 26px 0 24px; justify-content: center; }
.mc-grid--v7 { --c: 44px; }
@media (max-width: 700px) { .mc-grid--v7 { --c: 34px; } .mc-wrap { gap: 10px; } .mc-lbl2 { font-size: 13px; gap: 5px; padding: 0 6px 0 3px; } .mc-lbl2 .lg svg { width: 24px; height: 24px; } .ad--btn .mc { padding: 16px 0 14px; } }

.dv { display: none; align-items: center; gap: 12px; width: 100%; }
:root[data-dev="0"] .dv--0, :root[data-dev="1"] .dv--1, :root[data-dev="2"] .dv--2, :root[data-dev="3"] .dv--3 { display: flex; }
.devpic { min-height: 64px; }
.dv-row { display: flex; gap: 8px; }
.dvi { position: relative; padding: 4px; background: #fff; box-shadow: 0 0 0 3px var(--wall-0); line-height: 0; }
.dvi > svg { width: 36px; height: 36px; filter: grayscale(1) opacity(0.45); }
.dvi .ok { position: absolute; right: -8px; top: -8px; display: none; background: #fff; box-shadow: 0 0 0 2px var(--wall-0); line-height: 0; }
.dvi.on > svg { filter: none; } .dvi.on .ok { display: block; } .dvi.on { box-shadow: 0 0 0 3px var(--wall-0), 0 0 0 6px var(--lamp-ok); }
.dv-count { margin-left: auto; font: 400 16px/16px var(--f-head); color: var(--text-meta); white-space: nowrap; }
.dv-count b { font: 400 24px/24px var(--f-head); color: var(--state-green); }
.dv-garg { width: 111px; height: 96px; flex-shrink: 0; }
.dv-keys { display: grid; grid-template-columns: repeat(2, auto); gap: 8px 10px; }
.dvk { position: relative; padding: 3px; background: #fff; box-shadow: 0 0 0 3px var(--wall-0); line-height: 0; }
.dvk > svg { width: 32px; height: 32px; filter: grayscale(1) opacity(0.45); }
.dvk-key { position: absolute; right: -10px; bottom: -6px; width: 11px; height: 27px; opacity: 0; transform: translate(-30px, -20px); transition: opacity 200ms steps(2), transform 300ms steps(3); }
.dvk.on > svg { filter: none; } .dvk.on .dvk-key { opacity: 1; transform: none; }
.hotbar { display: grid; grid-template-columns: repeat(10, 34px); gap: 3px; padding: 3px; background: #3B4560; box-shadow: 0 0 0 3px var(--wall-0); }
.hb { position: relative; width: 34px; height: 34px; background: #8795B0; box-shadow: inset 3px 3px 0 #5C6884, inset -3px -3px 0 #B4C0D4; display: grid; place-items: center; }
.hb svg { width: 24px; height: 24px; opacity: 0; }
.hb b { position: absolute; right: 2px; bottom: 1px; font: 400 16px/12px var(--f-sign); color: #fff; text-shadow: 1px 1px 0 #000; -webkit-font-smoothing: none; font-weight: 400; opacity: 0.6; }
.hb.on svg { opacity: 1; } .hb.on { background: #DDEEFF; }
@media (max-width: 1180px) { .hotbar { grid-template-columns: repeat(5, 34px); } }

.pult--v7 { gap: 8px; }
.vless { padding: 6px 8px 8px; background: rgba(46, 28, 15, 0.38); box-shadow: inset 0 0 0 3px #5F4324; display: grid; gap: 6px; }
.vless__main { display: flex; align-items: center; gap: 10px; }
.vless__main b { font: 400 16px/16px var(--f-head); color: #FFF3A6; text-shadow: 2px 2px 0 var(--oak-shadow); font-weight: 400; }
.bigsw { position: relative; width: 54px; height: 24px; background: var(--lamp-ok); box-shadow: 0 0 0 3px var(--wall-0), inset 0 -3px 0 #0E5A30; }
.bigsw i { position: absolute; right: 3px; top: 3px; width: 21px; height: 18px; background: #fff; }
.vless__modes { grid-template-columns: repeat(4, auto); gap: 4px; justify-content: start; }
.vless__modes .proto, .protos--other .proto { padding: 3px 6px; gap: 5px; font-size: 16px; line-height: 16px; white-space: nowrap; }
.vless__modes .sw, .protos--other .sw { width: 26px; height: 14px; } .vless__modes .sw i, .protos--other .sw i { width: 8px; height: 8px; }
.vless__modes .proto.on .sw i, .protos--other .proto.on .sw i { left: 15px; }
.protos--other { grid-template-columns: 1fr 1fr; gap: 4px 6px; }
.proto--ovpn small { font: 500 11px/1 var(--f-text); text-transform: none; color: #FFF3A6; margin-left: 2px; }
@media (max-width: 700px) { .vless__modes { grid-template-columns: repeat(2, auto); } .protos--other { grid-template-columns: 1fr; } .vless__modes .proto, .protos--other .proto { font-size: 16px; padding: 2px 4px; } }

:root[data-wl="2"] .wl--2, :root[data-wl="3"] .wl--3, :root[data-wl="4"] .wl--4 { display: flex; align-items: center; }
:root[data-wl] .wl--5 { display: none !important; }
.pbank { position: relative; width: 70px; height: 48px; background: #3B4560; box-shadow: 0 0 0 3px var(--wall-0); display: grid; place-items: center; flex-shrink: 0; }
.pbank b { font: 400 16px/16px var(--f-sign); color: #FFE14A; -webkit-font-smoothing: none; position: relative; z-index: 1; }
.pbank i { position: absolute; right: 6px; top: 6px; width: 6px; height: 6px; background: var(--lamp-ok); animation: lp-blink2 0.8s steps(1) infinite; }
.cable { position: relative; flex: 1; height: 6px; background: #1C2234; overflow: hidden; }
.cable i { position: absolute; top: 0; width: 6px; height: 6px; background: #FFE14A; animation: lp-zip 0.9s linear infinite; }
.cable i:nth-child(2) { animation-delay: 0.3s; } .cable i:nth-child(3) { animation-delay: 0.6s; }
.tbatt { position: relative; width: 84px; height: 36px; background: #fff; box-shadow: 0 0 0 3px var(--wall-0); display: grid; place-items: center; flex-shrink: 0; }
.tbatt::after { content: ""; position: absolute; right: -9px; top: 10px; width: 6px; height: 16px; background: var(--wall-0); }
.tbatt i { position: absolute; left: 3px; top: 3px; bottom: 3px; width: calc(100% - 6px); background: repeating-linear-gradient(90deg, var(--lamp-ok) 0 12px, var(--state-green) 12px 15px); transform-origin: left; animation: lp-fillup 3s steps(6) infinite; }
@keyframes lp-fillup { 0% { transform: scaleX(0.08); } 80%, 100% { transform: scaleX(1); } }
.tbatt b { position: relative; font: 400 16px/16px var(--f-sign); text-transform: uppercase; color: #fff; text-shadow: 2px 2px 0 #0E5A30; -webkit-font-smoothing: none; }
.wl--2 { gap: 6px; } .wl--4 { gap: 6px; }
.charge { display: grid; grid-template-columns: repeat(10, 1fr); gap: 3px; flex: 1; padding: 4px; background: #1C2234; box-shadow: 0 0 0 3px var(--wall-0); }
.charge i { height: 24px; background: #3B4560; box-shadow: inset 0 3px 0 #4A5876; animation: lp-seg 3.6s steps(1) infinite; animation-delay: calc(var(--i) * 0.22s); }
@keyframes lp-seg { 0% { background: #3B4560; } 6%, 80% { background: #5FD48E; box-shadow: inset 0 3px 0 #B8F5CF, inset 0 -3px 0 #17834A; } 81%, 100% { background: #3B4560; } }
.charge__l { margin-left: 10px; font: 400 16px/16px var(--f-head); color: #FFE14A; text-shadow: 2px 2px 0 var(--oak-shadow); white-space: nowrap; font-weight: 400; }
.station { position: relative; width: 60px; height: 64px; flex-shrink: 0; background: #8795B0; box-shadow: 0 0 0 3px var(--wall-0), inset 3px 3px 0 #B4C0D4; display: grid; place-items: end center; padding-bottom: 6px;
  -webkit-mask: linear-gradient(#000, #000) 0 9px / 100% 100% no-repeat, repeating-linear-gradient(90deg, #000 0 12px, transparent 12px 18px) 0 0 / 100% 9px no-repeat;
          mask: linear-gradient(#000, #000) 0 9px / 100% 100% no-repeat, repeating-linear-gradient(90deg, #000 0 12px, transparent 12px 18px) 0 0 / 100% 9px no-repeat; }
.station i { position: absolute; left: 50%; top: 20px; width: 21px; height: 18px; transform: translateX(-50%); background: #1C2234; box-shadow: inset 6px 6px 0 -3px #FFE14A, inset -6px 6px 0 -3px #FFE14A; }
.station b { font: 400 16px/16px var(--f-sign); color: #fff; text-shadow: 1px 1px 0 var(--wall-0); -webkit-font-smoothing: none; }
.cable--y { background: #3B4560; }
@media (prefers-reduced-motion: reduce) { .cable i, .tbatt i, .charge i, .pbank i { animation: none !important; } .charge i { background: #5FD48E; } }

@media (max-width: 700px) {
  .adv4 .adv4__head { margin-bottom: 12px; }
  .adv4 .h2 { font-size: 16px; line-height: 24px; }
  .ad--dev .ad__txt p, .ad--inf .ad__txt p, .ad--wl .ad__txt p, .ad--proto .ad__txt p { display: none; }
  .ad .vit__n { display: none; }
  .ad--btn .ad__txt p { font-size: 13px; line-height: 18px; }
  .dv-row { gap: 4px; } .dvi > svg { width: 24px; height: 24px; } .dvi { padding: 2px; }
  .dv--1 { flex-wrap: wrap; gap: 6px; } .dv-count { margin-left: 0; }
  .hotbar { grid-template-columns: repeat(5, 26px); } .hb { width: 26px; height: 26px; } .hb svg { width: 18px; height: 18px; }
  .dv-garg { width: 74px; height: 64px; } .dvk > svg { width: 22px; height: 22px; }
  .ad--proto .pult--v7 .speed { display: none; }
  .wl--2 .pbank { width: 54px; } .wl--2 .tbatt { width: 60px; }
  .charge i { height: 18px; } .charge__l { display: none; }
}
.proto .sw, .bigsw { flex-shrink: 0; }
.vless__modes .sw i, .protos--other .sw i { top: 3px; }
.dv--1 { flex-wrap: wrap; row-gap: 8px; }
.dvi > svg { width: 30px; height: 30px; }
.dv-count { margin-left: 0; }
.hotbar { grid-template-columns: repeat(5, 34px) !important; }
@media (max-width: 700px) { .hotbar { grid-template-columns: repeat(5, 26px) !important; } }
.vless__modes { grid-template-columns: repeat(2, minmax(0, auto)) !important; } .vless__modes .proto, .protos--other .proto { overflow: visible; }

.ad--btn .mc { padding: 18px 0 10px; display: block; }
.mcside { display: grid; grid-template-columns: repeat(5, 1fr); width: 100%; max-width: min(100%, 50svh); margin: 0 auto; }
.ms { position: relative; aspect-ratio: 1; }
.ms svg { width: 100%; height: 100%; display: block; }
.ms--stone { background: #8795B0; box-shadow: inset 4px 4px 0 #B4C0D4, inset -4px -4px 0 #4A5876; }
.ms--stone:nth-child(odd) { background: #7F8DA9; }
.ms--ground { background: #6E7C98; box-shadow: inset 4px 4px 0 #8795B0, inset -4px -4px 0 #3B4560; }
.ms--lever .lv-on, .ms--lever.on .lv-off { display: none; } .ms--lever.on .lv-on { display: block; }
.ms--lever svg { transform: translateY(8%); }
.ms--dust::before, .ms--dust::after { content: ""; position: absolute; background: repeating-linear-gradient(90deg, #6A1E18 0 8px, #4A1410 8px 12px); }
.ms--h::before { left: 0; right: 0; bottom: 0; height: 12%; }
.ms--v::before { left: 42%; width: 16%; top: 0; bottom: 0; background: repeating-linear-gradient(0deg, #6A1E18 0 8px, #4A1410 8px 12px); }
.ms--L::before { left: 42%; width: 16%; top: 0; bottom: 0; background: repeating-linear-gradient(0deg, #6A1E18 0 8px, #4A1410 8px 12px); }
.ms--L::after { left: 42%; right: 0; bottom: 0; height: 12%; }
.ms--dust.on::before, .ms--dust.on::after { background: repeating-linear-gradient(90deg, #FF3B2F 0 8px, #FF9A7A 8px 12px); filter: brightness(var(--a)) drop-shadow(0 0 5px #FF5A3A); }
.ms--v.on::before, .ms--L.on::before { background: repeating-linear-gradient(0deg, #FF3B2F 0 8px, #FF9A7A 8px 12px); }
.ms--lamp .l-on, .ms--lamp.on .l-off { display: none; } .ms--lamp.on .l-on { display: block; }
.ms--lamp.on { filter: drop-shadow(0 0 10px #FFC24A); z-index: 1; }
.ms-logo { position: absolute; left: 22%; top: 22%; width: 56%; height: 56%; padding: 6%; background: #fff; box-shadow: 0 0 0 3px var(--wall-0); line-height: 0; filter: grayscale(0.85) brightness(0.8); transition: filter 160ms steps(2); }
.ms--lamp.on .ms-logo { filter: none; }
.ms-name { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
:root[data-adv="1"] .ad--btn { grid-template-rows: 1fr auto; }
:root[data-adv="1"] .ad--btn .mc { align-self: center; }
@media (max-width: 700px) { .mcside { max-width: 260px; } }

.dv--3 { gap: 12px; align-items: flex-end; flex-wrap: wrap; }
.inv { display: grid; grid-template-columns: repeat(5, 44px); gap: 4px; padding: 6px; background: #C6C6C6; box-shadow: 0 0 0 3px var(--wall-0), inset 3px 3px 0 #FFFFFF, inset -3px -3px 0 #555555; }
.slot { position: relative; width: 44px; height: 44px; background: #8B8B8B; box-shadow: inset 3px 3px 0 #FFFFFF, inset -3px -3px 0 #373737; display: grid; place-items: center; }
.slot svg { width: 32px; height: 32px; opacity: 0; transform: translateY(-10px) scale(0.6); }
.slot.on svg { opacity: 1; transform: none; }
.slot.just svg { animation: lp-pick 380ms steps(4); }
@keyframes lp-pick { 0% { transform: translateY(-14px) scale(0.6); } 50% { transform: translateY(-6px) scale(1.15); } 100% { transform: none; } }
.slot b { position: absolute; right: 3px; bottom: 1px; font: 400 16px/16px var(--f-sign); color: #fff; text-shadow: 2px 2px 0 #3F3F3F; -webkit-font-smoothing: none; font-weight: 400; opacity: 0; }
.slot.on b { opacity: 1; }
.slot .flash { position: absolute; inset: 3px; background: #fff; opacity: 0; pointer-events: none; }
.slot.just .flash { animation: lp-flash 380ms steps(3); }
@keyframes lp-flash { 0% { opacity: 0.9; } 100% { opacity: 0; } }
.slot.sel { box-shadow: inset 3px 3px 0 #FFFFFF, inset -3px -3px 0 #373737, 0 0 0 3px #FFFFFF, 0 0 0 6px var(--wall-0); z-index: 1; }
.inv-count { font: 400 16px/16px var(--f-head); color: var(--text-meta); white-space: nowrap; }
.inv-count b, .dv-board b { display: inline-block; font: 400 24px/24px var(--f-head); color: var(--state-green); }
.dv-n.flip { animation: lp-flipn 260ms steps(3); }
@keyframes lp-flipn { 0% { transform: scaleY(0.2); } 100% { transform: none; } }
.full .inv-count b { color: var(--bv-deep); }

.dv--1 { position: relative; gap: 12px; align-items: center; flex-wrap: wrap; }
.dv-row { display: flex; gap: 10px; }
.dvi { position: relative; padding: 4px; background: #fff; box-shadow: 0 0 0 3px var(--wall-0); line-height: 0; }
.dvi > svg { width: 48px; height: 48px; filter: grayscale(1) opacity(0.4); }
.dvi.on > svg { filter: none; }
.dvi .lamp { position: absolute; left: 50%; top: -12px; width: 9px; height: 9px; transform: translateX(-50%); background: #CDD5E1; box-shadow: 0 0 0 2px var(--wall-0); }
.dvi.on .lamp { background: var(--lamp-ok); box-shadow: 0 0 0 2px var(--wall-0), 0 0 8px #5FD48E; }
.dvi .wave { position: absolute; inset: -3px; box-shadow: 0 0 0 3px #FFD030; opacity: 0; pointer-events: none; }
.dvi.just .wave { animation: lp-wave 520ms steps(4); }
@keyframes lp-wave { 0% { opacity: 1; inset: -3px; } 100% { opacity: 0; inset: -21px; } }
.dv-board { display: inline-flex; align-items: baseline; gap: 2px; padding: 6px 10px; background: #1C2234; box-shadow: 0 0 0 3px var(--wall-0), inset 0 3px 0 #3B4560; }
.dv-board b { color: #FFE14A; text-shadow: 0 0 6px #F59A00; }
.dv-board em { font: 400 16px/16px var(--f-head); font-style: normal; color: #8795B0; }
.dv-nod { width: 64px; height: 36px; opacity: 0; }
.full .dv-nod { opacity: 1; animation: lp-nod 480ms steps(2) infinite; }
@keyframes lp-nod { 50% { transform: translateY(4px); } }
.salute { position: absolute; right: 40px; top: -10px; width: 0; height: 0; pointer-events: none; }
.salute i { position: absolute; width: 9px; height: 9px; background: #FFE14A; opacity: 0; }
.salute i:nth-child(2n) { background: #FF5A3A; } .salute i:nth-child(3n) { background: #5EB2FF; }
.full .salute i { animation: lp-boom 900ms steps(6) infinite; }
.full .salute i:nth-child(1) { --dx: -40px; --dy: -30px; } .full .salute i:nth-child(2) { --dx: 40px; --dy: -34px; } .full .salute i:nth-child(3) { --dx: -20px; --dy: -48px; }
.full .salute i:nth-child(4) { --dx: 24px; --dy: -50px; } .full .salute i:nth-child(5) { --dx: -48px; --dy: -6px; } .full .salute i:nth-child(6) { --dx: 50px; --dy: -8px; }
@keyframes lp-boom { 0% { opacity: 1; transform: translate(0, 0); } 100% { opacity: 0; transform: translate(var(--dx), var(--dy)); } }
@media (max-width: 1180px) { .inv { grid-template-columns: repeat(5, 36px); } .slot { width: 36px; height: 36px; } .slot svg { width: 24px; height: 24px; } .dvi > svg { width: 36px; height: 36px; } }
@media (max-width: 700px) { .inv { grid-template-columns: repeat(5, 30px); gap: 3px; padding: 4px; } .slot { width: 30px; height: 30px; } .slot svg { width: 24px; height: 24px; } .slot b { font-size: 16px; line-height: 12px; }
  .dvi > svg { width: 26px; height: 26px; } .dv-row { gap: 6px; } .dv-nod { display: none; } .inv-count b, .dv-board b { font-size: 16px; line-height: 16px; } }

.proto--ovpn { white-space: nowrap; }

:root[data-wl] .wl { display: none !important; }
:root[data-wl="1"] .wl--1, :root[data-wl="2"] .wl--2, :root[data-wl="3"] .wl--3, :root[data-wl="4"] .wl--4 { display: flex !important; align-items: center; }
.ad--wl .ad__pic { height: 96px; }
.app-i { display: grid; place-items: center; width: 26px; height: 26px; background: #9AA6B8; box-shadow: 0 0 0 2px var(--wall-0); line-height: 0; transition: background 160ms steps(2); }
.app-i svg { width: 20px; height: 20px; filter: grayscale(1) brightness(1.4); }
.wlpic.on .app-i:not(.grey) { background: var(--c); } .wlpic.on .app-i:not(.grey) svg { filter: brightness(0) invert(1); }
.wl--1 { position: relative; gap: 8px; }
.fq { display: flex; gap: 4px; }
.fence { position: relative; width: 70px; height: 60px; flex-shrink: 0; background: repeating-linear-gradient(90deg, #A0794A 0 9px, transparent 9px 21px); box-shadow: inset 0 18px 0 -12px #73532F, inset 0 -18px 0 -12px #73532F; }
.fence__sign { position: absolute; left: -6px; right: -6px; top: -14px; padding: 2px 4px; background: #fff; box-shadow: 0 0 0 3px var(--wall-0); font: 400 16px/14px var(--f-sign); text-transform: uppercase; color: var(--plate-cut); -webkit-font-smoothing: none; text-align: center; font-weight: 400; white-space: nowrap; }
.wl-fly { position: absolute; left: 6%; bottom: 4px; width: 88px; height: 90px; animation: lp-hop 2.6s steps(10) infinite; }
.wl-fly img:first-child { position: absolute; left: 9px; top: 0; width: 70px; height: 64px; }
.wl-fly__cloud { position: absolute; left: 0; top: 52px; width: 88px; height: 44px; }
@keyframes lp-hop { 0% { transform: translate(0, 0); } 50% { transform: translate(110px, -24px); } 100% { transform: translate(230px, 0); } }
.wl--1 { padding-left: 0; } .wl--1 .fq { order: 0; } .wl--1 .fence { order: 1; }
.wph { position: relative; width: 132px; height: 88px; padding: 6px; background: var(--wall-0); box-shadow: inset 0 0 0 3px #3B4560; display: grid; grid-template-rows: auto 1fr auto; gap: 3px; flex-shrink: 0; }
.wph__bar { display: flex; align-items: flex-end; gap: 2px; height: 12px; justify-self: end; }
.wph__bar i { width: 4px; background: #4A5876; } .wph__bar i:nth-child(1) { height: 3px; background: #FFE14A; } .wph__bar i:nth-child(2) { height: 6px; } .wph__bar i:nth-child(3) { height: 9px; } .wph__bar i:nth-child(4) { height: 12px; }
.wlpic.on .wph__bar i { background: var(--lamp-ok); }
.wph__apps { display: grid; grid-template-columns: repeat(6, 1fr); gap: 3px; align-content: center; }
.wph__apps .app-i { width: 17px; height: 17px; } .wph__apps .app-i svg { width: 13px; height: 13px; }
.wph__note { font: 400 16px/12px var(--f-sign); text-transform: uppercase; color: #FFE14A; -webkit-font-smoothing: none; transform: scale(0.75); transform-origin: left; white-space: nowrap; }
.wlpic.on .wph__note { color: #5FD48E; }
.wtg { display: grid; justify-items: center; gap: 6px; margin-left: 14px; }
.wtg b { font: 400 16px/16px var(--f-sign); text-transform: uppercase; color: #FFF3A6; text-shadow: 2px 2px 0 var(--oak-shadow); -webkit-font-smoothing: none; font-weight: 400; }
.wtg .tg { background: #8795B0; } .wtg .tg i { transform: translateX(0); animation: none; transition: transform 160ms steps(2); }
.wlpic.on .wtg .tg { background: var(--lamp-ok); } .wlpic.on .wtg .tg i { transform: translateX(30px); }
.wl--3 { gap: 12px; }
.lv3 { width: 48px; height: 48px; } .lv3 svg { width: 48px; height: 48px; } .lv3 .lv-on, .wlpic.on .lv3 .lv-off { display: none; } .wlpic.on .lv3 .lv-on { display: block; }
.portal { position: relative; width: 110px; height: 84px; padding: 9px; background: #3B4560; box-shadow: inset 3px 3px 0 #5C6884, inset -3px -3px 0 #1C2234, 0 0 0 3px var(--wall-0); display: grid; place-items: center; overflow: hidden; }
.p-swirl { position: absolute; inset: 9px; background: #1C2234; }
.wlpic.on .p-swirl { background: repeating-linear-gradient(45deg, #1E90FF 0 6px, #5EB2FF 6px 12px, #B5DCFF 12px 15px); animation: lp-swirl 0.8s linear infinite; background-size: 34px 34px; }
@keyframes lp-swirl { to { background-position: 34px 0; } }
.p-apps { position: relative; display: flex; gap: 3px; opacity: 0; }
.p-apps .app-i { width: 20px; height: 20px; } .p-apps .app-i svg { width: 14px; height: 14px; }
.p-apps .app-i:nth-child(n+4) { display: none; }
.wlpic.on .p-apps { opacity: 1; animation: lp-through 1.3s steps(6) infinite; }
@keyframes lp-through { from { transform: translateX(-60px); } to { transform: translateX(60px); } }
.wl--4 { gap: 10px; }
.sigbatt { position: relative; width: 120px; height: 48px; background: #fff; box-shadow: 0 0 0 3px var(--wall-0); display: grid; place-items: center; flex-shrink: 0; }
.sigbatt::after { content: ""; position: absolute; right: -9px; top: 15px; width: 6px; height: 18px; background: var(--wall-0); }
.sigbatt i { position: absolute; left: 3px; top: 3px; bottom: 3px; width: 18%; background: #E24040; transition: width 600ms steps(6); }
.wlpic.on .sigbatt i { width: calc(100% - 6px); background: repeating-linear-gradient(90deg, var(--lamp-ok) 0 15px, var(--state-green) 15px 18px); }
.sigbatt b { position: relative; font: 400 16px/16px var(--f-sign); text-transform: uppercase; color: var(--text-ink); -webkit-font-smoothing: none; }
.wlpic.on .sigbatt b { color: #fff; text-shadow: 2px 2px 0 #0E5A30; }
.wl4-bolt { font: 700 26px/1 "Rubik", sans-serif; color: #FFE14A; text-shadow: 2px 2px 0 var(--oak-shadow); opacity: 0.25; }
.wlpic.on .wl4-bolt { opacity: 1; }
@media (max-width: 700px) {
  .ad--wl .ad__pic { height: 84px; }
  .wph { width: 110px; height: 74px; } .wph__apps .app-i { width: 13px; height: 13px; } .wph__apps .app-i svg { width: 10px; height: 10px; }
  .wtg { margin-left: 6px; } .portal { width: 84px; height: 70px; } .sigbatt { width: 80px; height: 40px; } .fence { width: 46px; } .fq .app-i:nth-child(3) { display: none; }
  @keyframes lp-hop { 0% { transform: translate(0, 0); } 50% { transform: translate(60px, -20px); } 100% { transform: translate(120px, 0); } }
}
@media (prefers-reduced-motion: reduce) { .wl-fly, .p-swirl, .p-apps, .slot svg, .slot .flash, .dvi .wave, .salute i, .dv-nod, .dv-n { animation: none !important; } }

.ms--lever { z-index: 2; }
.ms--lever svg { transform: translateY(14%) scale(1.45); transform-origin: 50% 100%; }
.mcside { max-width: min(100%, 42svh); }
@media (max-height: 1000px) and (min-width: 701px) {
  .ad--proto .pult--v7 .speed { display: none; }
  .ad__txt p { font-size: 14px; line-height: 19px; }
  .ad--wl .ad__pic { height: 84px; }
  .adv4 { padding-top: 16px !important; } .adv4__head { margin-bottom: 14px; }
  .adv4__grid { gap: 14px; } .ad { padding: 14px 16px 16px; gap: 8px; }
}
@media (max-height: 860px) and (min-width: 701px) { .mcside { max-width: min(100%, 36svh); } .inv { grid-template-columns: repeat(5, 36px); } .slot { width: 36px; height: 36px; } .slot svg { width: 24px; height: 24px; } }
@media (max-width: 700px) {
  .mcside { max-width: 200px !important; }
  .ad--btn .mc { padding: 12px 0 4px; }
  .ad--wl .ad__pic { height: 72px; }
  .ad--dev .ad__pic { min-height: 0; }
  .inv-count { display: none; }
}

.wl--1 { align-items: flex-end !important; padding-bottom: 4px; }
.fence { height: 52px; }
.fence__sign { top: 14px; left: -10px; right: -10px; }
.wl-fly { left: 0; bottom: 30px; width: 88px; height: 64px; animation: lp-hop2 2.6s steps(12) infinite; }
.wl-fly__head { position: absolute; left: 12px; top: 0; width: 64px; height: 36px; }
.wl-fly__cloud { top: 26px; }
@keyframes lp-hop2 { 0% { transform: translate(0, 10px); } 50% { transform: translate(120px, -6px); } 100% { transform: translate(240px, 10px); } }
.wl--1 .fq { margin-bottom: 4px; }
@media (max-width: 700px) {
  :root[data-adv] .adv4__grid { grid-template-areas: "btn btn" "dev dev" "proto proto" "inf wl"; }
  @keyframes lp-hop2 { 0% { transform: translate(0, 10px); } 50% { transform: translate(50px, -6px); } 100% { transform: translate(100px, 10px); } }
  .vless__modes { grid-template-columns: repeat(4, auto) !important; }
  .protos--other { grid-template-columns: 1fr 1fr; }
}

.ad--wl .ad__pic { height: 100px !important; overflow: hidden; }
.wl--1 { position: relative; height: 100%; }
.fence { height: 44px; align-self: flex-end; }
.fence__sign { top: 12px; }
.wl-fly { bottom: 46px; height: 54px; width: 72px; }
.wl-fly__head { left: 4px; top: 0; }
.wl-fly__cloud { top: 22px; left: 0; width: 72px; height: 36px; }
@media (max-width: 700px) { .vless__modes { grid-template-columns: repeat(2, auto) !important; } .ad--wl .ad__pic { height: 90px !important; } }

.fence { width: 132px; }
.fence__sign { left: 6px; right: 6px; top: 12px; font-size: 16px; }
.wl--1 .fq { gap: 3px; }
.wl-fly { left: 0; }
.wph__note { transform: none; font: 700 10px/12px "Rubik", sans-serif; text-transform: uppercase; letter-spacing: 0.02em; }
.wph__note .n-on, .wlpic.on .wph__note .n-off { display: none; } .wlpic.on .wph__note .n-on { display: inline; }
@media (max-width: 700px) { .fence { width: 96px; } .fence__sign { font-size: 16px; left: 0; right: 0; } }

:root[data-svc="0"] .svc-only, :root[data-svc="0"] .ms--x { display: none !important; }

.fz-svc { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.isl { position: absolute; right: -80px; top: var(--y); display: grid; justify-items: center; animation: lp-isl 10.5s linear infinite; }
.isl__ic { line-height: 0; padding: 3px; background: #fff; box-shadow: 0 0 0 3px var(--wall-0); margin-bottom: -6px; position: relative; z-index: 1; }
.isl__ic svg { width: 32px; height: 32px; }
.isl img { width: 54px; height: 27px; }
@keyframes lp-isl {
  0% { transform: translateX(0); filter: grayscale(1) opacity(0.55); }
  52% { filter: grayscale(1) opacity(0.55); }
  56% { filter: none; }
  100% { transform: translateX(-1000px); filter: none; }
}
.isl::after { content: "…"; position: absolute; top: -14px; right: -6px; font: 700 14px/1 "Rubik", sans-serif; color: #8795B0; animation: lp-isldots 10.5s steps(1) infinite; animation-delay: inherit; }
@keyframes lp-isldots { 0%, 52% { opacity: 1; } 53%, 100% { opacity: 0; } }
@media (max-width: 700px) { .isl__ic svg { width: 24px; height: 24px; } .isl img { width: 36px; height: 18px; } @keyframes lp-isl { 0% { transform: translateX(0); filter: grayscale(1) opacity(0.55); } 52% { filter: grayscale(1) opacity(0.55); } 56% { filter: none; } 100% { transform: translateX(-560px); filter: none; } } }
@media (prefers-reduced-motion: reduce) { .isl { animation: none; right: auto; } .isl:nth-child(odd) { left: 10%; } .isl:nth-child(even) { left: 70%; } .isl::after { display: none; } }

.mcside { grid-template-columns: repeat(7, 1fr); max-width: min(100%, 58svh); }
:root[data-svc="0"] .mcside { grid-template-columns: repeat(5, 1fr); max-width: min(100%, 42svh); }
@media (max-width: 700px) { .mcside { max-width: 280px !important; } :root[data-svc="0"] .mcside { max-width: 200px !important; } }

:root[data-dev="4"] .dv--4, :root[data-dev="5"] .dv--5 { display: flex; }
.devpic { width: 100%; }
.inv--wide { width: 100%; grid-template-columns: repeat(5, 1fr) !important; gap: 5px; padding: 6px; }
.inv--wide .slot, .inv--bar .slot, .inv--half .slot { width: auto !important; height: auto !important; aspect-ratio: 1; }
.inv--wide .slot svg { width: 72% !important; height: 72% !important; }
.dv--3 { width: 100%; }
.dv--4 { width: 100%; gap: 10px; align-items: flex-end; }
.inv--half { flex: 1; grid-template-columns: repeat(5, 1fr) !important; gap: 3px; padding: 4px; }
.inv--half .slot svg { width: 72% !important; height: 72% !important; }
.holder { position: relative; width: 140px; height: 128px; flex-shrink: 0; }
.holder img { width: 140px; height: 128px; }
.held { position: absolute; right: -6px; bottom: 16px; width: 56px; height: 56px; }
.bi { display: none; } .bi.sel { display: block; }
.held .bi svg { width: 56px; height: 56px; filter: drop-shadow(0 0 6px #FFE14A); }
.held .bi.just { animation: lp-pick 380ms steps(4); }
.dv--5 { width: 100%; flex-direction: column; align-items: stretch; gap: 10px; }
.bigsel { display: flex; align-items: center; gap: 14px; }
.bigsel__item { width: 72px; height: 72px; display: grid; place-items: center; background: #C6C6C6; box-shadow: 0 0 0 3px var(--wall-0), inset 3px 3px 0 #FFFFFF, inset -3px -3px 0 #555555; }
.bigsel__item .bi svg { width: 56px; height: 56px; }
.bigsel__item .bi.just { animation: lp-pick 380ms steps(4); }
.bigsel__name { font: 400 16px/18px var(--f-head); color: var(--text-ink); font-weight: 400; word-spacing: -0.375em; }
.bigsel .inv-count { margin-left: auto; display: block !important; }
.inv--bar { width: 100%; grid-template-columns: repeat(10, 1fr) !important; gap: 3px; padding: 4px; }
.inv--bar .slot svg { width: 76% !important; height: 76% !important; }
.inv--bar .slot b { font-size: 16px; line-height: 12px; right: 2px; }
@media (max-width: 1180px) { .inv--bar .slot b { display: none; } }
@media (max-width: 700px) { .holder { width: 105px; height: 96px; } .holder img { width: 105px; height: 96px; } .held { width: 40px; height: 40px; } .held .bi svg { width: 40px; height: 40px; }
  .bigsel__item { width: 56px; height: 56px; } .bigsel__item .bi svg { width: 40px; height: 40px; } .inv--bar .slot b { display: none; } }

:root[data-wl="1"] .wl--1, :root[data-wl="2"] .wl--2, :root[data-wl="3"] .wl--3 { display: flex !important; align-items: center; }
.wl--1 { gap: 12px; }
.wph2 { width: 150px; padding: 6px; background: var(--wall-0); box-shadow: inset 0 0 0 3px #3B4560; display: grid; gap: 6px; flex-shrink: 0; }
.wph2__st { display: flex; align-items: center; gap: 4px; padding: 2px 4px; background: #3B4560; }
.wph2__st b { font: 700 10px/12px "Rubik", sans-serif; color: #fff; }
.wph2__st em { font: 600 9px/12px "Rubik", sans-serif; font-style: normal; color: #FFE14A; white-space: nowrap; }
.bars { display: inline-flex; align-items: flex-end; gap: 2px; margin-left: auto; }
.bars i { width: 4px; background: var(--lamp-ok); } .bars i:nth-child(1) { height: 3px; } .bars i:nth-child(2) { height: 6px; } .bars i:nth-child(3) { height: 9px; } .bars i:nth-child(4) { height: 12px; } .bars i:nth-child(5) { height: 15px; }
.wph2__apps { display: grid; grid-template-columns: repeat(6, 1fr); gap: 4px; }
.wph2__apps .app-i { width: auto; aspect-ratio: 1; height: auto; background: var(--c); }
.wph2__apps .app-i svg { width: 70%; height: 70%; filter: brightness(0) invert(1); }
.wl-ok { display: grid; justify-items: center; gap: 4px; }
.wl-ok img { width: 64px; height: 36px; }
.wl-ok b { font: 400 16px/16px var(--f-sign); text-transform: uppercase; color: #5FD48E; text-shadow: 2px 2px 0 var(--oak-shadow); -webkit-font-smoothing: none; font-weight: 400; }
.wl--2 { position: relative; height: 100%; justify-content: center; }
.fog { position: absolute; inset: 0; pointer-events: none; }
.fog i { position: absolute; height: 18px; background: rgba(205, 213, 225, 0.75); box-shadow: 9px 0 0 rgba(205, 213, 225, 0.75), -9px 6px 0 rgba(205, 213, 225, 0.6); animation: lp-fog 6s steps(12) infinite alternate; }
.fog i:nth-child(1) { left: 2%; top: 14%; width: 70px; } .fog i:nth-child(2) { right: 4%; top: 30%; width: 90px; animation-delay: -2s; } .fog i:nth-child(3) { left: 10%; bottom: 18%; width: 80px; animation-delay: -4s; }
@keyframes lp-fog { to { transform: translateX(24px); } }
.calm { position: relative; z-index: 2; width: 105px; height: 96px; }
.calm img { width: 105px; height: 96px; }
.calm__ph { position: absolute; right: -4px; bottom: 18px; width: 24px; height: 36px; background: var(--wall-0); box-shadow: 0 0 0 2px #fff, 0 0 12px #5FD48E; display: grid; place-items: center; }
.calm__ph .bars { margin: 0; } .calm__ph .bars i { width: 3px; } .calm__ph .bars i:nth-child(5) { height: 14px; }
.merlon { position: absolute; z-index: 1; left: 50%; bottom: 0; width: 84px; height: 12px; transform: translateX(-50%); background: #8795B0; box-shadow: inset 0 3px 0 #B4C0D4, 0 0 0 3px var(--wall-0); }
.wl--3 { gap: 14px; }
.sig5 { display: flex; align-items: flex-end; gap: 6px; height: 64px; }
.sig5 i { width: 18px; background: var(--lamp-ok); box-shadow: 0 0 0 3px var(--wall-0), inset 0 3px 0 #8EE6B0; animation: lp-sig 2.4s steps(1) infinite; }
.sig5 i:nth-child(1) { height: 20%; } .sig5 i:nth-child(2) { height: 40%; } .sig5 i:nth-child(3) { height: 60%; } .sig5 i:nth-child(4) { height: 80%; } .sig5 i:nth-child(5) { height: 100%; }
@keyframes lp-sig { 0%, 100% { filter: none; } 50% { filter: brightness(1.15); } }
.sig5__l { display: grid; gap: 8px; justify-items: start; }
.sig5__l .sign { margin: 3px; }
.sig5__l em { font: 400 16px/16px var(--f-head); font-style: normal; color: #5FD48E; text-shadow: 2px 2px 0 var(--oak-shadow); }
@media (max-width: 700px) { .wph2 { width: 120px; } .wl-ok img { width: 48px; height: 27px; } .sig5 { height: 48px; } .sig5 i { width: 12px; } }
@media (prefers-reduced-motion: reduce) { .fog i, .sig5 i { animation: none !important; } }

.isl { right: auto; left: 100%; animation: lp-isl2 12.25s linear infinite; }
.isl__ic svg { width: 40px; height: 40px; }
.isl img { width: 72px; height: 36px; }
@keyframes lp-isl2 {
  0% { left: 100%; filter: grayscale(1) opacity(0.5); }
  40% { filter: grayscale(1) opacity(0.5); }
  45% { filter: none; transform: scale(1.12); }
  50% { transform: none; }
  100% { left: -18%; filter: none; }
}
.isl::after { animation: lp-isldots2 12.25s steps(1) infinite; animation-delay: inherit; }
@keyframes lp-isldots2 { 0%, 41% { opacity: 1; } 42%, 100% { opacity: 0; } }
@media (max-width: 700px) { .isl { animation-name: lp-isl2; } .isl__ic svg { width: 28px; height: 28px; } .isl img { width: 54px; height: 27px; } }

:root:not([data-svc="1"]) .svc-v1, :root:not([data-svc="2"]) .svc-v2, :root:not([data-svc="3"]) .svc-v3 { display: none !important; }
:root[data-svc="0"] .ms--y { display: none !important; }
.flyzone .fz-far { z-index: 1; }

.fz-calm { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.cal { position: absolute; left: 100%; top: var(--y); animation: lp-cal 12s linear infinite; }
.cal__ic { position: relative; display: block; line-height: 0; }
.cal__ic svg { width: 64px; height: 64px; animation: lp-calc 12s steps(1) infinite; animation-delay: inherit; }
.cal__ic::after { content: ""; position: absolute; inset: 0; background: repeating-conic-gradient(#EAF4FF 0 25%, transparent 0 50%) 0 0 / 4px 4px; animation: lp-cald 12s steps(1) infinite; animation-delay: inherit; }
@keyframes lp-cal { from { left: 100%; } to { left: -20%; } }
@keyframes lp-calc { 0% { filter: grayscale(1) opacity(0.55); } 40% { filter: none; } 52% { filter: grayscale(0.4) opacity(0.7); } 100% { filter: grayscale(0.4) opacity(0.7); } }
@keyframes lp-cald { 0% { opacity: 1; } 40% { opacity: 0; } 52%, 100% { opacity: 1; } }
@media (max-width: 700px) { .cal__ic svg { width: 40px; height: 40px; } }

.fz-hz { position: absolute; z-index: 1; left: 2%; right: 32%; bottom: 74px; display: flex; justify-content: space-between; align-items: flex-end; pointer-events: none; }
.hz { display: grid; justify-items: center; }
.hz__ic { position: relative; line-height: 0; }
.hz__ic svg { width: 24px; height: 24px; filter: grayscale(1) opacity(0.5); animation: lp-hz 7s steps(1) infinite; animation-delay: calc(var(--i) * 0.4s); }
.hz__ic::after { content: ""; position: absolute; inset: 0; background: repeating-conic-gradient(#EAF4FF 0 25%, transparent 0 50%) 0 0 / 4px 4px; animation: lp-hzd 7s steps(1) infinite; animation-delay: calc(var(--i) * 0.4s); }
.hz__isl { width: 36px; height: 9px; margin-top: 3px; background: #A6DE8C; box-shadow: inset 0 -3px 0 #7CC46A, 0 3px 0 #EBDDAF; opacity: 0.8; }
@keyframes lp-hz { 0% { filter: grayscale(1) opacity(0.5); } 30%, 80% { filter: drop-shadow(0 0 4px #FFE14A); } 81%, 100% { filter: grayscale(1) opacity(0.5); } }
@keyframes lp-hzd { 0% { opacity: 1; } 30%, 80% { opacity: 0; } 81%, 100% { opacity: 1; } }
@media (max-width: 700px) { .fz-hz { right: 2%; bottom: 60px; } .hz__ic svg { width: 18px; height: 18px; } .hz__isl { width: 24px; } .hz:nth-child(n+6) { display: none; } }
@media (prefers-reduced-motion: reduce) { .cal { animation: none; } .cal:nth-child(1) { left: 6%; } .cal:nth-child(2) { left: 64%; } .cal:nth-child(3) { display: none; } .cal__ic svg, .cal__ic::after, .hz__ic svg, .hz__ic::after { animation: none; } }

.mcside { max-width: min(100%, 46svh); }
:root[data-svc="0"] .mcside { max-width: min(100%, 42svh); }
.ms--T::before { left: 42%; width: 16%; top: 0; bottom: 0; background: repeating-linear-gradient(0deg, #6A1E18 0 8px, #4A1410 8px 12px); }
.ms--T::after { left: 42%; right: 0; bottom: 0; height: 12%; }
.ms--T.on::before { background: repeating-linear-gradient(0deg, #FF3B2F 0 8px, #FF9A7A 8px 12px); }
:root[data-svc="0"] .ms--T::before { bottom: 0; }
@media (max-height: 860px) and (min-width: 701px) { .mcside { max-width: min(100%, 40svh); } :root[data-svc="0"] .mcside { max-width: min(100%, 36svh); } }
@media (max-width: 700px) { .mcside { max-width: 260px !important; } :root[data-svc="0"] .mcside { max-width: 200px !important; } }

:root[data-wl="4"] .wl--4 { display: flex !important; align-items: center; }
.wlt2, :root[data-wltitle="2"] .wlt1 { display: none; } :root[data-wltitle="2"] .wlt2 { display: inline; }
.ad--wl .ad__pic { height: 104px !important; overflow: hidden; }
.jam { position: relative; line-height: 0; flex-shrink: 0; }
.jam svg { width: 72px; height: 80px; }
.jam--sign svg, .jam--huh svg, .jam--mad svg { width: 54px; height: 60px; }
.wl--1 { gap: 0; align-items: center; }
.noise { position: relative; flex: 1; height: 56px; overflow: hidden; }
.noise i { position: absolute; left: 0; top: calc(10% + var(--n, 0) * 20%); width: 24px; height: 9px;
  background: repeating-linear-gradient(90deg, #9AA6B8 0 3px, #5C6884 3px 6px, transparent 6px 9px); animation: lp-noise 1.2s linear infinite; }
.noise i:nth-child(1) { --n: 0; } .noise i:nth-child(2) { --n: 1; animation-delay: -0.3s; } .noise i:nth-child(3) { --n: 2; animation-delay: -0.6s; } .noise i:nth-child(4) { --n: 3; animation-delay: -0.9s; }
@keyframes lp-noise { 0% { left: -24px; opacity: 1; } 85% { opacity: 1; } 92% { left: calc(100% - 30px); opacity: 0.2; transform: scaleX(0.4); } 100% { left: calc(100% - 30px); opacity: 0; } }
.shield { position: relative; width: 84px; height: 92px; flex-shrink: 0; display: grid; place-items: center; align-content: center; gap: 4px;
  background: rgba(181, 220, 255, 0.35); box-shadow: inset 0 0 0 3px #5EB2FF;
  clip-path: polygon(0 12%, 12% 12%, 12% 0, 30% 0, 30% 12%, 42% 12%, 42% 0, 58% 0, 58% 12%, 70% 12%, 70% 0, 88% 0, 88% 12%, 100% 12%, 100% 80%, 50% 100%, 0 80%);
  animation: lp-shield 1.2s steps(2) infinite; }
@keyframes lp-shield { 50% { background: rgba(181, 220, 255, 0.6); } }
.shield__ph svg { width: 40px; height: 40px; }
.bars--full i { background: var(--lamp-ok) !important; }
.wl--2 { position: relative; gap: 8px; height: 100%; }
.wires2 { position: absolute; left: 0; right: 60px; top: 22px; bottom: 16px; }
.w2 { position: absolute; left: 0; right: 0; height: 6px; background: #3B4560; overflow: hidden; }
.w2--top { top: 18px; } .w2--bot { bottom: 6px; }
.w2--bot i { position: absolute; top: 0; width: 12px; height: 6px; background: #FFE14A; animation: lp-zip 1.2s linear infinite; }
.w2--bot i:nth-child(2) { animation-delay: 0.4s; } .w2--bot i:nth-child(3) { animation-delay: 0.8s; }
.jam--sign { position: absolute; left: 30%; top: -2px; display: grid; justify-items: center; gap: 2px; }
.jam--sign .sign { margin: 0; white-space: nowrap; }
.ok2 { position: absolute; right: 0; bottom: 0; display: grid; justify-items: center; gap: 2px; padding: 3px; background: #fff; box-shadow: 0 0 0 3px var(--wall-0), 0 0 10px #5FD48E; }
.ok2 svg { width: 36px; height: 36px; }
.wl--3 { gap: 8px; align-items: flex-end; }
.tv3 { width: 56px; height: 46px; flex-shrink: 0; box-shadow: 0 0 0 3px var(--wall-0), inset 0 0 0 3px #3B4560; display: grid; place-items: center; }
.tv3.snow { background: repeating-conic-gradient(#fff 0 25%, #8795B0 0 50%) 0 0 / 6px 6px; animation: lp-snow 0.24s steps(2) infinite; }
@keyframes lp-snow { 50% { background-position: 3px 3px; } }
.tv3.clear { width: 72px; height: 56px; background: linear-gradient(180deg, #1670DA, #0A2A5E); box-shadow: 0 0 0 3px var(--wall-0), 0 0 12px #5FD48E; }
.tv3.clear svg { width: 24px; height: 24px; }
.jam--huh b { position: absolute; right: -6px; top: -14px; font: 400 24px/24px var(--f-head); color: #FFE14A; text-shadow: 2px 2px 0 var(--oak-shadow); animation: lp-bob2 1s steps(2) infinite; }
.wl--4 { gap: 12px; }
.jam--mad { animation: lp-shake 0.2s steps(2) infinite; }
.gauge { position: relative; width: 84px; height: 54px; flex-shrink: 0; background: #fff; box-shadow: 0 0 0 3px var(--wall-0); overflow: hidden; }
.gauge__arc { position: absolute; left: 9px; right: 9px; top: 9px; height: 60px; border-radius: 50% 50% 0 0; background: conic-gradient(from -90deg at 50% 100%, #5FD48E 0 60deg, #FFE14A 60deg 120deg, #E24040 120deg 180deg, transparent 180deg); -webkit-mask: radial-gradient(circle at 50% 100%, transparent 22px, #000 23px); mask: radial-gradient(circle at 50% 100%, transparent 22px, #000 23px); }
.gauge__needle { position: absolute; left: calc(50% - 2px); bottom: 12px; width: 4px; height: 34px; background: var(--wall-0); transform-origin: 50% 100%; animation: lp-needle 1.6s steps(4) infinite; }
@keyframes lp-needle { 0% { transform: rotate(10deg); } 50% { transform: rotate(80deg); } 100% { transform: rotate(10deg); } }
.gauge b { position: absolute; left: 0; right: 0; bottom: 2px; text-align: center; font: 400 16px/12px var(--f-sign); text-transform: uppercase; color: var(--state-off); -webkit-font-smoothing: none; font-weight: 400; }
.onair { display: grid; justify-items: center; gap: 4px; }
.onair i { width: 30px; height: 30px; background: var(--lamp-ok); box-shadow: 0 0 0 3px var(--wall-0), 0 0 14px #5FD48E; }
.onair b { font: 400 16px/16px var(--f-sign); text-transform: uppercase; color: #5FD48E; text-shadow: 2px 2px 0 var(--oak-shadow); -webkit-font-smoothing: none; font-weight: 400; white-space: nowrap; }
@media (max-width: 700px) { .jam svg { width: 54px; height: 60px; } .shield { width: 64px; height: 76px; } .tv3 { width: 40px; height: 34px; } .tv3.clear { width: 52px; height: 42px; } .gauge { width: 64px; } .ad--wl .ad__pic { height: 96px !important; } }
@media (prefers-reduced-motion: reduce) { .noise i, .shield, .w2--bot i, .tv3.snow, .jam--mad, .gauge__needle, .jam--huh b { animation: none !important; } .gauge__needle { transform: rotate(80deg); } }
@media (max-width: 700px) { .cal:nth-child(1) { top: 64% !important; } .cal:nth-child(2) { top: 72% !important; } .cal:nth-child(3) { top: 66% !important; } }
@media (max-height: 860px) and (min-width: 701px) { .cal__ic svg { width: 48px; height: 48px; } .cal:nth-child(1) { top: 3% !important; } }
.cal__ic svg { width: 56px; height: 56px; } .cal:nth-child(1) { top: 0 !important; }
@media (max-height: 860px) and (min-width: 701px) { .cal__ic svg { width: 48px; height: 48px; } }
@media (max-width: 700px) { .cal__ic svg { width: 40px; height: 40px; } .cal:nth-child(1) { top: 64% !important; } }

.ad--btn { container-type: inline-size; }
.mcside { --c: min(56px, 6svh, calc((100cqw - 4px) / 7)); grid-template-columns: repeat(7, var(--c)) !important; grid-auto-rows: var(--c); width: max-content; max-width: none !important; margin: 0 auto; }
:root[data-svc="0"] .mcside { --c: min(56px, 6svh, calc((100cqw - 4px) / 5)); grid-template-columns: repeat(5, var(--c)) !important; }
.ms { aspect-ratio: auto; width: var(--c); height: var(--c); }
.ms--lever svg { transform: translateY(6%) scale(1.25); }
.ad--btn .mc { padding: 16px 0 6px; overflow: hidden; }
@media (max-width: 700px) { .mcside { --c: min(44px, calc((100cqw - 4px) / 7)); } :root[data-svc="0"] .mcside { --c: min(44px, calc((100cqw - 4px) / 5)); } }

.cal__wait { position: absolute; left: 50%; top: -18px; transform: translateX(-50%); padding: 0 4px; background: #fff; box-shadow: 0 0 0 2px #8795B0; font: 700 14px/14px "Rubik", sans-serif; color: #566073; animation: lp-calw 12s steps(1) infinite; animation-delay: inherit; }
.cal__ok { position: absolute; right: -10px; top: -10px; line-height: 0; background: #fff; box-shadow: 0 0 0 2px var(--wall-0); opacity: 0; animation: lp-calo 12s steps(1) infinite; animation-delay: inherit; }
.cal__ok svg { width: 20px; height: 20px; }
@keyframes lp-calw { 0% { opacity: 1; } 40% { opacity: 0; } 100% { opacity: 0; } }
@keyframes lp-calo { 0% { opacity: 0; } 40% { opacity: 1; } 100% { opacity: 1; } }
.cal { animation-delay: inherit; }
.cal__beam { position: absolute; left: calc(50% - 4px); width: 9px; opacity: 0; background: repeating-linear-gradient(180deg, #FFE14A 0 9px, #FFF3A6 9px 12px, transparent 12px 15px); box-shadow: 0 0 8px #FFD030; animation: lp-beam2 12s steps(1) infinite; animation-delay: inherit; }
.cal--top .cal__beam { top: 100%; height: 110px; } .cal--bot .cal__beam { bottom: 100%; height: 120px; }
@keyframes lp-beam2 { 0% { opacity: 0; } 35% { opacity: 1; } 37% { opacity: 0.4; } 39% { opacity: 1; } 41% { opacity: 0; } 100% { opacity: 0; } }
@keyframes lp-calc { 0% { filter: grayscale(1) opacity(0.55); } 40% { filter: drop-shadow(0 0 8px #FFE14A); } 46% { filter: none; } 100% { filter: none; } }
@keyframes lp-cald { 0% { opacity: 1; } 40% { opacity: 0; } 100% { opacity: 0; } }
@media (max-width: 700px) { .cal--bot .cal__beam { height: 80px; } }
@media (prefers-reduced-motion: reduce) { .cal__wait { display: none; } .cal__ok { opacity: 1; } .cal__beam { display: none; } }

.ad--wl .ad__pic { height: 136px !important; overflow: hidden; }
.jx { position: relative; width: 100%; height: 100%; gap: 0; align-items: center; }
.jx-jam { position: relative; flex-shrink: 0; line-height: 0; z-index: 2; animation: lp-jx 5s steps(1) infinite; }
.jx-jam svg { width: 90px; height: 100px; }
@keyframes lp-jx { 0%, 64% { transform: none; } 65%, 67%, 69%, 71%, 73%, 75% { transform: translateX(-3px); } 66%, 68%, 70%, 72%, 74%, 76% { transform: translateX(3px); } 77%, 100% { transform: none; } }
.smoke { position: absolute; left: 30px; top: -6px; width: 15px; height: 15px; background: #9AA6B8; box-shadow: 9px -9px 0 #B4C0D4; opacity: 0; animation: lp-smoke 5s steps(4) infinite; }
.smoke.s2 { left: 54px; animation-delay: 0.3s; }
@keyframes lp-smoke { 0%, 70% { opacity: 0; transform: none; } 75% { opacity: 1; } 95% { opacity: 0; transform: translateY(-24px); } 100% { opacity: 0; } }
.jx-lane { position: relative; flex: 1; height: 100%; overflow: hidden; }
.hit { position: absolute; left: 0; top: var(--y); opacity: 0; animation: lp-hit 5s linear infinite; }
@keyframes lp-hit { 0% { left: -10px; opacity: 1; } 22% { left: calc(100% - 22px); opacity: 1; transform: none; } 24% { left: calc(100% - 22px); opacity: 0.6; transform: scale(1.6); } 26%, 100% { left: calc(100% - 22px); opacity: 0; transform: scale(0.4); } }
.hit--wave { width: 18px; height: 30px; border: 4px solid #8795B0; border-left: 0; border-top-color: transparent; border-bottom-color: transparent; border-radius: 0 50% 50% 0; }
.hit--snow { width: 21px; height: 21px; background: repeating-conic-gradient(#fff 0 25%, #5C6884 0 50%) 0 0 / 6px 6px; box-shadow: 0 0 0 2px var(--wall-0); }
.hit--zig { width: 24px; height: 18px; background: #FFE14A; clip-path: polygon(0 40%, 35% 40%, 25% 0, 100% 55%, 62% 55%, 75% 100%, 0 40%); filter: drop-shadow(0 0 2px #F59A00); }
.hit--x { line-height: 0; } .hit--x svg { width: 20px; height: 20px; }
.hit--sign b { display: block; padding: 2px 4px; background: #fff; box-shadow: 0 0 0 2px var(--wall-0); font: 400 16px/12px var(--f-sign); text-transform: uppercase; color: var(--plate-cut); -webkit-font-smoothing: none; font-weight: 400; white-space: nowrap; }
.jx-shield { position: relative; flex-shrink: 0; width: 112px; height: 128px; display: grid; justify-items: center; align-content: center; gap: 4px; z-index: 2;
  background: rgba(181, 220, 255, 0.4); box-shadow: inset 0 0 0 4px #5EB2FF;
  clip-path: polygon(0 10%, 12% 10%, 12% 0, 30% 0, 30% 10%, 42% 10%, 42% 0, 58% 0, 58% 10%, 70% 10%, 70% 0, 88% 0, 88% 10%, 100% 10%, 100% 80%, 50% 100%, 0 80%);
  animation: lp-jxs 5s steps(1) infinite; }
@keyframes lp-jxs { 0%, 19% { background: rgba(181, 220, 255, 0.4); } 20%, 23% { background: rgba(255, 243, 166, 0.85); } 24%, 44% { background: rgba(181, 220, 255, 0.4); } 45%, 47% { background: rgba(255, 243, 166, 0.85); }
  48%, 66% { background: rgba(181, 220, 255, 0.45); } 67%, 69%, 73%, 75%, 79%, 81% { background: rgba(255, 255, 255, 0.95); } 70%, 72%, 76%, 78% { background: rgba(94, 178, 255, 0.7); } 82%, 100% { background: rgba(181, 220, 255, 0.4); } }
.sph { width: 56px; height: 72px; padding: 5px; background: var(--wall-0); box-shadow: inset 0 0 0 3px #3B4560; display: grid; grid-template-rows: auto 1fr; gap: 4px; }
.sph__bars { display: flex; align-items: flex-end; gap: 2px; justify-self: end; height: 12px; }
.sph__bars i { width: 3px; background: var(--lamp-ok); } .sph__bars i:nth-child(1) { height: 4px; } .sph__bars i:nth-child(2) { height: 6px; } .sph__bars i:nth-child(3) { height: 8px; } .sph__bars i:nth-child(4) { height: 10px; } .sph__bars i:nth-child(5) { height: 12px; }
.sph__apps { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; }
.sph__apps i { background: var(--c); box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.2); }
.jx-ok { font: 400 16px/16px var(--f-sign); text-transform: uppercase; color: var(--state-green); -webkit-font-smoothing: none; font-weight: 400; background: #fff; padding: 1px 4px; box-shadow: 0 0 0 2px var(--wall-0); }

.dish { position: absolute; left: 8px; top: -14px; width: 36px; height: 18px; background: #A89C7C; box-shadow: 0 0 0 3px #3A3226; border-radius: 0 0 18px 18px; transform-origin: 50% 100%; animation: lp-dish 1.25s steps(4) infinite alternate; }
@keyframes lp-dish { from { transform: rotate(-30deg); } to { transform: rotate(30deg); } }
.ring { position: absolute; left: -20px; top: 50%; width: 40px; height: 80px; margin-top: -40px; border: 5px solid #8795B0; border-left-color: transparent; border-radius: 50%; opacity: 0; animation: lp-ring 2.5s linear infinite; }
.ring:nth-child(2) { animation-delay: 0.6s; } .ring:nth-child(3) { animation-delay: 1.2s; } .ring:nth-child(4) { animation-delay: 1.8s; }
@keyframes lp-ring { 0% { left: -20px; opacity: 1; transform: scale(0.5); } 80% { opacity: 1; } 90% { left: calc(100% - 40px); opacity: 0.4; transform: scale(1.2); } 100% { left: calc(100% - 40px); opacity: 0; transform: scale(1.2); } }

.jx-trio { display: grid; gap: 4px; flex-shrink: 0; z-index: 2; }
.jx-trio svg { width: 40px; height: 44px; animation: lp-jx 5s steps(1) infinite; }
.jx-trio svg:nth-child(2) { animation-delay: 0.4s; } .jx-trio svg:nth-child(3) { animation-delay: 0.8s; }
@media (max-width: 700px) {
  .ad--wl .ad__pic { height: 112px !important; }
  .jx-jam svg { width: 54px; height: 60px; } .jx-shield { width: 72px; height: 104px; } .sph { width: 42px; height: 54px; } .jx-ok { font-size: 16px; padding: 0 2px; } .hit--sign { display: none; }
  .jx-trio svg { width: 30px; height: 33px; }
}
@media (prefers-reduced-motion: reduce) { .hit, .ring, .dish, .jx-jam, .jx-shield, .smoke, .jx-trio svg { animation: none !important; } .hit:nth-child(-n+3) { opacity: 1; left: 40%; } }
.ad--inf .ad__pic { overflow: hidden; min-width: 0; } .infpic .rail { min-width: 0; }
@media (max-width: 700px) { .ad .h3 { hyphens: auto; -webkit-hyphens: auto; overflow-wrap: anywhere; } }

@keyframes lp-hit { 0% { left: -10px; opacity: 1; } 28% { left: calc(100% - 22px); opacity: 1; transform: none; } 30% { left: calc(100% - 22px); opacity: 0.7; transform: scale(1.7); } 32%, 100% { left: calc(100% - 22px); opacity: 0; transform: scale(0.4); } }
.hit--sign b { line-height: 14px; text-align: center; }
.cal__beam { width: 12px; left: calc(50% - 6px); box-shadow: 0 0 12px #FFD030, 0 0 0 3px rgba(255, 225, 74, 0.35); }
.cal__beam::before, .cal__beam::after { content: ""; position: absolute; left: -9px; width: 30px; height: 12px; background: repeating-linear-gradient(90deg, #FFE14A 0 6px, transparent 6px 12px); }
.cal__beam::before { top: -6px; } .cal__beam::after { bottom: -6px; }
.mcside { --c: min(64px, calc((100cqw - 4px) / 7)) !important; }
:root[data-svc="0"] .mcside { --c: min(64px, calc((100cqw - 4px) / 5)) !important; }
:root[data-adv="1"] .ad--btn { align-content: space-between; }
:root[data-adv="1"] .ad--btn .mc { align-self: center; }
@media (max-width: 700px) { .mcside { --c: min(44px, calc((100cqw - 4px) / 7)) !important; } :root[data-svc="0"] .mcside { --c: min(44px, calc((100cqw - 4px) / 5)) !important; } }

.flyzone .fz-near { z-index: 2; }

.spd { display: none; }
:root[data-spd="1"] .spd--1, :root[data-spd="2"] .spd--2, :root[data-spd="3"] .spd--3, :root[data-spd="4"] .spd--4 { display: flex; }
.flyzone .spd { position: absolute; right: 0; bottom: 16px; z-index: 5; align-items: center; gap: 8px; }
.spd--1 .speed { position: static !important; }
.spd--2 { padding: 8px 12px; }
.spd__ic { line-height: 0; } .spd__ic svg { width: 24px; height: 24px; }
.spd__file { font: 400 16px/16px var(--f-sign); color: var(--plate-cut); -webkit-font-smoothing: none; text-transform: lowercase; }
.spd__load { position: relative; width: 120px; height: 15px; background: #fff; box-shadow: 0 0 0 3px var(--wall-0); overflow: hidden; }
.spd__load i { position: absolute; inset: 0; background: repeating-linear-gradient(90deg, var(--bv-blue) 0 9px, var(--bv-deep) 9px 12px); transform-origin: left; animation: lp-load 3s steps(6) infinite; }
@keyframes lp-load { 0% { transform: scaleX(0.05); } 20%, 100% { transform: scaleX(1); } }
.spd__pct { font: 400 16px/16px var(--f-head); color: var(--bv-deep); }
.spd__done { font: 400 16px/16px var(--f-sign); text-transform: uppercase; color: var(--state-green); -webkit-font-smoothing: none; animation: lp-done 3s steps(1) infinite; }
@keyframes lp-done { 0%, 19% { opacity: 0; } 20%, 100% { opacity: 1; } }
.spd--3 { padding: 8px 14px; }
.spd__dot { width: 12px; height: 12px; background: var(--lamp-ok); box-shadow: 0 0 0 3px var(--wall-0), 0 0 8px #5FD48E; animation: lp-blink2 1s steps(1) infinite; }
.spd__lbl { font: 400 16px/16px var(--f-sign); text-transform: uppercase; color: var(--plate-cut); -webkit-font-smoothing: none; }
.spd__ms { font: 400 24px/24px var(--f-head); color: var(--state-green); }
.spd__ms .n { display: inline-block; animation: lp-ping 2.4s steps(1) infinite; }
@keyframes lp-ping { 0%, 32% { transform: none; } 33%, 65% { transform: translateY(-1px); } 66%, 100% { transform: none; } }
.spd--4 { flex-direction: column; align-items: center !important; gap: 4px !important; }
.xp__lvl { font: 400 24px/24px var(--f-head); color: #80FF20; text-shadow: 3px 3px 0 #1C2234, -3px 0 0 #1C2234, 0 -3px 0 #1C2234; }
.xp__bar { display: grid; grid-template-columns: repeat(18, 12px); gap: 0; padding: 3px; background: #1C2234; box-shadow: 0 0 0 3px #3B4560; }
.xp__bar i { height: 12px; background: #80FF20; box-shadow: inset 0 3px 0 #C6FF8C, inset 0 -3px 0 #3E9E10, inset -3px 0 0 #2B6E0B; transform-origin: left; animation: lp-xp 3s steps(1) infinite; animation-delay: calc(var(--i, 0) * 0s); }
.xp__bar i:nth-child(n+15) { animation-name: lp-xp2; }
@keyframes lp-xp { 0% { filter: none; } }
@keyframes lp-xp2 { 0%, 30% { background: #3B4560; box-shadow: none; } 31%, 100% { background: #80FF20; } }
.xp__lbl { font: 400 16px/16px var(--f-sign); text-transform: uppercase; color: var(--plate-cut); -webkit-font-smoothing: none; }
@media (max-width: 700px) { .spd__file { display: none; } .spd__load { width: 70px; } .xp__bar { grid-template-columns: repeat(18, 8px); } .xp__bar i { height: 9px; } .flyzone .spd { right: 10px; bottom: 6px; } }
@media (prefers-reduced-motion: reduce) { .spd__load i, .spd__done, .spd__dot, .spd__ms .n, .xp__bar i { animation: none !important; } }

.ms--f::before { left: calc(50% * (1 - var(--l))); right: calc(50% * (1 - var(--r))); bottom: 0; height: 12%; top: auto; width: auto; }
.ms--f::after { left: 42%; width: 16%; top: calc(100% * (1 - var(--u))); bottom: 0; height: auto; background: repeating-linear-gradient(0deg, #6A1E18 0 8px, #4A1410 8px 12px); }
.ms--f[style*="--u:0;--d:1"]::after { top: 88%; bottom: 0; }
.ms--f[style*="--u:1;--d:1"]::after { top: 0; bottom: 0; }
.ms--f[style*="--u:0;--d:0"]::after { display: none; }
.ms--f.on::after { background: repeating-linear-gradient(0deg, #FF3B2F 0 8px, #FF9A7A 8px 12px); filter: brightness(var(--a)) drop-shadow(0 0 5px #FF5A3A); }
.ms--ig0 { display: none; }
:root[data-svc="0"] .ms--ig { display: none !important; } :root[data-svc="0"] .ms--ig0 { display: block; background: #8795B0; box-shadow: inset 4px 4px 0 #B4C0D4, inset -4px -4px 0 #4A5876; }
.adv4__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.45fr) minmax(0, 1fr) !important; }
.mcside { --c: min(72px, calc((100cqw - 4px) / 7)) !important; }
:root[data-svc="0"] .mcside { --c: min(72px, calc((100cqw - 4px) / 5)) !important; }
:root[data-adv="1"] .ad--btn { grid-template-rows: 1fr auto; align-content: stretch; }
:root[data-adv="1"] .ad--btn .mc { align-self: end; padding: 10px 0 8px; }
@media (max-width: 980px) { .adv4__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 700px) { .mcside { --c: min(44px, calc((100cqw - 4px) / 7)) !important; } :root[data-svc="0"] .mcside { --c: min(44px, calc((100cqw - 4px) / 5)) !important; } }

.hit--wave { width: 27px; height: 45px; border-width: 6px; }
.hit--snow { width: 30px; height: 30px; background-size: 9px 9px; }
.hit--zig { width: 36px; height: 27px; }
.hit--x svg { width: 30px; height: 30px; }
@keyframes lp-hit { 0% { left: -10px; opacity: 1; } 28% { left: calc(100% - var(--hw, 30px)); opacity: 1; transform: none; } 30% { left: calc(100% - var(--hw, 30px)); opacity: 0.7; transform: scale(1.5) rotate(8deg); } 32%, 100% { left: calc(100% - var(--hw, 30px)); opacity: 0; transform: scale(0.3) rotate(20deg); } }
.hit--sign { --hw: 74px; } .hit--wave { --hw: 30px; } .hit--zig { --hw: 38px; }
.hit--sign b { font-size: 16px; line-height: 16px; padding: 3px 6px; }
.win { display: none; }
:root[data-wlin="0"] .win--0, :root[data-wlin="1"] .win--1, :root[data-wlin="2"] .win--2, :root[data-wlin="3"] .win--3 { display: grid; justify-items: center; gap: 4px; }
.win__tower { width: 44px; height: 44px; filter: drop-shadow(0 0 6px #5EB2FF); }
.win__bars, .wifi { display: flex; align-items: flex-end; gap: 3px; height: 30px; }
.win__bars i { width: 7px; background: var(--lamp-ok); box-shadow: 0 0 0 2px var(--wall-0); }
.win__bars i:nth-child(1) { height: 20%; } .win__bars i:nth-child(2) { height: 40%; } .win__bars i:nth-child(3) { height: 60%; } .win__bars i:nth-child(4) { height: 80%; } .win__bars i:nth-child(5) { height: 100%; }
.wifi { position: relative; width: 72px; height: 60px; display: block; }
.wifi i { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); border: 6px solid var(--lamp-ok); border-bottom-color: transparent; border-left-color: transparent; border-radius: 50%; rotate: -45deg; filter: drop-shadow(0 0 3px #5FD48E); }
.wifi i:nth-child(1) { width: 12px; height: 12px; border: 0; background: var(--lamp-ok); border-radius: 0; rotate: 0deg; bottom: 0; }
.wifi i:nth-child(2) { width: 28px; height: 28px; bottom: -8px; } .wifi i:nth-child(3) { width: 44px; height: 44px; bottom: -16px; } .wifi i:nth-child(4) { width: 60px; height: 60px; bottom: -24px; } .wifi i:nth-child(5) { width: 76px; height: 76px; bottom: -32px; }
.wifi { overflow: hidden; }
.lap { display: grid; justify-items: center; }
.lap__scr { position: relative; width: 76px; height: 50px; background: linear-gradient(180deg, #1670DA, #0A2A5E); box-shadow: 0 0 0 3px var(--wall-0); display: grid; place-items: center; }
.lap__scr b { font: 700 20px/1 "Rubik", sans-serif; color: #fff; }
.lap__bar { position: absolute; left: 6px; right: 6px; bottom: 5px; height: 4px; background: rgba(255, 255, 255, 0.35); }
.lap__bar i { display: block; height: 100%; background: var(--state-off); transform-origin: left; animation: lp-vplay 5s linear infinite; }
@keyframes lp-vplay { from { transform: scaleX(0.05); } to { transform: scaleX(1); } }
.lap__base { width: 92px; height: 9px; background: #C9D2DE; box-shadow: 0 0 0 3px var(--wall-0); }

.loc-more { text-align: center; margin: 18px 0 0; }
.locdlg { border: 0; padding: 0; background: transparent; width: min(760px, calc(100vw - 32px)); max-height: calc(100svh - 48px); overflow: visible; }
.locdlg::backdrop { background: rgba(10, 42, 94, 0.5); }
.locdlg__box { display: flex; flex-direction: column; max-height: calc(100svh - 48px); padding: 22px 22px 18px; }
.locdlg__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.locdlg__body { overflow-y: auto; overscroll-behavior: contain; padding: 4px 6px 4px 3px; }
.locdlg__body:focus-visible { outline: 3px solid var(--bv-blue); }
.locdlg__count { margin: 0 0 14px; color: var(--text-body); }
.locdlg__count b { font: 400 16px/16px var(--f-head); color: var(--bv-deep); }
.locg { margin: 0 0 18px; }
.locg h3 { margin: 3px 3px 10px; }
.locg ul { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 8px 12px; }
.locg li { display: flex; align-items: center; gap: 10px; padding: 6px 8px; background: var(--plate-hi); box-shadow: 0 0 0 3px var(--wall-0); font-weight: 500; }
.lf { width: 48px; height: 30px; flex-shrink: 0; box-shadow: 0 0 0 2px var(--wall-0); }
.lf--css { display: block; }
@media (max-width: 700px) {
  .locdlg { width: 100vw; max-width: 100vw; height: 100svh; max-height: 100svh; margin: 0; }
  .locdlg__box { height: 100svh; max-height: 100svh; padding: 16px; }
  .locg ul { grid-template-columns: 1fr 1fr; } .lf { width: 32px; height: 20px; } .locg li { font-size: 14px; padding: 5px 6px; gap: 6px; }
}

.vsign { position: absolute; left: 50%; top: -30px; transform: translateX(-50%); margin: 0; z-index: 3; white-space: nowrap; }
.vn2, :root[data-villain="2"] .vn1 { display: none; } :root[data-villain="2"] .vn2 { display: inline; }
.stage[data-scene="fast"] .vsign { opacity: 0.7; }

.walker { display: none !important; }
.step__who { display: block !important; }
.step__who img { width: calc(var(--w) * var(--kg) * 1px); height: calc(var(--h) * var(--kg) * 1px); }
.stepsbox { padding-top: 0 !important; margin-top: 0 !important; }
.trail { top: auto; bottom: 0; }
.steps { align-items: end; }
.step { flex-direction: column !important; align-items: center; }
@media (max-width: 980px) { .step { flex-direction: row !important; } .step:nth-child(even) { flex-direction: row-reverse !important; } .trail { display: none; } }

.faqv { display: none; margin: 0; padding: 0; list-style: none; }
:root[data-faq="1"] .faqv--1, :root[data-faq="2"] .faqv--2, :root[data-faq="3"] .faqv--3, :root[data-faq="4"] .faqv--4 { display: grid; gap: 12px; }
.faqv--1 { gap: 16px !important; }
.books { grid-template-columns: 1fr; }
.book { display: flex; align-items: center; gap: 12px; width: 100%; text-align: left; border: 0; cursor: pointer; padding: 12px 16px 12px 10px; background: #8E6038; color: #FFF3DC; font: 600 17px/24px var(--f-text);
  box-shadow: 0 0 0 3px #3A2414, inset 0 3px 0 #B07E4E, inset 0 -3px 0 #6A4428; }
.book__spine { width: 12px; align-self: stretch; background: repeating-linear-gradient(180deg, #FFE14A 0 6px, #D08A00 6px 9px); box-shadow: 3px 0 0 #3A2414; }
.book[aria-expanded="true"] { background: #6A4428; }
.book:focus-visible, .bubble--q:focus-visible, .chest:focus-visible { outline: 3px solid var(--bv-blue); outline-offset: 3px; }
.page { margin: 6px 0 0 24px; padding: 16px 20px; background: #FFF6DE; color: #3A2414; box-shadow: 0 0 0 3px #3A2414, inset 0 -6px 0 #EAD9AE, 6px 6px 0 rgba(30, 39, 64, 0.2); }
.page p { margin: 0; }
.chat { gap: 14px !important; }
.bubble { position: relative; max-width: 80%; padding: 12px 16px; font: 500 16px/23px var(--f-text); }
.bubble--q { justify-self: end; display: block; margin-left: auto; border: 0; cursor: pointer; text-align: left; background: var(--bv-deep); color: #fff; box-shadow: 0 0 0 3px var(--bv-navy); }
.bubble--q::after { content: ""; position: absolute; right: -9px; bottom: 6px; width: 9px; height: 9px; background: var(--bv-deep); box-shadow: 3px 0 0 var(--bv-navy), 0 3px 0 var(--bv-navy); }
.bubble--q[aria-expanded="true"] { background: #0F4FB0; }
.bubble--a { display: flex; gap: 12px; align-items: flex-start; margin-top: 10px; background: #fff; color: var(--text-ink); box-shadow: 0 0 0 3px var(--wall-0); }
.bubble--a[hidden] { display: none; }
.bubble--a img { width: 64px; height: 36px; flex-shrink: 0; }
.bubble--a p { margin: 0; }
.chests { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); align-items: start; }
.chests li { display: grid; gap: 8px; }
.chest { display: grid; grid-template-columns: 56px 1fr; gap: 12px; align-items: center; width: 100%; border: 0; cursor: pointer; text-align: left; padding: 10px; background: var(--plate-hi);
  box-shadow: 0 0 0 3px var(--wall-0); font: 600 15px/21px var(--f-text); color: var(--text-ink); }
.chest__box { position: relative; width: 56px; height: 44px; background: #A0794A; box-shadow: inset 0 -6px 0 #73532F, 0 0 0 3px #2E1C0F; }
.chest__lid { position: absolute; left: -3px; right: -3px; top: -6px; height: 18px; background: #B07E4E; box-shadow: 0 0 0 3px #2E1C0F, inset 0 -3px 0 #73532F; transform-origin: 0 100%; transition: transform 180ms steps(3); }
.chest__lock { position: absolute; left: calc(50% - 6px); top: 8px; width: 12px; height: 12px; background: #FFD030; box-shadow: 0 0 0 3px #2E1C0F; }
.chest[aria-expanded="true"] .chest__lid { transform: translateY(-6px) rotate(-28deg); }
.chest[aria-expanded="true"] .chest__box { box-shadow: inset 0 -6px 0 #73532F, 0 0 0 3px #2E1C0F, 0 -6px 14px #FFE14A; }
.chest__ans { padding: 12px 14px; background: #FFF6DE; box-shadow: 0 0 0 3px #3A2414; }
.chest__ans p { margin: 0; font: var(--t-small); color: #3A2414; }
@media (max-width: 700px) { .bubble { max-width: 92%; } .chests { grid-template-columns: 1fr; } .book { font-size: 15px; } }
@media (prefers-reduced-motion: reduce) { .chest__lid { transition: none; } }

.payi { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; align-items: center; }
.payi li { height: 28px; min-width: 44px; padding: 0 6px; display: inline-flex; align-items: center; justify-content: center; gap: 4px; background: #fff; box-shadow: 0 0 0 3px var(--wall-0); margin: 3px; }
.payi__visa b { font: italic 900 14px/1 "Rubik", sans-serif; color: #1A1F71; letter-spacing: 0.02em; }
.payi__mc i { width: 16px; height: 16px; border-radius: 50%; background: #EB001B; } .payi__mc i + i { background: #F79E1B; margin-left: -8px; mix-blend-mode: multiply; }
.payi__sbp .sbp-mark { width: 16px; height: 16px; background: conic-gradient(#5B57A2 0 25%, #D90751 0 50%, #FAB718 0 75%, #0F754E 0); }
.payi__sbp b { font: 800 12px/1 "Rubik", sans-serif; color: var(--text-ink); }
.payi__btc { background: #F7931A !important; } .payi__btc b { font: 800 16px/1 "Rubik", sans-serif; color: #fff; }
.payi__usdt { background: #26A17B !important; } .payi__usdt b { font: 800 16px/1 "Rubik", sans-serif; color: #fff; }
.pay .payi { justify-content: center; width: 100%; }
@media (min-width: 1600px) { .adv4__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) minmax(0, 1fr) !important; } }
@media (max-width: 700px) {
  .jx-shield { width: 84px; }
  .wifi { width: 58px; height: 48px; } .wifi i { border-width: 5px; }
  .wifi i:nth-child(2) { width: 22px; height: 22px; bottom: -6px; } .wifi i:nth-child(3) { width: 34px; height: 34px; bottom: -12px; } .wifi i:nth-child(4) { width: 46px; height: 46px; bottom: -18px; } .wifi i:nth-child(5) { width: 58px; height: 58px; bottom: -24px; }
  .lap__scr { width: 58px; height: 38px; } .lap__base { width: 66px; }
}
.bigsel { flex-wrap: wrap; min-width: 0; } .dv--5 { min-width: 0; } @media (max-width: 1180px) { .bigsel__item { width: 56px; height: 56px; } .bigsel__item .bi svg { width: 40px; height: 40px; } .bigsel { gap: 8px; } }
.wifi2 { line-height: 0; filter: drop-shadow(0 0 4px #5FD48E); } .wifi2 svg { width: 80px; height: 64px; } .win--2 .win__bars { height: 22px; } @media (max-width: 700px) { .wifi2 svg { width: 60px; height: 48px; } }

.bigsel { display: grid !important; grid-template-columns: 72px minmax(0, 1fr) 7.5em; align-items: center; gap: 12px; height: 72px; flex-wrap: nowrap !important; }
.bigsel__item { width: 72px !important; height: 72px !important; }
.bigsel__name { display: block; height: 18px; overflow: hidden; white-space: nowrap; text-overflow: clip; }
.bigsel .inv-count { margin: 0 !important; width: 7.5em; text-align: right; white-space: nowrap; }
.inv-count b, .dv-board b { min-width: 2ch; text-align: right; }
.devpic, .dv, .dv--5, .inv--bar { min-width: 0; }
.ad__pic { contain: layout; }
.ad--dev .ad__pic { height: auto; }
@media (max-width: 1180px) { .bigsel { grid-template-columns: 56px minmax(0, 1fr) 6.5em; height: 56px; gap: 8px; } .bigsel__item { width: 56px !important; height: 56px !important; } .bigsel .inv-count { width: 6.5em; } }
@media (max-width: 700px) { .bigsel { grid-template-columns: 56px minmax(0, 1fr); } .bigsel .inv-count { display: none !important; } }

.demo { display: block !important; padding: 0 !important; background: none !important; box-shadow: none !important; max-width: min(360px, calc(100vw - 16px)); }
.demo__toggle { height: 36px !important; padding: 0 14px !important; background: var(--bv-deep) !important; color: #fff !important; box-shadow: 0 0 0 3px var(--bv-navy), 4px 4px 0 rgba(30, 39, 64, 0.25) !important; font: 700 13px/1 "Rubik", sans-serif !important; }
.demo[data-open="1"] .demo__toggle { margin-bottom: 8px; }
.demo__body { max-height: 70vh; overflow-y: auto; overscroll-behavior: contain; padding: 10px 10px 8px; background: #fff; box-shadow: 0 0 0 3px var(--wall-0), 6px 6px 0 rgba(30, 39, 64, 0.2); }
.demo__h { margin: 0 0 6px; font: 800 11px/1 "Rubik", sans-serif; text-transform: uppercase; letter-spacing: 0.06em; color: var(--text-meta); }
.demo__row { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin: 0 0 6px; }
.demo__row > span { width: 78px; font: 600 12px/1.2 "Rubik", sans-serif; color: var(--text-meta); }
.demo__row em { font: 600 12px/1 "Rubik", sans-serif; font-style: normal; color: var(--text-ink); }
.demo__ok { margin-top: 8px; padding-top: 6px; border-top: 3px solid var(--wall-4); }
.demo__ok summary { cursor: pointer; font: 800 11px/1.6 "Rubik", sans-serif; text-transform: uppercase; letter-spacing: 0.06em; color: var(--text-meta); margin-bottom: 6px; }

:root[data-spd="5"] .spd--5, :root[data-spd="6"] .spd--6, :root[data-spd="7"] .spd--7 { display: flex; }
.spd--5, .spd--7 { padding: 8px 14px; }
.spd__sep { width: 3px; height: 22px; background: var(--wall-3); }
.spd--6 { gap: 10px !important; }
.spd--6 .speed { position: static !important; }
.pingchip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; }
.pingchip b { font: 400 16px/16px var(--f-head); color: var(--state-green); white-space: nowrap; }
.odo { display: inline-flex; gap: 3px; padding: 3px; background: #1C2234; box-shadow: 0 0 0 3px var(--wall-0); }
.odo__d { display: block; width: 18px; height: 24px; overflow: hidden; background: #2B3550; }
.odo__d i { display: block; height: 24px; font: 400 16px/24px var(--f-head); font-style: normal; color: #FFE14A; text-align: center; animation: lp-odo 4s steps(1) infinite; }
@keyframes lp-odo { 0% { transform: translateY(0); } 6% { transform: translateY(-48px); } 12% { transform: translateY(-120px); } 18% { transform: translateY(-168px); } 24%, 100% { transform: translateY(calc(var(--to) * -24px)); } }
.spd--7 .pingchip { padding: 0 0 0 6px; }
@media (max-width: 700px) { .spd--5 .spd__lbl:first-of-type, .spd--6 .speed__l { display: none; } .spd--5, .spd--7 { padding: 6px 8px; gap: 6px !important; } .spd__ms { font-size: 16px; line-height: 16px; } }
@media (prefers-reduced-motion: reduce) { .odo__d i { animation: none; transform: translateY(calc(var(--to) * -24px)); } }

.locdlg { width: min(1100px, calc(100vw - 32px)); }
.locdlg__box { padding: 18px 20px 14px; }
.locdlg__body { columns: 4 200px; column-gap: 18px; overflow-y: visible; }
.locdlg__count { column-span: all; margin-bottom: 10px; font-size: 14px; }
.locg { break-inside: avoid; margin: 0 0 12px; }
.locg h3 { margin: 3px 3px 8px; }
.locg ul { display: block; }
.locg li { padding: 3px 6px; margin: 0 0 4px; box-shadow: 0 0 0 2px var(--wall-0); font: 500 13px/18px var(--f-text); gap: 8px; }
.lf { width: 24px; height: 15px; }
@media (max-width: 700px) { .locdlg__body { columns: 2; column-gap: 10px; overflow-y: auto; } .locg li { font-size: 12px; line-height: 15px; padding: 2px 4px; gap: 5px; margin-bottom: 3px; } .locdlg__box { padding: 12px; } }

.step__who { visibility: hidden; }
.kwalk { position: absolute; left: 0; top: 0; z-index: 5; pointer-events: none; will-change: transform; }
.kwalk img { display: none; width: calc(64px * var(--kg)); height: calc(64px * var(--kg)); }
.kwalk img.on { display: block; }
.stepsbox { position: relative; }

.pay .payi { display: none; }
.foot .payi { flex-wrap: nowrap; gap: 4px; }
.foot .payi li { height: 18px; min-width: 0; padding: 0 4px; margin: 2px; box-shadow: 0 0 0 2px var(--wall-0); }
.foot .payi li b { font-size: 10px !important; }
.foot .payi__mc i { width: 11px; height: 11px; } .foot .payi__mc i + i { margin-left: -5px; }
.foot .payi__sbp .sbp-mark { width: 11px; height: 11px; }
.payi__mir b { font: 900 italic 12px/1 "Rubik", sans-serif; color: #0F754E; }

.page__h { display: block; margin-bottom: 8px; font: 700 15px/20px var(--f-text); color: #6A4428; }
.page__n { display: block; margin-top: 8px; text-align: right; font: 400 16px/16px var(--f-sign); color: #A0794A; -webkit-font-smoothing: none; }
.faqv--3, .faqv--4 { display: none !important; }
.vsign { top: auto !important; bottom: 10px; z-index: 4; }
.tab .payi { display: flex !important; grid-template-columns: none; }
.stage[data-scene="fast"] .slime { animation: lp-drop2 360ms steps(3) forwards !important; }
@keyframes lp-drop2 { to { transform: translateY(40px); opacity: 0; } }
.actor--pult { z-index: 3; } .vsign { bottom: 40px !important; z-index: 6 !important; left: 58% !important; } @media (max-width: 700px) { .vsign { left: 62% !important; bottom: 36px !important; } }

.vsign .vn2, :root[data-villain] .vn1 { display: inline !important; }

:root[data-spd="6a"] .spd--6a, :root[data-spd="6b"] .spd--6b, :root[data-spd="6c"] .spd--6c { display: flex; }
.spd--6a { padding: 6px 10px 4px; }
.g6 { position: relative; display: block; width: 112px; height: 62px; }
.g6__arc { position: absolute; left: 0; right: 0; top: 0; height: 112px; border-radius: 50%; background: conic-gradient(from -90deg at 50% 50%, #8EE6B0 0 60deg, #FFE14A 60deg 130deg, #FF6A5A 130deg 180deg, transparent 180deg);
  -webkit-mask: radial-gradient(circle at 50% 50%, transparent 40px, #000 41px 52px, transparent 53px); mask: radial-gradient(circle at 50% 50%, transparent 40px, #000 41px 52px, transparent 53px); }
.g6__ticks i { position: absolute; left: 50%; top: 56px; width: 3px; height: 9px; background: var(--wall-0); transform-origin: 50% 0; transform: rotate(calc(-90deg + var(--k) * 45deg)) translateY(-53px); }
.g6__ticks i:nth-child(1) { --k: 0; } .g6__ticks i:nth-child(2) { --k: 1; } .g6__ticks i:nth-child(3) { --k: 2; } .g6__ticks i:nth-child(4) { --k: 3; } .g6__ticks i:nth-child(5) { --k: 4; }
.g6__needle { position: absolute; left: calc(50% - 2px); top: 14px; width: 4px; height: 42px; background: var(--wall-0); transform-origin: 50% 100%; transform: rotate(72deg); animation: lp-g6 0.5s steps(2) infinite; }
.g6__needle::after { content: ""; position: absolute; left: -3px; bottom: -4px; width: 10px; height: 10px; background: var(--wall-0); }
@keyframes lp-g6 { 0% { transform: rotate(70deg); } 50% { transform: rotate(78deg); } 100% { transform: rotate(70deg); } }
.g6__max { position: absolute; right: -4px; top: 30px; font: 400 16px/14px var(--f-sign); text-transform: uppercase; color: #C23030; -webkit-font-smoothing: none; font-weight: 400; }
.g6__ping { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; font: 400 16px/14px var(--f-sign); color: var(--state-green); -webkit-font-smoothing: none; }
.g6__ping .spd__dot { width: 7px; height: 7px; box-shadow: 0 0 0 2px var(--wall-0); }
.spd--6b { flex-direction: column; align-items: flex-start !important; gap: 3px !important; padding: 7px 10px 6px; }
.b6 { display: flex; align-items: stretch; }
.b6__bar { position: relative; width: 150px; height: 22px; background: #fff; box-shadow: 0 0 0 3px var(--wall-0); overflow: visible; }
.b6__bar > i { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; background: repeating-linear-gradient(90deg, var(--lamp-ok) 0 9px, var(--state-green) 9px 12px); transform-origin: left; animation: lp-b6 3.2s steps(10) infinite; }
@keyframes lp-b6 { 0% { transform: scaleX(0.08); } 40%, 100% { transform: scaleX(1); } }
.b6__spark { position: absolute; top: -6px; left: 0; width: 6px; height: 6px; background: #FFE14A; box-shadow: 9px 12px 0 #FFE14A, -6px 24px 0 #FFF3A6, 12px -3px 0 #FFF3A6; animation: lp-b6s 3.2s steps(10) infinite; }
@keyframes lp-b6s { 0% { left: 4%; opacity: 1; } 40% { left: 96%; opacity: 1; } 41%, 100% { left: 96%; opacity: 0; } }
.b6__chip { display: inline-flex; align-items: center; gap: 4px; padding: 0 8px; margin-left: 3px; background: var(--wall-0); color: #5FD48E; font: 400 16px/22px var(--f-sign); -webkit-font-smoothing: none; white-space: nowrap; }
.b6__chip .spd__dot { width: 7px; height: 7px; box-shadow: none; }
.b6__lbl { font: 400 16px/14px var(--f-sign); text-transform: uppercase; color: var(--plate-cut); -webkit-font-smoothing: none; }
.hud { display: grid; gap: 4px; padding: 8px 12px 8px; background: #1C2234; box-shadow: 0 0 0 3px var(--wall-0), inset 0 0 0 3px #3B4560; transform: skewX(-8deg); }
.hud > * { transform: skewX(8deg); }
.hud__top { display: flex; align-items: baseline; gap: 6px; }
.hud__v { font: 400 24px/24px var(--f-head); color: #FFE14A; text-shadow: 0 0 8px #F59A00; }
.hud__u { font: 400 16px/16px var(--f-sign); color: #B4C0D4; -webkit-font-smoothing: none; }
.hud__scale { display: flex; gap: 2px; }
.hud__scale i { width: 8px; height: 8px; background: #3B4560; animation: lp-hud 1.6s steps(1) infinite; animation-delay: calc(var(--n, 0) * 0.04s); }
.hud__scale i:nth-child(-n+10) { background: var(--lamp-ok); } .hud__scale i:nth-child(11) { animation-name: lp-hud2; background: #FFE14A; } .hud__scale i:nth-child(12) { background: #C23030; animation-name: lp-hud2; }
@keyframes lp-hud { 0% { opacity: 1; } }
@keyframes lp-hud2 { 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0.35; } }
.hud__ping { display: inline-flex; align-items: center; gap: 5px; font: 400 16px/16px var(--f-sign); color: #5FD48E; -webkit-font-smoothing: none; }
.hud__ping .spd__dot { width: 7px; height: 7px; box-shadow: none; }
@media (max-width: 700px) { .b6__bar { width: 96px; } .hud__v { font-size: 16px; line-height: 16px; } .hud__scale i { width: 6px; } }
@media (prefers-reduced-motion: reduce) { .g6__needle, .b6__bar > i, .b6__spark, .hud__scale i { animation: none !important; } }

:root[data-wlin="4"] .win--4, :root[data-wlin="5"] .win--5 { display: grid; justify-items: center; }
.twin { position: relative; display: grid; justify-items: center; width: 92px; padding: 6px 4px 4px; background: #FFE9B8; box-shadow: 0 0 0 3px #3B4560, inset 0 0 0 3px #FFD27A; }
.twin__screen { width: 40px; height: 24px; background: linear-gradient(180deg, #1670DA, #0A2A5E); box-shadow: 0 0 0 2px var(--wall-0), 0 0 10px #5EB2FF; display: grid; place-items: center; margin-bottom: 2px; }
.twin__screen b { font: 700 11px/1 "Rubik", sans-serif; color: #fff; }
.twin__fam { display: flex; align-items: flex-end; gap: 1px; }
.twin__fam svg:nth-child(1) { width: 26px; height: auto; } .twin__fam svg:nth-child(2) { width: 18px; height: auto; } .twin__fam svg:nth-child(3) { width: 26px; height: auto; }
.twin__h { position: absolute; top: 4px; line-height: 0; animation: lp-heart 2s steps(4) infinite; } .twin__h.h1 { left: 4px; } .twin__h.h2 { right: 4px; animation-delay: 1s; }
@keyframes lp-heart { 0% { transform: translateY(10px); opacity: 0; } 30% { opacity: 1; } 100% { transform: translateY(-14px); opacity: 0; } }
.twin__ha { position: absolute; right: -10px; top: -10px; font: 400 16px/16px var(--f-sign); color: #FFE14A; text-shadow: 2px 2px 0 var(--oak-shadow); -webkit-font-smoothing: none; animation: lp-blink2 1.4s steps(1) infinite; }
.cozy { position: relative; width: 92px; height: 80px; }
.cozy__tv { position: absolute; left: 50%; top: 0; width: 44px; height: 28px; transform: translateX(-50%); background: #0A2A5E; box-shadow: 0 0 0 2px var(--wall-0), 0 0 12px #5EB2FF; }
.cozy__tv i { position: absolute; inset: 4px; background: repeating-linear-gradient(90deg, #A11FD0 0 6px, #1E90FF 6px 12px, #FFE14A 12px 18px); animation: lp-game 0.8s steps(3) infinite; }
@keyframes lp-game { to { background-position: 18px 0; } }
.cozy__cub { position: absolute; left: 50%; bottom: -4px; width: 64px; height: 64px; transform: translateX(-60%); }
.cozy__pop { position: absolute; right: 0; bottom: 2px; line-height: 0; } .cozy__pop svg { width: 24px; height: 24px; }
.road { display: none; }
:root[data-wlin="6"] .road { display: block; position: absolute; right: 0; top: calc(50% - 14px); width: 76px; height: 28px; overflow: hidden; background: repeating-linear-gradient(90deg, #FFE14A 0 9px, #F59A00 9px 12px) center / 100% 6px no-repeat; z-index: 3; }
:root[data-wlin="6"] .jx-shield { margin-right: 76px; }
:root[data-wlin="6"] .win--0 { display: grid; }
.road i { position: absolute; left: -28px; top: 2px; line-height: 0; padding: 1px; background: #fff; box-shadow: 0 0 0 2px var(--wall-0); animation: lp-road 3s linear infinite; animation-delay: var(--d); }
.road i svg { width: 20px; height: 20px; }
.road i.env { width: 22px; height: 16px; padding: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 6' shape-rendering='crispEdges'%3E%3Cpath fill='%230A2A5E' d='M0 0h8v6H0z'/%3E%3Cpath fill='%23fff' d='M1 1h6v4H1z'/%3E%3Cpath fill='%231E90FF' d='M1 1h1v1H1zM6 1h1v1H6zM2 2h1v1H2zM5 2h1v1H5zM3 3h2v1H3z'/%3E%3C/svg%3E") 0 0 / 100% 100%; top: 6px; }
@keyframes lp-road { to { left: 100%; } }
@media (max-width: 700px) { :root[data-wlin="6"] .road { width: 50px; } :root[data-wlin="6"] .jx-shield { margin-right: 50px; } .twin, .cozy { width: 70px; } .cozy__cub { width: 48px; height: 48px; } }
@media (prefers-reduced-motion: reduce) { .twin__h, .twin__ha, .cozy__tv i, .road i { animation: none !important; } .road i:nth-child(1) { left: 20%; } }

.step { position: relative; }
.step__tick { position: absolute; z-index: 3; right: 10px; bottom: 10px; width: 28px; height: 28px; display: grid; place-items: center; background: var(--lamp-ok); color: #fff; font: 900 16px/1 "Rubik", sans-serif; box-shadow: 0 0 0 3px var(--wall-0); opacity: 0; transform: scale(0.4); transition: opacity 400ms steps(4), transform 400ms steps(4); }
.step.passed .step__tick { opacity: 1; transform: none; }
.step:nth-child(3) .step__tick { display: none; }
.step:nth-child(3) .plate { transition: box-shadow 600ms steps(6), filter 600ms steps(6); }
.step.done .plate { box-shadow: 0 0 0 4px #FFD030, 0 0 22px 2px rgba(255, 210, 48, 0.75); filter: saturate(1.15); }
.step__key { transition: transform 700ms steps(6), filter 700ms steps(6); }
.step.done .step__key { transform: rotate(90deg); filter: drop-shadow(0 0 8px #FFE14A) brightness(1.15); }
.step__done { position: absolute; left: 50%; bottom: 14px; transform: translateX(-50%) scale(0.6); white-space: nowrap; padding: 4px 10px; background: var(--lamp-ok); color: #fff; box-shadow: 0 0 0 3px var(--wall-0); font: 400 16px/18px var(--f-sign); text-transform: uppercase; -webkit-font-smoothing: none; opacity: 0; transition: opacity 500ms steps(5), transform 500ms steps(5); }
.step.done .step__done { opacity: 1; transform: translateX(-50%); }
.step__spark { position: absolute; width: 9px; height: 9px; background: #FFE14A; opacity: 0; }
.step__spark.s1 { left: 12%; top: 18%; } .step__spark.s2 { right: 22%; top: 8%; } .step__spark.s3 { right: 8%; bottom: 40%; }
.step.done .step__spark { animation: lp-spark 1.2s steps(3) infinite; } .step.done .step__spark.s2 { animation-delay: 0.4s; } .step.done .step__spark.s3 { animation-delay: 0.8s; }
@keyframes lp-spark { 0% { opacity: 0; transform: scale(0.5); } 40% { opacity: 1; transform: scale(1.4) rotate(45deg); } 100% { opacity: 0; transform: scale(0.5); } }
@media (prefers-reduced-motion: reduce) { .step.done .step__spark { animation: none; opacity: 1; } }

:root[data-faq="5"] .faqv--5, :root[data-faq="6"] .faqv--6, :root[data-faq="7"] .faqv--7 { display: grid; gap: 16px; }
.faqtabs { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin-bottom: 4px; }
.faqtab[aria-selected="true"] { background: var(--bv-deep); color: #fff; box-shadow: 0 -3px 0 0 var(--bv-navy), 0 3px 0 0 var(--bv-navy), -3px 0 0 0 var(--bv-navy), 3px 0 0 0 var(--bv-navy), inset 0 -3px 0 0 #0F4FB0; }
.faqpanel { display: grid; gap: 16px; }
.faqpanel[hidden] { display: none; }
.faq2col { grid-template-columns: 1fr 1fr; align-items: start; }
:root[data-faq="6"] .faq__col { max-width: 1100px; }
.qa__ic { line-height: 0; } .qa__ic svg { width: 24px; height: 24px; }
.faq2col .qa summary { grid-template-columns: 24px 1fr 30px; }
.popgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
:root[data-faq="7"] .faq__col { max-width: 1100px; }
.popq { padding: 18px 20px 20px; display: grid; gap: 8px; align-content: start; }
.popq__n { font: 400 24px/24px var(--f-head); color: var(--bv-deep); }
.popq__q { margin: 0; font: 600 17px/23px var(--f-text); color: var(--text-ink); }
.popq p { margin: 0; font: var(--t-small); color: var(--text-body); }
.faq__more { justify-self: center; }
@media (max-width: 900px) { .faq2col, .popgrid { grid-template-columns: 1fr; } }

.totop { position: fixed; z-index: 55; right: calc(16px + env(safe-area-inset-right)); bottom: calc(16px + env(safe-area-inset-bottom)); display: inline-flex; align-items: center; gap: 6px;
  height: 48px; padding: 0 12px; background: var(--plate-face); color: var(--text-ink); text-decoration: none; font: 900 20px/1 "Rubik", sans-serif;
  box-shadow: 0 -3px 0 0 var(--wall-0), 0 3px 0 0 var(--wall-0), -3px 0 0 0 var(--wall-0), 3px 0 0 0 var(--wall-0), inset 3px 3px 0 #F7F9FC, inset -3px -3px 0 #98A5BE, 4px 6px 0 rgba(30, 39, 64, 0.2); }
.totop[hidden] { display: none; }
.totop img { width: 22px; height: 22px; }
.totop:hover { background: #fff; } .totop:focus-visible { outline: 3px solid var(--bv-blue); outline-offset: 4px; }
@media (max-width: 700px) { .totop { height: 44px; right: calc(10px + env(safe-area-inset-right)); bottom: calc(10px + env(safe-area-inset-bottom)); } }
.g6 { height: 80px; } .g6__ping { bottom: 0; } .g6__needle { top: 14px; } .g6__arc { top: 0; }
.g6__ping { background: #fff; padding: 1px 4px; }
.twin__h svg { width: 14px !important; height: 14px !important; }

:root[data-spd="6a2"] .spd--6a2, :root[data-spd="6a3"] .spd--6a3 { display: flex; }
.spd--6a { padding: 5px 9px 4px; gap: 8px !important; }
.spd--6a .g6, .spd--6a3 .g6 { width: 64px; height: 36px; }
.g6 .g6__arc { height: 64px; -webkit-mask: radial-gradient(circle at 50% 50%, transparent 22px, #000 23px 30px, transparent 31px); mask: radial-gradient(circle at 50% 50%, transparent 22px, #000 23px 30px, transparent 31px); }
.spd--6a .g6__needle, .spd--6a3 .g6__needle, .mini6 .g6__needle { top: 8px; left: calc(50% - 2px); width: 3px; height: 26px; transform: rotate(74deg); animation: lp-g6s 1.6s steps(1) infinite; }
.g6__needle::after { width: 7px; height: 7px; left: -2px; bottom: -3px; }
@keyframes lp-g6s { 0%, 60% { transform: rotate(74deg); } 61%, 70% { transform: rotate(76deg); } 71%, 100% { transform: rotate(74deg); } }
.g6 .g6__max { right: -6px; top: 2px; font-size: 16px; line-height: 12px; }
.spd--6a .g6__max { display: none; }
.g6__read { display: grid; gap: 2px; }
.g6__read b { font: 400 16px/16px var(--f-head); color: var(--bv-deep); }
.g6__read > span { font: 400 16px/12px var(--f-sign); color: var(--plate-cut); -webkit-font-smoothing: none; }
.g6__read .g6__ping { position: static; transform: none; background: none; padding: 0; display: inline-flex; color: var(--state-green); }
.g6--still .g6__needle { animation: none !important; }
.g6__lamp { position: absolute; right: -2px; top: 0; width: 8px; height: 8px; background: #C23030; box-shadow: 0 0 0 2px var(--wall-0); animation: lp-lamp3 3s steps(1) infinite; }
@keyframes lp-lamp3 { 0%, 85% { background: #C23030; } 86%, 100% { background: #FF8A8A; box-shadow: 0 0 0 2px var(--wall-0), 0 0 6px #FF5A5A; } }
.mini6 { display: none; position: absolute; right: -6px; top: 26%; z-index: 4; align-items: center; gap: 4px; padding: 3px 6px; }
:root[data-spd="6a2"] .mini6 { display: inline-flex; }
.g6--mini { width: 36px; height: 20px; }
.g6--mini .g6__arc { height: 36px; -webkit-mask: radial-gradient(circle at 50% 50%, transparent 12px, #000 13px 17px, transparent 18px); mask: radial-gradient(circle at 50% 50%, transparent 12px, #000 13px 17px, transparent 18px); }
.mini6 .g6__needle { top: 4px; height: 15px; width: 2px; }
.mini6 .g6__needle::after { width: 5px; height: 5px; left: -2px; }
.mini6 b { font: 400 16px/12px var(--f-sign); color: var(--bv-deep); -webkit-font-smoothing: none; }
.mini6__ping { font: 400 16px/12px var(--f-sign); color: var(--state-green); -webkit-font-smoothing: none; }
@media (prefers-reduced-motion: reduce) { .g6__needle, .g6__lamp { animation: none !important; } }

:root[data-wlin="7"] .win--7, :root[data-wlin="8"] .win--8, :root[data-wlin="9"] .win--9, :root[data-wlin="10"] .win--10 { display: grid; justify-items: center; }

:root[data-wlin="7"] .hit { animation-name: lp-boom7; }
@keyframes lp-boom7 { 0% { left: -10px; opacity: 1; transform: none; } 22% { left: calc(100% - var(--hw, 30px)); transform: none; } 24% { left: calc(100% - var(--hw, 30px)); transform: scale(1.3) rotate(-10deg); }
  46% { left: -14px; opacity: 1; transform: rotate(-180deg) scale(0.9); } 50%, 100% { left: -14px; opacity: 0; transform: scale(0.3); } }
:root[data-wlin="7"] .jx-jam svg { animation: lp-soot 5s steps(1) infinite; }
@keyframes lp-soot { 0%, 44% { filter: none; } 45%, 70% { filter: brightness(0.55) contrast(1.1); } 71%, 100% { filter: brightness(0.75); } }
.jx-spark { display: none; }
:root[data-wlin="7"] .jx-spark { display: block; position: absolute; left: 34px; top: 6px; z-index: 4; width: 9px; height: 9px; background: #FFE14A; box-shadow: 9px -6px 0 #FF8A3A, -6px -9px 0 #FFF3A6; opacity: 0; animation: lp-jxsp 1.25s steps(2) infinite; }
@keyframes lp-jxsp { 0%, 40% { opacity: 0; } 50%, 90% { opacity: 1; } 100% { opacity: 0; } }

:root[data-wlin="8"] .jx-shield { width: 74px; clip-path: none; background: #8795B0; box-shadow: inset 3px 3px 0 #B4C0D4, inset -3px -3px 0 #4A5876, 0 0 0 3px var(--wall-0); margin-right: 80px; animation: none; }
:root[data-wlin="8"] .jx-ok { display: none; }
.gate8 { position: relative; width: 44px; height: 70px; }
.gate8__arch { position: absolute; inset: 0; background: #1C2234; clip-path: polygon(0 100%, 0 30%, 20% 10%, 50% 0, 80% 10%, 100% 30%, 100% 100%); box-shadow: inset 0 0 0 3px #3B4560; }
.gate8__arch::after { content: ""; position: absolute; inset: 8px; background: repeating-linear-gradient(90deg, #FFE14A 0 3px, transparent 3px 9px); opacity: 0.35; animation: lp-gate8 0.6s steps(3) infinite; }
@keyframes lp-gate8 { to { background-position: 9px 0; } }
.pack8 { display: none; }
:root[data-wlin="8"] .pack8 { display: block; position: absolute; right: 0; top: calc(50% - 16px); width: 80px; height: 32px; overflow: hidden; z-index: 3; }
.pack8 i { position: absolute; left: -24px; top: 4px; line-height: 0; padding: 2px; background: #fff; box-shadow: 0 0 0 2px var(--wall-0); animation: lp-road 2.8s linear infinite; animation-delay: var(--d); }
.pack8 i svg { width: 18px; height: 18px; }

.eq9 { display: grid; justify-items: center; gap: 4px; padding: 6px 6px 4px; background: #E2F5EA; box-shadow: 0 0 0 3px var(--wall-0); }
.eq9__t { font: 400 16px/12px var(--f-sign); color: var(--state-green); -webkit-font-smoothing: none; white-space: nowrap; font-weight: 400; }
.eq9__bars { display: flex; align-items: center; gap: 2px; height: 30px; }
.eq9__bars i { width: 4px; height: calc(8px + 14px * var(--h, 0.5)); background: var(--lamp-ok); animation: lp-eq9 1.6s ease-in-out infinite; }
.eq9__bars i:nth-child(1) { --h: .2; } .eq9__bars i:nth-child(2) { --h: .4; animation-delay: .1s; } .eq9__bars i:nth-child(3) { --h: .7; animation-delay: .2s; } .eq9__bars i:nth-child(4) { --h: .9; animation-delay: .3s; } .eq9__bars i:nth-child(5) { --h: 1; animation-delay: .4s; }
.eq9__bars i:nth-child(6) { --h: .9; animation-delay: .5s; } .eq9__bars i:nth-child(7) { --h: .7; animation-delay: .6s; } .eq9__bars i:nth-child(8) { --h: .5; animation-delay: .7s; } .eq9__bars i:nth-child(9) { --h: .4; animation-delay: .8s; } .eq9__bars i:nth-child(10) { --h: .3; animation-delay: .9s; } .eq9__bars i:nth-child(11) { --h: .2; animation-delay: 1s; }
@keyframes lp-eq9 { 50% { transform: scaleY(0.75); } }
:root[data-wlin="9"] .jx-jam::after { content: "ШУМ ▲▲▲"; position: absolute; left: 4px; bottom: -14px; font: 400 16px/12px var(--f-sign); color: #FF8A8A; text-shadow: 1px 1px 0 var(--oak-shadow); -webkit-font-smoothing: none; white-space: nowrap; }

.wall10 { position: relative; width: 72px; height: 86px; display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 18px; gap: 2px; align-content: end; }
.wall10 i { background: #8795B0; box-shadow: inset 2px 2px 0 #B4C0D4, inset -2px -2px 0 #4A5876; animation: lp-brick 5s steps(1) infinite; animation-delay: calc(var(--i) * 0.45s); }
.wall10 i:nth-child(-n+3) { animation: none; }
@keyframes lp-brick { 0% { opacity: 0; transform: translateX(-20px); } 4%, 92% { opacity: 1; transform: none; } 93%, 100% { opacity: 0; } }
.wall10__top { position: absolute; left: 0; right: 0; top: -12px; height: 12px; background: repeating-linear-gradient(90deg, #8795B0 0 16px, transparent 16px 28px); }
:root[data-wlin="10"] .jx-shield { clip-path: none; background: none; box-shadow: none; animation: none; }
@media (prefers-reduced-motion: reduce) { .jx-spark, .gate8__arch::after, .pack8 i, .eq9__bars i, .wall10 i { animation: none !important; } .wall10 i { opacity: 1; } }

.kwalk { transition: opacity 400ms ease; }
.kwalk.kw-hide { opacity: 0; }
.step .plate { transition: filter 600ms ease, opacity 600ms ease, box-shadow 600ms ease; }
.step.dim .plate { filter: grayscale(0.6) brightness(1.05); opacity: 0.55; }
.step.cur .plate { box-shadow: 0 0 0 3px #5EB2FF; }
.step.done .plate { box-shadow: 0 0 0 4px #FFD030, 0 0 22px 2px rgba(255, 210, 48, 0.75); }
.step__tick { transition: opacity 500ms ease, transform 500ms ease; }

:root[data-faq="8"] .faqv--8 { display: grid; gap: 16px; }
:root[data-faq="8"] .faq__col { max-width: 1100px; }
.faq2col--cat { grid-template-columns: 1fr 1fr; align-items: start; }
.faqcol { display: grid; gap: 14px; align-content: start; }
.faqcat { justify-self: start; margin: 6px 3px 0; }
@media (max-width: 900px) { .faq2col--cat { grid-template-columns: 1fr; } }

.totop { width: 52px; height: 40px; padding: 0; display: grid; place-items: center; background: none; box-shadow: none; gap: 0; }
.totop.plate { border-image: url("../img/plate_stone_9slice.png") 3 fill / calc(3px * var(--kp)) / 0 round; }
.faq2col .qa summary { grid-template-columns: 1fr 30px; }
.faq2col .qa summary:has(.qa__ic) { grid-template-columns: 24px 1fr 30px; }

.spd--6a3 { padding: 5px 12px 4px 9px; gap: 8px !important; }
:root[data-wlin="8"] .pack8 { right: 14px; width: 62px; }

:root[data-wlin="8"] .hit--sign, :root[data-wlin="9"] .hit--sign, :root[data-wlin="10"] .hit--sign { transform-origin: 100% 50%; --hw: 76px; animation-name: lp-hitsign; }
@keyframes lp-hitsign { 0% { left: 0; opacity: 1; } 28% { left: calc(100% - var(--hw)); opacity: 1; transform: none; } 30% { left: calc(100% - var(--hw)); opacity: 0.7; transform: scale(1.1) rotate(4deg); } 32%, 100% { left: calc(100% - var(--hw)); opacity: 0; transform: scale(0.3) rotate(12deg); } }
:root[data-wlin="8"] .jx-shield { width: 60px; margin-right: 66px; }
:root[data-wlin="8"] .gate8 { width: 38px; height: 64px; }
:root[data-wlin="8"] .pack8 { right: 8px; width: 56px; }

:root[data-wlin="7"] .hit--sign { --hw: 76px; animation-name: lp-boom7s; }
@keyframes lp-boom7s { 0% { left: 0; opacity: 1; transform: none; transform-origin: 100% 50%; } 22% { left: calc(100% - var(--hw)); transform: none; transform-origin: 100% 50%; } 24% { left: calc(100% - var(--hw)); transform: scale(1.1) rotate(-6deg); transform-origin: 100% 50%; }
  46% { left: 4px; opacity: 1; transform: rotate(-4deg) scale(0.9); transform-origin: 0 50%; } 50%, 100% { left: 4px; opacity: 0; transform: scale(0.3); transform-origin: 0 50%; } }

.step:nth-child(3) .plate { padding-bottom: 52px; }
@media (max-width: 700px) { .step.done .step__key { transform: translateY(-40px) rotate(90deg); } }

.wlpic { position: relative; }
.wlpic svg.wls { display: none; position: absolute; inset: 0; margin: auto; width: 296px; height: 136px; image-rendering: pixelated; }
:root[data-wlin="11"] .wls--11, :root[data-wlin="12"] .wls--12, :root[data-wlin="13"] .wls--13, :root[data-wlin="14"] .wls--14, :root[data-wlin="15"] .wls--15 { display: block; }
:root[data-wlin="11"] .wlpic .jx, :root[data-wlin="12"] .wlpic .jx, :root[data-wlin="13"] .wlpic .jx, :root[data-wlin="14"] .wlpic .jx, :root[data-wlin="15"] .wlpic .jx { display: none !important; }
@media (max-width: 700px) { .wlpic svg.wls { width: 148px; height: 68px; } }
.wls text { -webkit-font-smoothing: none; font-weight: 400; }
.wls g { transform-box: fill-box; }
@media (prefers-reduced-motion: no-preference) {

  .c11-p2 { animation: c11-p2 6s steps(1) infinite; } @keyframes c11-p2 { 0%, 29% { opacity: 0; } 30%, 95% { opacity: 1; } 96%, 100% { opacity: 0; } }
  .c11-p3 { animation: c11-p3 6s steps(1) infinite; } @keyframes c11-p3 { 0%, 57% { opacity: 0; } 58%, 95% { opacity: 1; } 96%, 100% { opacity: 0; } }
  .c11-btn { animation: c11-btn 6s steps(1) infinite; } @keyframes c11-btn { 0%, 9% { transform: none; } 10%, 22% { transform: translateY(2px); } 23%, 100% { transform: none; } }
  .c11-zap { animation: c11-zap 6s steps(1) infinite; } @keyframes c11-zap { 0%, 10% { opacity: 0; } 11%, 15% { opacity: 1; } 16%, 18% { opacity: 0; } 19%, 26% { opacity: 1; } 27%, 100% { opacity: 0; } }
  .c11-n2 { animation: c11-n 0.3s steps(1) infinite; } @keyframes c11-n { 0% { opacity: 0; } 50% { opacity: 1; } }
  .c11-glow { animation: c11-glow 0.8s steps(1) infinite; } @keyframes c11-glow { 50% { fill: #FFF6B0; } }
  .c11-bar { transform-box: fill-box; transform-origin: 0 0; animation: c11-bar 6s steps(8) infinite; } @keyframes c11-bar { 0%, 58% { transform: scaleX(0.4); } 95% { transform: scaleX(2.6); } 100% { transform: scaleX(0.4); } }
  .c11-wow { animation: c11-wow 6s steps(1) infinite; } @keyframes c11-wow { 0%, 69% { opacity: 0; } 70%, 95% { opacity: 1; } 96%, 100% { opacity: 0; } }

  .c12-cloud { animation: c12-cloud 6s steps(6) infinite; } @keyframes c12-cloud { 0%, 100% { transform: none; } 50% { transform: translateX(8px); } }
  .c12-b { opacity: 0; animation: 6s steps(1) infinite; }
  .c12-b0 { animation-name: c12-b0; } @keyframes c12-b0 { 0%, 11% { opacity: 0; } 12%, 17% { opacity: 1; } 18%, 100% { opacity: 0; } }
  .c12-b1 { animation-name: c12-b1; } @keyframes c12-b1 { 0%, 26% { opacity: 0; } 27%, 32% { opacity: 1; } 33%, 100% { opacity: 0; } }
  .c12-b2 { animation-name: c12-b2; } @keyframes c12-b2 { 0%, 41% { opacity: 0; } 42%, 47% { opacity: 1; } 48%, 100% { opacity: 0; } }
  .c12-b3 { animation-name: c12-b3; } @keyframes c12-b3 { 0%, 57% { opacity: 0; } 58%, 63% { opacity: 1; } 64%, 100% { opacity: 0; } }
  .c12-b4 { animation-name: c12-b4; } @keyframes c12-b4 { 0%, 72% { opacity: 0; } 73%, 78% { opacity: 1; } 79%, 100% { opacity: 0; } }
  .c12-off { opacity: 0; animation: 6s steps(1) infinite; } .c12-on { animation: 6s steps(1) infinite; }
  .c12-off0 { animation-name: c12-off0; } .c12-on0 { animation-name: c12-on0; } @keyframes c12-off0 { 0%, 16% { opacity: 0; } 17%, 95% { opacity: 1; } 96%, 100% { opacity: 0; } } @keyframes c12-on0 { 0%, 16% { opacity: 1; } 17%, 95% { opacity: 0; } 96%, 100% { opacity: 1; } }
  .c12-off1 { animation-name: c12-off1; } .c12-on1 { animation-name: c12-on1; } @keyframes c12-off1 { 0%, 31% { opacity: 0; } 32%, 95% { opacity: 1; } 96%, 100% { opacity: 0; } } @keyframes c12-on1 { 0%, 31% { opacity: 1; } 32%, 95% { opacity: 0; } 96%, 100% { opacity: 1; } }
  .c12-off2 { animation-name: c12-off2; } .c12-on2 { animation-name: c12-on2; } @keyframes c12-off2 { 0%, 46% { opacity: 0; } 47%, 95% { opacity: 1; } 96%, 100% { opacity: 0; } } @keyframes c12-on2 { 0%, 46% { opacity: 1; } 47%, 95% { opacity: 0; } 96%, 100% { opacity: 1; } }
  .c12-off3 { animation-name: c12-off2; } .c12-on3 { animation-name: c12-on2; }
  .c12-domefill { opacity: 0.22; animation: c12-df 6s steps(1) infinite; } @keyframes c12-df { 0%, 60% { opacity: 0.22; } 61%, 65% { opacity: 0.5; } 66%, 75% { opacity: 0.22; } 76%, 80% { opacity: 0.5; } 81%, 100% { opacity: 0.22; } }
  .c12-sp { opacity: 0; animation: c12-sp 6s steps(1) infinite; } @keyframes c12-sp { 0%, 61% { opacity: 0; } 62%, 66% { opacity: 1; } 67%, 76% { opacity: 0; } 77%, 81% { opacity: 1; } 82%, 100% { opacity: 0; } }
  .c12-wow { opacity: 0; animation: c12-wow 6s steps(1) infinite; } @keyframes c12-wow { 0%, 81% { opacity: 0; } 82%, 95% { opacity: 1; } 96%, 100% { opacity: 0; } }

  .c13-jam { animation: c13-jam 0.24s steps(1) infinite; } @keyframes c13-jam { 50% { transform: translateX(1px); } }
  .c13-l { opacity: 0; animation: c13-l 1.8s steps(10) infinite; }
  @keyframes c13-l { 0% { opacity: 1; transform: none; } 88% { opacity: 1; transform: translateX(36px); } 89%, 100% { opacity: 0; transform: translateX(36px); } }
  .c13-j1 { animation-delay: 0.6s; } .c13-j2 { animation-delay: 1.2s; }
  .c13-r1 { animation-duration: 1.6s; } .c13-r2 { animation-duration: 2s; } .c13-r3 { animation-duration: 1.7s; } .c13-r4 { animation-duration: 1.9s; } .c13-r5 { animation-duration: 1.5s; }
  .c13-edge { animation: c13-edge 0.6s steps(1) infinite; } @keyframes c13-edge { 50% { opacity: 0.4; } }
  .c13-w { animation: c13-w 1.2s steps(1) infinite; } @keyframes c13-w { 50% { opacity: 0; } }
  .c13-bub { animation: c13-bub 6s steps(1) infinite; } @keyframes c13-bub { 0%, 14% { opacity: 0; } 15%, 100% { opacity: 1; } }

  .c14-box { animation: c14-box 6s steps(1) infinite; }
  @keyframes c14-box { 0%, 14% { transform: translateY(-1px); } 16% { transform: translateY(6px); } 18% { transform: translateY(24px); } 20%, 40% { transform: translateY(38px); }
    41%, 45% { transform: translateY(33px); } 46%, 60% { transform: translateY(38px); } 61%, 65% { transform: translateY(31px); } 66%, 84% { transform: translateY(38px); } 85%, 88% { transform: translateY(20px); } 89%, 100% { transform: translateY(-1px); } }
  .c14-i { opacity: 0; animation: c14-i 6s steps(6) infinite; }
  @keyframes c14-i { 0%, 24% { opacity: 0; transform: none; } 25% { opacity: 1; transform: none; } 38% { opacity: 1; transform: translateY(-34px); } 39%, 49% { opacity: 0; transform: none; }
    50% { opacity: 1; transform: none; } 63% { opacity: 1; transform: translateY(-34px); } 64%, 100% { opacity: 0; transform: none; } }
  .c14-i2 { animation-delay: 0.3s; } .c14-i3 { animation-delay: 0.6s; }
  .c14-beam { opacity: 0; animation: c14-beam 6s steps(1) infinite; } @keyframes c14-beam { 0%, 20% { opacity: 0; } 21%, 84% { opacity: 1; } 85%, 100% { opacity: 0; } }
  .c14-wow { opacity: 0; animation: c14-wow 6s steps(1) infinite; } @keyframes c14-wow { 0%, 44% { opacity: 0; } 45%, 92% { opacity: 1; } 93%, 100% { opacity: 0; } }
}
@media (prefers-reduced-motion: reduce) { .c14-box { transform: translateY(38px); } .c12-off0, .c12-off1 { opacity: 1; } .c12-on0, .c12-on1 { opacity: 0; } }

.cspd { display: none; position: absolute; z-index: 4; pointer-events: none; }
:root[data-spd="c1"] .cspd--c1, :root[data-spd="c2"] .cspd--c2 { display: block; }
.cspd__plate { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.cspd__g { flex-shrink: 0; }
.cspd .g6__needle { animation: none !important; transform: rotate(74deg); transform-origin: 50% 100%; }
.cspd__read { display: grid; gap: 1px; }
.cspd__num { font: 400 16px/14px var(--f-sign); color: var(--bv-deep); -webkit-font-smoothing: none; font-variant-numeric: tabular-nums; }
.cspd__read small { font: 400 16px/10px var(--f-sign); color: var(--plate-cut); -webkit-font-smoothing: none; }

.cspd--c1 { left: 40%; top: calc(100% - 4px); padding-top: 16px; }
.cspd--c1 .cspd__plate { padding: 5px 9px 4px 7px; }
.cspd__chain { position: absolute; top: 0; width: 4px; height: 20px; background: repeating-linear-gradient(180deg, #4A5876 0 4px, #C9D2DE 4px 6px, #4A5876 6px 8px, transparent 8px 10px); }
.cspd__chain--l { left: 14px; } .cspd__chain--r { right: 14px; }

.cspd--c2 { left: 46%; bottom: -14px; }
.cspd--c2 .cspd__plate { padding: 5px 10px 4px 8px; background: #0A2A5E; box-shadow: inset 0 0 0 2px #1670DA, 0 0 0 3px #E3EEFB; }
.cspd--c2 .cspd__num { color: #FFE14A; } .cspd--c2 .cspd__read small { color: #B5DCFF; }
.cspd--c2 .g6__arc { filter: brightness(1.15); }
.cspd__puff { position: absolute; top: -8px; width: 20px; height: 10px; background: #fff; box-shadow: 0 4px 0 #fff, 4px 8px 0 -2px #E3EEFB; }
.cspd__puff--l { left: -8px; } .cspd__puff--r { right: -8px; }
@media (max-width: 700px) { .cspd--c1 { left: 30%; padding-top: 10px; } .cspd__chain { height: 12px; } .cspd--c2 { left: 36%; bottom: -12px; } }

.cspd .g6__needle { top: 4px; left: calc(50% - 1px); width: 2px; height: 15px; }
.cspd .g6__needle::after { width: 5px; height: 5px; left: -2px; bottom: -2px; }
.cspd--c1 { left: 56%; } .cspd--c2 { left: 58%; }
@media (max-width: 700px) { .cspd--c1 { left: 50%; } .cspd--c2 { left: 50%; } }
.cspd__chain { width: 4px; background: repeating-linear-gradient(180deg, #0A2A5E 0 4px, #8795B0 4px 6px, #0A2A5E 6px 8px, transparent 8px 9px); }

.cspd--c1 { top: calc(100% - 8px); padding-top: 12px; } .cspd__chain { height: 16px; }
@media (max-width: 700px) { .cspd--c1 { top: calc(100% - 14px); padding-top: 8px; } .cspd__chain { height: 12px; } .cspd--c2 { bottom: -4px; } }
.cspd--c1 { top: calc(100% - 12px); }
@media (max-width: 700px) { .cspd--c1 { top: calc(100% - 24px); padding-top: 8px; } .cspd__chain { height: 10px; } }
@media (max-width: 700px) { .cspd--c1 { left: 38%; } }
@media (max-width: 700px) { .cspd--c1 { top: calc(100% - 36px); } }

.kpuff { position: absolute; left: 0; top: 0; z-index: 6; width: 8px; height: 8px; margin: -4px 0 0 -4px; pointer-events: none; opacity: 0; background: #fff;
  box-shadow: 8px 0 #fff, -8px 0 #fff, 0 8px #fff, 0 -8px #fff, 16px -8px #E3EEFB, -16px 8px #E3EEFB, 16px 8px #fff, -16px -8px #fff, 8px -16px #FFE14A, -8px 16px #FFE14A, 24px 0 #E3EEFB, -24px 0 #E3EEFB, 0 0 0 2px #B5DCFF; }

.c15-vs { opacity: 0; } .c15-tag, .c15-glow, .c15-scr, .c15-wow { opacity: 0; }
@media (prefers-reduced-motion: no-preference) {
  .c15-p { animation: c15-run 7s steps(56) infinite; }
  @keyframes c15-run { 0%, 8% { transform: translate(6px, 29px); opacity: 1; } 60% { transform: translate(118px, 29px); opacity: 1; } 63% { transform: translate(124px, 29px); opacity: 0; } 64%, 99% { transform: translate(6px, 29px); opacity: 0; } 100% { transform: translate(6px, 29px); opacity: 1; } }
  .c15-p1 { animation-delay: -6.45s; } .c15-p2 { animation-delay: -5.9s; }
  .c15-vn { animation: c15-vn 7s steps(1) infinite; } @keyframes c15-vn { 0%, 13% { opacity: 1; } 14%, 39% { opacity: 0; } 40% { opacity: 1; } 41% { opacity: 0; } 42% { opacity: 1; } 43% { opacity: 0; } 44%, 100% { opacity: 1; } }
  .c15-vs { animation: c15-vs 7s steps(1) infinite; } @keyframes c15-vs { 0%, 13% { opacity: 0; } 14%, 39% { opacity: 1; } 40% { opacity: 0; } 41% { opacity: 1; } 42% { opacity: 0; } 43% { opacity: 1; } 44%, 100% { opacity: 0; } }
  .c15-spb { animation: c15-spin 0.5s steps(1) infinite; } .c15-spa { animation: c15-spin 0.5s steps(1) infinite reverse; } @keyframes c15-spin { 0% { opacity: 0; } 50% { opacity: 1; } }
  .c15-bonus { animation: c15-bonus 7s steps(1) infinite; } @keyframes c15-bonus { 0%, 13% { opacity: 1; } 14%, 96% { opacity: 0; } 97%, 100% { opacity: 1; } }
  .c15-tag { animation: c15-tag 7s steps(1) infinite; } @keyframes c15-tag { 0%, 80% { opacity: 0; } 81%, 96% { opacity: 1; } 97%, 100% { opacity: 0; } }
  .c15-scr { animation: c15-tag 7s steps(1) infinite; animation-name: c15-scr; } @keyframes c15-scr { 0%, 78% { opacity: 0; } 79%, 96% { opacity: 1; } 97%, 100% { opacity: 0; } }
  .c15-glow { animation: c15-glow 7s steps(1) infinite; } @keyframes c15-glow { 0%, 78% { opacity: 0; } 79%, 82% { opacity: 1; } 83%, 84% { opacity: 0.3; } 85%, 88% { opacity: 1; } 89%, 90% { opacity: 0.3; } 91%, 96% { opacity: 1; } 97%, 100% { opacity: 0; } }
  .c15-wow { animation: c15-wow 7s steps(1) infinite; } @keyframes c15-wow { 0%, 63% { opacity: 0; } 64%, 80% { opacity: 1; } 81%, 100% { opacity: 0; } }

  .c15-v0 { animation: c15-v0 7s steps(70) infinite; }
  @keyframes c15-v0 { 0% { transform: translate(104px, 6px); } 16% { transform: translate(69px, 6px); } 30%, 45% { transform: translate(112px, 6px); } 56% { transform: translate(69px, 6px); } 64% { transform: translate(69px, 20px); } 80% { transform: translate(69px, 20px); } 90% { transform: translate(69px, 6px); } 100% { transform: translate(104px, 6px); } }

  .c15-v1 { animation: c15-v1 7s steps(70) infinite; }
  @keyframes c15-v1 { 0% { transform: translate(24px, 52px); } 16% { transform: translate(69px, 52px); } 30%, 45% { transform: translate(8px, 52px); } 62% { transform: translate(69px, 52px); } 70%, 78% { transform: translate(69px, 44px); } 86% { transform: translate(69px, 52px); } 100% { transform: translate(24px, 52px); } }

  .c15-v2 { animation: c15-v2 7s steps(70) infinite; }
  @keyframes c15-v2 { 0%, 10% { transform: translate(6px, 6px); } 16% { transform: translate(6px, 18px); } 26%, 45% { transform: translate(6px, 6px); } 52% { transform: translate(6px, 29px); } 84% { transform: translate(58px, 29px); } 92% { transform: translate(6px, 29px); } 100% { transform: translate(6px, 6px); } }

  .c15-v3 { animation: c15-v3 7s steps(70) infinite; }
  @keyframes c15-v3 { 0% { transform: translate(132px, 52px); } 16% { transform: translate(92px, 52px); } 30%, 45% { transform: translate(132px, 52px); } 70% { transform: translate(86px, 52px); } 100% { transform: translate(132px, 52px); } }

  .c15-v4 { animation: c15-v4 7s steps(70) infinite; }
  @keyframes c15-v4 { 0% { transform: translate(132px, 6px); } 12% { transform: translate(132px, 13px); } 17% { transform: translate(132px, 13px); } 30%, 45% { transform: translate(120px, 6px); } 74% { transform: translate(132px, 13px); } 86% { transform: translate(132px, 6px); } 100% { transform: translate(132px, 6px); } }

  .c15-v5 { animation: c15-v5 7s steps(70) infinite; }
  @keyframes c15-v5 { 0% { transform: translate(22px, 6px); } 16% { transform: translate(50px, 6px); } 30%, 45% { transform: translate(22px, 6px); } 70% { transform: translate(52px, 6px); } 100% { transform: translate(22px, 6px); } }
}
@media (prefers-reduced-motion: reduce) {
  .c15-p0 { transform: translate(118px, 29px); } .c15-p1 { transform: translate(104px, 29px); } .c15-p2 { transform: translate(90px, 29px); }
  .c15-v0 { transform: translate(69px, 20px); } .c15-v1 { transform: translate(24px, 52px); } .c15-v2 { transform: translate(40px, 29px); } .c15-v3 { transform: translate(100px, 52px); } .c15-v4 { transform: translate(132px, 6px); } .c15-v5 { transform: translate(30px, 6px); }
  .c15-tag, .c15-glow, .c15-scr { opacity: 1; } .c15-bonus { opacity: 0; } .c15-spb { opacity: 0; }
}

@media (max-width: 700px) {
  :root[data-wlin="15"][data-adv] .adv4__grid { grid-template-areas: "btn btn" "dev dev" "proto proto" "wl wl" "inf inf"; }
  :root[data-wlin="15"] .ad--wl .ad__pic { height: 140px !important; }
  :root[data-wlin="15"] .wlpic svg.wls--15 { width: 296px; height: 136px; }
}

.dwind, .dflag, .dtrail, .dboard { display: none; position: absolute; pointer-events: none; }
:root[data-spd="d1"] .dwind, :root[data-spd="d2"] .dflag, :root[data-spd="d3"] .dtrail, :root[data-spd="d4"] .dboard { display: block; }

.dwind { right: calc(100% - 18px); top: 44%; width: 170px; height: 46px; z-index: 2; }
.dwind__l { position: absolute; right: 0; height: 6px; background: #fff; box-shadow: 0 0 0 3px #B5DCFF; transform-origin: 100% 50%; animation: d1-wind 3.2s steps(4) infinite; }
.dwind__l1 { top: 0; width: 120px; } .dwind__l2 { top: 18px; width: 168px; animation-delay: -1.1s; } .dwind__l3 { top: 36px; width: 96px; animation-delay: -2.2s; }
@keyframes d1-wind { 0%, 100% { transform: scaleX(1); } 50% { transform: scaleX(0.875); } }
.dwind__max { position: absolute; left: -2px; top: 10px; padding: 1px 4px; background: #0A2A5E; color: #FFE14A; font: 400 16px/12px var(--f-sign); -webkit-font-smoothing: none; }

.dflag { left: 8px; top: -40px; width: 4px; height: 60px; z-index: 2; }
.dflag__pole { position: absolute; inset: 0; background: #0A2A5E; } .dflag__pole::before { content: ""; position: absolute; left: -2px; top: -6px; width: 8px; height: 8px; background: #FFE14A; box-shadow: 0 0 0 2px #0A2A5E; }
.dflag__cloth { position: absolute; right: 4px; top: 0; display: flex; height: 30px; }
.dflag__cloth i { width: 22px; height: 30px; background: #1E90FF; box-shadow: inset 0 3px 0 #5EB2FF, inset 0 -3px 0 #1670DA; animation: d2-wave 2.4s steps(2) infinite; }
.dflag__cloth i:nth-child(odd) { animation-delay: -1.2s; } .dflag__cloth i:first-child { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 45% 50%); }
@keyframes d2-wave { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(2px); } }
.dflag__t { position: absolute; right: 12px; top: 7px; white-space: nowrap; font: 400 16px/16px var(--f-sign); color: #fff; -webkit-font-smoothing: none; text-shadow: 2px 0 0 #0A2A5E, 0 2px 0 #0A2A5E; }

.dtrail { right: calc(100% - 22px); top: 56%; width: 200px; height: 30px; z-index: 2; }
.dtrail i { position: absolute; top: calc(var(--i) * 1px); right: calc(var(--i) * 24px); width: calc(22px - var(--i) * 2px); height: calc(22px - var(--i) * 2px); background: #fff; box-shadow: 0 0 0 3px #B5DCFF; animation: d3-glint 4s steps(1) infinite; animation-delay: calc(var(--i) * -0.5s); }
@keyframes d3-glint { 0%, 12% { background: #FFF6B0; } 13%, 100% { background: #fff; } }
.dtrail__max, .dtrail__min { position: absolute; top: 28px; font: 400 16px/12px var(--f-sign); color: #0A2A5E; -webkit-font-smoothing: none; }
.dtrail__max { right: -6px; } .dtrail__min { right: 176px; color: #8795B0; }

.hero--fly .hero__wall { position: relative; }
.dboard { right: var(--gut, 24px); top: calc(-34px); z-index: 4; padding: 5px 10px 4px; background: #1C2234; box-shadow: 0 0 0 3px #3B4560; opacity: 0.45; animation: d4-lamp 7s steps(1) infinite; white-space: nowrap; }
.dboard b { font: 400 16px/14px var(--f-sign); color: #F59A00; -webkit-font-smoothing: none; } .dboard__v { margin-left: 8px; color: #FFE14A !important; }
@keyframes d4-lamp { 0%, 70% { opacity: 0.45; } 71%, 94% { opacity: 1; } 95%, 100% { opacity: 0.45; } }
@media (prefers-reduced-motion: reduce) { .dwind__l, .dflag__cloth i, .dtrail i, .dboard { animation: none !important; } .dboard { opacity: 1; } }
@media (max-width: 700px) {
  .dwind { width: 110px; } .dwind__l1 { width: 72px; } .dwind__l2 { width: 104px; } .dwind__l3 { width: 56px; }
  .dtrail { width: 130px; } .dtrail i { right: calc(var(--i) * 16px); width: calc(16px - var(--i) * 1px); height: calc(16px - var(--i) * 1px); } .dtrail i:nth-child(n+7) { display: none; } .dtrail__min { right: 100px; }
  .dboard { right: 10px; }
}

@media (min-width: 701px) {
  .cspd--c2 .cspd__num { font-size: 24px; line-height: 20px; } .cspd--c2 .cspd__read small { font-size: 24px; line-height: 16px; }
  .cspd--c2 .g6--mini { width: 54px; height: 30px; }
  .cspd--c2 .g6--mini .g6__arc { height: 54px; -webkit-mask: radial-gradient(circle at 50% 50%, transparent 18px, #000 19px 26px, transparent 27px); mask: radial-gradient(circle at 50% 50%, transparent 18px, #000 19px 26px, transparent 27px); }
  .cspd--c2 .g6__needle { top: 6px; height: 23px; width: 3px; } .cspd--c2 .g6__needle::after { width: 7px; height: 7px; left: -2px; bottom: -3px; }
  .cspd--c2 .cspd__plate { padding: 7px 14px 6px 10px; gap: 9px; }
}

.dwind { top: 30%; height: 52px; }
.dwind__l { height: 8px; background: #5EB2FF; box-shadow: 0 0 0 3px #fff, inset 0 2px 0 #B5DCFF; }
.dwind__l1 { top: 0; } .dwind__l2 { top: 20px; } .dwind__l3 { top: 40px; }
.dwind__max { left: auto; right: 176px; top: 17px; padding: 2px 5px; z-index: 1; }
.dflag { left: 40px; top: -4px; height: 64px; }
.dtrail { top: 30%; height: 40px; }
.dtrail i { top: calc(var(--i) * 1px + 2px); right: calc(var(--i) * 28px); width: calc(28px - var(--i) * 2px); height: calc(28px - var(--i) * 2px); }
.dtrail__max { top: 36px; right: -2px; padding: 1px 4px; background: #0A2A5E; color: #FFE14A; } .dtrail__min { top: 34px; right: 204px; }
@media (max-width: 700px) {
  .dwind__max { right: 108px; } .dflag { left: 20px; top: 0; height: 46px; } .dflag__cloth { height: 24px; } .dflag__cloth i { width: 16px; height: 24px; } .dflag__t { top: 4px; }
  .dtrail i { right: calc(var(--i) * 18px); width: calc(18px - var(--i) * 1px); height: calc(18px - var(--i) * 1px); } .dtrail__min { right: 110px; }
}

.dwind, .dtrail { top: -60%; }
.dflag { top: -22px; height: 82px; }
@media (max-width: 700px) { .dflag { top: -16px; height: 62px; } }
.dflag { top: -92px; height: 152px; }
@media (max-width: 700px) { .dflag { top: -56px; height: 104px; } }
@media (max-width: 700px) { .dwind__max { right: 0; top: -20px; } }

:root[data-wlin="15a"] .wls--15a, :root[data-wlin="15b"] .wls--15b, :root[data-wlin="15c"] .wls--15c, :root[data-wlin="16"] .wls--16 { display: block; }
:root[data-wlin="15a"] .wlpic .jx, :root[data-wlin="15b"] .wlpic .jx, :root[data-wlin="15c"] .wlpic .jx, :root[data-wlin="16"] .wlpic .jx { display: none !important; }
.wls .mzp, .wls .mzv, .wls .bm-pk, .wls .bm-rb { transform-box: view-box; }
@media (max-width: 700px) {
  :root:is([data-wlin="15a"], [data-wlin="15b"], [data-wlin="15c"], [data-wlin="16"], [data-wlin="17a"], [data-wlin="17b"], [data-wlin="17c"])[data-adv] .adv4__grid { grid-template-areas: "btn btn" "dev dev" "proto proto" "wl wl" "inf inf"; }
  :root:is([data-wlin="15a"], [data-wlin="15b"], [data-wlin="15c"], [data-wlin="16"], [data-wlin="17a"], [data-wlin="17b"], [data-wlin="17c"]) .ad--wl .ad__pic { height: 140px !important; }
  :root:is([data-wlin="15a"], [data-wlin="15b"], [data-wlin="15c"], [data-wlin="16"], [data-wlin="17a"], [data-wlin="17b"], [data-wlin="17c"]) .wlpic svg.wls { width: 296px; height: 136px; }
}

@media (max-width: 700px) {
  :root:is([data-wlin="15"], [data-wlin="15a"], [data-wlin="15b"], [data-wlin="15c"], [data-wlin="16"], [data-wlin="17a"], [data-wlin="17b"], [data-wlin="17c"]) .ad--wl .h3 { hyphens: manual; -webkit-hyphens: manual; overflow-wrap: normal; word-break: normal; }
  :root:is([data-wlin="15"], [data-wlin="15a"], [data-wlin="15b"], [data-wlin="15c"], [data-wlin="16"], [data-wlin="17a"], [data-wlin="17b"], [data-wlin="17c"]) .ad--wl .ad__txt p { display: block; }
}
@media (max-width: 359px) {
  :root:is([data-wlin="15"], [data-wlin="15a"], [data-wlin="15b"], [data-wlin="15c"], [data-wlin="16"], [data-wlin="17a"], [data-wlin="17b"], [data-wlin="17c"]) .wlpic svg.wls { width: 148px; height: 68px; }
  :root:is([data-wlin="15"], [data-wlin="15a"], [data-wlin="15b"], [data-wlin="15c"], [data-wlin="16"], [data-wlin="17a"], [data-wlin="17b"], [data-wlin="17c"]) .ad--wl .ad__pic { height: 76px !important; }
}

:root[data-wlin="17a"] .wls--17a, :root[data-wlin="17b"] .wls--17b, :root[data-wlin="17c"] .wls--17c { display: block; }
:root[data-wlin="17a"] .wlpic .jx, :root[data-wlin="17b"] .wlpic .jx, :root[data-wlin="17c"] .wlpic .jx { display: none !important; }

.locdlg { width: min(860px, calc(100vw - 32px)); max-height: calc(100svh - 32px); }
.locdlg__box { position: relative; max-height: calc(100svh - 32px); padding: 16px 20px 18px; overflow: visible; }
.locdlg__body { columns: auto !important; column-gap: normal; overflow: visible; padding: 2px; position: relative; }
.locdlg__head { margin-bottom: 6px; }
.locdlg__count { margin: 0 0 12px; font-size: 14px; display: flex; flex-wrap: wrap; gap: 4px 14px; align-items: baseline; }
.locdlg__hint { color: var(--text-body); font-size: 13px; }
.lgrid { display: grid; grid-template-columns: auto auto; grid-template-areas: "eu as" "eu cis" "eu am"; gap: 12px 28px; justify-content: start; align-content: start; }
:root[data-locm="2"] .lgrid { display: none; }
.lgr--eu { grid-area: eu; } .lgr--as { grid-area: as; } .lgr--cis { grid-area: cis; } .lgr--am { grid-area: am; }
.lgr__h { margin: 0 0 6px; font: 400 16px/14px var(--f-sign); text-transform: uppercase; color: var(--bv-deep); -webkit-font-smoothing: none; }
.lgr__flags { display: grid; grid-template-columns: repeat(var(--cols, 5), 52px); gap: 8px; }
.lgr--eu .lgr__flags { --cols: 5; } .lgr--as .lgr__flags { --cols: 4; } .lgr--cis .lgr__flags { --cols: 5; } .lgr--am .lgr__flags { --cols: 1; }
.lflag, .lpin { appearance: none; border: 0; margin: 0; padding: 2px; background: var(--wall-0); cursor: pointer; line-height: 0; display: block; }
.lflag { width: 52px; height: 34px; }
.lflag .lf, .lpin .lf { width: 100%; height: 100%; box-shadow: none; display: block; image-rendering: pixelated; }
.lflag:hover, .lflag:focus-visible, .lpin:hover, .lpin:focus-visible, .lflag[aria-describedby], .lpin[aria-describedby] { outline: 3px solid #FFE14A; outline-offset: 0; position: relative; z-index: 2; }
.lflag:focus-visible, .lpin:focus-visible { outline-color: var(--bv-blue); }

.loctip { position: absolute; z-index: 10; width: 260px; padding: 9px 11px 10px; background: #FFFFFF; box-shadow: 0 0 0 3px var(--wall-0), 4px 4px 0 3px rgba(10, 42, 94, 0.25); pointer-events: none; }
.loctip[hidden] { display: none; }
.loctip__f { float: left; width: 36px; height: 24px; margin: 0 9px 4px 0; padding: 2px; background: var(--wall-0); line-height: 0; }
.loctip__f .lf { width: 100%; height: 100%; box-shadow: none; display: block; }
.loctip__n { display: block; font: 400 16px/16px var(--f-head); color: var(--bv-deep); margin-top: 1px; }
.loctip__r { display: block; font: 400 16px/12px var(--f-sign); color: var(--plate-cut); -webkit-font-smoothing: none; margin-top: 3px; }
.loctip__l { clear: both; margin: 6px 0 0; padding: 0; list-style: none; font: 500 13px/17px var(--f-text); color: var(--text-ink); }
.loctip__l li { position: relative; padding-left: 12px; margin-top: 3px; }
.loctip__l li::before { content: ""; position: absolute; left: 0; top: 6px; width: 6px; height: 6px; background: var(--bv-blue); }

.lmap { display: none; }
:root[data-locm="2"] .lmap { display: block; }
.lmap__in { position: relative; width: 600px; height: 276px; margin: 0 auto; box-shadow: 0 0 0 3px var(--wall-0); }
.lmap__svg { display: block; width: 600px; height: 276px; }
.lpin { position: absolute; width: 24px; height: 16px; padding: 2px; transform: translate(-12px, -8px); }

@media (max-width: 700px) {
  .locdlg { width: 100vw; max-width: 100vw; height: auto; max-height: 100svh; margin: auto 0 0; }
  .locdlg__box { height: auto; max-height: 100svh; padding: 12px 12px 16px; overflow-y: auto; }
  .lgrid { grid-template-columns: 1fr; grid-template-areas: "eu" "as" "cis" "am"; gap: 10px; }
  .lgr__flags, .lgr--as .lgr__flags, .lgr--cis .lgr__flags, .lgr--am .lgr__flags { grid-template-columns: repeat(7, 42px); gap: 6px; }
  .lflag { width: 42px; height: 28px; }
  :root[data-locm="2"] .lgrid { display: grid; } :root[data-locm="2"] .lmap { display: none; }
  .loctip { width: 220px; }
}
@media (max-width: 359px) { .lgr__flags, .lgr--as .lgr__flags, .lgr--cis .lgr__flags, .lgr--am .lgr__flags { grid-template-columns: repeat(6, 40px); } .lflag { width: 40px; height: 26px; } }
@media (min-width: 701px) { .locdlg { width: fit-content; min-width: 560px; max-width: calc(100vw - 32px); } }
.lpin, .lpin:hover, .lpin:focus-visible, .lpin[aria-describedby] { position: absolute; }
.lpin:hover, .lpin:focus-visible, .lpin[aria-describedby] { z-index: 3; }

.bigsel { grid-template-columns: 72px minmax(0, 1fr) !important; grid-template-rows: auto auto; align-content: center; row-gap: 6px !important; }
.bigsel__item { grid-row: 1 / span 2; }
.bigsel__name { grid-column: 2; grid-row: 1; align-self: end; }
.bigsel .inv-count { grid-column: 2; grid-row: 2; width: auto !important; text-align: left !important; align-self: start; }
@media (max-width: 1180px) { .bigsel { grid-template-columns: 56px minmax(0, 1fr) !important; } }

.tx2 { display: none; }
:root[data-txt="2"] .tx1 { display: none; } :root[data-txt="2"] .tx2 { display: inline; }
:root[data-txt="2"] .tx1-sign { display: none; }

:root[data-calm="1"] .adv4 .ad:not(.ad--wl) *, :root[data-calm="1"] .adv4 .ad:not(.ad--wl) *::before, :root[data-calm="1"] .adv4 .ad:not(.ad--wl) *::after { animation: none !important; transition: none !important; }
:root:not([data-devm="0"]) .ad--dev *, :root:not([data-devm="0"]) .ad--dev *::before, :root:not([data-devm="0"]) .ad--dev *::after { animation: none !important; transition: none !important; }
:root[data-devm="2"] .ad--dev .dv { display: none !important; } :root[data-devm="2"] .ad--dev .dv--3 { display: flex !important; }

.pult2 { display: none; }
:root[data-proto="a"] .ad--proto .pult:not(.pult2), :root[data-proto="b"] .ad--proto .pult:not(.pult2) { display: none !important; }
:root[data-proto="a"] .ad--proto .pult2, :root[data-proto="b"] .ad--proto .pult2 { display: flex; flex-direction: column; }
.pult2 .vless__main:not(.on) .bigsw { background: #8795B0; box-shadow: 0 0 0 3px var(--wall-0), inset 0 -3px 0 #4A5876; }
.pult2 .vless__main:not(.on) .bigsw i { right: auto; left: 3px; }
.pult2 .vless__main:not(.on) b { color: #D9C9A6; }
.pult2 .proto, .pult2 .vless__main { transition: none; }
:root[data-proto="b"] .pult2 .proto.on, :root[data-proto="b"] .pult2 .vless__main.on { animation: p2on 600ms ease-out 1; }
@keyframes p2on { from { filter: brightness(1.35); } to { filter: none; } }

:root[data-hov="1"] .adv4 .ad:not(.is-play) *, :root[data-hov="1"] .adv4 .ad:not(.is-play) *::before, :root[data-hov="1"] .adv4 .ad:not(.is-play) *::after,
:root[data-wlplay="hover"] .adv4 .ad--wl:not(.is-play) *, :root[data-wlplay="hover"] .adv4 .ad--wl:not(.is-play) *::before, :root[data-wlplay="hover"] .adv4 .ad--wl:not(.is-play) *::after { animation-play-state: paused !important; }
.ad[data-hovtile]:focus-visible { outline: 3px solid var(--bv-blue); outline-offset: 3px; }
.ad[data-hovtile]:not(.is-play) .ad__hint { opacity: 1; }
.ad__hint { position: absolute; right: 10px; top: 10px; z-index: 6; padding: 2px 6px; font: 400 16px/12px var(--f-sign); color: #fff; background: rgba(10, 42, 94, 0.72); -webkit-font-smoothing: none; opacity: 0; transition: opacity 200ms; pointer-events: none; }
.ad { position: relative; }

:root[data-short="1"] .adv4 { min-height: 0 !important; padding-top: 28px !important; padding-bottom: 20px !important; }
:root[data-short="1"] .adv4__head { margin-bottom: 14px !important; }
:root[data-short="1"] .adv4__grid { gap: 12px !important; }
:root[data-short="1"] .adv4 .ad { padding-top: 12px; padding-bottom: 12px; gap: 6px; }
@media (min-width: 701px) { :root[data-short="1"] .adv4 .ad__txt p { display: none; } }
@media (prefers-reduced-motion: reduce) { .ad__hint { display: none; } }

.lvar { display: none; }
:root[data-locm="3"] .lvar--3, :root[data-locm="4"] .lvar--4, :root[data-locm="5"] .lvar--5, :root[data-locm="6"] .lvar--6 { display: block; }
:root:is([data-locm="3"], [data-locm="4"], [data-locm="5"], [data-locm="6"]) .lgrid, :root:is([data-locm="3"], [data-locm="4"], [data-locm="5"], [data-locm="6"]) .lmap, :root:is([data-locm="3"], [data-locm="4"], [data-locm="5"], [data-locm="6"]) .locdlg__hint { display: none !important; }
.ltcols { display: grid; grid-template-columns: repeat(4, minmax(150px, auto)); gap: 4px 28px; }
.ltc ul { margin: 0; padding: 0; list-style: none; columns: 1; font: 500 14px/22px var(--f-text); color: var(--text-ink); }
.ltc:first-child ul { columns: 2; column-gap: 20px; }
.ltc:first-child { grid-column: span 2; }
.lvar__note { margin: 10px 0 0; font-size: 13px; color: var(--text-body); }
.lline { margin: 0 0 10px; font: 500 15px/22px var(--f-text); color: var(--text-ink); max-width: 64ch; }
.lline b { font-weight: 700; color: var(--bv-deep); }
details.lline summary { cursor: pointer; list-style: none; } details.lline summary::-webkit-details-marker { display: none; }
.lline__more { color: var(--bv-blue); text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
details.lline[open] .lline__more { display: none; } details.lline p { margin: 2px 0 0; }
.lpurp { margin: 0; padding: 0; list-style: none; columns: 3 250px; column-gap: 24px; font: 500 13px/18px var(--f-text); color: var(--text-body); }
.lpurp li { break-inside: avoid; margin: 0 0 7px; } .lpurp b { color: var(--text-ink); }
.lp2 { display: none; } :root[data-loctxt="2"] .lp1 { display: none; } :root[data-loctxt="2"] .lp2 { display: inline; }
.lsearch { display: grid; gap: 4px; margin-bottom: 10px; max-width: 360px; } .lsearch span { font: 400 16px/12px var(--f-sign); text-transform: uppercase; color: var(--bv-deep); -webkit-font-smoothing: none; }
.lsearch input { font: 500 16px/20px var(--f-text); padding: 8px 10px; border: 0; box-shadow: 0 0 0 3px var(--wall-0); background: #fff; }
.lsearch input:focus-visible { outline: 3px solid var(--bv-blue); outline-offset: 2px; }
.lslist { margin: 0; padding: 0; list-style: none; columns: 4 150px; column-gap: 20px; font: 500 14px/22px var(--f-text); color: var(--text-ink); }
.lslist li span { margin-left: 6px; font-size: 11px; color: var(--text-meta); } .lslist li[hidden] { display: none; }
.lsempty { margin: 6px 0 0; color: var(--text-body); font-size: 14px; }
@media (min-width: 701px) { :root:is([data-locm="3"], [data-locm="4"], [data-locm="5"], [data-locm="6"]) .locdlg { width: min(900px, calc(100vw - 32px)); } }
@media (max-width: 700px) {
  .ltcols { grid-template-columns: 1fr 1fr; } .ltc:first-child { grid-column: span 2; }
  .lpurp { columns: 1; } .lslist { columns: 2; }
}

:root[data-hov="1"] .adv4 .ad:not(.is-play) .dv-n, :root[data-hov="1"] .adv4 .ad:not(.is-play) .just { animation: none !important; }

.lgr__flags { grid-template-columns: repeat(var(--cols, 4), max-content) !important; gap: 6px 10px !important; }
.lgr--eu .lgr__flags { --cols: 4; } .lgr--as .lgr__flags { --cols: 2; } .lgr--cis .lgr__flags { --cols: 2; } .lgr--am .lgr__flags { --cols: 1; }
.lflag { width: auto !important; height: auto !important; display: flex !important; align-items: center; gap: 7px; padding: 3px 9px 3px 3px; background: var(--plate-hi, #F7F9FC); box-shadow: 0 0 0 2px var(--wall-0); line-height: 1; }
.lflag .lf { width: 30px !important; height: 20px !important; flex-shrink: 0; box-shadow: 0 0 0 2px var(--wall-0); }
.lflag__n { font: 500 13px/16px var(--f-text); color: var(--text-ink); white-space: nowrap; }
.lflag:hover, .lflag[aria-describedby] { background: #FFF6CC; }
.lgrid { gap: 12px 26px; }
@media (max-width: 700px) {
  .lgr__flags, .lgr--as .lgr__flags, .lgr--cis .lgr__flags, .lgr--am .lgr__flags { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 5px 8px !important; }
  .lflag { min-width: 0; } .lflag__n { font-size: 13px; overflow: hidden; text-overflow: ellipsis; }
  .lflag .lf { width: 27px !important; height: 18px !important; }
}
@media (max-width: 359px) { .lflag__n { font-size: 12px; } }
@media (max-width: 700px) {
  .lflag__n { white-space: normal; overflow: visible; text-overflow: clip; line-height: 14px; }
  .lflag { padding: 2px 6px 2px 2px; gap: 6px; }
  .lgr__flags, .lgr--as .lgr__flags, .lgr--cis .lgr__flags, .lgr--am .lgr__flags { gap: 4px 8px !important; }
  .lgrid { gap: 8px; } .lgr__h { margin-bottom: 4px; }
  .locdlg__count { margin-bottom: 8px; }
}

.loctip__r { display: none !important; }

.hero__cta { display: contents; }
:root:not([data-heroperk="0"]) .hero__cta { display: inline-flex; flex-direction: column; align-items: stretch; max-width: 100%; }
:root:not([data-heroperk="0"]) .hero__cta .hfacts { width: 0; min-width: 100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
:root:not([data-heroperk="0"]) .hero__cta .hfacts li { min-width: 0; justify-content: flex-start; }
:root:not([data-heroperk="0"]) .hero__cta .hfacts span { min-width: 0; overflow-wrap: normal; word-break: normal; hyphens: manual; }
@media (max-width: 700px) {
  :root:not([data-heroperk="0"]) .hero__cta { display: flex; width: 100%; }
  :root:not([data-heroperk="0"]) .hero__cta .hfacts { gap: 6px; }
}
@media (max-width: 700px) {
  :root:not([data-heroperk="0"]) .hero__cta .hfacts li { flex-direction: column; align-items: flex-start; gap: 3px; padding: 7px 8px 8px; }
  :root:not([data-heroperk="0"]) .hero__cta .hfacts span:not(.hf-n) { font-size: 12px; line-height: 15px; }
}
:root:not([data-heroperk="0"]) .hero__cta .hfacts .hf-n { flex-shrink: 0; }
@media (min-width: 701px) { :root:not([data-heroperk="0"]) .hero__cta .hfacts li { padding: 9px 10px 10px 10px; gap: 8px; } }
@media (min-width: 701px) { :root[data-type="E"]:not([data-heroperk="0"]) .hero__cta .hfacts li { padding: 9px 7px 10px 8px; gap: 6px; } :root[data-type="E"]:not([data-heroperk="0"]) .hero__cta .hfacts .hf-n { font-size: 18px; } }
:root[data-type="E"]:not([data-heroperk="0"]) .hero__cta .hfacts li { flex-direction: column; align-items: flex-start; gap: 3px; }

.stage[data-scene="lag"] .bar i { animation: pk-crawl 3.6s steps(9) infinite; transition: none; }
@keyframes pk-crawl { 0% { width: 6%; } 70% { width: 26%; } 71%, 100% { width: 8%; } }
.stage[data-scene="lag"] .stage__label .l-lag { animation: pk-dots 1.2s steps(1) infinite; }
@keyframes pk-dots { 50% { opacity: 0.45; } }

.stage[data-scene="fast"] .actor--garg { animation: pk-fly 760ms steps(8) both; }
@keyframes pk-fly { 0% { transform: translate(-130px, -170px) scale(0.6); opacity: 0; } 15% { opacity: 1; } 100% { transform: none; opacity: 1; } }
.stage[data-scene="fast"] .actor--pult { animation: pk-out 600ms steps(6) 380ms both; }
@keyframes pk-out { 0% { transform: none; } 40% { transform: translateX(-6px); } 100% { transform: translateX(28px); } }

.peak-btn { position: relative; z-index: 6; display: inline-flex; align-items: center; gap: 10px; min-height: 48px; margin: 16px 3px 0; padding: 10px 18px 10px 16px; border: 0; cursor: pointer;
  font: 400 16px/16px var(--f-head); color: #fff; background: var(--bv-blue); box-shadow: 0 0 0 3px var(--wall-0), inset 0 -4px 0 var(--bv-deep), inset 0 3px 0 #5EB2FF; -webkit-font-smoothing: var(--head-smooth); }
.peak-btn:hover { background: #1670DA; } .peak-btn:focus-visible { outline: 3px solid #FFE14A; outline-offset: 3px; }
.stage[data-scene="lag"] .peak-btn { animation: pk-pulse 1.6s steps(2) infinite; }
@keyframes pk-pulse { 50% { box-shadow: 0 0 0 3px var(--wall-0), 0 0 0 7px #FFE14A, inset 0 -4px 0 var(--bv-deep), inset 0 3px 0 #5EB2FF; } }
.peak-btn__arr { font-style: normal; font-size: 12px; } .stage[data-scene="lag"] .peak-btn__arr { animation: pk-arr 0.8s steps(2) infinite; }
@keyframes pk-arr { 50% { transform: translateX(3px); } }
.stage[data-scene="fast"] .peak-btn { background: #fff; color: var(--bv-deep); box-shadow: 0 0 0 3px var(--wall-0), inset 0 -4px 0 #C9D2DE; }
.peak-btn__fire { display: none; width: 14px; height: 16px; background: #F59A00; box-shadow: inset 4px 4px 0 #FFE14A, 0 -4px 0 -2px #FF6A3A; }
.peak-hint { display: none; margin: 0 0 10px; font: 400 16px/18px var(--f-sign); color: var(--bv-deep); text-transform: uppercase; -webkit-font-smoothing: none; }
.stage[data-scene="lag"] .peak-hint .l-fast, .stage[data-scene="fast"] .peak-hint .l-lag { display: none; }
.peak-meter { display: none; }

:root[data-peak="1"] .peak-hint { display: block; }
:root[data-peak="1"] .stage[data-scene="lag"] .actor--garg, :root[data-peak="3"] .stage[data-scene="lag"] .actor--garg { opacity: 0; }

:root[data-peak="2"] .stage[data-scene="lag"] > :not(.peak-btn):not(.actor--garg) { filter: grayscale(0.9) brightness(0.96); }
:root[data-peak="2"] .stage[data-scene="lag"] .actor--garg { transform: translate(18px, -26px) scale(0.55); transform-origin: left bottom; filter: grayscale(0.4); }
:root[data-peak="2"] .peak-btn { position: absolute; left: calc(2% + 112px); bottom: calc(15px * var(--k) + 44px); margin: 0; }
:root[data-peak="2"] .peak-btn__fire { display: inline-block; }
:root[data-peak="2"] .stage[data-scene="lag"] .peak-btn { background: #B8281C; box-shadow: 0 0 0 3px var(--wall-0), inset 0 -4px 0 #7A1A12, inset 0 3px 0 #FF8A6A; animation-name: pk-pulse2; }
@keyframes pk-pulse2 { 50% { box-shadow: 0 0 0 3px var(--wall-0), 0 0 0 7px #FFB13A, inset 0 -4px 0 #7A1A12, inset 0 3px 0 #FF8A6A; } }
:root[data-peak="2"] .stage[data-scene="lag"] .peak-btn__fire { animation: pk-fire 0.5s steps(2) infinite; } @keyframes pk-fire { 50% { transform: scaleY(0.8); background: #FFB13A; } }
:root[data-peak="2"] .stage__cap { max-width: 40%; }

:root[data-peak="3"] .peak-meter { display: flex; align-items: center; gap: 10px; position: relative; z-index: 6; margin: 14px 3px 0; padding: 8px 12px; background: #fff; box-shadow: 0 0 0 3px var(--wall-0); max-width: 360px; }
.pm-l { font: 500 13px/16px var(--f-text); color: var(--text-body); white-space: nowrap; }
.pm-v { font: 400 16px/16px var(--f-head); color: #B8281C; white-space: nowrap; min-width: 9ch; }
.stage[data-scene="fast"] .pm-v { color: var(--state-green); }
.pm-bar { position: relative; flex: 1; height: 10px; min-width: 60px; background: #E3E8F0; box-shadow: 0 0 0 2px var(--wall-0); }
.pm-bar i { position: absolute; left: 0; top: 0; bottom: 0; width: 2%; background: #B8281C; transition: width 900ms steps(9), background 0s 900ms; }
.stage[data-scene="fast"] .pm-bar i { width: 100%; background: var(--lamp-ok); }
:root[data-peak="3"] .peak-btn { margin-top: 10px; }
@media (max-width: 700px) {
  .peak-btn { width: auto; margin-top: 12px; }
  :root[data-peak="2"] .peak-btn { left: auto; right: 8px; bottom: calc(15px * var(--k) + 125px * var(--ks) + 26px); }
  :root[data-peak="2"] .stage__cap { max-width: none; }
  :root[data-peak="3"] .peak-meter { max-width: none; }
}
@media (prefers-reduced-motion: reduce) {
  .stage .bar i, .stage .stage__label .l-lag, .peak-btn, .peak-btn__arr, .peak-btn__fire, .stage .actor--garg, .stage .actor--pult { animation: none !important; }
  .pm-bar i { transition: none; }
}

.peak-hint { position: relative; z-index: 3; margin: 16px 0 0; max-width: 52%; }
:root[data-peak="1"] .stage[data-scene="fast"] .peak-hint { display: none; }
:root[data-peak="1"] .stage[data-scene="lag"] .stage__cap { display: none; }
:root[data-peak="2"] .peak-btn { left: 2%; bottom: calc(15px * var(--k) + 112px); }
:root[data-peak="3"] .peak-meter { max-width: 470px; flex-wrap: wrap; row-gap: 4px; }
.pm-v { min-width: 11ch; }
@media (max-width: 700px) {
  .peak-hint { max-width: none; }
  :root[data-peak="2"] .peak-btn { position: relative; left: auto; right: auto; bottom: auto; margin-top: 12px; }
  :root[data-peak="3"] .pm-bar { flex-basis: 100%; }
}
:root[data-peak="2"] .stage[data-scene="lag"] .stage__cap { display: none; }
:root[data-peak="2"] .stage[data-scene="fast"] .peak-btn { position: relative; left: auto; bottom: auto; margin-top: 14px; }
:root[data-peak="3"] .peak-meter { max-width: min(420px, 60%); }
@media (max-width: 700px) { :root[data-peak="3"] .peak-meter { max-width: none; } }

@media (min-width: 1024px) {
  .lgrid { grid-template-columns: repeat(4, max-content) !important; grid-template-areas: "eu eu as am" "eu eu as cis" !important; gap: 10px 26px !important; align-items: start; }
  .lgr--eu .lgr__flags { --cols: 2; } .lgr--as .lgr__flags, .lgr--am .lgr__flags, .lgr--cis .lgr__flags { --cols: 1; }
  .lgr--eu .lgr__flags { grid-template-columns: repeat(2, max-content) !important; }
  .lgr--cis { align-self: start; }
}
@media (min-width: 701px) and (max-width: 1023px) {
  .lgrid { grid-template-columns: max-content !important; grid-template-areas: "eu" "as" "am" "cis" !important; gap: 10px !important; }
  .lgr__flags, .lgr--as .lgr__flags, .lgr--cis .lgr__flags, .lgr--am .lgr__flags { --cols: 3; grid-template-columns: repeat(3, max-content) !important; }
}
@media (min-width: 380px) and (max-width: 700px) {
  .lgr--am .lgr__flags, .lgr--cis .lgr__flags { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

.bar__spd { display: none; }
:root[data-peak="4"] .bar__spd { display: block; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); z-index: 2; font: 400 16px/16px var(--f-head); color: #B8281C; white-space: nowrap; -webkit-font-smoothing: var(--head-smooth); text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff; }
:root[data-peak="4"] .stage[data-scene="fast"] .bar__spd { color: #fff; text-shadow: 2px 2px 0 #0E5A30; }
:root[data-peak="4"] .stage { display: flex; flex-direction: column; align-items: flex-start; }
:root[data-peak="4"] .stage > .stage__bar { order: 1; align-self: stretch; }
:root[data-peak="4"] .stage > .peak-btn { order: 2; margin-top: 14px; }
:root[data-peak="4"] .stage > .stage__cap { order: 3; margin-top: 14px; }
:root[data-peak="4"] .stage[data-scene="lag"] .actor--garg { opacity: 0; }

:root[data-peak="4"] .stage > :not(.peak-btn) { transition: filter 760ms linear; }
:root[data-peak="4"] .stage[data-scene="lag"] > :not(.peak-btn) { filter: grayscale(1) brightness(0.97); }
:root[data-peak="4"] .stage[data-scene="fast"] > :not(.peak-btn) { filter: none; }
@media (prefers-reduced-motion: reduce) { :root[data-peak="4"] .stage > * { transition: none !important; } }

[data-off] *, [data-off] *::before, [data-off] *::after,
:root[data-modal] body > :not(dialog) *, :root[data-modal] body > :not(dialog) *::before, :root[data-modal] body > :not(dialog) *::after { animation-play-state: paused !important; }

:root[data-peak="4"] .stage.is-loading > :not(.peak-btn) { filter: grayscale(var(--gs, 1)) brightness(calc(1 - var(--gs, 1) * 0.03)) !important; transition: none !important; }
:root[data-peak="4"] .stage.is-loading .bar i { transition: none !important; animation: pk-run 0.45s steps(3) infinite !important; background: repeating-linear-gradient(90deg, var(--bv-blue) 0 12px, var(--bv-deep) 12px 24px) !important; box-shadow: 3px 0 0 #FFE14A; }
@keyframes pk-run { to { background-position: 24px 0; } }
:root[data-peak="4"] .stage.is-loading .stage__label .l-lag { display: inline !important; animation: none !important; }
:root[data-peak="4"] .stage.is-loading .stage__label .l-fast { display: none !important; }
:root[data-peak="4"] .stage.is-loading .bar__spd { color: #0A2A5E; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff; }
:root[data-peak="4"] .stage.is-loading .cap-fast { visibility: hidden; }
:root[data-peak="4"] .stage.is-loading .peak-btn { animation: none; opacity: 0.85; cursor: progress; }

.plan:not(.plan--hot) .pop-badge, .plan:not(.plan--hot) .garg-corner { display: none; }

@media (max-width: 1180px) { :root:not([data-pop="1m"]) .plan--hot .garg-corner img { left: -132px; } }
@media (min-width: 701px) and (max-width: 1180px) { :root:not([data-pop="1m"]) .plans { row-gap: 120px !important; } }
@media (max-width: 700px) { :root:not([data-pop="1m"]) .plans .plan--hot { margin-top: 100px; } }

.m1-cub, .m1-tag, .m1-pair, .m1-note, .pop-sub { display: none; }

:root[data-pop="2y"]:is([data-m1="1"], [data-m1="5"]) .plan--m1 .m1-tag { display: inline-block; padding: 4px 8px; background: #DDF2E4; color: #0F6436; font: 700 13px/1 var(--f-text); box-shadow: 0 0 0 3px #17834A; }
:root[data-type="A"] .plan--m1 .m1-tag { font: 400 16px/16px var(--f-sign); text-transform: uppercase; -webkit-font-smoothing: none; }

:root[data-pop="2y"]:is([data-m1="2"], [data-m1="5"], [data-m1="6"]) .plan--m1 .m1-cub { display: block; position: absolute; right: 0; top: 0; z-index: 3; width: 0; height: 0; }
.plan--m1 .m1-cub img { position: absolute; width: 64px; height: 64px; left: -82px; top: -50px; }

:root[data-pop="2y"]:is([data-m1="3"], [data-m1="6"]) .plan--m1 .m1-note { display: block; max-width: 230px; font: 500 13px/18px var(--f-text); color: var(--text-body); text-wrap: balance; }

:root[data-pop="2y"][data-m1="3"] .plan--m1 .plate { box-shadow: 0 0 0 3px var(--bv-blue-4); }

:root[data-pop="2y"][data-m1="4"] .plan--m1 .m1-pair, :root[data-pop="2y"][data-m1="4"] .plan--y2 .pop-badge { display: inline-flex; flex-direction: column; gap: 3px; }
:root[data-pop="2y"][data-m1="4"] .plan--y2 .pop-sub, .plan--m1 .m1-pair small { display: block; font: 600 11px/13px var(--f-text); text-transform: none; text-shadow: none; letter-spacing: 0; -webkit-font-smoothing: auto; }
.plan--m1 .m1-pair { background: var(--bv-light); color: var(--bv-deep); text-shadow: 2px 2px 0 #fff; box-shadow: 0 -3px 0 0 var(--wall-2), 0 3px 0 0 var(--wall-2), -3px 0 0 0 var(--wall-2), 3px 0 0 0 var(--wall-2); }
.plan--m1 .m1-pair small { color: var(--plate-cut); }

:root[data-pop="2y"]:is([data-m1="7"], [data-m1="8"]) .plan--m1 .m1-tag { display: inline-block; padding: 4px 8px; font: 700 13px/1 var(--f-text); }
:root[data-pop="2y"][data-m1="7"] .plan--m1 .m1-tag { background: var(--bv-light); color: var(--bv-blue-dark); box-shadow: 0 0 0 3px var(--bv-blue-4); }
:root[data-pop="2y"][data-m1="8"] .plan--m1 .m1-tag { background: #DDF2E4; color: #0F6436; box-shadow: 0 0 0 3px #17834A; }
:root[data-pop="2y"]:is([data-m1="7"], [data-m1="8"]) .plan--m1 .plate { box-shadow: 0 0 0 3px var(--bv-blue-4); }
:root[data-type="A"]:is([data-m1="7"], [data-m1="8"]) .plan--m1 .m1-tag { font: 400 16px/16px var(--f-sign); text-transform: uppercase; -webkit-font-smoothing: none; }

.tz { display: none; position: absolute; right: 0; bottom: 0; width: calc(184px * var(--ks)); height: calc(192px * var(--ks)); pointer-events: none;
  transform: translate(calc(var(--sx, 0) * 1px), calc(var(--sy, 0) * 1px)); }
.stage[data-tz] .tz { display: block; }
.stage[data-tz] .actor--pult > img { visibility: hidden; }
:root[data-peak="4"] .stage[data-tz] .actor--pult { animation: none; }
.tz > img { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.stage[data-tz="tz0"] .tz > [data-f="tz0"], .stage[data-tz="a1"] .tz > [data-f="a1"], .stage[data-tz="a2"] .tz > [data-f="a2"],
.stage[data-tz="t1"] .tz > [data-f="t1"], .stage[data-tz="t2"] .tz > [data-f="t2"], .stage[data-tz="t3"] .tz > [data-f="t3"],
.stage[data-tz="down"] .tz > [data-f="down"], .stage[data-tz="flash"] .tz > [data-f="flash"], .stage[data-tz="crack"] .tz > [data-f="crack"] { display: block; }

:root[data-peak="4"] .stage.is-loading:is([data-tz="a1"], [data-tz="a2"]) > .actor--pult { filter: none !important; }
.tz-bang, .tz-steam, .tz-burst, .tz-stars, .tz-smoke { display: none; position: absolute; }
.tz-steam i, .tz-burst i, .tz-stars i, .tz-smoke i { position: absolute; display: block; }

.tz-bang { left: calc(48px * var(--ks)); top: calc(70px * var(--ks)); font: 400 32px/32px var(--f-sign); color: #D0303A; -webkit-font-smoothing: none; letter-spacing: 2px;
  text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 3px 3px 0 #4A0A14; animation: tz-bang 0.32s steps(1) infinite; }
.stage[data-tz="a2"] .tz-bang { display: block; }
@keyframes tz-bang { 50% { transform: translateY(calc(-2px * var(--ks))); } }

.tz-steam { left: 0; top: 0; width: 100%; height: 100%; }
.stage:is([data-tz="a1"], [data-tz="a2"]) .tz-steam { display: block; }
.tz-steam i { width: calc(4px * var(--ks)); height: calc(4px * var(--ks)); background: #FFFFFF; box-shadow: 0 0 0 calc(1px * var(--ks)) #B4C0D4; opacity: 0;
  animation: tz-steam 0.72s steps(4) infinite; }
.tz-steam i:nth-child(1), .tz-steam i:nth-child(3) { left: calc(86px * var(--ks)); top: calc(66px * var(--ks)); --d: -1; }
.tz-steam i:nth-child(2), .tz-steam i:nth-child(4) { left: calc(156px * var(--ks)); top: calc(66px * var(--ks)); --d: 1; }
.tz-steam i:nth-child(3), .tz-steam i:nth-child(4) { animation-delay: 0.36s; }
.stage[data-tz="a1"] .tz-steam i:nth-child(n+3) { display: none; }
.stage[data-tz="a2"] .tz-steam i { animation-duration: 0.48s; } .stage[data-tz="a2"] .tz-steam i:nth-child(n+3) { animation-delay: 0.24s; }
@keyframes tz-steam { 0% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translate(calc(var(--d) * 4px * var(--ks)), calc(-16px * var(--ks))); } }

.tz-burst { left: calc(117px * var(--ks)); top: calc(97px * var(--ks)); width: 0; height: 0; }
.stage:is([data-tzph="land"], [data-tzph="burst"]) .tz-burst { display: block; }
.tz-burst i { width: calc(4px * var(--ks)); height: calc(4px * var(--ks)); animation: tz-burst 0.6s steps(6) both; }
.tz-burst i:nth-child(3n) { width: calc(2px * var(--ks)); height: calc(2px * var(--ks)); }
@keyframes tz-burst { 0% { transform: none; opacity: 1; } 83% { opacity: 1; } 100% { transform: translate(calc(var(--dx) * var(--ks) * 1px), calc(var(--dy) * var(--ks) * 1px)); opacity: 0; } }
.stage[data-tzph="burst"] .tz-burst i { background: #FFE14A; box-shadow: 0 0 0 calc(1px * var(--ks)) #F59A00; }
.stage[data-tzph="burst"] .tz-burst i:nth-child(2n) { background: #FFFFFF; box-shadow: 0 0 0 calc(1px * var(--ks)) #FFB13A; }
.stage[data-tzph="land"] .tz-burst { top: calc(186px * var(--ks)); }
.stage[data-tzph="land"] .tz-burst i { background: #E2DAC2; box-shadow: 0 0 0 calc(1px * var(--ks)) #A49A80; }
.stage[data-tzph="land"] .tz-burst i { --dy: -8; } .stage[data-tzph="land"] .tz-burst i:nth-child(2n) { --dy: -14; }

.stage[data-tz="down"][data-tzph="land"] .tz > [data-f="down"] { animation: tz-bounce 0.36s steps(3) both; }
@keyframes tz-bounce { 0% { transform: translateY(calc(-6px * var(--ks))); } 50% { transform: translateY(calc(-2px * var(--ks))); } 100% { transform: none; } }

.tz-stars { left: calc(78px * var(--ks)); top: calc(116px * var(--ks)); width: calc(92px * var(--ks)); height: calc(12px * var(--ks)); }
.stage[data-tz="down"][data-tzph="done"] .tz-stars { display: block; }
.tz-stars i { width: calc(2px * var(--ks)); height: calc(2px * var(--ks)); background: #FFE14A; box-shadow: calc(2px * var(--ks)) 0 0 #FFE14A, calc(-2px * var(--ks)) 0 0 #FFE14A, 0 calc(2px * var(--ks)) 0 #FFE14A, 0 calc(-2px * var(--ks)) 0 #FFE14A, 0 0 0 calc(1px * var(--ks)) #F59A00;
  top: calc(6px * var(--ks)); animation: tz-star 0.9s steps(1) infinite; }
.tz-stars i:nth-child(1) { left: 0; } .tz-stars i:nth-child(2) { left: calc(38px * var(--ks)); animation-delay: -0.3s; } .tz-stars i:nth-child(3) { left: calc(76px * var(--ks)); animation-delay: -0.6s; }
@keyframes tz-star { 0% { transform: translate(0, 0); } 25% { transform: translate(calc(6px * var(--ks)), calc(-4px * var(--ks))); } 50% { transform: translate(calc(12px * var(--ks)), 0); } 75% { transform: translate(calc(6px * var(--ks)), calc(4px * var(--ks))); } }

.tz-smoke { left: calc(112px * var(--ks)); top: calc(84px * var(--ks)); width: 0; height: 0; }
.stage[data-tz="crack"][data-tzph="done"] .tz-smoke { display: block; }
.tz-smoke i { width: calc(6px * var(--ks)); height: calc(6px * var(--ks)); background: #8795B0; box-shadow: 0 0 0 calc(1px * var(--ks)) #4A5876; opacity: 0; animation: tz-smoke 1.2s steps(6) infinite; }
.tz-smoke i:nth-child(2) { left: calc(8px * var(--ks)); animation-delay: -0.4s; } .tz-smoke i:nth-child(3) { left: calc(-6px * var(--ks)); animation-delay: -0.8s; }
@keyframes tz-smoke { 0% { opacity: 0.9; transform: none; } 100% { opacity: 0; transform: translate(calc(4px * var(--ks)), calc(-14px * var(--ks))); } }
@media (prefers-reduced-motion: reduce) { .tz, .tz *, .tz-steam i, .tz-burst i, .tz-stars i, .tz-smoke i, .tz > img { animation: none !important; transform: none !important; } .tz-steam i, .tz-smoke i { opacity: 1; } }

:root[data-peak="4"] .stage.is-fall .cap-fast { visibility: hidden; }
:root[data-peak="4"] .stage.is-fall .peak-btn { animation: none; opacity: 0.85; cursor: progress; }

:root[data-peak="4"] .stage[data-tz="down"] .vsign { bottom: calc(15px * var(--k) + 92px * var(--ks)) !important; }

:root[data-hov="1"] .adv4 .ad:not(.is-play) .just *, :root[data-wlplay="hover"] .adv4 .ad--wl:not(.is-play) .just * { animation: none !important; }

:root[data-hov="1"] .adv4 .ad:not(.is-play) :is(.proto, .vless__main).on { animation: none !important; }

html { scroll-padding-top: var(--toph, 76px); }
.m-only { display: none; }
@media (max-width: 700px) { .m-only { display: inline; } }

.langdd { position: relative; display: inline-flex; }
.langdd__car { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid currentColor; margin-left: 2px; }
.langdd.open .langdd__car { border-top: 0; border-bottom: 5px solid currentColor; }
.langdd__menu { position: absolute; right: 0; top: calc(100% + 8px); z-index: 60; min-width: 190px; margin: 0; padding: 8px; list-style: none; display: grid; gap: 4px; }
.langdd__menu[hidden] { display: none; }
.langdd__menu li { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.langdd__menu a { flex: 1 1 auto; display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 0 10px; font: 600 15px/1 var(--f-text); color: var(--text-ink); text-decoration: none; }
.langdd__menu a b { font: 400 16px/16px var(--f-sign); color: var(--bv-deep); -webkit-font-smoothing: none; min-width: 22px; }
.langdd__menu a:hover, .langdd__menu a:focus-visible { background: #FFF6CC; outline: none; box-shadow: inset 0 0 0 3px var(--bv-blue); }
.langdd__menu a[aria-current="true"] { background: var(--bv-light); }
.langdd__menu a[aria-current="true"]::after { content: "✓"; margin-left: auto; color: var(--state-green); font-weight: 700; }
.langdd__menu .chk { margin: 0 0 4px 10px; }

.top[data-stuck] .nav .chip--blue { display: none; }
@media (max-width: 700px) {

  .nav .chip--blue { display: none; }
  .nav .cab { display: inline-flex; height: 40px; padding: 0 12px; }
}
@media (max-width: 374px) { .logo__wm { display: none; } }

@media (max-width: 700px) {
  .hero { height: auto; min-height: calc(100svh - var(--toph)); }
  .hero .hero__grid { flex: 1 0 auto; }
  .flyzone { min-height: 250px; }
  .fz-rider { top: max(46%, 172px); }
  .hero .hero__text { justify-items: center; text-align: center; }
  .hero .hero__actions, .hero .hfacts { justify-content: center; }
  .hero .hero__text .lead { margin-left: auto; margin-right: auto; }
}

@media (max-width: 700px) {
  .coverage .wrap { display: flex; flex-direction: column; }
  .coverage .wrap > .loc-more { order: 5; margin-top: 18px; }
  .coverage .wrap > .note { order: 6; }
  #countries { display: none; }
  :root[data-mapv="3"] .map { --km: 1; width: 328px; height: 140px; }
  :root[data-mapv="3"] .map-scroll { overflow-x: hidden; }
  :root[data-mapv="3"] .swipe-hint { display: none; }
}

@media (max-width: 700px) {
  .locdlg { position: fixed; inset: 0; width: auto; height: auto; max-width: none; max-height: none; margin: 0; box-sizing: border-box; overflow: hidden;
    padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); }
  .locdlg[open] { display: flex; align-items: flex-start; }
  .locdlg__box { flex: 0 1 auto; width: 100%; min-width: 0; height: auto; max-height: 100%; box-sizing: border-box; display: flex; flex-direction: column; overflow: hidden; padding: 14px 12px 12px; }
  .locdlg__head { flex: none; margin-bottom: 8px; }
  .locdlg__head .x { flex: none; }
  .locdlg__body { flex: 1 1 auto; min-height: 0; min-width: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; }
  .lgrid { min-width: 0; } .lgr { min-width: 0; }
}

@media (max-width: 980px) { .steps { margin-bottom: 20px !important; } }

@media (max-width: 700px) {
  .devcard--support { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "h h" "p p" "a w"; align-items: center; gap: 10px 12px; padding: 18px 18px 16px; }
  .devcard--support > div:first-child { display: contents !important; }
  .devcard--support .h3 { grid-area: h; } .devcard--support p { grid-area: p; } .devcard--support .actions { grid-area: a; margin-top: 0; }
  .devcard--support .who { grid-area: w; justify-self: end; margin: 0; }
  .devcard--support .who img { width: 58px; height: 64px; }
}

@media (max-width: 700px) {
  :root:not([data-pop="1m"]) .plans .plan--y2 { order: 1; }
  :root:not([data-pop="1m"]) .plans .plan:nth-child(3) { order: 2; }
  :root:not([data-pop="1m"]) .plans .plan:nth-child(2) { order: 3; }
  :root:not([data-pop="1m"]) .plans .plan--m1 { order: 4; }
}

@media (max-width: 700px) { .hero .hero__grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 389px) { .hero .hfacts { flex-wrap: wrap; } }

@media (max-width: 374px) { .lgr--eu .lgr__flags, .lgr--as .lgr__flags { grid-template-columns: minmax(0, 1fr) !important; } }

@media (max-width: 700px) { :root[data-mapv="3"] .map-scroll { padding: 0; display: flex; justify-content: center; } :root[data-mapv="3"] .map { flex: none; } }

@media (max-width: 700px) { .hero .hero__grid { padding-bottom: 16px; } }

.lang__f { width: 21px !important; height: 14px !important; flex: none; box-shadow: 0 0 0 2px var(--wall-0); image-rendering: pixelated; }

.langbtn { appearance: none; border: 0; margin: 3px; height: 40px; padding: 0 10px; display: inline-flex; align-items: center; gap: 8px; background: transparent; cursor: pointer;
  font: 500 14px/1 var(--f-text); color: var(--text-body); }
:root[data-type="A"] .langbtn { font: 400 16px/18px var(--f-sign); -webkit-font-smoothing: none; }
.langbtn:hover, .langdd.open .langbtn { background: rgba(255, 255, 255, 0.6); color: var(--text-ink); box-shadow: inset 0 -3px 0 0 var(--wall-3); }
.langbtn:focus-visible { outline: 3px solid var(--bv-blue); outline-offset: 0; }
.langdd__menu a .lang__f { margin-right: 2px; }

.mlang { display: block; position: relative; box-shadow: 0 3px 0 0 var(--wall-4); }
.mlang__btn { appearance: none; border: 0; background: transparent; width: 100%; display: flex; align-items: center; gap: 10px; padding: 12px 4px; cursor: pointer;
  font: 600 17px/1 var(--f-text); color: var(--text-ink); text-align: left; }
.mlang__btn .langdd__car { margin-left: auto; }
.mlang__btn:focus-visible { outline: 3px solid var(--bv-blue); outline-offset: -3px; }
.mlang__menu { margin: 0 0 10px; padding: 6px; list-style: none; display: grid; gap: 4px; background: var(--plate-hi); box-shadow: 0 0 0 3px var(--wall-0); }
.mlang__menu[hidden] { display: none; }
.mlang__menu li { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.mnav .mlang__menu a { flex: 1 1 auto; display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 10px; box-shadow: none; font: 600 16px/1 var(--f-text); }
.mlang__menu a b { font: 400 16px/16px var(--f-sign); color: var(--bv-deep); -webkit-font-smoothing: none; min-width: 22px; }
.mlang__menu a[aria-current="true"] { background: var(--bv-light); }
.mlang__menu a[aria-current="true"]::after { content: "✓"; margin-left: auto; color: var(--state-green); font-weight: 700; }
.mlang__menu a:focus-visible { outline: none; box-shadow: inset 0 0 0 3px var(--bv-blue); }

.fz-puff { animation-name: lp-puff; }
@keyframes lp-puff { 50% { background: repeating-linear-gradient(90deg, #8EE6B0 0 9px, transparent 9px 15px); } }

.botfab { position: fixed; z-index: 55; width: 52px; height: 40px; padding: 0; display: grid; place-items: center; grid-auto-flow: column; gap: 0;
  right: calc(16px + env(safe-area-inset-right)); bottom: calc(16px + 40px + 10px + env(safe-area-inset-bottom));
  color: var(--wall-0); text-decoration: none; background: none; box-shadow: none; }
.botfab.plate { border-image: url("../img/plate_stone_9slice.png") 3 fill / calc(3px * var(--kp)) / 0 round; }
.botfab[hidden] { display: none; }
.botfab img { width: 21px; height: 17px; margin-top: 1px; }
.botfab__t { display: none; }
.botfab:hover { background: none; } .botfab:focus-visible { outline: 3px solid var(--bv-blue); outline-offset: 4px; }
.botfab.is-off { visibility: hidden; }
:root:has(dialog[open]) .botfab, :root:has(#mnav.open) .botfab { visibility: hidden; }
@media (max-width: 700px) { .botfab { right: calc(10px + env(safe-area-inset-right)); bottom: calc(10px + 40px + 8px + env(safe-area-inset-bottom)); } }

.botfab:not([hidden]) { animation: lp-fabin 240ms steps(3) backwards; }
@keyframes lp-fabin { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .botfab:not([hidden]) { animation: none; } }

:root[data-botfab="2"] .botfab { right: auto; left: calc(16px + env(safe-area-inset-left)); bottom: calc(16px + env(safe-area-inset-bottom)); }
@media (max-width: 700px) { :root[data-botfab="2"] .botfab { left: calc(10px + env(safe-area-inset-left)); bottom: calc(10px + env(safe-area-inset-bottom)); } }

:root[data-botfab="3"] .botfab { right: calc(16px + 52px + 10px + env(safe-area-inset-right)); bottom: calc(16px + env(safe-area-inset-bottom)); }
@media (min-width: 701px) {
  :root[data-botfab="3"] .botfab { width: auto; padding: 0 16px 0 13px; gap: 10px; }
  :root[data-botfab="3"] .botfab__t { display: block; font: 400 24px/32px var(--f-link); -webkit-font-smoothing: none; word-spacing: -0.333em; text-shadow: 2px 2px 0 #FFFFFF; }
  :root[data-botfab="3"] .botfab:hover .botfab__t { text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 5px; }
}
@media (max-width: 700px) { :root[data-botfab="3"] .botfab { right: calc(10px + 52px + 8px + env(safe-area-inset-right)); bottom: calc(10px + env(safe-area-inset-bottom)); } }

:root[data-botfab="2"] .demo { bottom: calc(16px + 40px + 12px + env(safe-area-inset-bottom)); }

.totop, .botfab { filter: drop-shadow(0 2px 0 rgba(10, 42, 94, 0.55)); transition: translate 80ms steps(2), filter 80ms steps(2); }
.totop svg, .botfab img { transition: translate 80ms steps(2); }
@media (hover: hover) and (pointer: fine) {
  .totop:hover, .botfab:hover { translate: 0 -2px; filter: brightness(1.1) drop-shadow(0 4px 0 rgba(10, 42, 94, 0.7)); }
  .totop:hover svg { translate: 0 -2px; }
  .botfab:hover img { translate: 2px -2px; }
}
.totop:focus-visible, .botfab:focus-visible { translate: 0 -2px; filter: brightness(1.1) drop-shadow(0 4px 0 rgba(10, 42, 94, 0.7)); outline: 3px solid var(--bv-blue); outline-offset: 4px; }
.botfab:focus-visible img { translate: 2px -2px; }
.totop:active, .botfab:active, .totop:hover:active, .botfab:hover:active { translate: 0 2px; filter: brightness(0.9) drop-shadow(0 0 0 rgba(10, 42, 94, 0)); }
.totop:active svg, .botfab:active img { translate: 0 0; }
@media (prefers-reduced-motion: reduce) {
  .totop, .botfab, .totop svg, .botfab img { transition: none; }
  .totop:hover, .botfab:hover, .totop:focus-visible, .botfab:focus-visible, .totop:hover svg, .botfab:hover img, .botfab:focus-visible img { translate: none; }
}

@media (max-width: 700px) {
  :root[data-botfab="3"] .botfab { width: auto; padding: 0 12px 0 10px; gap: 8px; }
  :root[data-botfab="3"] .botfab__t { display: block; font: 400 24px/32px var(--f-link); -webkit-font-smoothing: none; word-spacing: -0.333em; text-shadow: 2px 2px 0 #FFFFFF; white-space: nowrap; }

  :root[data-botfab="3"][data-botm="2"] .botfab { left: calc(10px + env(safe-area-inset-left)); right: calc(10px + 52px + 8px + env(safe-area-inset-right)); justify-content: center; }

  :root[data-botfab="3"][data-botm="3"] .botfab { gap: 0; padding: 0 12px 0 15px; transition: padding 240ms steps(4), translate 80ms steps(2), filter 80ms steps(2); }
  :root[data-botfab="3"][data-botm="3"] .botfab__t { overflow: hidden; max-width: 0; transition: max-width 240ms steps(4), margin 240ms steps(4); }
  :root[data-botfab="3"][data-botm="3"] .botfab.is-peek { padding: 0 12px 0 10px; }
  :root[data-botfab="3"][data-botm="3"] .botfab.is-peek .botfab__t { max-width: 220px; margin-left: 8px; }
}
@media (max-width: 700px) and (prefers-reduced-motion: reduce) {
  :root[data-botfab="3"][data-botm="3"] .botfab, :root[data-botfab="3"][data-botm="3"] .botfab__t { transition: none; }
}

.cta.cta--s { font-size: 12px; line-height: 16px; }
:root[data-type="E"] .cta.cta--s { font-size: 16px; line-height: 18px; }
:root[data-type="A"] .cta.cta--s { font-size: 12px; }

@media (max-width: 700px) {
  .trial .cta, .loc-more .cta, .final__actions .cta { width: 100%; flex: 1 1 100%; }
  .final__actions { width: 100%; }

  .final__scene .garg { transform: translateX(calc(-32px * var(--kg) - 50px - 24px)); }
  .final__scene .iskra { transform: translateX(calc(28px - 24px)); }
}

@media (max-width: 700px) {
  :root[data-botfab="3"][data-botm="4"] .botfab { left: env(safe-area-inset-left); right: env(safe-area-inset-right); margin-inline: auto; width: max-content; bottom: calc(10px + env(safe-area-inset-bottom)); }
  :root[data-botfab="3"][data-botm="5"] .botfab { left: calc(10px + env(safe-area-inset-left)); right: auto; bottom: calc(10px + env(safe-area-inset-bottom)); }

  :root[data-botfab="3"][data-botm="4"] .demo, :root[data-botfab="3"][data-botm="5"] .demo { bottom: calc(10px + 40px + 12px + env(safe-area-inset-bottom)); }
}

.logo .logo__v { display: none; width: auto; height: auto; image-rendering: pixelated; flex-shrink: 0; }
.logo .logo__mark, .logo .logo__wm { display: none; }
.logo { gap: 0; min-height: 44px; }

:root[data-logo="97"] .top .l97x3 { display: block; }
@media (max-width: 1039px) and (min-width: 981px) { :root[data-logo="97"] .top .l97x3 { display: none; } :root[data-logo="97"] .top .l97x2 { display: block; } }
@media (max-width: 700px) { :root[data-logo="97"] .top .l97x3 { display: none; } :root[data-logo="97"] .top .l89x2 { display: block; } }
@media (max-width: 384px) { :root[data-logo="97"] .top .l89x2 { display: none; } :root[data-logo="97"] .top .l89tw { display: block; } }

:root[data-logo="93x3"] .top .l93x3 { display: block; }
@media (max-width: 1023px) and (min-width: 981px) { :root[data-logo="93x3"] .top .l93x3 { display: none; } :root[data-logo="93x3"] .top .l93x2 { display: block; } }
@media (max-width: 700px) { :root[data-logo="93x3"] .top .l93x3 { display: none; } :root[data-logo="93x3"] .top .l93x2 { display: block; } }
@media (max-width: 387px) { :root[data-logo="93x3"] .top .l93x2 { display: none; } :root[data-logo="93x3"] .top .l93tw { display: block; } }

:root[data-logo="93x4"] .top .l93x4 { display: block; }
@media (max-width: 1139px) { :root[data-logo="93x4"] .top .l93x4 { display: none; } :root[data-logo="93x4"] .top .l93x3 { display: block; } }
@media (max-width: 1023px) { :root[data-logo="93x4"] .top .l93x3 { display: none; } :root[data-logo="93x4"] .top .l93x2 { display: block; } }
@media (max-width: 980px) { :root[data-logo="93x4"] .top .l93x2 { display: none; } :root[data-logo="93x4"] .top .l93x4 { display: block; } }
@media (max-width: 767px) { :root[data-logo="93x4"] .top .l93x4 { display: none; } :root[data-logo="93x4"] .top .l93x3 { display: block; } }
@media (max-width: 700px) { :root[data-logo="93x4"] .top .l93x3 { display: none; } :root[data-logo="93x4"] .top .l93x2 { display: block; } }
@media (max-width: 387px) { :root[data-logo="93x4"] .top .l93x2 { display: none; } :root[data-logo="93x4"] .top .l93tw { display: block; } }

:root[data-logo="97"] .logo--foot .l97x2 { display: block; }
@media (max-width: 700px) { :root[data-logo="97"] .logo--foot .l97x2 { display: none; } :root[data-logo="97"] .logo--foot .l89x2 { display: block; } }
:root:not([data-logo="97"]) .logo--foot .l93x2 { display: block; }

/* Интеграция (CODE-431): ошибка в окне покупки и окно промокода */
.paydlg .payerr { color: var(--state-off); font-weight: 600; }
.paydlg .payerr[hidden] { display: none; }
.paydlg input[aria-invalid="true"] { outline: 3px solid var(--state-off); outline-offset: 5px; }
.paydlg .cta[disabled] { cursor: progress; filter: saturate(0.7); }
.promodlg .plate { padding-top: 56px; }

/* Сцена «Pac-Man» (wls--17a): анимации внутренних групп SVG, вынесены из инлайн-<style> разметки */
@media (prefers-reduced-motion: no-preference){.mz-bob{animation:mzbob .5s steps(1) infinite}@keyframes mzbob{50%{transform:translateY(1px)}}.ch-fuse{animation:chfuse .25s steps(1) infinite}@keyframes chfuse{50%{opacity:0}}@keyframes chd17a-0{0%,3.8%{opacity:1}4.1%,97%{opacity:0}98%,100%{opacity:1}}.chd17a-0{animation:chd17a-0 8.0s steps(1) infinite}@keyframes chd17a-1{0%,6.1%{opacity:1}6.4%,97%{opacity:0}98%,100%{opacity:1}}.chd17a-1{animation:chd17a-1 8.0s steps(1) infinite}@keyframes chd17a-2{0%,8.6%{opacity:1}8.9%,97%{opacity:0}98%,100%{opacity:1}}.chd17a-2{animation:chd17a-2 8.0s steps(1) infinite}@keyframes chd17a-3{0%,11.1%{opacity:1}11.4%,97%{opacity:0}98%,100%{opacity:1}}.chd17a-3{animation:chd17a-3 8.0s steps(1) infinite}@keyframes chd17a-4{0%,27.3%{opacity:1}27.6%,97%{opacity:0}98%,100%{opacity:1}}.chd17a-4{animation:chd17a-4 8.0s steps(1) infinite}@keyframes chd17a-5{0%,29.8%{opacity:1}30.1%,97%{opacity:0}98%,100%{opacity:1}}.chd17a-5{animation:chd17a-5 8.0s steps(1) infinite}@keyframes chd17a-6{0%,32.3%{opacity:1}32.6%,97%{opacity:0}98%,100%{opacity:1}}.chd17a-6{animation:chd17a-6 8.0s steps(1) infinite}@keyframes chd17a-7{0%,34.8%{opacity:1}35.1%,97%{opacity:0}98%,100%{opacity:1}}.chd17a-7{animation:chd17a-7 8.0s steps(1) infinite}@keyframes chd17a-8{0%,37.3%{opacity:1}37.6%,97%{opacity:0}98%,100%{opacity:1}}.chd17a-8{animation:chd17a-8 8.0s steps(1) infinite}@keyframes chd17a-9{0%,39.8%{opacity:1}40.1%,97%{opacity:0}98%,100%{opacity:1}}.chd17a-9{animation:chd17a-9 8.0s steps(1) infinite}@keyframes chd17a-10{0%,42.3%{opacity:1}42.6%,97%{opacity:0}98%,100%{opacity:1}}.chd17a-10{animation:chd17a-10 8.0s steps(1) infinite}@keyframes chd17a-11{0%,44.8%{opacity:1}45.1%,97%{opacity:0}98%,100%{opacity:1}}.chd17a-11{animation:chd17a-11 8.0s steps(1) infinite}@keyframes chd17a-13{0%,54.0%{opacity:1}54.3%,97%{opacity:0}98%,100%{opacity:1}}.chd17a-13{animation:chd17a-13 8.0s steps(1) infinite}@keyframes chd17a-14{0%,55.8%{opacity:1}56.1%,97%{opacity:0}98%,100%{opacity:1}}.chd17a-14{animation:chd17a-14 8.0s steps(1) infinite}@keyframes chp17ak{0%{opacity:1}48.12%{opacity:0}98.00%{opacity:1}100%{opacity:1}}.chp17a{animation:chp17ak 8.0s steps(1,end) infinite}@keyframes chon17a{0%{opacity:0}62.40%{opacity:1}97.50%{opacity:0}100%{opacity:0}}.wls--17a .mz-glow,.wls--17a .mz-scr,.wls--17a .mz-tag{opacity:0;animation:chon17a 8.0s steps(1,end) infinite}@keyframes chk17a-0{0.00%{transform:translate(2px,4px);opacity:0}0.50%{transform:translate(2px,4px);opacity:0}1.00%{transform:translate(2px,4px);opacity:0}1.50%{transform:translate(2px,4px);opacity:0}2.00%{transform:translate(2px,4px);opacity:0}2.50%{transform:translate(2px,4px);opacity:0}3.00%{transform:translate(2px,4px);opacity:0}3.50%{transform:translate(2px,4px);opacity:0}4.00%{transform:translate(3px,4px);opacity:1}4.50%{transform:translate(6px,4px);opacity:1}5.00%{transform:translate(8px,4px);opacity:1}5.50%{transform:translate(10px,4px);opacity:1}6.00%{transform:translate(13px,4px);opacity:1}6.50%{transform:translate(15px,4px);opacity:1}7.00%{transform:translate(18px,4px);opacity:1}7.50%{transform:translate(20px,4px);opacity:1}8.00%{transform:translate(22px,4px);opacity:1}8.50%{transform:translate(25px,4px);opacity:1}9.00%{transform:translate(27px,4px);opacity:1}9.50%{transform:translate(30px,4px);opacity:1}10.00%{transform:translate(32px,4px);opacity:1}10.50%{transform:translate(34px,4px);opacity:1}11.00%{transform:translate(37px,4px);opacity:1}11.50%{transform:translate(39px,4px);opacity:1}12.00%{transform:translate(42px,4px);opacity:1}12.50%{transform:translate(44px,4px);opacity:1}13.00%{transform:translate(46px,4px);opacity:1}13.50%{transform:translate(49px,4px);opacity:0}14.00%{transform:translate(50px,4px);opacity:0}14.50%{transform:translate(50px,4px);opacity:0}15.00%{transform:translate(50px,4px);opacity:0}15.50%{transform:translate(50px,4px);opacity:0}16.00%{transform:translate(50px,4px);opacity:0}16.50%{transform:translate(50px,4px);opacity:0}17.00%{transform:translate(50px,4px);opacity:0}17.50%{transform:translate(50px,4px);opacity:0}18.00%{transform:translate(50px,4px);opacity:0}18.50%{transform:translate(50px,4px);opacity:0}19.00%{transform:translate(50px,4px);opacity:0}19.50%{transform:translate(50px,4px);opacity:0}20.00%{transform:translate(50px,4px);opacity:0}20.50%{transform:translate(50px,4px);opacity:0}21.00%{transform:translate(50px,4px);opacity:0}21.50%{transform:translate(49px,4px);opacity:0}22.00%{transform:translate(48px,4px);opacity:1}22.50%{transform:translate(46px,4px);opacity:1}23.00%{transform:translate(44px,4px);opacity:1}23.50%{transform:translate(43px,4px);opacity:1}24.00%{transform:translate(41px,4px);opacity:1}24.50%{transform:translate(40px,4px);opacity:1}25.00%{transform:translate(38px,4px);opacity:1}25.50%{transform:translate(38px,6px);opacity:1}26.00%{transform:translate(38px,9px);opacity:1}26.50%{transform:translate(38px,11px);opacity:1}27.00%{transform:translate(38px,14px);opacity:1}27.50%{transform:translate(38px,16px);opacity:1}28.00%{transform:translate(38px,18px);opacity:1}28.50%{transform:translate(38px,21px);opacity:1}29.00%{transform:translate(38px,23px);opacity:1}29.50%{transform:translate(38px,26px);opacity:1}30.00%{transform:translate(38px,28px);opacity:1}30.50%{transform:translate(40px,28px);opacity:1}31.00%{transform:translate(43px,28px);opacity:1}31.50%{transform:translate(45px,28px);opacity:1}32.00%{transform:translate(48px,28px);opacity:1}32.50%{transform:translate(50px,28px);opacity:1}33.00%{transform:translate(52px,28px);opacity:1}33.50%{transform:translate(55px,28px);opacity:1}34.00%{transform:translate(57px,28px);opacity:1}34.50%{transform:translate(60px,28px);opacity:1}35.00%{transform:translate(62px,28px);opacity:1}35.50%{transform:translate(64px,28px);opacity:1}36.00%{transform:translate(67px,28px);opacity:1}36.50%{transform:translate(69px,28px);opacity:1}37.00%{transform:translate(72px,28px);opacity:1}37.50%{transform:translate(74px,28px);opacity:1}38.00%{transform:translate(76px,28px);opacity:1}38.50%{transform:translate(79px,28px);opacity:1}39.00%{transform:translate(81px,28px);opacity:1}39.50%{transform:translate(84px,28px);opacity:1}40.00%{transform:translate(86px,28px);opacity:1}40.50%{transform:translate(88px,28px);opacity:1}41.00%{transform:translate(91px,28px);opacity:1}41.50%{transform:translate(93px,28px);opacity:1}42.00%{transform:translate(96px,28px);opacity:1}42.50%{transform:translate(98px,28px);opacity:1}43.00%{transform:translate(100px,28px);opacity:1}43.50%{transform:translate(103px,28px);opacity:1}44.00%{transform:translate(105px,28px);opacity:1}44.50%{transform:translate(108px,28px);opacity:1}45.00%{transform:translate(110px,28px);opacity:1}45.50%{transform:translate(110px,30px);opacity:1}46.00%{transform:translate(110px,32px);opacity:1}46.50%{transform:translate(110px,34px);opacity:1}47.00%{transform:translate(110px,36px);opacity:1}47.50%{transform:translate(110px,38px);opacity:1}48.00%{transform:translate(110px,38px);opacity:1}48.50%{transform:translate(110px,38px);opacity:1}49.00%{transform:translate(110px,38px);opacity:1}49.50%{transform:translate(110px,38px);opacity:1}50.00%{transform:translate(110px,38px);opacity:1}50.50%{transform:translate(110px,38px);opacity:1}51.00%{transform:translate(110px,38px);opacity:1}51.50%{transform:translate(110px,38px);opacity:1}52.00%{transform:translate(110px,39px);opacity:1}52.50%{transform:translate(110px,42px);opacity:1}53.00%{transform:translate(110px,45px);opacity:1}53.50%{transform:translate(110px,48px);opacity:1}54.00%{transform:translate(110px,52px);opacity:1}54.50%{transform:translate(113px,52px);opacity:1}55.00%{transform:translate(116px,52px);opacity:1}55.50%{transform:translate(119px,52px);opacity:1}56.00%{transform:translate(122px,52px);opacity:1}56.50%{transform:translate(126px,52px);opacity:1}57.00%{transform:translate(129px,52px);opacity:1}57.50%{transform:translate(132px,52px);opacity:1}58.00%{transform:translate(134px,52px);opacity:0}58.50%{transform:translate(134px,52px);opacity:0}59.00%{transform:translate(134px,52px);opacity:0}59.50%{transform:translate(134px,52px);opacity:0}60.00%{transform:translate(134px,52px);opacity:0}60.50%{transform:translate(134px,52px);opacity:0}61.00%{transform:translate(134px,52px);opacity:0}61.50%{transform:translate(134px,52px);opacity:0}62.00%{transform:translate(134px,52px);opacity:0}62.50%{transform:translate(134px,52px);opacity:0}63.00%{transform:translate(134px,52px);opacity:0}63.50%{transform:translate(134px,52px);opacity:0}64.00%{transform:translate(134px,52px);opacity:0}64.50%{transform:translate(134px,52px);opacity:0}65.00%{transform:translate(134px,52px);opacity:0}65.50%{transform:translate(134px,52px);opacity:0}66.00%{transform:translate(134px,52px);opacity:0}66.50%{transform:translate(134px,52px);opacity:0}67.00%{transform:translate(134px,52px);opacity:0}67.50%{transform:translate(134px,52px);opacity:0}68.00%{transform:translate(134px,52px);opacity:0}68.50%{transform:translate(134px,52px);opacity:0}69.00%{transform:translate(134px,52px);opacity:0}69.50%{transform:translate(134px,52px);opacity:0}70.00%{transform:translate(134px,52px);opacity:0}70.50%{transform:translate(134px,52px);opacity:0}71.00%{transform:translate(134px,52px);opacity:0}71.50%{transform:translate(134px,52px);opacity:0}72.00%{transform:translate(134px,52px);opacity:0}72.50%{transform:translate(134px,52px);opacity:0}73.00%{transform:translate(134px,52px);opacity:0}73.50%{transform:translate(134px,52px);opacity:0}74.00%{transform:translate(134px,52px);opacity:0}74.50%{transform:translate(134px,52px);opacity:0}75.00%{transform:translate(134px,52px);opacity:0}75.50%{transform:translate(134px,52px);opacity:0}76.00%{transform:translate(134px,52px);opacity:0}76.50%{transform:translate(134px,52px);opacity:0}77.00%{transform:translate(134px,52px);opacity:0}77.50%{transform:translate(134px,52px);opacity:0}78.00%{transform:translate(134px,52px);opacity:0}78.50%{transform:translate(134px,52px);opacity:0}79.00%{transform:translate(134px,52px);opacity:0}79.50%{transform:translate(134px,52px);opacity:0}80.00%{transform:translate(134px,52px);opacity:0}80.50%{transform:translate(134px,52px);opacity:0}81.00%{transform:translate(134px,52px);opacity:0}81.50%{transform:translate(134px,52px);opacity:0}82.00%{transform:translate(134px,52px);opacity:0}82.50%{transform:translate(134px,52px);opacity:0}83.00%{transform:translate(134px,52px);opacity:0}83.50%{transform:translate(134px,52px);opacity:0}84.00%{transform:translate(134px,52px);opacity:0}84.50%{transform:translate(134px,52px);opacity:0}85.00%{transform:translate(134px,52px);opacity:0}85.50%{transform:translate(134px,52px);opacity:0}86.00%{transform:translate(134px,52px);opacity:0}86.50%{transform:translate(134px,52px);opacity:0}87.00%{transform:translate(134px,52px);opacity:0}87.50%{transform:translate(134px,52px);opacity:0}88.00%{transform:translate(134px,52px);opacity:0}88.50%{transform:translate(134px,52px);opacity:0}89.00%{transform:translate(134px,52px);opacity:0}89.50%{transform:translate(134px,52px);opacity:0}90.00%{transform:translate(134px,52px);opacity:0}90.50%{transform:translate(134px,52px);opacity:0}91.00%{transform:translate(134px,52px);opacity:0}91.50%{transform:translate(134px,52px);opacity:0}92.00%{transform:translate(134px,52px);opacity:0}92.50%{transform:translate(134px,52px);opacity:0}93.00%{transform:translate(134px,52px);opacity:0}93.50%{transform:translate(134px,52px);opacity:0}94.00%{transform:translate(134px,52px);opacity:0}94.50%{transform:translate(134px,52px);opacity:0}95.00%{transform:translate(134px,52px);opacity:0}95.50%{transform:translate(134px,52px);opacity:0}96.00%{transform:translate(134px,52px);opacity:0}96.50%{transform:translate(134px,52px);opacity:0}97.00%{transform:translate(134px,52px);opacity:0}97.50%{transform:translate(134px,52px);opacity:0}98.00%{transform:translate(134px,52px);opacity:0}98.50%{transform:translate(134px,52px);opacity:0}99.00%{transform:translate(134px,52px);opacity:0}99.50%{transform:translate(134px,52px);opacity:0}100.00%{transform:translate(134px,52px);opacity:0}}.chk17a-0{animation:chk17a-0 8.0s linear infinite}@keyframes chk17a-1{0.00%{transform:translate(2px,4px);opacity:0}0.50%{transform:translate(2px,4px);opacity:0}1.00%{transform:translate(2px,4px);opacity:0}1.50%{transform:translate(2px,4px);opacity:0}2.00%{transform:translate(2px,4px);opacity:0}2.50%{transform:translate(2px,4px);opacity:0}3.00%{transform:translate(2px,4px);opacity:0}3.50%{transform:translate(2px,4px);opacity:0}4.00%{transform:translate(2px,4px);opacity:1}4.50%{transform:translate(2px,4px);opacity:1}5.00%{transform:translate(2px,4px);opacity:1}5.50%{transform:translate(2px,4px);opacity:1}6.00%{transform:translate(2px,4px);opacity:1}6.50%{transform:translate(2px,4px);opacity:1}7.00%{transform:translate(4px,4px);opacity:1}7.50%{transform:translate(6px,4px);opacity:1}8.00%{transform:translate(8px,4px);opacity:1}8.50%{transform:translate(11px,4px);opacity:1}9.00%{transform:translate(13px,4px);opacity:1}9.50%{transform:translate(16px,4px);opacity:1}10.00%{transform:translate(18px,4px);opacity:1}10.50%{transform:translate(20px,4px);opacity:1}11.00%{transform:translate(23px,4px);opacity:1}11.50%{transform:translate(25px,4px);opacity:1}12.00%{transform:translate(28px,4px);opacity:1}12.50%{transform:translate(30px,4px);opacity:1}13.00%{transform:translate(32px,4px);opacity:1}13.50%{transform:translate(35px,4px);opacity:1}14.00%{transform:translate(36px,4px);opacity:1}14.50%{transform:translate(36px,4px);opacity:1}15.00%{transform:translate(36px,4px);opacity:1}15.50%{transform:translate(36px,4px);opacity:1}16.00%{transform:translate(36px,4px);opacity:1}16.50%{transform:translate(36px,4px);opacity:1}17.00%{transform:translate(36px,4px);opacity:1}17.50%{transform:translate(36px,4px);opacity:1}18.00%{transform:translate(36px,4px);opacity:1}18.50%{transform:translate(36px,4px);opacity:1}19.00%{transform:translate(36px,4px);opacity:1}19.50%{transform:translate(36px,4px);opacity:1}20.00%{transform:translate(36px,4px);opacity:1}20.50%{transform:translate(36px,4px);opacity:1}21.00%{transform:translate(36px,4px);opacity:1}21.50%{transform:translate(35px,4px);opacity:1}22.00%{transform:translate(34px,4px);opacity:1}22.50%{transform:translate(32px,4px);opacity:1}23.00%{transform:translate(30px,4px);opacity:1}23.50%{transform:translate(29px,4px);opacity:1}24.00%{transform:translate(27px,4px);opacity:1}24.50%{transform:translate(26px,4px);opacity:1}25.00%{transform:translate(24px,4px);opacity:1}25.50%{transform:translate(26px,4px);opacity:1}26.00%{transform:translate(29px,4px);opacity:1}26.50%{transform:translate(31px,4px);opacity:1}27.00%{transform:translate(34px,4px);opacity:1}27.50%{transform:translate(36px,4px);opacity:1}28.00%{transform:translate(38px,4px);opacity:1}28.50%{transform:translate(38px,7px);opacity:1}29.00%{transform:translate(38px,9px);opacity:1}29.50%{transform:translate(38px,12px);opacity:1}30.00%{transform:translate(38px,14px);opacity:1}30.50%{transform:translate(38px,16px);opacity:1}31.00%{transform:translate(38px,19px);opacity:1}31.50%{transform:translate(38px,21px);opacity:1}32.00%{transform:translate(38px,24px);opacity:1}32.50%{transform:translate(38px,26px);opacity:1}33.00%{transform:translate(38px,28px);opacity:1}33.50%{transform:translate(41px,28px);opacity:1}34.00%{transform:translate(43px,28px);opacity:1}34.50%{transform:translate(46px,28px);opacity:1}35.00%{transform:translate(48px,28px);opacity:1}35.50%{transform:translate(50px,28px);opacity:1}36.00%{transform:translate(53px,28px);opacity:1}36.50%{transform:translate(55px,28px);opacity:1}37.00%{transform:translate(58px,28px);opacity:1}37.50%{transform:translate(60px,28px);opacity:1}38.00%{transform:translate(62px,28px);opacity:1}38.50%{transform:translate(65px,28px);opacity:1}39.00%{transform:translate(67px,28px);opacity:1}39.50%{transform:translate(70px,28px);opacity:1}40.00%{transform:translate(72px,28px);opacity:1}40.50%{transform:translate(74px,28px);opacity:1}41.00%{transform:translate(77px,28px);opacity:1}41.50%{transform:translate(79px,28px);opacity:1}42.00%{transform:translate(82px,28px);opacity:1}42.50%{transform:translate(84px,28px);opacity:1}43.00%{transform:translate(86px,28px);opacity:1}43.50%{transform:translate(89px,28px);opacity:1}44.00%{transform:translate(91px,28px);opacity:1}44.50%{transform:translate(94px,28px);opacity:1}45.00%{transform:translate(96px,28px);opacity:1}45.50%{transform:translate(98px,28px);opacity:1}46.00%{transform:translate(100px,28px);opacity:1}46.50%{transform:translate(102px,28px);opacity:1}47.00%{transform:translate(104px,28px);opacity:1}47.50%{transform:translate(106px,28px);opacity:1}48.00%{transform:translate(106px,28px);opacity:1}48.50%{transform:translate(106px,28px);opacity:1}49.00%{transform:translate(106px,28px);opacity:1}49.50%{transform:translate(106px,28px);opacity:1}50.00%{transform:translate(106px,28px);opacity:1}50.50%{transform:translate(106px,28px);opacity:1}51.00%{transform:translate(106px,28px);opacity:1}51.50%{transform:translate(106px,28px);opacity:1}52.00%{transform:translate(107px,28px);opacity:1}52.50%{transform:translate(110px,28px);opacity:1}53.00%{transform:translate(110px,31px);opacity:1}53.50%{transform:translate(110px,34px);opacity:1}54.00%{transform:translate(110px,38px);opacity:1}54.50%{transform:translate(110px,41px);opacity:1}55.00%{transform:translate(110px,44px);opacity:1}55.50%{transform:translate(110px,47px);opacity:1}56.00%{transform:translate(110px,50px);opacity:1}56.50%{transform:translate(112px,52px);opacity:1}57.00%{transform:translate(115px,52px);opacity:1}57.50%{transform:translate(118px,52px);opacity:1}58.00%{transform:translate(121px,52px);opacity:1}58.50%{transform:translate(124px,52px);opacity:1}59.00%{transform:translate(128px,52px);opacity:1}59.50%{transform:translate(131px,52px);opacity:1}60.00%{transform:translate(134px,52px);opacity:0}60.50%{transform:translate(134px,52px);opacity:0}61.00%{transform:translate(134px,52px);opacity:0}61.50%{transform:translate(134px,52px);opacity:0}62.00%{transform:translate(134px,52px);opacity:0}62.50%{transform:translate(134px,52px);opacity:0}63.00%{transform:translate(134px,52px);opacity:0}63.50%{transform:translate(134px,52px);opacity:0}64.00%{transform:translate(134px,52px);opacity:0}64.50%{transform:translate(134px,52px);opacity:0}65.00%{transform:translate(134px,52px);opacity:0}65.50%{transform:translate(134px,52px);opacity:0}66.00%{transform:translate(134px,52px);opacity:0}66.50%{transform:translate(134px,52px);opacity:0}67.00%{transform:translate(134px,52px);opacity:0}67.50%{transform:translate(134px,52px);opacity:0}68.00%{transform:translate(134px,52px);opacity:0}68.50%{transform:translate(134px,52px);opacity:0}69.00%{transform:translate(134px,52px);opacity:0}69.50%{transform:translate(134px,52px);opacity:0}70.00%{transform:translate(134px,52px);opacity:0}70.50%{transform:translate(134px,52px);opacity:0}71.00%{transform:translate(134px,52px);opacity:0}71.50%{transform:translate(134px,52px);opacity:0}72.00%{transform:translate(134px,52px);opacity:0}72.50%{transform:translate(134px,52px);opacity:0}73.00%{transform:translate(134px,52px);opacity:0}73.50%{transform:translate(134px,52px);opacity:0}74.00%{transform:translate(134px,52px);opacity:0}74.50%{transform:translate(134px,52px);opacity:0}75.00%{transform:translate(134px,52px);opacity:0}75.50%{transform:translate(134px,52px);opacity:0}76.00%{transform:translate(134px,52px);opacity:0}76.50%{transform:translate(134px,52px);opacity:0}77.00%{transform:translate(134px,52px);opacity:0}77.50%{transform:translate(134px,52px);opacity:0}78.00%{transform:translate(134px,52px);opacity:0}78.50%{transform:translate(134px,52px);opacity:0}79.00%{transform:translate(134px,52px);opacity:0}79.50%{transform:translate(134px,52px);opacity:0}80.00%{transform:translate(134px,52px);opacity:0}80.50%{transform:translate(134px,52px);opacity:0}81.00%{transform:translate(134px,52px);opacity:0}81.50%{transform:translate(134px,52px);opacity:0}82.00%{transform:translate(134px,52px);opacity:0}82.50%{transform:translate(134px,52px);opacity:0}83.00%{transform:translate(134px,52px);opacity:0}83.50%{transform:translate(134px,52px);opacity:0}84.00%{transform:translate(134px,52px);opacity:0}84.50%{transform:translate(134px,52px);opacity:0}85.00%{transform:translate(134px,52px);opacity:0}85.50%{transform:translate(134px,52px);opacity:0}86.00%{transform:translate(134px,52px);opacity:0}86.50%{transform:translate(134px,52px);opacity:0}87.00%{transform:translate(134px,52px);opacity:0}87.50%{transform:translate(134px,52px);opacity:0}88.00%{transform:translate(134px,52px);opacity:0}88.50%{transform:translate(134px,52px);opacity:0}89.00%{transform:translate(134px,52px);opacity:0}89.50%{transform:translate(134px,52px);opacity:0}90.00%{transform:translate(134px,52px);opacity:0}90.50%{transform:translate(134px,52px);opacity:0}91.00%{transform:translate(134px,52px);opacity:0}91.50%{transform:translate(134px,52px);opacity:0}92.00%{transform:translate(134px,52px);opacity:0}92.50%{transform:translate(134px,52px);opacity:0}93.00%{transform:translate(134px,52px);opacity:0}93.50%{transform:translate(134px,52px);opacity:0}94.00%{transform:translate(134px,52px);opacity:0}94.50%{transform:translate(134px,52px);opacity:0}95.00%{transform:translate(134px,52px);opacity:0}95.50%{transform:translate(134px,52px);opacity:0}96.00%{transform:translate(134px,52px);opacity:0}96.50%{transform:translate(134px,52px);opacity:0}97.00%{transform:translate(134px,52px);opacity:0}97.50%{transform:translate(134px,52px);opacity:0}98.00%{transform:translate(134px,52px);opacity:0}98.50%{transform:translate(134px,52px);opacity:0}99.00%{transform:translate(134px,52px);opacity:0}99.50%{transform:translate(134px,52px);opacity:0}100.00%{transform:translate(134px,52px);opacity:0}}.chk17a-1{animation:chk17a-1 8.0s linear infinite}@keyframes chk17a-2{0.00%{transform:translate(2px,4px);opacity:0}0.50%{transform:translate(2px,4px);opacity:0}1.00%{transform:translate(2px,4px);opacity:0}1.50%{transform:translate(2px,4px);opacity:0}2.00%{transform:translate(2px,4px);opacity:0}2.50%{transform:translate(2px,4px);opacity:0}3.00%{transform:translate(2px,4px);opacity:0}3.50%{transform:translate(2px,4px);opacity:0}4.00%{transform:translate(2px,4px);opacity:1}4.50%{transform:translate(2px,4px);opacity:1}5.00%{transform:translate(2px,4px);opacity:1}5.50%{transform:translate(2px,4px);opacity:1}6.00%{transform:translate(2px,4px);opacity:1}6.50%{transform:translate(2px,4px);opacity:1}7.00%{transform:translate(2px,4px);opacity:1}7.50%{transform:translate(2px,4px);opacity:1}8.00%{transform:translate(2px,4px);opacity:1}8.50%{transform:translate(2px,4px);opacity:1}9.00%{transform:translate(2px,4px);opacity:1}9.50%{transform:translate(2px,4px);opacity:1}10.00%{transform:translate(4px,4px);opacity:1}10.50%{transform:translate(6px,4px);opacity:1}11.00%{transform:translate(9px,4px);opacity:1}11.50%{transform:translate(11px,4px);opacity:1}12.00%{transform:translate(14px,4px);opacity:1}12.50%{transform:translate(16px,4px);opacity:1}13.00%{transform:translate(18px,4px);opacity:1}13.50%{transform:translate(21px,4px);opacity:1}14.00%{transform:translate(22px,4px);opacity:1}14.50%{transform:translate(22px,4px);opacity:1}15.00%{transform:translate(22px,4px);opacity:1}15.50%{transform:translate(22px,4px);opacity:1}16.00%{transform:translate(22px,4px);opacity:1}16.50%{transform:translate(22px,4px);opacity:1}17.00%{transform:translate(22px,4px);opacity:1}17.50%{transform:translate(22px,4px);opacity:1}18.00%{transform:translate(22px,4px);opacity:1}18.50%{transform:translate(22px,4px);opacity:1}19.00%{transform:translate(22px,4px);opacity:1}19.50%{transform:translate(22px,4px);opacity:1}20.00%{transform:translate(22px,4px);opacity:1}20.50%{transform:translate(22px,4px);opacity:1}21.00%{transform:translate(22px,4px);opacity:1}21.50%{transform:translate(21px,4px);opacity:1}22.00%{transform:translate(20px,4px);opacity:1}22.50%{transform:translate(18px,4px);opacity:1}23.00%{transform:translate(16px,4px);opacity:1}23.50%{transform:translate(15px,4px);opacity:1}24.00%{transform:translate(13px,4px);opacity:1}24.50%{transform:translate(12px,4px);opacity:1}25.00%{transform:translate(10px,4px);opacity:1}25.50%{transform:translate(12px,4px);opacity:1}26.00%{transform:translate(15px,4px);opacity:1}26.50%{transform:translate(17px,4px);opacity:1}27.00%{transform:translate(20px,4px);opacity:1}27.50%{transform:translate(22px,4px);opacity:1}28.00%{transform:translate(24px,4px);opacity:1}28.50%{transform:translate(27px,4px);opacity:1}29.00%{transform:translate(29px,4px);opacity:1}29.50%{transform:translate(32px,4px);opacity:1}30.00%{transform:translate(34px,4px);opacity:1}30.50%{transform:translate(36px,4px);opacity:1}31.00%{transform:translate(38px,5px);opacity:1}31.50%{transform:translate(38px,7px);opacity:1}32.00%{transform:translate(38px,10px);opacity:1}32.50%{transform:translate(38px,12px);opacity:1}33.00%{transform:translate(38px,14px);opacity:1}33.50%{transform:translate(38px,17px);opacity:1}34.00%{transform:translate(38px,19px);opacity:1}34.50%{transform:translate(38px,22px);opacity:1}35.00%{transform:translate(38px,24px);opacity:1}35.50%{transform:translate(38px,26px);opacity:1}36.00%{transform:translate(39px,28px);opacity:1}36.50%{transform:translate(41px,28px);opacity:1}37.00%{transform:translate(44px,28px);opacity:1}37.50%{transform:translate(46px,28px);opacity:1}38.00%{transform:translate(48px,28px);opacity:1}38.50%{transform:translate(51px,28px);opacity:1}39.00%{transform:translate(53px,28px);opacity:1}39.50%{transform:translate(56px,28px);opacity:1}40.00%{transform:translate(58px,28px);opacity:1}40.50%{transform:translate(60px,28px);opacity:1}41.00%{transform:translate(63px,28px);opacity:1}41.50%{transform:translate(65px,28px);opacity:1}42.00%{transform:translate(68px,28px);opacity:1}42.50%{transform:translate(70px,28px);opacity:1}43.00%{transform:translate(72px,28px);opacity:1}43.50%{transform:translate(75px,28px);opacity:1}44.00%{transform:translate(77px,28px);opacity:1}44.50%{transform:translate(80px,28px);opacity:1}45.00%{transform:translate(82px,28px);opacity:1}45.50%{transform:translate(84px,28px);opacity:1}46.00%{transform:translate(86px,28px);opacity:1}46.50%{transform:translate(88px,28px);opacity:1}47.00%{transform:translate(90px,28px);opacity:1}47.50%{transform:translate(92px,28px);opacity:1}48.00%{transform:translate(92px,28px);opacity:1}48.50%{transform:translate(92px,28px);opacity:1}49.00%{transform:translate(92px,28px);opacity:1}49.50%{transform:translate(92px,28px);opacity:1}50.00%{transform:translate(92px,28px);opacity:1}50.50%{transform:translate(92px,28px);opacity:1}51.00%{transform:translate(92px,28px);opacity:1}51.50%{transform:translate(92px,28px);opacity:1}52.00%{transform:translate(93px,28px);opacity:1}52.50%{transform:translate(96px,28px);opacity:1}53.00%{transform:translate(99px,28px);opacity:1}53.50%{transform:translate(102px,28px);opacity:1}54.00%{transform:translate(106px,28px);opacity:1}54.50%{transform:translate(109px,28px);opacity:1}55.00%{transform:translate(110px,30px);opacity:1}55.50%{transform:translate(110px,33px);opacity:1}56.00%{transform:translate(110px,36px);opacity:1}56.50%{transform:translate(110px,40px);opacity:1}57.00%{transform:translate(110px,43px);opacity:1}57.50%{transform:translate(110px,46px);opacity:1}58.00%{transform:translate(110px,49px);opacity:1}58.50%{transform:translate(110px,52px);opacity:1}59.00%{transform:translate(114px,52px);opacity:1}59.50%{transform:translate(117px,52px);opacity:1}60.00%{transform:translate(120px,52px);opacity:1}60.50%{transform:translate(123px,52px);opacity:1}61.00%{transform:translate(126px,52px);opacity:1}61.50%{transform:translate(130px,52px);opacity:1}62.00%{transform:translate(133px,52px);opacity:0}62.50%{transform:translate(134px,52px);opacity:0}63.00%{transform:translate(134px,52px);opacity:0}63.50%{transform:translate(134px,52px);opacity:0}64.00%{transform:translate(134px,52px);opacity:0}64.50%{transform:translate(134px,52px);opacity:0}65.00%{transform:translate(134px,52px);opacity:0}65.50%{transform:translate(134px,52px);opacity:0}66.00%{transform:translate(134px,52px);opacity:0}66.50%{transform:translate(134px,52px);opacity:0}67.00%{transform:translate(134px,52px);opacity:0}67.50%{transform:translate(134px,52px);opacity:0}68.00%{transform:translate(134px,52px);opacity:0}68.50%{transform:translate(134px,52px);opacity:0}69.00%{transform:translate(134px,52px);opacity:0}69.50%{transform:translate(134px,52px);opacity:0}70.00%{transform:translate(134px,52px);opacity:0}70.50%{transform:translate(134px,52px);opacity:0}71.00%{transform:translate(134px,52px);opacity:0}71.50%{transform:translate(134px,52px);opacity:0}72.00%{transform:translate(134px,52px);opacity:0}72.50%{transform:translate(134px,52px);opacity:0}73.00%{transform:translate(134px,52px);opacity:0}73.50%{transform:translate(134px,52px);opacity:0}74.00%{transform:translate(134px,52px);opacity:0}74.50%{transform:translate(134px,52px);opacity:0}75.00%{transform:translate(134px,52px);opacity:0}75.50%{transform:translate(134px,52px);opacity:0}76.00%{transform:translate(134px,52px);opacity:0}76.50%{transform:translate(134px,52px);opacity:0}77.00%{transform:translate(134px,52px);opacity:0}77.50%{transform:translate(134px,52px);opacity:0}78.00%{transform:translate(134px,52px);opacity:0}78.50%{transform:translate(134px,52px);opacity:0}79.00%{transform:translate(134px,52px);opacity:0}79.50%{transform:translate(134px,52px);opacity:0}80.00%{transform:translate(134px,52px);opacity:0}80.50%{transform:translate(134px,52px);opacity:0}81.00%{transform:translate(134px,52px);opacity:0}81.50%{transform:translate(134px,52px);opacity:0}82.00%{transform:translate(134px,52px);opacity:0}82.50%{transform:translate(134px,52px);opacity:0}83.00%{transform:translate(134px,52px);opacity:0}83.50%{transform:translate(134px,52px);opacity:0}84.00%{transform:translate(134px,52px);opacity:0}84.50%{transform:translate(134px,52px);opacity:0}85.00%{transform:translate(134px,52px);opacity:0}85.50%{transform:translate(134px,52px);opacity:0}86.00%{transform:translate(134px,52px);opacity:0}86.50%{transform:translate(134px,52px);opacity:0}87.00%{transform:translate(134px,52px);opacity:0}87.50%{transform:translate(134px,52px);opacity:0}88.00%{transform:translate(134px,52px);opacity:0}88.50%{transform:translate(134px,52px);opacity:0}89.00%{transform:translate(134px,52px);opacity:0}89.50%{transform:translate(134px,52px);opacity:0}90.00%{transform:translate(134px,52px);opacity:0}90.50%{transform:translate(134px,52px);opacity:0}91.00%{transform:translate(134px,52px);opacity:0}91.50%{transform:translate(134px,52px);opacity:0}92.00%{transform:translate(134px,52px);opacity:0}92.50%{transform:translate(134px,52px);opacity:0}93.00%{transform:translate(134px,52px);opacity:0}93.50%{transform:translate(134px,52px);opacity:0}94.00%{transform:translate(134px,52px);opacity:0}94.50%{transform:translate(134px,52px);opacity:0}95.00%{transform:translate(134px,52px);opacity:0}95.50%{transform:translate(134px,52px);opacity:0}96.00%{transform:translate(134px,52px);opacity:0}96.50%{transform:translate(134px,52px);opacity:0}97.00%{transform:translate(134px,52px);opacity:0}97.50%{transform:translate(134px,52px);opacity:0}98.00%{transform:translate(134px,52px);opacity:0}98.50%{transform:translate(134px,52px);opacity:0}99.00%{transform:translate(134px,52px);opacity:0}99.50%{transform:translate(134px,52px);opacity:0}100.00%{transform:translate(134px,52px);opacity:0}}.chk17a-2{animation:chk17a-2 8.0s linear infinite}@keyframes chv17a-0{0.00%{transform:translate(74px,28px);opacity:1}0.50%{transform:translate(74px,28px);opacity:1}1.00%{transform:translate(74px,28px);opacity:1}1.50%{transform:translate(74px,28px);opacity:1}2.00%{transform:translate(74px,28px);opacity:1}2.50%{transform:translate(74px,28px);opacity:1}3.00%{transform:translate(74px,28px);opacity:1}3.50%{transform:translate(74px,28px);opacity:1}4.00%{transform:translate(74px,28px);opacity:1}4.50%{transform:translate(74px,28px);opacity:1}5.00%{transform:translate(74px,28px);opacity:1}5.50%{transform:translate(74px,28px);opacity:1}6.00%{transform:translate(74px,28px);opacity:1}6.50%{transform:translate(74px,28px);opacity:1}7.00%{transform:translate(74px,28px);opacity:1}7.50%{transform:translate(74px,28px);opacity:1}8.00%{transform:translate(74px,28px);opacity:1}8.50%{transform:translate(74px,28px);opacity:1}9.00%{transform:translate(74px,28px);opacity:1}9.50%{transform:translate(74px,28px);opacity:1}10.00%{transform:translate(74px,28px);opacity:1}10.50%{transform:translate(74px,28px);opacity:1}11.00%{transform:translate(74px,28px);opacity:1}11.50%{transform:translate(74px,28px);opacity:1}12.00%{transform:translate(74px,28px);opacity:1}12.50%{transform:translate(74px,28px);opacity:1}13.00%{transform:translate(74px,25px);opacity:1}13.50%{transform:translate(74px,23px);opacity:1}14.00%{transform:translate(74px,20px);opacity:1}14.50%{transform:translate(74px,17px);opacity:1}15.00%{transform:translate(74px,15px);opacity:1}15.50%{transform:translate(74px,12px);opacity:1}16.00%{transform:translate(74px,10px);opacity:1}16.50%{transform:translate(74px,9px);opacity:1}17.00%{transform:translate(74px,7px);opacity:1}17.50%{transform:translate(74px,6px);opacity:1}18.00%{transform:translate(74px,4px);opacity:1}18.50%{transform:translate(73px,4px);opacity:1}19.00%{transform:translate(71px,4px);opacity:1}19.50%{transform:translate(70px,4px);opacity:1}20.00%{transform:translate(68px,4px);opacity:1}20.50%{transform:translate(67px,4px);opacity:1}21.00%{transform:translate(65px,4px);opacity:1}21.50%{transform:translate(64px,4px);opacity:1}22.00%{transform:translate(64px,4px);opacity:1}22.50%{transform:translate(64px,4px);opacity:1}23.00%{transform:translate(64px,4px);opacity:1}23.50%{transform:translate(64px,4px);opacity:1}24.00%{transform:translate(64px,4px);opacity:1}24.50%{transform:translate(64px,4px);opacity:1}25.00%{transform:translate(64px,4px);opacity:1}25.50%{transform:translate(64px,4px);opacity:1}26.00%{transform:translate(64px,4px);opacity:1}26.50%{transform:translate(65px,4px);opacity:1}27.00%{transform:translate(66px,4px);opacity:1}27.50%{transform:translate(67px,4px);opacity:1}28.00%{transform:translate(68px,4px);opacity:1}28.50%{transform:translate(69px,4px);opacity:1}29.00%{transform:translate(70px,4px);opacity:1}29.50%{transform:translate(71px,4px);opacity:1}30.00%{transform:translate(72px,4px);opacity:1}30.50%{transform:translate(73px,4px);opacity:1}31.00%{transform:translate(74px,4px);opacity:1}31.50%{transform:translate(74px,5px);opacity:1}32.00%{transform:translate(74px,7px);opacity:1}32.50%{transform:translate(74px,8px);opacity:1}33.00%{transform:translate(74px,10px);opacity:1}33.50%{transform:translate(74px,12px);opacity:1}34.00%{transform:translate(74px,13px);opacity:1}34.50%{transform:translate(74px,15px);opacity:1}35.00%{transform:translate(74px,15px);opacity:1}35.50%{transform:translate(74px,15px);opacity:1}36.00%{transform:translate(74px,15px);opacity:1}36.50%{transform:translate(74px,15px);opacity:1}37.00%{transform:translate(74px,15px);opacity:1}37.50%{transform:translate(74px,15px);opacity:1}38.00%{transform:translate(74px,15px);opacity:1}38.50%{transform:translate(74px,15px);opacity:1}39.00%{transform:translate(74px,15px);opacity:1}39.50%{transform:translate(74px,15px);opacity:1}40.00%{transform:translate(74px,15px);opacity:1}40.50%{transform:translate(74px,15px);opacity:1}41.00%{transform:translate(74px,15px);opacity:1}41.50%{transform:translate(74px,14px);opacity:1}42.00%{transform:translate(74px,14px);opacity:1}42.50%{transform:translate(74px,13px);opacity:1}43.00%{transform:translate(74px,13px);opacity:1}43.50%{transform:translate(74px,13px);opacity:1}44.00%{transform:translate(74px,12px);opacity:1}44.50%{transform:translate(74px,12px);opacity:1}45.00%{transform:translate(74px,11px);opacity:1}45.50%{transform:translate(74px,11px);opacity:1}46.00%{transform:translate(74px,10px);opacity:1}46.50%{transform:translate(74px,10px);opacity:1}47.00%{transform:translate(74px,11px);opacity:1}47.50%{transform:translate(74px,11px);opacity:1}48.00%{transform:translate(74px,12px);opacity:1}48.50%{transform:translate(74px,12px);opacity:1}49.00%{transform:translate(74px,13px);opacity:1}49.50%{transform:translate(74px,13px);opacity:1}50.00%{transform:translate(74px,13px);opacity:1}50.50%{transform:translate(74px,14px);opacity:1}51.00%{transform:translate(74px,14px);opacity:1}51.50%{transform:translate(74px,14px);opacity:1}52.00%{transform:translate(74px,13px);opacity:1}52.50%{transform:translate(74px,12px);opacity:1}53.00%{transform:translate(74px,11px);opacity:1}53.50%{transform:translate(74px,10px);opacity:1}54.00%{transform:translate(74px,9px);opacity:1}54.50%{transform:translate(74px,8px);opacity:1}55.00%{transform:translate(74px,7px);opacity:1}55.50%{transform:translate(74px,6px);opacity:1}56.00%{transform:translate(74px,5px);opacity:1}56.50%{transform:translate(74px,4px);opacity:1}57.00%{transform:translate(74px,4px);opacity:1}57.50%{transform:translate(74px,4px);opacity:1}58.00%{transform:translate(74px,4px);opacity:1}58.50%{transform:translate(74px,4px);opacity:1}59.00%{transform:translate(74px,4px);opacity:1}59.50%{transform:translate(74px,4px);opacity:1}60.00%{transform:translate(74px,4px);opacity:1}60.50%{transform:translate(74px,4px);opacity:1}61.00%{transform:translate(74px,4px);opacity:1}61.50%{transform:translate(74px,4px);opacity:1}62.00%{transform:translate(74px,4px);opacity:1}62.50%{transform:translate(74px,4px);opacity:1}63.00%{transform:translate(74px,4px);opacity:1}63.50%{transform:translate(74px,4px);opacity:1}64.00%{transform:translate(74px,4px);opacity:1}64.50%{transform:translate(74px,4px);opacity:1}65.00%{transform:translate(74px,4px);opacity:1}65.50%{transform:translate(74px,4px);opacity:1}66.00%{transform:translate(74px,4px);opacity:1}66.50%{transform:translate(74px,4px);opacity:1}67.00%{transform:translate(74px,4px);opacity:1}67.50%{transform:translate(74px,4px);opacity:1}68.00%{transform:translate(74px,4px);opacity:1}68.50%{transform:translate(74px,4px);opacity:1}69.00%{transform:translate(74px,4px);opacity:1}69.50%{transform:translate(74px,4px);opacity:1}70.00%{transform:translate(74px,4px);opacity:1}70.50%{transform:translate(74px,4px);opacity:1}71.00%{transform:translate(74px,4px);opacity:1}71.50%{transform:translate(74px,4px);opacity:1}72.00%{transform:translate(74px,4px);opacity:1}72.50%{transform:translate(74px,4px);opacity:1}73.00%{transform:translate(74px,4px);opacity:1}73.50%{transform:translate(74px,4px);opacity:1}74.00%{transform:translate(74px,4px);opacity:1}74.50%{transform:translate(74px,4px);opacity:1}75.00%{transform:translate(74px,4px);opacity:1}75.50%{transform:translate(74px,4px);opacity:1}76.00%{transform:translate(74px,4px);opacity:1}76.50%{transform:translate(74px,4px);opacity:1}77.00%{transform:translate(74px,4px);opacity:1}77.50%{transform:translate(74px,4px);opacity:1}78.00%{transform:translate(74px,4px);opacity:1}78.50%{transform:translate(74px,4px);opacity:1}79.00%{transform:translate(74px,4px);opacity:1}79.50%{transform:translate(74px,4px);opacity:1}80.00%{transform:translate(74px,4px);opacity:1}80.50%{transform:translate(74px,4px);opacity:1}81.00%{transform:translate(74px,4px);opacity:1}81.50%{transform:translate(74px,4px);opacity:1}82.00%{transform:translate(74px,4px);opacity:1}82.50%{transform:translate(74px,4px);opacity:1}83.00%{transform:translate(74px,5px);opacity:1}83.50%{transform:translate(74px,6px);opacity:1}84.00%{transform:translate(74px,7px);opacity:1}84.50%{transform:translate(74px,8px);opacity:1}85.00%{transform:translate(74px,9px);opacity:1}85.50%{transform:translate(74px,10px);opacity:1}86.00%{transform:translate(74px,11px);opacity:1}86.50%{transform:translate(74px,12px);opacity:1}87.00%{transform:translate(74px,13px);opacity:1}87.50%{transform:translate(74px,14px);opacity:1}88.00%{transform:translate(74px,15px);opacity:1}88.50%{transform:translate(74px,16px);opacity:1}89.00%{transform:translate(74px,16px);opacity:1}89.50%{transform:translate(74px,17px);opacity:1}90.00%{transform:translate(74px,18px);opacity:1}90.50%{transform:translate(74px,19px);opacity:1}91.00%{transform:translate(74px,20px);opacity:1}91.50%{transform:translate(74px,21px);opacity:1}92.00%{transform:translate(74px,22px);opacity:1}92.50%{transform:translate(74px,23px);opacity:1}93.00%{transform:translate(74px,24px);opacity:1}93.50%{transform:translate(74px,25px);opacity:1}94.00%{transform:translate(74px,26px);opacity:1}94.50%{transform:translate(74px,27px);opacity:1}95.00%{transform:translate(74px,28px);opacity:1}95.50%{transform:translate(74px,28px);opacity:1}96.00%{transform:translate(74px,28px);opacity:1}96.50%{transform:translate(74px,28px);opacity:1}97.00%{transform:translate(74px,28px);opacity:1}97.50%{transform:translate(74px,28px);opacity:1}98.00%{transform:translate(74px,28px);opacity:1}98.50%{transform:translate(74px,28px);opacity:1}99.00%{transform:translate(74px,28px);opacity:1}99.50%{transform:translate(74px,28px);opacity:1}100.00%{transform:translate(74px,28px);opacity:1}}.chv17a-0{animation:chv17a-0 8.0s linear infinite}@keyframes chv17a-0sk{0%{opacity:0}48.75%{opacity:1}70.00%{opacity:0}100%{opacity:0}}.chv17a-0s{opacity:0;animation:chv17a-0sk 8.0s steps(1,end) infinite}@keyframes chv17a-0nk{0%{opacity:1}48.75%{opacity:0}70.00%{opacity:1}100%{opacity:1}}.chv17a-0n{animation:chv17a-0nk 8.0s steps(1,end) infinite}@keyframes chv17a-1{0.00%{transform:translate(2px,28px);opacity:1}0.50%{transform:translate(2px,28px);opacity:1}1.00%{transform:translate(2px,28px);opacity:1}1.50%{transform:translate(2px,28px);opacity:1}2.00%{transform:translate(2px,28px);opacity:1}2.50%{transform:translate(2px,28px);opacity:1}3.00%{transform:translate(2px,28px);opacity:1}3.50%{transform:translate(2px,28px);opacity:1}4.00%{transform:translate(2px,28px);opacity:1}4.50%{transform:translate(2px,28px);opacity:1}5.00%{transform:translate(2px,28px);opacity:1}5.50%{transform:translate(2px,28px);opacity:1}6.00%{transform:translate(2px,28px);opacity:1}6.50%{transform:translate(2px,28px);opacity:1}7.00%{transform:translate(2px,28px);opacity:1}7.50%{transform:translate(2px,28px);opacity:1}8.00%{transform:translate(2px,28px);opacity:1}8.50%{transform:translate(2px,28px);opacity:1}9.00%{transform:translate(2px,28px);opacity:1}9.50%{transform:translate(2px,28px);opacity:1}10.00%{transform:translate(2px,28px);opacity:1}10.50%{transform:translate(2px,28px);opacity:1}11.00%{transform:translate(2px,28px);opacity:1}11.50%{transform:translate(2px,28px);opacity:1}12.00%{transform:translate(2px,28px);opacity:1}12.50%{transform:translate(2px,28px);opacity:1}13.00%{transform:translate(2px,28px);opacity:1}13.50%{transform:translate(2px,28px);opacity:1}14.00%{transform:translate(2px,28px);opacity:1}14.50%{transform:translate(2px,28px);opacity:1}15.00%{transform:translate(2px,28px);opacity:1}15.50%{transform:translate(2px,28px);opacity:1}16.00%{transform:translate(2px,28px);opacity:1}16.50%{transform:translate(2px,28px);opacity:1}17.00%{transform:translate(2px,28px);opacity:1}17.50%{transform:translate(2px,28px);opacity:1}18.00%{transform:translate(2px,28px);opacity:1}18.50%{transform:translate(2px,28px);opacity:1}19.00%{transform:translate(2px,28px);opacity:1}19.50%{transform:translate(2px,28px);opacity:1}20.00%{transform:translate(2px,28px);opacity:1}20.50%{transform:translate(2px,28px);opacity:1}21.00%{transform:translate(2px,28px);opacity:1}21.50%{transform:translate(2px,28px);opacity:1}22.00%{transform:translate(2px,28px);opacity:1}22.50%{transform:translate(2px,28px);opacity:1}23.00%{transform:translate(2px,28px);opacity:1}23.50%{transform:translate(2px,28px);opacity:1}24.00%{transform:translate(2px,28px);opacity:1}24.50%{transform:translate(2px,28px);opacity:1}25.00%{transform:translate(2px,28px);opacity:1}25.50%{transform:translate(2px,28px);opacity:1}26.00%{transform:translate(2px,28px);opacity:1}26.50%{transform:translate(2px,28px);opacity:1}27.00%{transform:translate(2px,28px);opacity:1}27.50%{transform:translate(2px,28px);opacity:1}28.00%{transform:translate(2px,28px);opacity:1}28.50%{transform:translate(2px,28px);opacity:1}29.00%{transform:translate(2px,28px);opacity:1}29.50%{transform:translate(2px,28px);opacity:1}30.00%{transform:translate(2px,28px);opacity:1}30.50%{transform:translate(2px,28px);opacity:1}31.00%{transform:translate(2px,28px);opacity:1}31.50%{transform:translate(2px,28px);opacity:1}32.00%{transform:translate(2px,28px);opacity:1}32.50%{transform:translate(2px,28px);opacity:1}33.00%{transform:translate(2px,28px);opacity:1}33.50%{transform:translate(2px,28px);opacity:1}34.00%{transform:translate(2px,28px);opacity:1}34.50%{transform:translate(2px,28px);opacity:1}35.00%{transform:translate(2px,28px);opacity:1}35.50%{transform:translate(2px,28px);opacity:1}36.00%{transform:translate(5px,28px);opacity:1}36.50%{transform:translate(9px,28px);opacity:1}37.00%{transform:translate(13px,28px);opacity:1}37.50%{transform:translate(16px,28px);opacity:1}38.00%{transform:translate(20px,28px);opacity:1}38.50%{transform:translate(24px,28px);opacity:1}39.00%{transform:translate(27px,28px);opacity:1}39.50%{transform:translate(30px,28px);opacity:1}40.00%{transform:translate(33px,28px);opacity:1}40.50%{transform:translate(36px,28px);opacity:1}41.00%{transform:translate(39px,28px);opacity:1}41.50%{transform:translate(42px,28px);opacity:1}42.00%{transform:translate(45px,28px);opacity:1}42.50%{transform:translate(48px,28px);opacity:1}43.00%{transform:translate(51px,28px);opacity:1}43.50%{transform:translate(54px,28px);opacity:1}44.00%{transform:translate(57px,28px);opacity:1}44.50%{transform:translate(60px,28px);opacity:1}45.00%{transform:translate(63px,28px);opacity:1}45.50%{transform:translate(66px,28px);opacity:1}46.00%{transform:translate(69px,28px);opacity:1}46.50%{transform:translate(72px,28px);opacity:1}47.00%{transform:translate(75px,28px);opacity:1}47.50%{transform:translate(78px,28px);opacity:1}48.00%{transform:translate(78px,28px);opacity:1}48.50%{transform:translate(78px,28px);opacity:1}49.00%{transform:translate(78px,28px);opacity:1}49.50%{transform:translate(77px,28px);opacity:1}50.00%{transform:translate(75px,28px);opacity:1}50.50%{transform:translate(72px,28px);opacity:1}51.00%{transform:translate(70px,28px);opacity:1}51.50%{transform:translate(67px,28px);opacity:1}52.00%{transform:translate(65px,28px);opacity:1}52.50%{transform:translate(62px,28px);opacity:1}53.00%{transform:translate(60px,28px);opacity:1}53.50%{transform:translate(57px,28px);opacity:1}54.00%{transform:translate(55px,28px);opacity:1}54.50%{transform:translate(52px,28px);opacity:1}55.00%{transform:translate(50px,28px);opacity:1}55.50%{transform:translate(49px,28px);opacity:1}56.00%{transform:translate(48px,28px);opacity:1}56.50%{transform:translate(47px,28px);opacity:1}57.00%{transform:translate(46px,28px);opacity:1}57.50%{transform:translate(46px,28px);opacity:1}58.00%{transform:translate(45px,28px);opacity:1}58.50%{transform:translate(44px,28px);opacity:1}59.00%{transform:translate(43px,28px);opacity:1}59.50%{transform:translate(42px,28px);opacity:1}60.00%{transform:translate(41px,28px);opacity:1}60.50%{transform:translate(40px,28px);opacity:1}61.00%{transform:translate(39px,28px);opacity:1}61.50%{transform:translate(38px,28px);opacity:1}62.00%{transform:translate(37px,28px);opacity:1}62.50%{transform:translate(37px,28px);opacity:1}63.00%{transform:translate(36px,28px);opacity:1}63.50%{transform:translate(35px,28px);opacity:1}64.00%{transform:translate(34px,28px);opacity:1}64.50%{transform:translate(33px,28px);opacity:1}65.00%{transform:translate(32px,28px);opacity:1}65.50%{transform:translate(31px,28px);opacity:1}66.00%{transform:translate(30px,28px);opacity:1}66.50%{transform:translate(29px,28px);opacity:1}67.00%{transform:translate(28px,28px);opacity:1}67.50%{transform:translate(27px,28px);opacity:1}68.00%{transform:translate(27px,28px);opacity:1}68.50%{transform:translate(26px,28px);opacity:1}69.00%{transform:translate(25px,28px);opacity:1}69.50%{transform:translate(24px,28px);opacity:1}70.00%{transform:translate(23px,28px);opacity:1}70.50%{transform:translate(22px,28px);opacity:1}71.00%{transform:translate(21px,28px);opacity:1}71.50%{transform:translate(20px,28px);opacity:1}72.00%{transform:translate(19px,28px);opacity:1}72.50%{transform:translate(19px,28px);opacity:1}73.00%{transform:translate(18px,28px);opacity:1}73.50%{transform:translate(17px,28px);opacity:1}74.00%{transform:translate(16px,28px);opacity:1}74.50%{transform:translate(15px,28px);opacity:1}75.00%{transform:translate(14px,28px);opacity:1}75.50%{transform:translate(14px,28px);opacity:1}76.00%{transform:translate(14px,28px);opacity:1}76.50%{transform:translate(13px,28px);opacity:1}77.00%{transform:translate(13px,28px);opacity:1}77.50%{transform:translate(13px,28px);opacity:1}78.00%{transform:translate(13px,28px);opacity:1}78.50%{transform:translate(12px,28px);opacity:1}79.00%{transform:translate(12px,28px);opacity:1}79.50%{transform:translate(12px,28px);opacity:1}80.00%{transform:translate(12px,28px);opacity:1}80.50%{transform:translate(11px,28px);opacity:1}81.00%{transform:translate(11px,28px);opacity:1}81.50%{transform:translate(11px,28px);opacity:1}82.00%{transform:translate(11px,28px);opacity:1}82.50%{transform:translate(10px,28px);opacity:1}83.00%{transform:translate(10px,28px);opacity:1}83.50%{transform:translate(10px,28px);opacity:1}84.00%{transform:translate(10px,28px);opacity:1}84.50%{transform:translate(9px,28px);opacity:1}85.00%{transform:translate(9px,28px);opacity:1}85.50%{transform:translate(9px,28px);opacity:1}86.00%{transform:translate(9px,28px);opacity:1}86.50%{transform:translate(8px,28px);opacity:1}87.00%{transform:translate(8px,28px);opacity:1}87.50%{transform:translate(8px,28px);opacity:1}88.00%{transform:translate(8px,28px);opacity:1}88.50%{transform:translate(8px,28px);opacity:1}89.00%{transform:translate(7px,28px);opacity:1}89.50%{transform:translate(7px,28px);opacity:1}90.00%{transform:translate(7px,28px);opacity:1}90.50%{transform:translate(7px,28px);opacity:1}91.00%{transform:translate(6px,28px);opacity:1}91.50%{transform:translate(6px,28px);opacity:1}92.00%{transform:translate(6px,28px);opacity:1}92.50%{transform:translate(6px,28px);opacity:1}93.00%{transform:translate(5px,28px);opacity:1}93.50%{transform:translate(5px,28px);opacity:1}94.00%{transform:translate(5px,28px);opacity:1}94.50%{transform:translate(5px,28px);opacity:1}95.00%{transform:translate(4px,28px);opacity:1}95.50%{transform:translate(4px,28px);opacity:1}96.00%{transform:translate(4px,28px);opacity:1}96.50%{transform:translate(4px,28px);opacity:1}97.00%{transform:translate(3px,28px);opacity:1}97.50%{transform:translate(3px,28px);opacity:1}98.00%{transform:translate(3px,28px);opacity:1}98.50%{transform:translate(3px,28px);opacity:1}99.00%{transform:translate(2px,28px);opacity:1}99.50%{transform:translate(2px,28px);opacity:1}100.00%{transform:translate(2px,28px);opacity:1}}.chv17a-1{animation:chv17a-1 8.0s linear infinite}@keyframes chv17a-1sk{0%{opacity:0}48.75%{opacity:1}70.00%{opacity:0}100%{opacity:0}}.chv17a-1s{opacity:0;animation:chv17a-1sk 8.0s steps(1,end) infinite}@keyframes chv17a-1nk{0%{opacity:1}48.75%{opacity:0}70.00%{opacity:1}100%{opacity:1}}.chv17a-1n{animation:chv17a-1nk 8.0s steps(1,end) infinite}@keyframes chv17a-2{0.00%{transform:translate(86px,52px);opacity:1}0.50%{transform:translate(86px,52px);opacity:1}1.00%{transform:translate(86px,52px);opacity:1}1.50%{transform:translate(86px,52px);opacity:1}2.00%{transform:translate(86px,52px);opacity:1}2.50%{transform:translate(86px,52px);opacity:1}3.00%{transform:translate(86px,52px);opacity:1}3.50%{transform:translate(86px,52px);opacity:1}4.00%{transform:translate(86px,52px);opacity:1}4.50%{transform:translate(86px,52px);opacity:1}5.00%{transform:translate(86px,52px);opacity:1}5.50%{transform:translate(86px,52px);opacity:1}6.00%{transform:translate(86px,52px);opacity:1}6.50%{transform:translate(86px,52px);opacity:1}7.00%{transform:translate(86px,52px);opacity:1}7.50%{transform:translate(86px,52px);opacity:1}8.00%{transform:translate(86px,52px);opacity:1}8.50%{transform:translate(86px,52px);opacity:1}9.00%{transform:translate(86px,52px);opacity:1}9.50%{transform:translate(86px,52px);opacity:1}10.00%{transform:translate(86px,52px);opacity:1}10.50%{transform:translate(86px,52px);opacity:1}11.00%{transform:translate(86px,52px);opacity:1}11.50%{transform:translate(86px,52px);opacity:1}12.00%{transform:translate(86px,52px);opacity:1}12.50%{transform:translate(86px,52px);opacity:1}13.00%{transform:translate(86px,52px);opacity:1}13.50%{transform:translate(86px,52px);opacity:1}14.00%{transform:translate(86px,52px);opacity:1}14.50%{transform:translate(86px,52px);opacity:1}15.00%{transform:translate(86px,52px);opacity:1}15.50%{transform:translate(86px,52px);opacity:1}16.00%{transform:translate(86px,52px);opacity:1}16.50%{transform:translate(86px,52px);opacity:1}17.00%{transform:translate(86px,52px);opacity:1}17.50%{transform:translate(86px,52px);opacity:1}18.00%{transform:translate(86px,52px);opacity:1}18.50%{transform:translate(86px,52px);opacity:1}19.00%{transform:translate(86px,52px);opacity:1}19.50%{transform:translate(86px,52px);opacity:1}20.00%{transform:translate(86px,52px);opacity:1}20.50%{transform:translate(86px,52px);opacity:1}21.00%{transform:translate(86px,52px);opacity:1}21.50%{transform:translate(86px,52px);opacity:1}22.00%{transform:translate(86px,52px);opacity:1}22.50%{transform:translate(86px,52px);opacity:1}23.00%{transform:translate(86px,52px);opacity:1}23.50%{transform:translate(86px,52px);opacity:1}24.00%{transform:translate(86px,52px);opacity:1}24.50%{transform:translate(86px,52px);opacity:1}25.00%{transform:translate(86px,52px);opacity:1}25.50%{transform:translate(86px,52px);opacity:1}26.00%{transform:translate(86px,52px);opacity:1}26.50%{transform:translate(86px,52px);opacity:1}27.00%{transform:translate(86px,52px);opacity:1}27.50%{transform:translate(86px,52px);opacity:1}28.00%{transform:translate(86px,52px);opacity:1}28.50%{transform:translate(86px,52px);opacity:1}29.00%{transform:translate(86px,52px);opacity:1}29.50%{transform:translate(86px,52px);opacity:1}30.00%{transform:translate(86px,52px);opacity:1}30.50%{transform:translate(86px,52px);opacity:1}31.00%{transform:translate(86px,52px);opacity:1}31.50%{transform:translate(86px,52px);opacity:1}32.00%{transform:translate(86px,52px);opacity:1}32.50%{transform:translate(86px,52px);opacity:1}33.00%{transform:translate(88px,52px);opacity:1}33.50%{transform:translate(89px,52px);opacity:1}34.00%{transform:translate(91px,52px);opacity:1}34.50%{transform:translate(92px,52px);opacity:1}35.00%{transform:translate(94px,52px);opacity:1}35.50%{transform:translate(96px,52px);opacity:1}36.00%{transform:translate(97px,52px);opacity:1}36.50%{transform:translate(99px,52px);opacity:1}37.00%{transform:translate(100px,52px);opacity:1}37.50%{transform:translate(102px,52px);opacity:1}38.00%{transform:translate(104px,52px);opacity:1}38.50%{transform:translate(105px,52px);opacity:1}39.00%{transform:translate(107px,52px);opacity:1}39.50%{transform:translate(108px,52px);opacity:1}40.00%{transform:translate(110px,52px);opacity:1}40.50%{transform:translate(110px,52px);opacity:1}41.00%{transform:translate(110px,52px);opacity:1}41.50%{transform:translate(110px,52px);opacity:1}42.00%{transform:translate(110px,52px);opacity:1}42.50%{transform:translate(110px,52px);opacity:1}43.00%{transform:translate(110px,52px);opacity:1}43.50%{transform:translate(110px,52px);opacity:1}44.00%{transform:translate(110px,52px);opacity:1}44.50%{transform:translate(110px,52px);opacity:1}45.00%{transform:translate(110px,52px);opacity:1}45.50%{transform:translate(110px,52px);opacity:1}46.00%{transform:translate(110px,52px);opacity:1}46.50%{transform:translate(110px,52px);opacity:1}47.00%{transform:translate(110px,52px);opacity:1}47.50%{transform:translate(110px,52px);opacity:1}48.00%{transform:translate(110px,52px);opacity:1}48.50%{transform:translate(110px,52px);opacity:1}49.00%{transform:translate(110px,52px);opacity:1}49.50%{transform:translate(109px,52px);opacity:1}50.00%{transform:translate(103px,52px);opacity:1}50.50%{transform:translate(97px,52px);opacity:1}51.00%{transform:translate(91px,52px);opacity:1}51.50%{transform:translate(86px,52px);opacity:1}52.00%{transform:translate(80px,52px);opacity:1}52.50%{transform:translate(74px,52px);opacity:1}53.00%{transform:translate(74px,52px);opacity:1}53.50%{transform:translate(74px,52px);opacity:1}54.00%{transform:translate(73px,52px);opacity:1}54.50%{transform:translate(73px,52px);opacity:1}55.00%{transform:translate(73px,52px);opacity:1}55.50%{transform:translate(73px,52px);opacity:1}56.00%{transform:translate(73px,52px);opacity:1}56.50%{transform:translate(72px,52px);opacity:1}57.00%{transform:translate(72px,52px);opacity:1}57.50%{transform:translate(72px,52px);opacity:1}58.00%{transform:translate(72px,52px);opacity:1}58.50%{transform:translate(71px,52px);opacity:1}59.00%{transform:translate(71px,52px);opacity:1}59.50%{transform:translate(71px,52px);opacity:1}60.00%{transform:translate(71px,52px);opacity:1}60.50%{transform:translate(71px,52px);opacity:1}61.00%{transform:translate(70px,52px);opacity:1}61.50%{transform:translate(70px,52px);opacity:1}62.00%{transform:translate(70px,52px);opacity:1}62.50%{transform:translate(70px,52px);opacity:1}63.00%{transform:translate(70px,52px);opacity:1}63.50%{transform:translate(69px,52px);opacity:1}64.00%{transform:translate(69px,52px);opacity:1}64.50%{transform:translate(69px,52px);opacity:1}65.00%{transform:translate(69px,52px);opacity:1}65.50%{transform:translate(69px,52px);opacity:1}66.00%{transform:translate(68px,52px);opacity:1}66.50%{transform:translate(68px,52px);opacity:1}67.00%{transform:translate(68px,52px);opacity:1}67.50%{transform:translate(68px,52px);opacity:1}68.00%{transform:translate(68px,52px);opacity:1}68.50%{transform:translate(67px,52px);opacity:1}69.00%{transform:translate(67px,52px);opacity:1}69.50%{transform:translate(67px,52px);opacity:1}70.00%{transform:translate(67px,52px);opacity:1}70.50%{transform:translate(66px,52px);opacity:1}71.00%{transform:translate(66px,52px);opacity:1}71.50%{transform:translate(66px,52px);opacity:1}72.00%{transform:translate(66px,52px);opacity:1}72.50%{transform:translate(66px,52px);opacity:1}73.00%{transform:translate(65px,52px);opacity:1}73.50%{transform:translate(65px,52px);opacity:1}74.00%{transform:translate(65px,52px);opacity:1}74.50%{transform:translate(65px,52px);opacity:1}75.00%{transform:translate(65px,52px);opacity:1}75.50%{transform:translate(64px,52px);opacity:1}76.00%{transform:translate(64px,52px);opacity:1}76.50%{transform:translate(64px,52px);opacity:1}77.00%{transform:translate(64px,52px);opacity:1}77.50%{transform:translate(64px,52px);opacity:1}78.00%{transform:translate(63px,52px);opacity:1}78.50%{transform:translate(63px,52px);opacity:1}79.00%{transform:translate(63px,52px);opacity:1}79.50%{transform:translate(63px,52px);opacity:1}80.00%{transform:translate(63px,52px);opacity:1}80.50%{transform:translate(62px,52px);opacity:1}81.00%{transform:translate(62px,52px);opacity:1}81.50%{transform:translate(62px,52px);opacity:1}82.00%{transform:translate(63px,52px);opacity:1}82.50%{transform:translate(64px,52px);opacity:1}83.00%{transform:translate(65px,52px);opacity:1}83.50%{transform:translate(66px,52px);opacity:1}84.00%{transform:translate(67px,52px);opacity:1}84.50%{transform:translate(68px,52px);opacity:1}85.00%{transform:translate(69px,52px);opacity:1}85.50%{transform:translate(69px,52px);opacity:1}86.00%{transform:translate(70px,52px);opacity:1}86.50%{transform:translate(71px,52px);opacity:1}87.00%{transform:translate(72px,52px);opacity:1}87.50%{transform:translate(73px,52px);opacity:1}88.00%{transform:translate(74px,52px);opacity:1}88.50%{transform:translate(75px,52px);opacity:1}89.00%{transform:translate(76px,52px);opacity:1}89.50%{transform:translate(76px,52px);opacity:1}90.00%{transform:translate(77px,52px);opacity:1}90.50%{transform:translate(78px,52px);opacity:1}91.00%{transform:translate(79px,52px);opacity:1}91.50%{transform:translate(80px,52px);opacity:1}92.00%{transform:translate(81px,52px);opacity:1}92.50%{transform:translate(82px,52px);opacity:1}93.00%{transform:translate(83px,52px);opacity:1}93.50%{transform:translate(83px,52px);opacity:1}94.00%{transform:translate(84px,52px);opacity:1}94.50%{transform:translate(85px,52px);opacity:1}95.00%{transform:translate(86px,52px);opacity:1}95.50%{transform:translate(86px,52px);opacity:1}96.00%{transform:translate(86px,52px);opacity:1}96.50%{transform:translate(86px,52px);opacity:1}97.00%{transform:translate(86px,52px);opacity:1}97.50%{transform:translate(86px,52px);opacity:1}98.00%{transform:translate(86px,52px);opacity:1}98.50%{transform:translate(86px,52px);opacity:1}99.00%{transform:translate(86px,52px);opacity:1}99.50%{transform:translate(86px,52px);opacity:1}100.00%{transform:translate(86px,52px);opacity:1}}.chv17a-2{animation:chv17a-2 8.0s linear infinite}@keyframes chv17a-2sk{0%{opacity:0}48.75%{opacity:1}70.00%{opacity:0}100%{opacity:0}}.chv17a-2s{opacity:0;animation:chv17a-2sk 8.0s steps(1,end) infinite}@keyframes chv17a-2nk{0%{opacity:1}48.75%{opacity:0}70.00%{opacity:1}100%{opacity:1}}.chv17a-2n{animation:chv17a-2nk 8.0s steps(1,end) infinite}@keyframes cht17a-6825k{0%{opacity:0}14.37%{opacity:1}24.38%{opacity:0}100%{opacity:0}}.cht17a-6825{opacity:0;animation:cht17a-6825k 8.0s steps(1,end) infinite}@keyframes cht17a-11649k{0%{opacity:0}53.75%{opacity:1}67.50%{opacity:0}100%{opacity:0}}.cht17a-11649{opacity:0;animation:cht17a-11649k 8.0s steps(1,end) infinite}}