/* Scoped adaptation of the approved standalone Anadidax header. */
:root{--site-menus-height:114px;--top-header-height:114px;--subnav-height:0px}
@media(max-width:750px){:root{--site-menus-height:160px}}
@media(max-width:390px){:root{--site-menus-height:145px}}
#ad-site{isolation:isolate}
#ad-site{
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Arial, sans-serif;
      color: #29343d;
      background: transparent;
      --yellow-a: rgba(248, 232, 174, .62);
      --yellow-b: rgba(237, 211, 126, .34);
      --green-a: rgba(214, 239, 220, .58);
      --green-b: rgba(185, 223, 195, .34);
      --rose-a: rgba(246, 215, 215, .62);
      --rose-b: rgba(232, 183, 183, .34);
      --gray-a: rgba(228, 235, 240, .52);
      --gray-b: rgba(217, 226, 232, .36);
      --glass: rgba(247, 251, 253, .12);
      --ink: #29343d;
      --muted: #66737c;
    }
#ad-site *{ box-sizing: border-box; }
#ad-site button{ font: inherit; cursor: pointer; }
#ad-site button:focus-visible, #ad-site a:focus-visible{ outline: 2px solid #608e93; outline-offset: 3px; }
#ad-site [hidden]{ display: none !important; }
#ad-site .site-header{
      position: relative;
      z-index: 2;
      height: 114px;
      width: 100%;
      display: grid;
      grid-template-columns: minmax(220px, 1fr) auto minmax(110px, 1fr);
      align-items: center;
      gap: 12px;
      padding: 0 clamp(12px, 3vw, 42px);
      background: linear-gradient(180deg, var(--glass), rgba(247, 251, 253, .05));
      border-bottom: 1px solid rgba(247, 251, 253, .18);
      border-radius: 0 0 25px 25px;
      box-shadow: 0 12px 28px rgba(79, 108, 117, .018);
      backdrop-filter: blur(16px) saturate(108%);
    }
#ad-site .brand-tools{ display: flex; align-items: center; gap: 12px; }
#ad-site .brand-name{
      color: #29343d;
      text-decoration: none;
      white-space: nowrap;
      font-size: 20px;
      font-weight: 600;
    }
#ad-site .brand{ position: relative; display: block; width: 102px; height: 102px; flex: none; }
#ad-site .brand-beta{ position: absolute; top: -2px; left: -3px; color: #53676a; font: 500 15px Georgia, serif; }
#ad-site .brand-icon{
      position: absolute;
      left: 50%;
      top: 50%;
      width: 84px;
      height: 84px;
      transform: translate(-50%, -50%);
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr 1fr;
    }
#ad-site .icon-board-cell, #ad-site .icon-board-coef{
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #005f73;
      border-radius: 10px;
      color: #2b2e2e;
      font-weight: 600;
      font-family: -apple-system, BlinkMacSystemFont, sans-serif;
      backdrop-filter: blur(18px) saturate(160%);
      box-shadow: 0 10px 22px rgba(0,0,0,.14), 0 -6px 14px rgba(0,0,0,.08),
                  inset 0 1px rgba(255,255,255,.55), inset 0 -1px rgba(0,0,0,.12);
    }
#ad-site .icon-board-cell.blocked{ grid-column: 1; grid-row: 1; background: #e8eeee; }
#ad-site .icon-board-cell.blocked::after{
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 24px;
      height: 24px;
      transform: translate(-50%, -50%);
      border-radius: 50%;
      background: #2b2e2e;
    }
#ad-site .icon-board-cell.num{ grid-column: 1; grid-row: 2; background: rgba(255,205,150,.32); font-size: 28px; }
#ad-site .icon-board-coef{ grid-column: 2; grid-row: 1 / 3; background: rgba(130,205,155,.32); font-size: 28px; }
#ad-site .lang-dropdown{ position: relative; justify-self: end; margin-left: auto; }
#ad-site .lang-toggle{
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 8px 14px;
      border: 1px solid rgba(0,0,0,.12);
      border-radius: 999px;
      background: rgba(255,255,255,.88);
      color: #111;
      transition: background .15s ease, transform .15s ease;
      white-space: nowrap;
    }
#ad-site .lang-toggle:hover{ background: #fff; transform: translateY(-1px); }
#ad-site .lang-label{ font-weight: 600; }
#ad-site .lang-caret{ font-size: 12px; opacity: .7; }
#ad-site .lang-dropdown-menu{
      position: absolute;
      top: calc(100% + 8px);
      right: 0;
      z-index: 1000;
      min-width: 120px;
      padding: 8px;
      border: 1px solid rgba(0,0,0,.12);
      border-radius: 14px;
      background: #fff;
      box-shadow: 0 12px 30px rgba(0,0,0,.12);
    }
