.ctrl{border:2px solid var(--cyan);background:linear-gradient(160deg,#241046,#0d0720);margin:16px auto 0;padding:14px 16px 12px;position:relative;box-shadow:0 0 28px #38f2ff29}.ctrl__head{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:12px;display:flex}.ctrl h2{font:400 1.35rem var(--display);color:var(--gold);text-shadow:0 0 12px #ffd23f4d;margin:0;transform:skew(-6deg)}.ctrl__tabs{gap:6px;margin-left:auto;display:flex}.ctrl__tab{min-height:40px;font:600 1.05rem var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--text);border:2px solid var(--line);cursor:pointer;background:#ffffff0f;border-radius:99px;padding:2px 16px}.ctrl__tab:hover,.ctrl__tab:focus-visible{border-color:var(--cyan);color:var(--cyan)}.ctrl__tab[aria-selected=true]{color:var(--gold);border-color:var(--gold);background:#ffd23f14}.ctrl__panel[hidden]{display:none}.ctrl__tip{color:var(--muted);margin:10px 0 0;font-size:.9rem}.ctrl__foot{border-top:1px solid var(--line);font:600 1rem var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:12px 0 0;padding-top:8px}.ctrl__foot a{white-space:nowrap;margin-left:14px}.kb{flex-wrap:wrap;align-items:flex-start;gap:14px 34px;display:flex}.kb__grp{gap:6px;display:grid}.kb__move{grid-template-columns:repeat(3,62px);grid-template-areas:".w.""a s d"}.kb__act{grid-template-columns:repeat(3,62px);grid-template-areas:"u i.""j k l"}.kb__misc{grid-auto-columns:auto;grid-auto-flow:column;align-self:end}.kc{--kc:#d9d0f0;color:#1b0f36;background:linear-gradient(#fff, var(--kc));border-radius:8px;align-content:center;place-items:center;gap:0;width:62px;height:58px;display:grid;position:relative;box-shadow:0 4px #6d5f9c,0 6px 12px #0006}.kc b{font:700 1.35rem/1 var(--head)}.kc small{font:600 .72rem/1.1 var(--head);letter-spacing:.06em;text-transform:uppercase;color:#4a3a72}.kc--wide{width:82px}.kc--w{grid-area:w}.kc--a{grid-area:a}.kc--s{grid-area:s}.kc--d{grid-area:d}.kc--u{grid-area:u}.kc--i{grid-area:i}.kc--j{grid-area:j}.kc--k{grid-area:k}.kc--l{grid-area:l}.kc--lp{--kc:#8fa9ff}.kc--hp{--kc:#ffd23f}.kc--sp{--kc:#ff9f7a}.kc--su{--kc:#ff8ac8}.kc--bl{--kc:#8ee6ff}.kc--w,.kc--a,.kc--s,.kc--d{--kc:#cfc6ea}.gp{flex-wrap:wrap;align-items:center;gap:14px 28px;display:flex}.gp__svg{flex:0 360px;width:360px;max-width:100%}.gp-body{fill:#2a1a52;stroke:#5b46a0;stroke-width:2px}.gp-bl{fill:#8ee6ff}.gp-su{fill:#ff8ac8}.gp-st{fill:#130a28;stroke:#5b46a0;stroke-width:2px}.gp-st--dim{opacity:.55}.gp-stk,.gp-dp{fill:#38f2ff;opacity:.85}.gp-mini{fill:#a99cc8}.gp-sta{fill:#cfc6ea}.gp-x{fill:#5a8aff}.gp-y{fill:#ffd23f}.gp-b{fill:#ff5a1f}.gp-a{fill:#4cdc8a}.gp__svg text{font:700 13px var(--head);fill:#0b0618;text-anchor:middle}.gp__svg .gp-lab{fill:#0b0618;font-size:10px}.gp__key,.tc__key{flex:220px;gap:4px;margin:0;padding:0;list-style:none;display:grid}.gp__key li,.tc__key li{background:#ffffff0d;align-items:center;gap:10px;padding:3px 8px;font-size:.95rem;display:flex}.gp__key span,.tc__key span{font:600 1.05rem var(--head);letter-spacing:.05em;text-transform:uppercase;color:#fff}.gp__key em,.tc__key em{color:var(--muted);text-align:right;margin-left:auto;font-style:normal}.sw{border-radius:50%;flex:none;width:14px;height:14px}.sw--mv{background:#38f2ff}.sw--a{background:#4cdc8a}.sw--x{background:#5a8aff}.sw--y{background:#ffd23f}.sw--b{background:#ff5a1f}.sw--bl{background:#8ee6ff;border-radius:3px}.sw--su{background:#ff8ac8;border-radius:3px}.sw--st{background:#a99cc8;width:10px;height:10px}.tc{flex-wrap:wrap;align-items:center;gap:14px 28px;display:flex}.tc__phone{aspect-ratio:16/8;background:#0a0516;border:3px solid #3a2a68;border-radius:22px;flex:0 320px;justify-content:space-between;align-items:center;width:320px;max-width:100%;padding:0 5%;display:flex;position:relative}.tc__stick{aspect-ratio:1;background:#ffffff0f;border:2px solid #ffffff4d;border-radius:50%;place-items:center;width:24%;display:grid}.tc__stick i{aspect-ratio:1;background:#38f2ff99;border-radius:50%;width:42%;box-shadow:0 0 10px #38f2ff}.tc__btns{grid-template-columns:repeat(3,1fr);gap:5px;width:48%;display:grid}.tc__btns b{height:26px;font:700 .7rem var(--head);letter-spacing:.04em;color:#0b0618;border-radius:6px;place-items:center;display:grid}.t-sp{background:#38f2ff}.t-su{background:#ff3fa4}.t-bl{background:#8a9cff}.t-lp{background:#ffd23f}.t-hp{background:#ff5a1f}.t-up{background:#fff}@media (max-width:520px){.ctrl{padding:12px 12px 10px}.ctrl__tabs{width:100%;margin-left:0}.ctrl__tab{flex:1 1 0;padding:2px 6px}.kb{gap:12px 18px}.kb__move,.kb__act{grid-template-columns:repeat(3,54px)}.kc{width:54px;height:54px}.kc--wide{width:70px}.ctrl__foot a{margin-left:10px}}