/* Scoped refinements of the current site. */
.ko-promo { padding: 20px; border-radius: 16px; }
.ko-field-label { display:block; margin-bottom:12px; font-size:16px; font-weight:600; color:#f3f3f5; }
.ko-promo-controls { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:start; }
.ko-text-field { display:flex; align-items:center; min-width:0; border:1px solid #55555e; border-radius:12px; background:#19191e; cursor:text; transition:border-color .15s,box-shadow .15s; }
.ko-text-field:focus-within { border-color:#a7a7ad; box-shadow:0 0 0 2px #ffffff0c; }
.ko-text-field[data-invalid] { border-color:#eb8b8b; }
.ko-text-field input { width:100%; min-width:0; height:48px; padding:0 14px; border:0!important; background:transparent!important; border-radius:inherit; font:inherit; font-size:16px; color:#f5f5f7; outline:none!important; box-shadow:none!important; }
.ko-text-field input::placeholder { color:#aeafb8; opacity:1; }
.ko-field-clear { width:44px; height:44px; min-width:44px; display:grid; place-items:center; margin-right:2px; border-radius:10px; color:#c7c7d0; }
.ko-field-clear:hover { background:transparent; color:#f0f0f2; }
.ko-field-clear svg { transition:opacity .12s; }
.ko-field-clear:active svg { opacity:.6; }
.ko-promo-submit { display:grid; grid-template-columns:16px minmax(0,1fr) 16px; align-items:center; justify-content:center; position:relative; gap:8px; min-width:190px; min-height:50px; padding:10px 12px; border-radius:12px; background:#e5e5ea; color:#17171b; font-size:15px; font-weight:600; transition:none!important; }
.ko-promo-submit::after { content:''; width:16px; }
.ko-promo-submit:disabled { background:#303036!important; color:#b0b0bb; cursor:default; }
.ko-promo-submit:not(:disabled):hover { background:#fff; }
.ko-promo-spinner { display:block; visibility:hidden; position:static; width:16px; height:16px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; }
.ko-promo-spinner[data-busy=true] { visibility:visible; animation:ko-spin .7s linear infinite; }
.ko-field-status { min-height:24px; margin-top:8px; font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
.ko-field-status[data-kind=error] { color:#f2a6a6; }
.ko-field-status[data-kind=success] { color:#a2ddbd; }
.ko-promo :is(button,input):focus-visible { outline:2px solid #dedee5; outline-offset:3px; }
.ko-site-header { background:#17171bed!important; border-bottom:1px solid #ffffff16!important; }
.ko-site-header :is(button,a,[role=button]) { -webkit-tap-highlight-color:transparent; }
.ko-site-header :is(button,a):focus-visible,.ko-drawer :is(button,a):focus-visible { outline:2px solid #d9d9e1!important; outline-offset:2px; box-shadow:none!important; }
.ko-site-header .balance-money,.ko-drawer .balance-money { font-family:inherit!important; font-variant-numeric:tabular-nums; }
.ko-site-header .balance-money + span:not(.balance-money) { display:none; }
.ko-site-header .balance-money ~ .balance-money { border-left:1px solid #55555e; padding-left:9px; }
.ko-site-header nav a { display:flex; align-items:center; min-height:44px; padding:0 12px; border-radius:10px; color:#c4c4cc; }
.ko-site-header nav a[aria-current=page] { color:#fff; background:#ffffff0b; }
.ko-profile-nav { position:relative; }
.ko-profile-trigger { min-height:44px; max-width:220px; }
.ko-profile-trigger > span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:12ch; }
.ko-profile-menu { position:absolute; top:calc(100% + 8px); right:0; width:248px; max-height:calc(100dvh - 100px); overflow-y:auto; padding:4px; border:1px solid #48484f; background:#1b1b20; box-shadow:0 12px 40px #0006; border-radius:16px; z-index:60; animation:ko-menu-in .14s ease-out; }
.ko-profile-menu[hidden] { display:none!important; }
.ko-profile-menu :is(a,button) { min-height:44px; border-radius:9px; font-size:14px; }
.ko-profile-menu :is(a,button):hover { background:#ffffff0b; }
.ko-drawer { width:min(90vw,380px)!important; background:#151519!important; border-color:#ffffff20!important; box-shadow:-12px 0 48px #0007!important; }
.ko-drawer nav { padding:12px!important; gap:8px!important; }
.ko-drawer nav > div:has(> a + a) { display:grid; gap:8px; }
.ko-drawer nav a { min-height:48px; border-radius:12px!important; transform:none!important; }
.ko-drawer nav a[aria-current=page] { background:#2a2a31!important; outline:1px solid #686872; outline-offset:-1px; }
.ko-drawer nav a img { flex-shrink:0; }
.ko-drawer nav a > div { min-width:0; }
.ko-drawer nav a > div > :is(p,span) { overflow-wrap:anywhere; }
.ko-drawer nav a[href='/profile'] img { display:block!important; width:40px; height:40px; }
.ko-drawer nav a[href='/topup'] { display:grid!important; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
.ko-drawer nav a[href='/topup'] > div:first-child > div { display:none; }
.ko-drawer nav a[href='/topup'] .balance-money { font-size:15px!important; line-height:1.6; color:#eeeef2; overflow-wrap:anywhere; }
.ko-drawer nav a[href='/my-offline'] svg { stroke-width:1.7; }
.ko-drawer :is(a,button) { transition:background-color .15s,color .15s!important; }
.ko-drawer .animate-pulse,.ko-site-header .animate-pulse { animation:none!important; }
.ko-drawer nav > div:last-child p { display:none; }
.ko-drawer nav .mt-6 { margin-top:8px; }
.ko-drawer nav :is(a,button).text-accent { color:#d6d6de; }

.faq-review { max-width:760px!important; }
.faq-review header { text-align:left!important; }
.faq-review .ko-faq-search { min-height:48px; padding:11px 48px 11px 42px!important; text-align:left!important; font-size:16px; background:#1b1b20!important; border:1px solid #55555f; color:#f4f4f6; box-shadow:none; }
.faq-review .ko-faq-search::placeholder { color:#b5b5bf; }
.faq-review .ko-faq-search:focus { border-color:#dedee5; outline:none; box-shadow:0 0 0 3px #ffffff1c!important; }
.faq-review .ko-search-clear { width:44px!important; height:44px!important; top:2px; bottom:auto; right:2px; background:transparent; }
.faq-review .ko-search-clear svg { width:17px; height:17px; }
.faq-review [data-ko-faq-item] { scroll-margin-top:144px; border-left:3px solid transparent; transition:background-color .15s; }
.faq-review [data-ko-faq-item][data-open=true] { background:#212126; border-left-color:#d5d5dd; }
.faq-review [data-ko-faq-item] h3 button { min-height:60px; padding:16px 20px; font-size:16px; }
.faq-review [data-ko-faq-item] h3 button > span:first-child { font-size:16px!important; line-height:1.45; font-weight:600; }
.faq-review [data-ko-faq-item] h3 button:hover { background:#ffffff06; }
.faq-review [data-ko-faq-item] h3 button:focus-visible { outline:2px solid #c6c6d0; outline-offset:-4px; border-radius:10px; }
.faq-review [data-ko-faq-item] [role=region] { padding:0 20px 22px; animation:ko-answer-in .14s ease-out; }
.faq-review [data-ko-faq-item] [role=region] > div { font-size:16px!important; line-height:1.65!important; color:#d4d4dc; max-width:65ch; }
.faq-review [role=region] :is(p,ol,ul) + :is(p,ol,ul) { margin-top:12px; }
.faq-review [role=region] a { text-decoration:underline; text-underline-offset:3px; color:#ebebf1!important; }
.faq-review [data-open=true] svg { color:#eeeeF2; }
.ko-transactions .ko-transaction-toggle { display:grid; grid-template-columns:32px minmax(0,1fr) minmax(90px,max-content); align-items:start; gap:12px; }
.ko-transactions .ko-transaction-toggle[data-expanded=true] { background:#25252b; }
.ko-transactions .ko-transaction-toggle > div:last-child { max-width:180px; overflow-wrap:anywhere; }
.ko-transactions .ko-transaction-toggle > div:last-child > div:first-child { font-size:16px; }
.ko-transactions .ko-transaction-toggle p { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; font-size:14px; line-height:1.45; color:#b6b6c1; overflow-wrap:anywhere; }
.ko-transactions .ko-transaction-toggle span.ios-caption { display:block; font-size:12px; margin-top:4px; }
.ko-transactions .ko-balance-caption { display:block; font-size:11px; color:#aaaab6; line-height:1.4; margin-top:4px; }
.ko-transactions .ko-filter-toggle,.ko-transactions .ko-filter-option { min-height:44px; padding:9px 14px; font-size:14px; border-radius:10px; }
.ko-transactions .ko-filter-option[aria-pressed=true] { background:#dcdce3; color:#18181d; }
.ko-transactions .ko-transaction-details { border-left:3px solid #bdbdc8; padding:16px 18px; }
.ko-transactions .ko-transaction-details .ios-caption { font-size:13px; }
.ko-transactions .ko-transaction-status { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; min-height:24px; margin-top:8px; font-size:13px; color:#b8b8c3; }
.ko-transaction-status button { text-decoration:underline; text-underline-offset:3px; min-height:44px; padding:0 6px; color:#f0f0f4; }
.ko-transactions .ko-tx-pager button { min-width:44px; min-height:44px; }
.ko-transactions :is(button,a):focus-visible { outline:2px solid #d6d6df; outline-offset:-2px; }
[role=dialog]:has(input[aria-label='Custom hours']) { container-type:inline-size; max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important; }
[role=dialog]:has(input[aria-label='Custom hours']) .flex.flex-wrap.gap-2 { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
[role=dialog]:has(input[aria-label='Custom hours']) .flex.flex-wrap.gap-2 button { min-height:44px; padding:8px 4px; font-size:14px; box-shadow:none!important; }
[role=dialog]:has(input[aria-label='Custom hours']) input { min-width:72px; min-height:44px; font-family:inherit; font-size:16px; }
[role=dialog]:has(input[aria-label='Custom hours']) input:focus { outline:2px solid #d6d6e0; outline-offset:2px; }
[role=dialog]:has(input[aria-label='Custom hours']) .balance-money { font-family:inherit!important; overflow-wrap:anywhere; }
[role=dialog]:has(input[aria-label='Custom hours']) .grid.grid-cols-2 button > div { flex-wrap:wrap; gap:4px 8px; }
[role=dialog]:has(input[aria-label='Custom hours']) button:is([aria-label=Close],.w-7) { min-width:44px; min-height:44px; }
[role=dialog]:has(input[aria-label='Custom hours']) .shine { font-size:16px; line-height:1.4; box-shadow:none; }
@container(max-width:18rem) { [role=dialog]:has(input[aria-label='Custom hours']) .flex.flex-wrap.gap-2 { grid-template-columns:repeat(2,minmax(0,1fr))!important; } }
main:has(input[aria-label='Поиск игр...']) input[aria-label='Поиск игр...'],main:has(input[aria-label='Search games...']) input[aria-label='Search games...'] { min-height:48px; font-size:16px; background:#19191eee; border-color:#4d4d57; }
.ko-promo button > svg:only-child,.ko-drawer button > svg:only-child,.ko-site-header button > svg:only-child,main form:has(#support-message) button > svg:only-child,[role=dialog]:has(input[aria-label='Custom hours']) button > svg:only-child { margin-inline:0!important; flex-shrink:0; }
main form:has(#support-message) button[type=submit] { min-height:48px; padding-inline:16px; gap:8px; }
#support-message { font-size:16px; }
#support-message:focus { border-color:#d6d6df; box-shadow:0 0 0 3px #ffffff1c; }
main:has(input[aria-label*='логинов']) [role=tab],main:has(input[aria-label*='logins']) [role=tab] { min-height:44px; }
@media(min-width:1024px) { .ko-site-header > div > div { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:24px; } .ko-site-header > div > div > nav { justify-self:start; } .ko-site-header .ko-desktop-only { display:flex; } }
@media(max-width:1023px) { .ko-site-header .ko-desktop-only { display:none!important; } .ko-site-header .ko-mobile-trigger { display:flex!important; min-width:44px; min-height:44px; } }
@media(min-width:1024px) { .ko-site-header .ko-mobile-trigger,.ko-mobile-portal { display:none!important; } }
@media(max-width:479px) {
  main:has(input[aria-label*='логинов']) .grid.grid-cols-2,main:has(input[aria-label*='logins']) .grid.grid-cols-2 { grid-template-columns:minmax(0,1fr); }
  .ko-promo { padding:16px; }
  .ko-promo-controls { grid-template-columns:minmax(0,1fr); gap:10px; }
  .ko-promo-submit { width:100%; }
  .ko-transactions .ko-transaction-toggle { grid-template-columns:24px minmax(0,1fr) minmax(76px,auto); gap:8px; padding:14px 12px; }
  .ko-transactions .ko-transaction-toggle > div:first-child { width:24px; height:28px; background:transparent; }
  .ko-transactions .ko-transaction-toggle > div:last-child { max-width:110px; }
  .ko-transactions .ko-transaction-toggle > div:last-child > div:first-child { font-size:14px; }
  .faq-review [data-ko-faq-item] h3 button { padding:15px 14px; }
  .faq-review [data-ko-faq-item] [role=region] { padding:0 14px 20px; }
}
@keyframes ko-spin { to { transform:rotate(360deg); } }
@keyframes ko-menu-in { from { opacity:0; transform:translateY(-4px); } to { opacity:1; transform:translateY(0); } }
@keyframes ko-answer-in { from { opacity:.65; } to { opacity:1; } }
@media(prefers-reduced-motion:reduce) {
  [role=dialog][data-state=open]:has(input[aria-label='Custom hours']) { opacity:1!important; transform:none!important; }
  .ko-profile-menu,.ko-field-status,.faq-review [role=region],.ko-promo-spinner { animation:none!important; }
  .ko-drawer,.ko-site-header *,.ko-promo *,.faq-review *,.ko-transactions * { transition-duration:0s!important; scroll-behavior:auto!important; }
}