#ad-site .lang-option{
      display: flex;
      align-items: center;
      gap: 10px;
      width: 100%;
      padding: 10px 12px;
      border: 0;
      border-radius: 10px;
      background: transparent;
      color: #111;
      text-align: left;
    }
#ad-site .lang-option:hover, #ad-site .lang-option[aria-pressed="true"]{ background: rgba(0,0,0,.05); }
#ad-site .lang-flag{ font-size: 18px; }
#ad-site .menu-links{ display: flex; justify-content: center; align-items: center; gap: clamp(12px, 2.1vw, 28px); }
#ad-site .menu-links a, #ad-site .menu-links button{
      color: var(--ink);
      padding: 11px 2px;
      background: none;
      border: 0;
      text-decoration: none;
      white-space: nowrap;
      font-size: clamp(15px, 1.4vw, 18px);
      font-weight: 600;
    }
#ad-site .menu-links a:hover, #ad-site .menu-links button:hover{ color: #557b81; }
#ad-site .menu-links .divider{ width: 1px; height: 18px; flex: none; background: #bdcdd0; }
#ad-site .menu-links [aria-expanded="true"]{ color: #356772; border-bottom: 2px solid #accfd2; }
#ad-site .mobile-menu-toggle{ display:none; }
#ad-site .series-panel{
      width: 100%;
      padding: 30px 0 34px;
      background: rgba(247, 251, 253, .22);
      border-top: 1px solid rgba(255, 255, 255, .3);
      border-bottom: 1px solid rgba(255, 255, 255, .3);
      border-radius: 25px 25px 27px 27px;
      box-shadow: 0 16px 34px rgba(69, 92, 103, .04);
      backdrop-filter: blur(22px) saturate(108%);
    }
#ad-site .series-inner{
      width: min(1536px, calc(100% - 48px));
      margin-inline: auto;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-items: stretch;
      gap: 28px;
    }
#ad-site .mode-section, #ad-site .settings-section{
      min-width: 0;
      padding: 30px 32px;
      background: rgba(255, 255, 255, .64);
      border: 1px solid rgba(255, 255, 255, .92);
      border-radius: 28px;
      box-shadow: 0 18px 38px rgba(77, 101, 112, .07), inset 0 1px rgba(255, 255, 255, .87);
      backdrop-filter: blur(20px);
    }
#ad-site .section-title{
      margin: 0 0 14px;
      text-align: center;
      color: #35414a;
      font-size: 18px;
      font-weight: 750;
    }
#ad-site .mode-grid{
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0;
      overflow: hidden;
      border-radius: 20px;
      background: linear-gradient(135deg, var(--gray-a), var(--gray-b));
      box-shadow: inset 0 1px rgba(255, 255, 255, .8), 0 12px 26px rgba(76, 101, 114, .07);
    }
#ad-site .mode-card{
      min-height: 92px;
      border: 0;
      border-right: 1px solid rgba(255, 255, 255, .56);
      border-bottom: 1px solid rgba(255, 255, 255, .56);
      background: transparent;
      color: #5f6c76;
      text-align: center;
      line-height: 1.25;
      font-size: 20px;
      font-weight: 400;
      padding: 10px 8px;
    }
#ad-site .mode-card:nth-child(even){ border-right: 0; }
#ad-site .mode-card:nth-child(n+3){ border-bottom: 0; }
#ad-site .mode-card[data-mode="colors"]:hover, #ad-site .mode-card[data-mode="colors"].selected{ background: linear-gradient(135deg, var(--yellow-a), var(--yellow-b)); color: #30343a; }
#ad-site .mode-card[data-mode="numbers"]:hover, #ad-site .mode-card[data-mode="numbers"].selected{ background: linear-gradient(135deg, var(--green-a), var(--green-b)); color: #30343a; }
#ad-site .mode-card[data-mode="only"]:hover, #ad-site .mode-card[data-mode="only"].selected{ background: linear-gradient(135deg, var(--gray-a), var(--gray-b)); color: #30343a; }
#ad-site .mode-card[data-mode="series"]:hover, #ad-site .mode-card[data-mode="series"].selected{ background: linear-gradient(135deg, var(--rose-a), var(--rose-b)); color: #30343a; }
#ad-site .mode-description{
      margin-top: 13px;
      padding: 14px 18px;
      border-radius: 19px;
      background: linear-gradient(135deg, var(--card-a), var(--card-b));
      box-shadow: 0 12px 23px rgba(75, 98, 109, .07), inset 0 1px rgba(255, 255, 255, .75);
    }
#ad-site .mode-description strong{ display: flex; align-items: center; gap: 9px; color: var(--card-accent); font-size: 22px; line-height: 1.2; }
#ad-site .mode-description strong::before{ content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--card-accent); }
#ad-site .mode-description p{ margin: 7px 0 0; color: #50616b; font-size: 16px; line-height: 1.55; }
#ad-site .mode-description[data-mode="colors"]{ --card-a: var(--yellow-a); --card-b: var(--yellow-b); --card-accent: #a68223; }
#ad-site .mode-description[data-mode="numbers"]{ --card-a: var(--green-a); --card-b: var(--green-b); --card-accent: #538c61; }
#ad-site .mode-description[data-mode="only"]{ --card-a: var(--gray-a); --card-b: var(--gray-b); --card-accent: #677982; }
#ad-site .mode-description[data-mode="only"] strong{ font-weight: 400; }
#ad-site .mode-description[data-mode="series"]{ --card-a: var(--rose-a); --card-b: var(--rose-b); --card-accent: #af6262; }
#ad-site .settings-group + .settings-group{ margin-top: 20px; }
#ad-site .segments{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      position: relative;
      min-height: 52px;
      padding: 4px;
      border-radius: 17px;
      background: linear-gradient(135deg, rgba(232, 240, 246, .56), rgba(214, 226, 236, .36));
      box-shadow: inset 0 1px rgba(255, 255, 255, .82), 0 9px 23px rgba(73, 101, 115, .07);
    }
#ad-site .segments.two{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
#ad-site .segments button{
      z-index: 1;
      position: relative;
      min-height: 44px;
      border: 0;
      border-radius: 13px;
      background: transparent;
      color: #697580;
      font-size: 16px;
      font-weight: 650;
    }
#ad-site .segments button.active{
      color: #25303a;
      background: linear-gradient(135deg, rgba(211, 231, 248, .78), rgba(205, 227, 245, .55));
      box-shadow: 0 5px 15px rgba(105, 153, 180, .11), inset 0 1px rgba(255, 255, 255, .9);
    }
#ad-site .difficulty button.active[data-value="easy"]{ background: linear-gradient(135deg, var(--green-a), var(--green-b)); }
#ad-site .difficulty button.active[data-value="medium"]{ background: linear-gradient(135deg, var(--yellow-a), var(--yellow-b)); }
#ad-site .difficulty button.active[data-value="hard"]{ background: linear-gradient(135deg, var(--rose-a), var(--rose-b)); }
#ad-site .fixed-all{
      min-height: 52px;
      display: grid;
      place-items: center;
      border-radius: 17px;
      background: linear-gradient(135deg, rgba(232, 240, 246, .56), rgba(214, 226, 236, .36));
      font-weight: 400;
    }
#ad-site .start{
      display: block;
      width: 70%;
      min-height: 55px;
      margin: 22px auto 0;
      border: 0;
      border-radius: 16px;
      background: linear-gradient(135deg, rgba(198, 224, 246, .76), rgba(172, 210, 241, .52));
      box-shadow: 0 12px 27px rgba(94, 136, 171, .13), inset 0 1px rgba(255, 255, 255, .78);
      color: #25343c;
      font-weight: 750;
      font-size: 16px;
    }
#ad-site .start:disabled{ opacity: .58; cursor: not-allowed; }
#ad-site .selection{ min-height: 20px; margin: 12px 0 0; text-align: center; color: #6a7680; font-size: 14px; }
#ad-site .notice{ margin: 0; padding: 22px 6%; text-align: center; color: #52646c; background: rgba(255, 255, 255, .66); border-radius: 24px; }
@media (max-width: 750px){#ad-site .site-header{
        grid-template-columns: 1fr auto;
        grid-template-rows: 105px auto;
        height: auto;
        padding-bottom: 8px;
      }
#ad-site .site-header > .menu-links{
        grid-column: 1 / -1;
        grid-row: 2;
        justify-self: stretch;
        justify-content: flex-start;
        overflow-x: auto;
        padding: 0 2px;
      }
#ad-site .site-header > .menu-links a, #ad-site .site-header > .menu-links button{ font-size: 15px; }
#ad-site .brand-name{ font-size: 18px; }
#ad-site .series-panel{ padding: 16px 0 24px; }
#ad-site .series-inner{ width: calc(100% - 16px); grid-template-columns: 1fr; gap: 16px; }
#ad-site .mode-section, #ad-site .settings-section{ padding: 22px 16px; }
}
@media (max-width: 390px){#ad-site .site-header{ grid-template-rows: 92px auto; }
#ad-site .brand{ width: 85px; height: 85px; }
#ad-site .brand-icon{ width: 70px; height: 70px; }
#ad-site .icon-board-cell.blocked::after{ width: 20px; height: 20px; }
#ad-site .icon-board-cell.num, #ad-site .icon-board-coef{ font-size: 24px; }
#ad-site .brand-name{ font-size: 17px; }
#ad-site .mode-card{ font-size: 17px; }
}
@media (prefers-reduced-motion: no-preference){#ad-site .mode-card{ transition: background .2s ease, color .2s ease; }
}