/* /assets/registration-focus.css */

:root { color-scheme: dark; }
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { min-width: 320px; }
body { margin: 0; }
.wg-landing-body {
  min-height: 100vh;
  color: var(--wg-text-tint);
  background:
    radial-gradient(ellipse 46% 47% at 13% 40%, color-mix(in srgb,var(--wg-s4) 29.8%,transparent), transparent 75%),
    radial-gradient(ellipse 37% 43% at 86% 16%, color-mix(in srgb,var(--wg-accent-deep) 14.9%,transparent), transparent 72%),
    var(--wg-s0);
  font: 14px/1.55 Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.wg-landing-body button,
.wg-landing-body input { font: inherit; }
.wg-landing-body a { color: inherit; text-decoration: none; }
.wg-landing-body button { cursor: pointer; }
.wg-landing-body :is(a, button, input):focus-visible { outline: 3px solid var(--wg-accent-hi); outline-offset: 3px; }
.wg-shell { width: min(100% - 56px, 1280px); min-height: 100vh; margin: auto; display: flex; flex-direction: column; }
.wg-header { min-height: 96px; display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.wg-brand { display: inline-flex; align-items: center; gap: 11px; white-space: nowrap; font-size: 21px; font-weight: 800; letter-spacing: -.07em; }
.wg-brand img { display: block; filter: drop-shadow(0 8px 13px #0008); }
.wg-brand strong { color: var(--wg-text-tint); }
.wg-header-actions { display: flex; align-items: center; gap: 15px; font-size: 12px; font-weight: 700; }
.wg-age { padding: 5px 8px; border: 1px solid var(--wg-accent-lo); border-radius: 8px; color: var(--wg-text-tint); line-height: 1; }
.wg-lang { padding: 9px 12px; color: var(--wg-text-tint) !important; }
.wg-lang:hover { color: var(--wg-text-tint) !important; }
.wg-browse { padding: 11px 16px; border: 1px solid #637a61; border-radius: 11px; background: var(--wg-s2); transition: background .18s, transform .18s; }
.wg-browse:hover { background: var(--wg-s4); transform: translateY(-2px); }
.wg-browse span { margin-left: 9px; color: var(--wg-text-tint); }
.wg-account { width: 100%; max-width: none; margin: auto 0; padding: 18px 0 24px; }
.wg-landing-layout { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr); align-items: stretch; gap: 24px; }
.wg-hero,
.wg-form-card,
.wg-signed { position: relative; overflow: hidden; border: 1px solid var(--wg-s5); border-radius: 27px; box-shadow: 0 24px 70px #0004, inset 0 1px #ffffff0c; }
.wg-hero {
  min-height: 676px;
  padding: 45px 42px 39px;
  background: radial-gradient(circle at 83% 28%, var(--wg-accent-deep) 0%, var(--wg-s3) 32%, var(--wg-s2) 60%, var(--wg-s1) 100%);
  isolation: isolate;
}
.wg-hero::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(125deg, color-mix(in srgb,var(--wg-accent) 7.5%,transparent), transparent 45%); }
.wg-hero-glow { position: absolute; width: 420px; height: 420px; right: -165px; top: 42px; border-radius: 50%; background: color-mix(in srgb,var(--wg-accent) 16.9%,transparent); filter: blur(80px); pointer-events: none; }
.wg-hero-top,
.wg-form-kicker { color: var(--wg-text-tint); font-size: 11px; font-weight: 800; letter-spacing: .17em; }
.wg-dot { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--wg-accent); box-shadow: 0 0 16px var(--wg-accent-hi); vertical-align: middle; }
.wg-hero h1 { position: relative; z-index: 2; margin: 18px 0 12px; font-size: clamp(38px, 4vw, 57px); line-height: 1.08; font-weight: 800; letter-spacing: -.07em; }
.wg-hero h1 em { color: var(--wg-text-tint); font-style: normal; }
.wg-hero-lead { position: relative; z-index: 2; max-width: 390px; margin: 0; color: var(--wg-text-tint); font-size: 14px; line-height: 1.6; }
.wg-start-bonus { position: relative; z-index: 2; display: grid; width: fit-content; max-width: 100%; gap: 2px; margin-top: 20px; padding: 12px 19px; border: 1px solid #e3c87580; border-radius: 15px; background: linear-gradient(130deg, #453c22ed, color-mix(in srgb,var(--wg-s2) 93.3%,transparent)); box-shadow: inset 0 1px #fff4b73d, 0 10px 28px #0005; }
.wg-start-bonus span { color: #e8ce86; font-size: 10px; font-weight: 800; letter-spacing: .15em; }
.wg-start-bonus strong { color: #ffecad; font-size: clamp(24px, 3vw, 34px); line-height: 1.15; letter-spacing: -.04em; }
.wg-start-bonus small { color: #e6e4cd; font-size: 10px; }
.wg-start-claim { width: fit-content; min-height: 42px; padding: 9px 16px; border: 1px solid var(--wg-accent-hi); border-radius: 11px; background: var(--wg-s3); color: var(--wg-text-tint); font-weight: 800; }
.wg-start-claim:hover { background: var(--wg-s4); }
.wg-hero-art { position: absolute; right: 25px; top: 186px; width: 220px; height: 230px; pointer-events: none; }
.wg-orbit { position: absolute; border: 1px solid color-mix(in srgb,var(--wg-accent-hi) 33.3%,transparent); border-radius: 50%; }
.wg-orbit-one { inset: 10px 0 0 7px; transform: rotate(-26deg); }
.wg-orbit-two { inset: -13px -22px -26px; opacity: .36; transform: rotate(34deg); }
.wg-medal { position: absolute; left: 18px; top: 33px; display: grid; place-items: center; width: 156px; height: 156px; border: 2px solid var(--wg-accent-hi); border-radius: 40px; background: linear-gradient(145deg, var(--wg-accent-deep), var(--wg-s2) 70%); box-shadow: inset 0 4px color-mix(in srgb,var(--wg-accent-pale) 27.8%,transparent), inset 0 -10px var(--wg-s1), 0 18px 27px #000a; transform: rotate(-13deg); }
.wg-medal img { width: 124px; height: 124px; filter: drop-shadow(0 8px 8px #0006); }
.wg-coin { position: absolute; right: 4px; bottom: 20px; display: grid; place-items: center; width: 101px; height: 101px; border: 8px solid var(--wg-accent-hi); border-radius: 50%; background: linear-gradient(145deg, var(--wg-accent), var(--wg-accent) 57%, var(--wg-accent-deep)); box-shadow: inset -6px -9px 8px var(--wg-accent-lo), 0 8px 0 var(--wg-s3), 0 17px 28px #0009; color: #fff; font-size: 54px; font-weight: 900; letter-spacing: -.13em; transform: rotate(11deg); }
.wg-verification { position: relative; z-index: 2; width: min(100%, 390px); margin-top: 120px; padding: 21px 23px 18px; border: 1px solid color-mix(in srgb,var(--wg-accent-hi) 32.9%,transparent); border-radius: 19px; background: color-mix(in srgb,var(--wg-s1) 78.8%,transparent); backdrop-filter: blur(8px); }
.wg-verification-title { display: flex; align-items: center; justify-content: space-between; gap: 15px; color: var(--wg-text-tint); font-size: 13px; font-weight: 800; }
.wg-verification-title b { flex: none; padding: 5px 8px; border: 1px solid color-mix(in srgb,var(--wg-accent-hi) 56.9%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--wg-accent-deep) 45.1%,transparent); color: var(--wg-text-tint); font-size: 11px; }
.wg-verification ol { margin: 15px 0 0; padding: 0; list-style: none; }
.wg-verification li { display: flex; align-items: flex-start; gap: 14px; padding: 10px 0; border-top: 1px solid color-mix(in srgb,var(--wg-accent-hi) 25.1%,transparent); }
.wg-verification li > span { flex: none; display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid var(--wg-accent); border-radius: 9px; color: var(--wg-text-tint); font-size: 10px; font-weight: 800; }
.wg-verification strong { display: block; font-size: 12px; }
.wg-verification small { display: block; color: var(--wg-text-tint); font-size: 10px; line-height: 1.35; }
.wg-verification p { margin: 7px 0 0; color: var(--wg-text-tint); font-size: 10px; line-height: 1.4; }
.wg-form-card { padding: 38px 39px 28px; background: linear-gradient(145deg, var(--wg-s2), var(--wg-s1) 80%); }
.wg-form-card h2 { margin: 9px 0 9px; font-size: 37px; line-height: 1.16; letter-spacing: -.06em; }
.wg-form-lead { max-width: 430px; margin: 0; color: var(--wg-text-tint); font-size: 12px; line-height: 1.6; }
.wg-tabs { display: flex; gap: 4px; margin: 25px 0 23px; padding: 5px; border: 1px solid var(--wg-accent-lo); border-radius: 14px; background: var(--wg-s1); }
.wg-tabs button { flex: 1; min-height: 42px; border: 0; border-radius: 10px; background: transparent; color: var(--wg-text-tint); font-weight: 800; }
.wg-tabs button[aria-pressed="true"] { background: var(--wg-accent); color: #fff; box-shadow: 0 4px 15px color-mix(in srgb,var(--wg-accent-hi) 14.5%,transparent); }
.wg-form-card form:not([hidden]),
.wg-signed form:not([hidden]) { display: grid; gap: 14px; }
.wg-field-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.wg-form-card form label,
.wg-signed form label { display: block; min-width: 0; color: var(--wg-text-tint); font-size: 11px; font-weight: 700; line-height: 1.4; }
.wg-form-card form label span:not(.wg-checks span),
.wg-signed form label span { color: var(--wg-text-tint); font-weight: 500; }
.wg-form-card input:not([type="checkbox"]),
.wg-signed input:not([type="checkbox"]) { display: block; width: 100%; height: 47px; margin-top: 7px; padding: 11px 13px; border: 1px solid var(--wg-accent-lo); border-radius: 11px; background: var(--wg-s1); color: var(--wg-text-tint); font-size: 13px; outline: none; }
.wg-form-card input::placeholder { color: #6e8974; }
.wg-form-card input:not([type="checkbox"]):focus,
.wg-signed input:not([type="checkbox"]):focus { border-color: var(--wg-accent-hi); box-shadow: 0 0 0 3px color-mix(in srgb,var(--wg-accent-hi) 11%,transparent); }
.wg-promo-note { margin: -2px 0 0; color: var(--wg-text-tint); font-size: 10px; line-height: 1.45; }
.wg-checks { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin: 5px 0 3px; }
.wg-checks label,
.wg-check { display: flex !important; align-items: flex-start; gap: 8px; color: var(--wg-text-tint) !important; font-size: 11px !important; font-weight: 500 !important; }
.wg-checks input,
.wg-check input { flex: none; width: 17px; height: 17px; margin: 0; accent-color: var(--wg-accent-hi); }
.wg-checks a { color: var(--wg-text-tint); text-decoration: underline; text-underline-offset: 2px; }
.wg-submit { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 51px; margin-top: 1px; padding: 11px 18px; border: 0; border-radius: 11px; background: var(--wg-accent); color: #fff !important; font-size: 13px; font-weight: 800; text-align: center; transition: transform .18s, filter .18s; }
.wg-submit:hover { transform: translateY(-2px); filter: brightness(1.05); }
.wg-submit span { margin-left: auto; font-size: 18px; line-height: 1; }
.wg-recovery { margin: 17px 0 0; color: var(--wg-text-tint); font-size: 10px; line-height: 1.45; }
.wg-status { max-width: 700px; margin: 18px auto 0; padding: 12px 16px; border: 1px solid var(--wg-accent-lo); border-radius: 12px; background: var(--wg-s2); color: var(--wg-text-tint); font-size: 12px; text-align: center; }
.wg-status[data-kind="error"] { border-color: #a94e53; background: #382024; color: #ffced2; }
.wg-status[data-kind="success"] { border-color: #8fb956; color: #dcf8b5; }
.wg-signed { max-width: 750px; margin: auto; padding: 45px; background: radial-gradient(circle at 100% 0, var(--wg-s5), var(--wg-s2) 53%, var(--wg-s1)); text-align: center; }
.wg-signed h1 { margin: 13px 0; font-size: clamp(28px, 4vw, 42px); letter-spacing: -.06em; }
.wg-signed p { color: var(--wg-text-tint); }
.wg-signed-identity { color: var(--wg-text-tint) !important; font-weight: 800; }
.wg-signed-actions { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 25px; }
.wg-signed-actions .wg-submit { width: auto; min-width: 190px; }
.wg-signed-actions button { padding: 12px 20px; border: 1px solid #698570; border-radius: 11px; background: var(--wg-s2); color: var(--wg-text-tint); }
.wg-signed form { max-width: 450px; margin: 35px auto 0; text-align: left; }
.wg-signed form h2 { font-size: 20px; }
.wg-telegram-password-login { margin: 16px 0; padding: 12px 15px; border: 1px solid #4f7258; border-radius: 13px; background: #12271b; }
.wg-telegram-password-login summary { cursor: pointer; text-align: center; color: #d8f7aa; font-weight: 750; }
.wg-telegram-password-login form { margin-top: 14px; }
.wg-telegram-password-login .wg-recovery { margin-top: 12px; }
.wg-telegram-password { margin: 22px 0 0; padding: 18px; border: 1px solid #63815e; border-radius: 17px; background: #132a1c; text-align: left; }
.wg-telegram-password h2 { margin: 0 0 8px; font-size: 21px; }
.wg-telegram-password p { line-height: 1.45; }
.wg-telegram-password form { margin: 15px 0 0; max-width: none; }
.wg-telegram-password form + form:not([hidden]) { padding-top: 16px; border-top: 1px solid #4b664f; }
.wg-telegram-password .wg-telegram-password-note { margin: 16px 0 0; font-size: 11px; }
.wg-footer { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-top: 1px solid var(--wg-s4); color: #819688; font-size: 10px; }
.wg-footer div { display: flex; gap: 16px; }
.wg-footer a:hover { color: var(--wg-text-tint); }

@media (max-width: 1100px) {
  .wg-hero { padding: 37px 30px; }
  .wg-form-card { padding: 34px 29px 26px; }
  .wg-hero h1 { font-size: 42px; }
  .wg-hero-art { right: -12px; transform: scale(.83); transform-origin: top right; opacity: .75; }
  .wg-verification { margin-top: 135px; }
}
@media (max-width: 800px) {
  .wg-shell { width: min(100% - 36px, 650px); }
  .wg-header { min-height: 82px; }
  .wg-landing-layout { display: flex; flex-direction: column; gap: 17px; }
  .wg-form-card { order: -1; }
  .wg-hero { min-height: 0; }
  .wg-hero h1 { font-size: clamp(35px, 7vw, 49px); }
  .wg-verification { margin-top: 82px; }
  .wg-hero-art { right: 25px; top: 130px; }
}
@media (max-width: 540px) {
  .wg-shell { width: min(100% - 28px, 420px); }
  .wg-header { min-height: 72px; gap: 7px; }
  .wg-brand { gap: 5px; font-size: 16px; }
  .wg-brand img { width: 34px; height: 34px; }
  .wg-header-actions { gap: 4px; font-size: 10px; }
  .wg-lang { padding: 7px 5px; }
  .wg-browse { padding: 8px 9px; font-size: 0; }
  .wg-browse span { margin: 0; font-size: 15px; }
  .wg-account { padding-top: 5px; }
  .wg-form-card, .wg-hero, .wg-signed { border-radius: 21px; }
  .wg-form-card { padding: 26px 21px 22px; }
  .wg-form-card h2 { font-size: 30px; }
  .wg-tabs { margin: 20px 0; }
  .wg-field-row { grid-template-columns: 1fr; gap: 14px; }
  .wg-checks { display: grid; justify-content: stretch; gap: 10px; }
  .wg-hero { padding: 28px 22px 26px; }
  .wg-hero-top { font-size: 9px; }
  .wg-hero h1 { margin-top: 13px; font-size: 36px; }
  .wg-hero-lead { font-size: 12px; }
  .wg-hero-art { top: 145px; right: -57px; transform: scale(.56); opacity: .45; }
  .wg-verification { width: 100%; margin-top: 66px; padding: 17px; }
  .wg-verification-title { font-size: 11px; }
  .wg-footer { flex-wrap: wrap; justify-content: center; gap: 4px 14px; padding: 17px 0; text-align: center; }
  .wg-signed { padding: 32px 22px; }
  .wg-signed-actions { flex-direction: column; }
  .wg-signed-actions .wg-submit { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}
.wg-form-card .wg-form-hint{margin:0 0 3px;color:var(--wg-text-tint);font-size:12px;line-height:1.55}
.wg-form-card .wg-form-hint strong{color:var(--wg-text-tint);overflow-wrap:anywhere}
.wg-form-card .wg-link-button{justify-self:center;border:0;background:transparent;color:var(--wg-text-tint);padding:8px 12px;font:inherit;font-weight:750;text-decoration:underline;text-underline-offset:3px}
.wg-form-card .wg-link-button:hover{color:var(--wg-text-tint)}
.wg-form-card .wg-method-switch{display:block;margin:18px auto 0;text-align:center}
.wg-telegram-fast{margin-top:19px;border:1px solid #4b9fac;border-radius:15px;background:linear-gradient(115deg,#123d42,#102a2f 70%);box-shadow:0 10px 24px #07171c66,inset 0 1px #c9ffff22}
.wg-telegram-trigger{display:flex;align-items:center;gap:12px;width:100%;min-height:66px;padding:10px 15px;border:0;border-radius:14px;background:transparent;color:#f5ffff;text-align:left;transition:background .18s,transform .18s}
.wg-telegram-trigger:hover{background:#28717a66;transform:translateY(-1px)}
.wg-telegram-mark{display:grid;flex:none;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#a5ecff,#4dace5);box-shadow:inset 0 1px #fff9,0 5px 11px #06192080;color:#0b3340;font-size:23px;font-weight:800}
.wg-telegram-trigger strong,.wg-telegram-trigger small{display:block}
.wg-telegram-trigger strong{font-size:14px;line-height:1.25}
.wg-telegram-trigger small{margin-top:3px;color:#b7e8e9;font-size:10px;line-height:1.35}
.wg-telegram-arrow{margin-left:auto;color:#a3eeff;font-size:18px}
.wg-telegram-note{margin:0;padding:0 15px 12px;color:#c1e4e1;font-size:11px;line-height:1.4}
.wg-telegram-verify{display:grid;gap:8px;padding:0 16px 16px;border-top:1px solid #9cdde33b}
.wg-telegram-verify label{display:flex;align-items:flex-start;gap:8px;color:#e5f6f4;font-size:11px;line-height:1.4}
.wg-telegram-verify label:first-child{margin-top:12px}
.wg-telegram-verify input{flex:none;width:17px;height:17px;margin:0;accent-color:#67cdf1}
.wg-telegram-verify a{color:#c1f0ff;text-decoration:underline;text-underline-offset:2px}
.wg-telegram-verify [data-telegram-widget]{min-height:0;margin-top:8px}
.wg-telegram-bot{margin:19px 0 10px;border:1px solid #63b8b1;border-radius:15px;background:linear-gradient(115deg,#15433b,#102d2d 72%);box-shadow:0 10px 25px #071a1866,inset 0 1px #c9ffff24}
.wg-bot-trigger{display:flex;align-items:center;gap:12px;width:100%;min-height:66px;padding:10px 15px;border:0;border-radius:14px;background:transparent;color:var(--wg-text-tint);text-align:left;cursor:pointer;transition:background .18s,transform .18s}
.wg-bot-trigger:hover{background:color-mix(in srgb,var(--wg-accent-deep) 39.6%,transparent);transform:translateY(-1px)}
.wg-bot-trigger strong,.wg-bot-trigger small{display:block}
.wg-bot-trigger strong{font-size:14px;line-height:1.25}
.wg-bot-trigger small{margin-top:3px;color:var(--wg-text-tint);font-size:10px;line-height:1.35}
.wg-bot-existing{margin:0;padding:0 15px 12px;color:var(--wg-text-tint);font-size:11px;line-height:1.4}
.wg-bot-flow{padding:14px 15px;border-top:1px solid color-mix(in srgb,var(--wg-pale-2) 20.8%,transparent)}
.wg-bot-flow p{color:var(--wg-text-tint);font-size:11px;line-height:1.5;margin:0 0 10px}
.wg-bot-flow [hidden]{display:none!important}
.wg-bot-action{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border:1px solid var(--wg-accent-pale);border-radius:9px;background:var(--wg-accent);color:#fff;text-decoration:none;font-family:inherit;font-size:12px;font-weight:700;line-height:1.2;cursor:pointer;transition:filter .18s,transform .18s}
.wg-bot-action:hover{filter:brightness(1.08);transform:translateY(-1px)}
.wg-bot-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.wg-bot-actions button{min-height:34px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--wg-accent-hi) 50.2%,transparent);border-radius:8px;background:var(--wg-s3);color:var(--wg-text-tint);font-size:11px;font-weight:700;cursor:pointer}
.wg-bot-code{display:grid;gap:6px;color:var(--wg-text-tint);font-size:11px;font-weight:700}
.wg-bot-code input{width:100%;max-width:220px;min-height:40px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--wg-accent-hi) 50.2%,transparent);border-radius:9px;background:var(--wg-s1);color:#fff;font-size:17px;font-weight:800;letter-spacing:.13em}
.wg-bot-code input:focus-visible{outline:2px solid var(--wg-accent-hi);outline-offset:2px}
.wg-bot-consent{display:grid;gap:8px;margin:12px 0}
.wg-bot-consent label{display:flex;align-items:flex-start;gap:8px;color:var(--wg-text-tint);font-size:11px;line-height:1.4}
.wg-bot-consent input{flex:none;width:17px;height:17px;margin:0;accent-color:var(--wg-accent-hi)}
.wg-bot-consent a{color:var(--wg-text-tint);text-decoration:underline;text-underline-offset:2px}
.wg-bot-flow .wg-bot-feedback{min-height:0;margin:8px 0 0;color:var(--wg-text-tint)}
.wg-account[data-telegram-primary="true"] .wg-telegram-fast{margin-top:23px;border-color:#88d7db;box-shadow:0 13px 30px #07171ca8,inset 0 1px #e5ffff35}
.wg-account[data-telegram-primary="true"] .wg-telegram-trigger{min-height:76px;padding:12px 16px}
.wg-account[data-telegram-primary="true"] .wg-telegram-trigger strong{font-size:16px}
.wg-account[data-telegram-primary="true"] .wg-telegram-bot{margin:11px 0 0;border-color:#435f54;background:#11251e;box-shadow:none}
.wg-account[data-telegram-primary="true"] .wg-bot-trigger{min-height:45px;padding:8px 12px}
.wg-account[data-telegram-primary="true"] .wg-bot-trigger .wg-telegram-mark{width:26px;height:26px;border-radius:8px;font-size:16px}
.wg-account[data-telegram-primary="true"] .wg-bot-trigger strong{font-size:12px}
.wg-account[data-telegram-primary="true"] .wg-bot-trigger small{font-size:12px;line-height:1.3;color:#abc9bb}
.wg-account[data-telegram-primary="true"] .wg-bot-trigger .wg-telegram-arrow{font-size:14px}
.wg-account[data-telegram-primary="true"] .wg-bot-existing{display:none}
@media(prefers-reduced-motion:reduce){.wg-bot-trigger,.wg-bot-action{transition:none}.wg-bot-trigger:hover,.wg-bot-action:hover{transform:none}}
.wg-form-card .wg-submit:disabled,.wg-signed .wg-submit:disabled{opacity:.55;cursor:wait;transform:none}
.wg-form-card form[data-confirm-form],.wg-form-card form[data-recover-form],.wg-form-card form[data-reset-form]{max-width:470px}
.wg-form-card form[data-confirm-form] input[name=code],.wg-form-card form[data-reset-form] input[name=code]{font-variant-numeric:tabular-nums;letter-spacing:.18em;font-size:18px}
.wg-signed .wg-email-state{display:inline-block;padding:7px 13px;border:1px solid var(--wg-accent-lo);border-radius:999px;background:var(--wg-s2);color:var(--wg-text-tint)!important;font-weight:800}
.wg-signed [data-telegram-state]{max-width:560px;margin:12px auto;color:#e2efd8}
.wg-signed [data-change-password]{padding-top:18px;border-top:1px solid var(--wg-accent-lo)}
@media(max-width:540px){.wg-form-card .wg-form-hint{font-size:11px}.wg-form-card form[data-confirm-form],.wg-form-card form[data-recover-form],.wg-form-card form[data-reset-form]{max-width:none}}

/* /assets/blue-ui.css */
/* WIND GAME content palette. The sculpted navigation rail and action buttons stay green. */
html:not([data-theme="light"]) body.mp-body {
  --mp-bg: var(--wg-s0);
  --mp-panel: var(--wg-s2);
  --mp-panel2: var(--wg-s3);
  --mp-line: var(--wg-s5);
  --mp-text: var(--wg-text-tint);
  --mp-muted: var(--wg-text-tint);
  --panel: var(--wg-s2);
  --line: var(--wg-s5);
  --muted: var(--wg-text-tint);
  background: radial-gradient(ellipse at 77% 5%, color-mix(in srgb,var(--wg-accent-deep) 19.2%,transparent), transparent 38%),
    radial-gradient(ellipse at 25% 79%, color-mix(in srgb,var(--wg-s5) 13.7%,transparent), transparent 41%), var(--wg-s0);
}
html:not([data-theme="light"]) body.mp-body .mp-topbar {
  background: color-mix(in srgb,var(--wg-s1) 91.8%,transparent);
  border-color: var(--wg-s5);
}
html:not([data-theme="light"]) body.mp-body .mp-crumb,
html:not([data-theme="light"]) body.mp-body .mp-card-content h3 { color: var(--wg-text-tint); }
html:not([data-theme="light"]) body.mp-body .mp-quick-nav {
  background: color-mix(in srgb,var(--wg-s2) 93.7%,transparent);
  border-color: var(--wg-accent-lo);
}
html:not([data-theme="light"]) body.mp-body .mp-quick-nav a:hover {
  background: var(--wg-s4);
  color: var(--wg-text-tint);
}
html:not([data-theme="light"]) body.mp-body .mp-quick-nav a[aria-current="page"] {
  background: var(--wg-accent-deep);
  border-color: var(--wg-accent);
  color: var(--wg-text-tint);
}
html:not([data-theme="light"]) body.mp-body .mp-promo,
html:not([data-theme="light"]) body.mp-body .mp-promo-angock {
  background: linear-gradient(112deg, var(--wg-s4), var(--wg-s2) 77%);
  border-color: var(--wg-accent);
}
html:not([data-theme="light"]) body.mp-body .mp-promo-angock {
  background: linear-gradient(112deg, var(--wg-s5), var(--wg-s2) 77%);
}
html:not([data-theme="light"]) body.mp-body .mp-game,
html:not([data-theme="light"]) body.mp-body .mp-info-panel,
html:not([data-theme="light"]) body.mp-body .mp-profile-stats > div,
html:not([data-theme="light"]) body.mp-body .mp-official-links a,
html:not([data-theme="light"]) body.mp-body .mp-favorites-list > a,
html:not([data-theme="light"]) body.mp-body .mp-favorites-list > button {
  background: linear-gradient(145deg, var(--wg-s3), var(--wg-s2) 79%);
  border-color: var(--wg-accent-lo);
}
html:not([data-theme="light"]) body.mp-body .mp-game:hover,
html:not([data-theme="light"]) body.mp-body .mp-official-links a:hover,
html:not([data-theme="light"]) body.mp-body .mp-favorites-list > a:hover,
html:not([data-theme="light"]) body.mp-body .mp-favorites-list > button:hover {
  border-color: var(--wg-accent-hi);
  background: linear-gradient(145deg, var(--wg-s4), var(--wg-s2) 79%);
}
html:not([data-theme="light"]) body.mp-body .mp-card-visual:not(.has-cover):not(.has-cutout) {
  background: radial-gradient(circle at 68% 38%, var(--wg-accent-deep), var(--wg-s3) 64%, var(--wg-s2));
}
html:not([data-theme="light"]) body.mp-body .mp-card-action,
html:not([data-theme="light"]) body.mp-body .mp-shelf-tabs button[aria-selected="true"] {
  background: var(--wg-accent);
  color: #fff;
}
html:not([data-theme="light"]) body.mp-body .mp-card-action:hover {
  background: var(--wg-accent);
  color: #fff;
}
html:not([data-theme="light"]) body.mp-body .mp-shelf-tabs,
html:not([data-theme="light"]) body.mp-body .mp-search-label input,
html:not([data-theme="light"]) body.mp-body .mp-lang,
html:not([data-theme="light"]) body.mp-body dialog {
  background: var(--wg-s1);
  border-color: var(--wg-accent-lo);
}
html:not([data-theme="light"]) body.mp-body .mp-shelf-panel > p,
html:not([data-theme="light"]) body.mp-body .mp-empty {
  border-color: var(--wg-accent-lo);
}
html:not([data-theme="light"]) body.mp-body .mp-rule-icon { border-color: var(--wg-accent); }
html:not([data-theme="light"]) body.mp-body .mp-footer,
html:not([data-theme="light"]) body.mp-body .mp-rules-teaser,
html:not([data-theme="light"]) body.mp-body .mp-all-games-head { border-color: var(--wg-s5); }

/* Real illustrated covers take the place of code-drawn card art. */
body[data-page="games"] .mp-game:has(.wg-illustrated-cover)::before { display: none; }
body[data-page="games"] .mp-card-visual.wg-illustrated-cover {
  height: 139px;
  min-height: 0;
  background: var(--wg-s1);
  border-right: 1px solid var(--wg-accent);
}
body[data-page="games"] .wg-illustrated-cover .mp-cover { object-position: center; }
body[data-page="games"] .wg-cover-zero {
  position: absolute;
  z-index: 2;
  left: 11px;
  bottom: 11px;
  padding: 4px 9px;
  border: 1px solid #d9bc74;
  border-radius: 999px;
  background: #081522db;
  box-shadow: 0 4px 15px #0008;
  color: #ffe3a1;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.2;
}

/* Account, profile, achievements, games and community panels follow the same palette. */
html:not([data-theme="light"]) body.mp-body :is(.wg-canonical, .wg-verification, .wg-ach-app .wg-a-header,
  .wg-account-panel, .wg-account-signed, .wg-owner-gate, .wg-owner-overview,
  .wg-owner-mode-section, .wg-owner-card, .wg-r-panel, .wg-r-signin,
  .wg-c-status, .wg-c-auth, .wg-c-card, .wg-c-chat, .sg-board-panel, .sg-aside,
  .mines-controls, .wg-help-panel, .wg-help-block) {
  background: linear-gradient(145deg, var(--wg-s3), var(--wg-s1) 83%);
  border-color: var(--wg-accent-lo);
}
html:not([data-theme="light"]) body.mp-body :is(.wg-canonical-identity, .wg-canonical-arena,
  .wg-canonical-balance:not(.wg-canonical-wallet), .wg-verification-card,
  .wg-a-card, .wg-a-status, .wg-owner-overview-metric, .wg-owner-overview-sources > div,
  .wg-owner-stat, .wg-owner-policy, .wg-r-stats > div, .wg-r-achievement,
  .wg-c-message, .wg-c-w-form, .wg-c-w-history, .wg-help-message) {
  background: var(--wg-s2);
  border-color: var(--wg-accent-lo);
}
html:not([data-theme="light"]) body.mp-body .wg-canonical-wallet {
  background: radial-gradient(circle at 90% 12%, #ad91563d, transparent 37%),
    linear-gradient(118deg, var(--wg-s3), var(--wg-s3) 66%, #3b3327);
  border-color: #b89a55;
}
html:not([data-theme="light"]) body.mp-body :is(.wg-account-tabs, .wg-owner-card input,
  .wg-owner-card select, .wg-owner-card textarea, .wg-c-form input, .wg-c-form textarea,
  .wg-help-fab textarea, .wg-help-fab input, .sg-select, .wg-r-link-row input) {
  background: var(--wg-s1);
  border-color: var(--wg-accent-lo);
  color: var(--wg-text-tint);
}
html:not([data-theme="light"]) body.mp-body .wg-a-header {
  background: radial-gradient(circle at 93% 4%, color-mix(in srgb,var(--wg-accent-lo) 26.7%,transparent), transparent 42%), var(--wg-s3);
}

/* Full-screen registration has its own layout and keeps green calls to action. */
html:not([data-theme="light"]) body.wg-landing-body {
  background: radial-gradient(ellipse at 12% 37%, color-mix(in srgb,var(--wg-accent-deep) 26.3%,transparent), transparent 55%),
    radial-gradient(ellipse at 85% 12%, color-mix(in srgb,var(--wg-accent-deep) 15.3%,transparent), transparent 48%), var(--wg-s0);
  color: var(--wg-text-tint);
}
html:not([data-theme="light"]) body.wg-landing-body :is(.wg-hero, .wg-form-card, .wg-signed) {
  background: linear-gradient(145deg, var(--wg-s4), var(--wg-s2) 74%, var(--wg-s1));
  border-color: var(--wg-accent);
}
html:not([data-theme="light"]) body.wg-landing-body .wg-hero {
  background: radial-gradient(circle at 83% 27%, var(--wg-accent-lo), var(--wg-s4) 34%, var(--wg-s3) 63%, var(--wg-s1));
}
html:not([data-theme="light"]) body.wg-landing-body :is(.wg-verification, .wg-tabs,
  .wg-telegram-password-login, .wg-telegram-password, .wg-status) {
  background: #0a1c32d9;
  border-color: #3c709b;
}
html:not([data-theme="light"]) body.wg-landing-body :is(.wg-form-card input:not([type="checkbox"]),
  .wg-signed input:not([type="checkbox"])) {
  background: var(--wg-s1);
  border-color: var(--wg-accent-lo);
  color: var(--wg-text-tint);
}
html:not([data-theme="light"]) body.wg-landing-body .wg-footer { border-color: var(--wg-s5); }

@media (max-width: 580px) {
  body[data-page="games"] .mp-card-visual.wg-illustrated-cover { height: 128px; }
}

/* /assets/action-cyan.css */
/* WIND GAME actions: keep the sculpted sidebar green; use cyan/blue in content. */
html:not([data-theme="light"]) body.mp-body {
  --wg-action-cyan: var(--wg-accent-hi);
  --wg-action-cyan-hover: var(--wg-accent-hi);
  --wg-action-blue: var(--wg-accent-deep);
  --wg-action-border: var(--wg-accent-hi);
  --wg-action-ink: var(--wg-s1);
}

html:not([data-theme="light"]) body.mp-body :is(
  .mp-card-action,
  .mp-account-link,
  .mp-shelf-tabs button[aria-selected="true"],
  .mp-quick-nav a[aria-current="page"],
  .wg-c-button:not(.wg-c-quiet),
  .wg-account-button:not(.ghost),
  .wg-account-tabs button[aria-selected="true"],
  .wg-help-tabs button[aria-selected="true"]
) {
  color: var(--wg-action-ink);
  background: linear-gradient(140deg, var(--wg-accent) 0%, var(--wg-action-cyan) 46%, var(--wg-accent) 100%);
  border-color: var(--wg-accent-pale);
  box-shadow: inset 0 1px color-mix(in srgb,var(--wg-pale-2) 72.2%,transparent), 0 6px 20px color-mix(in srgb,var(--wg-accent-lo) 20.4%,transparent);
}

html:not([data-theme="light"]) body.mp-body :is(
  .mp-card-action,
  .mp-account-link,
  .mp-shelf-tabs button[aria-selected="true"],
  .mp-quick-nav a[aria-current="page"],
  .wg-c-button:not(.wg-c-quiet),
  .wg-account-button:not(.ghost),
  .wg-help-tabs button[aria-selected="true"]
):hover {
  color: #fff;
  background: linear-gradient(140deg, var(--wg-accent), var(--wg-action-cyan-hover) 60%, var(--wg-accent));
  border-color: var(--wg-pale-2);
}

html:not([data-theme="light"]) body.mp-body :is(
  .mp-theme-toggle,
  .mp-lang,
  .wg-c-button.wg-c-quiet,
  .wg-account-button.ghost,
  .wg-help-tabs button:not([aria-selected="true"])
) {
  color: var(--wg-text-tint);
  background: linear-gradient(145deg, var(--wg-s5), var(--wg-s3));
  border-color: var(--wg-accent);
}

html:not([data-theme="light"]) body.mp-body :is(
  .mp-theme-toggle,
  .mp-lang,
  .wg-c-button.wg-c-quiet,
  .wg-account-button.ghost,
  .wg-help-tabs button:not([aria-selected="true"])
):hover {
  color: #fff;
  background: linear-gradient(145deg, var(--wg-accent-deep), var(--wg-s4));
  border-color: var(--wg-accent-hi);
}

html:not([data-theme="light"]) body.mp-body .mp-quick-nav a:hover:not([aria-current="page"]) {
  color: var(--wg-text-tint);
  background: var(--wg-s5);
}

html:not([data-theme="light"]) body.mp-body .mp-card-hit:hover ~ .mp-card-content .mp-card-action {
  color: #fff;
  background: linear-gradient(140deg, var(--wg-accent), var(--wg-accent) 70%, var(--wg-accent));
}

html:not([data-theme="light"]) body.mp-body :is(.wg-home-primary, #age-yes, #welcome-gate .primary) {
  color: #fff;
  background: linear-gradient(140deg, var(--wg-accent), var(--wg-accent) 55%, var(--wg-accent));
  border-color: var(--wg-accent-pale);
  box-shadow: inset 0 1px color-mix(in srgb,var(--wg-pale) 72.2%,transparent), 0 8px 24px color-mix(in srgb,var(--wg-accent-lo) 32.9%,transparent);
}

html:not([data-theme="light"]) body.mp-body :is(.wg-home-primary, #age-yes, #welcome-gate .primary):hover {
  color: #fff !important;
  background: linear-gradient(140deg, var(--wg-accent), var(--wg-accent) 60%, var(--wg-accent));
  border-color: var(--wg-pale);
}

html:not([data-theme="light"]) body.mp-body :is(.wg-home-secondary, #age-no) {
  color: var(--wg-text-tint);
  background: color-mix(in srgb,var(--wg-s3) 65.9%,transparent);
  border-color: var(--wg-accent);
}

html:not([data-theme="light"]) body.mp-body :is(.wg-home-secondary, #age-no):hover {
  color: #fff !important;
  background: var(--wg-s5);
  border-color: var(--wg-accent-hi);
}

html:not([data-theme="light"]) body.mp-body .wg-public-help {
  --ph-bg: var(--wg-s2);
  --ph-surface: var(--wg-s3);
  --ph-border: var(--wg-accent-lo);
  --ph-ink: var(--wg-text-tint);
  --ph-muted: var(--wg-text-tint);
  --ph-accent: var(--wg-accent-hi);
  background: linear-gradient(145deg, var(--wg-s4) 0%, var(--wg-s2) 52%, var(--wg-s1) 100%);
}

html:not([data-theme="light"]) body.mp-body .wg-inline-help > summary {
  color: var(--wg-text-tint);
  background: linear-gradient(145deg, var(--wg-s3), var(--wg-s2));
  border-color: var(--wg-accent-lo);
}

html:not([data-theme="light"]) body.mp-body .wg-inline-help > summary:hover {
  background: linear-gradient(145deg, var(--wg-s5), var(--wg-s3));
  border-color: var(--wg-accent-hi);
}

html:not([data-theme="light"]) body.mp-body :is(.wg-inline-help-mark, .wg-inline-help-chevron) {
  color: var(--wg-text-tint);
}

html:not([data-theme="light"]) body.mp-body .wg-inline-help-mark {
  background: var(--wg-s5);
}

html:not([data-theme="light"]) body.mp-body .wg-help-fab {
  --wg-panel: var(--wg-s2);
  --wg-card: var(--wg-s3);
  --wg-border: var(--wg-accent);
  --wg-text: var(--wg-text-tint);
  --wg-muted: var(--wg-text-tint);
  --wg-accent: var(--wg-accent-hi);
}

html:not([data-theme="light"]) body.mp-body .wg-help-fab form button {
  color: #fff;
  background: linear-gradient(140deg, var(--wg-accent), var(--wg-accent));
  border-color: var(--wg-accent-pale);
}

html:not([data-theme="light"]) body.mp-body :is(
  .wg-c-button,
  .wg-account-button,
  .mp-card-action,
  .mp-account-link,
  .mp-quick-nav a,
  .mp-theme-toggle,
  .wg-help-fab button
):focus-visible {
  outline: 3px solid var(--wg-accent-pale);
  outline-offset: 3px;
}

/* The full-screen registration page shares the same action colors. */
html:not([data-theme="light"]) body.wg-landing-body :is(
  .wg-account-button:not(.ghost),
  .wg-account-tabs button[aria-selected="true"]
) {
  color: #fff;
  background: linear-gradient(140deg, var(--wg-accent), var(--wg-accent));
  border-color: var(--wg-accent-pale);
  box-shadow: inset 0 1px var(--wg-pale), 0 8px 22px color-mix(in srgb,var(--wg-accent-lo) 18%,transparent);
}

html[data-theme="light"] body.mp-body .wg-public-help {
  --ph-bg: var(--wg-pale);
  --ph-surface: #fff;
  --ph-border: var(--wg-accent-hi);
  --ph-ink: var(--wg-s2);
  --ph-muted: var(--wg-accent-lo);
  --ph-accent: var(--wg-accent-lo);
  background: linear-gradient(145deg, var(--wg-pale), var(--wg-pale));
}

html[data-theme="light"] body.mp-body :is(
  .mp-card-action,
  .mp-account-link,
  .mp-shelf-tabs button[aria-selected="true"],
  .mp-quick-nav a[aria-current="page"],
  .wg-c-button:not(.wg-c-quiet),
  .wg-account-button:not(.ghost),
  .wg-account-tabs button[aria-selected="true"],
  .wg-help-tabs button[aria-selected="true"]
) {
  color: #fff;
  background: linear-gradient(140deg, var(--wg-accent), var(--wg-accent));
  border-color: var(--wg-accent);
}

html[data-theme="light"] body.mp-body :is(.wg-home-primary, #age-yes) {
  color: #fff;
  background: linear-gradient(140deg, var(--wg-accent), var(--wg-accent));
  border-color: var(--wg-accent);
}

@media (prefers-reduced-motion: reduce) {
  body.mp-body :is(.mp-card-action, .wg-c-button, .wg-account-button) {
    transition: none;
  }
}

/* /assets/account-management.css */
/* Signed-in account management. The full player profile is /pages/profile.html. */
.wg-account[data-account-mode="manage"][data-account-state="signed"] {
  margin: 0;
  padding: 20px 0 64px;
}
.wg-account[data-account-mode="manage"] .wg-signed {
  max-width: 820px;
  margin: 0 auto;
  padding: clamp(24px, 4vw, 40px);
  text-align: left;
}
.wg-account[data-account-mode="manage"] .wg-signed h1 {
  margin: 8px 0 6px;
  font-size: clamp(28px, 4vw, 40px);
  line-height: 1.12;
}
.wg-signed-lead {
  max-width: 580px;
  margin: 0 0 21px;
  color: var(--wg-text-tint) !important;
  line-height: 1.55;
}
.wg-account[data-account-mode="manage"] .wg-signed-identity {
  display: block;
  margin: 0 0 5px;
  font-size: 16px;
  overflow-wrap: anywhere;
}
.wg-account[data-account-mode="manage"] .wg-signed .wg-email-state {
  display: inline-block;
  max-width: 100%;
  margin: 7px 8px 7px 0;
  font-size: 11px;
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
}
.wg-account[data-account-mode="manage"] [data-canonical-id] {
  white-space: normal;
  overflow-wrap: anywhere;
}
.wg-account[data-account-mode="manage"] [data-telegram-state],
.wg-account[data-account-mode="manage"] [data-bonus-status] {
  max-width: none;
  margin: 10px 0;
  font-size: 12px;
}
.wg-account[data-account-mode="manage"] .wg-signed-actions {
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 22px 0 0;
}
.wg-account[data-account-mode="manage"] .wg-signed-actions .wg-submit {
  width: auto;
  min-width: 215px;
  margin: 0;
}
.wg-account[data-account-mode="manage"] .wg-signed .wg-submit {
  background: linear-gradient(135deg, var(--wg-accent), var(--wg-accent));
  color: #fff !important;
  box-shadow: 0 8px 22px color-mix(in srgb,var(--wg-accent) 25.9%,transparent), inset 0 1px #ffffffaa;
}
.wg-account[data-account-mode="manage"] .wg-signed .wg-submit:hover {
  filter: brightness(1.08);
}
.wg-account[data-account-mode="manage"] .wg-signed :is(.wg-submit, button, input):focus-visible {
  outline: 3px solid var(--wg-accent-hi);
  outline-offset: 3px;
}
.wg-account[data-account-mode="manage"] .wg-signed-actions button {
  min-height: 50px;
  border-color: var(--wg-accent);
  background: var(--wg-s3);
  color: var(--wg-text-tint);
}
.wg-account[data-account-mode="manage"] .wg-signed form {
  max-width: 520px;
  margin: 22px 0 0;
}
.wg-account[data-account-mode="manage"] .wg-telegram-password {
  margin-top: 27px;
}
.wg-account[data-account-state="error"] .wg-status {
  max-width: 620px;
  margin: 12vh auto 20vh;
  padding: 23px;
  font-size: 14px;
}
@media (max-width: 540px) {
  .wg-account[data-account-mode="manage"][data-account-state="signed"] {
    padding: 8px 0 40px;
  }
  .wg-account[data-account-mode="manage"] .wg-signed {
    padding: 25px 18px;
  }
  .wg-account[data-account-mode="manage"] .wg-signed-actions {
    align-items: stretch;
    gap: 9px;
  }
  .wg-account[data-account-mode="manage"] .wg-signed-actions .wg-submit,
  .wg-account[data-account-mode="manage"] .wg-signed-actions button {
    width: 100%;
    min-width: 0;
  }
  .wg-account[data-account-mode="manage"] .wg-telegram-password {
    padding: 15px;
  }
}

/* /assets/mobile-fix.css */
/* WIND GAME phone adaptation (mob1-20261016). Layout/input only: no game logic, odds or stakes.
   Loaded last in <head> on site pages and Arena game pages. Safe on desktop: every rule is
   inside a phone/touch media query except touch-action, which only removes the double-tap delay. */

/* TZ3 §8: a double tap must not zoom the page or fire a button twice with the 300ms delay. */
button, [role="button"], .wg-shell-bar a, .rd-bottom-bar a { touch-action: manipulation; }

/* ---------- Phones (portrait and small tablets) ---------- */
@media (max-width: 600px) {
  /* Chat/support button: smaller so it covers less of the game cards. */
  html body .wg-help-fab .wg-help-trigger { width: 46px; height: 46px; border-radius: 16px; }
  html body .wg-help-fab .wg-help-trigger svg { width: 23px; height: 23px; }

  /* HiLo: the 56px gutter reserved for the chat button squeezed the three choices
     until «Недоступно / Unavailable» was cut. Give them the full row back. */
  .hilo-w-page .hilo-choices { padding-right: 0 !important; gap: 6px; }
  .hilo-w-page .hilo-choices button { padding: 8px 6px; overflow-wrap: anywhere; }

  /* Secondary actions under 40px. */
  #verify, button#verify { min-height: 40px; }
  #pz-sw-practice, #pz-sw-w { min-height: 40px; }
  .th-pill { min-height: 40px; }
  #refresh, #cancel { min-height: 40px; }
  .wg-game-scroll-controls button { min-width: 40px; min-height: 40px; }
  #game-search { min-height: 40px; }

  /* Home favourites star: 28px visual, 40px touch area. */
  .mp-favorite::after { content: ""; position: absolute; inset: -6px; }

  /* Game header links (Duel W / Coin Flip / rooms): wrap instead of cutting «Профиль». */
  body.wg-shell-ready .wg-shell-header > nav { flex-wrap: wrap; row-gap: 2px; min-width: 0; max-width: 100%; }
}

@media (max-width: 360px) {
  .hilo-w-page .hilo-choices strong { font-size: 12px; }
  .hilo-w-page .hilo-choices span, .hilo-w-page .hilo-choices small { font-size: 10.5px; }
}

/* ---------- Short landscape phones (e.g. 740x360) ---------- */
/* The 66px quick bar + header left only ~half of the screen for the game. */
@media (orientation: landscape) and (max-height: 500px) {
  :root {
    --rd-dock-h: calc(46px + env(safe-area-inset-bottom)) !important;
    --wg-bar-h: calc(46px + env(safe-area-inset-bottom)) !important;
  }
  html body .rd-bottom-bar, html body .wg-shell-bar { padding-top: 3px; padding-bottom: env(safe-area-inset-bottom); }
  html body .rd-bottom-bar a, html body .wg-shell-bar a { flex-direction: row; gap: 7px; min-height: 40px; font-size: 12px; }
  html body .rd-bottom-bar a .rd-bb-icon, html body .wg-shell-bar a .wg-shell-bar-icon { width: 24px; height: 24px; flex: none; }
  html body .wg-help-fab .wg-help-trigger { width: 44px; height: 44px; border-radius: 15px; }
  html body .wg-help-fab .wg-help-trigger svg { width: 22px; height: 22px; }
}

/* /assets/help-fab.css */
.wg-help-fab{--wg-panel:var(--wg-s1);--wg-card:var(--wg-s3);--wg-border:var(--wg-accent-lo);--wg-text:var(--wg-text-tint);--wg-muted:var(--wg-text-tint);--wg-accent:var(--wg-accent-hi);position:fixed;z-index:80;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));font-family:inherit;color:var(--wg-text)}
html[data-theme="light"] .wg-help-fab{--wg-panel:var(--wg-pale);--wg-card:#fff;--wg-border:var(--wg-accent-hi);--wg-text:var(--wg-accent-deep);--wg-muted:var(--wg-accent-lo);--wg-accent:var(--wg-accent-deep)}
.wg-help-fab *{box-sizing:border-box}.wg-help-fab [hidden]{display:none!important}
.wg-help-trigger,.wg-help-close,.wg-help-tabs button,.wg-help-refresh,.wg-help-back,.wg-help-ticket,.wg-help-report-link,.wg-help-transfer-link,.wg-help-transfer-confirm button,.wg-help-transfer-history-toggle,.wg-help-fab form button{font:inherit;cursor:pointer}
.wg-help-trigger{display:flex;align-items:center;justify-content:center;width:58px;height:58px;margin-left:auto;border:1px solid color-mix(in srgb,var(--wg-accent-hi) 65.9%,transparent);border-radius:19px;background:linear-gradient(145deg,var(--wg-s5),var(--wg-s3));color:var(--wg-text-tint);box-shadow:0 12px 30px #0009,0 0 24px color-mix(in srgb,var(--wg-accent) 22%,transparent),inset 0 1px #ffffff50}
.wg-help-trigger:hover,.wg-help-trigger:focus-visible{outline:2px solid var(--wg-accent-hi);outline-offset:2px}.wg-help-trigger svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.wg-help-panel{position:absolute;right:0;bottom:70px;display:flex;flex-direction:column;width:min(560px,calc(100vw - 28px));height:min(760px,calc(100dvh - 106px));min-height:300px;border:1px solid var(--wg-accent);border-radius:22px;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--wg-s4) 40%,transparent),transparent 45%),var(--wg-panel);box-shadow:0 24px 68px #000c,0 0 36px color-mix(in srgb,var(--wg-accent) 12.9%,transparent),inset 0 1px color-mix(in srgb,var(--wg-accent-pale) 18.8%,transparent);overflow:hidden}
.wg-help-head{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;max-width:none;min-height:0;margin:0;padding:17px 19px 15px;background:linear-gradient(125deg,var(--wg-s4),var(--wg-s2) 68%,var(--wg-s2));border-bottom:1px solid color-mix(in srgb,var(--wg-accent) 54.9%,transparent)}
.wg-help-head small{color:#e3c981;font-size:10px;font-weight:900;letter-spacing:.16em}.wg-help-head h2{margin:3px 0 0;color:var(--wg-text-tint);font-size:20px;line-height:1.2}
.wg-help-close{width:44px;height:44px;border:1px solid color-mix(in srgb,var(--wg-accent) 62.7%,transparent);border-radius:11px;background:var(--wg-s3);color:var(--wg-text-tint);font-size:25px;line-height:1}
.wg-help-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px;border-bottom:1px solid var(--wg-border)}
.wg-help-tabs button{min-height:44px;border:1px solid var(--wg-border);border-radius:10px;background:var(--wg-card);color:var(--wg-muted);font-size:13px;font-weight:800}
.wg-help-tabs button[aria-selected="true"]{border-color:var(--wg-accent-hi);background:linear-gradient(135deg,var(--wg-s5),var(--wg-s4));color:var(--wg-text-tint)}
.wg-help-body{display:flex;flex-direction:column;flex:1;min-height:0;padding:12px;overflow:hidden;overscroll-behavior:contain;scrollbar-color:var(--wg-accent) transparent}
.wg-help-status{margin:0 0 9px;color:var(--wg-muted);font-size:12px;line-height:1.4}.wg-help-auth{padding:18px;border:1px solid var(--wg-border);border-radius:13px;background:var(--wg-card)}
.wg-help-auth p{margin:0 0 12px;line-height:1.45}.wg-help-auth a{display:inline-flex;align-items:center;min-height:44px;color:var(--wg-accent);font-weight:800}
.wg-help-messages,.wg-help-ticket-messages{display:grid;gap:9px}.wg-help-message{padding:10px 12px;border:1px solid var(--wg-border);border-radius:12px;background:var(--wg-card);overflow-wrap:anywhere}
.wg-help-message p{margin:6px 0;color:var(--wg-text);font-size:13px;line-height:1.4;white-space:pre-wrap}.wg-help-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}
.wg-help-meta strong,.wg-help-message strong{font-size:12px}.wg-help-meta time,.wg-help-message time{color:var(--wg-muted);font-size:10px}.wg-help-empty{padding:15px;color:var(--wg-muted);font-size:13px}
.wg-help-report-link{min-height:44px;padding:8px 0;border:0;background:none;color:var(--wg-accent);font-size:11px}
.wg-help-transfer-link{min-height:44px;margin-right:12px;padding:8px 0;border:0;background:none;color:#e9d797;font-size:11px;font-weight:800}
.wg-help-transfer{margin:12px 0;padding:13px;border:1px solid #b99b55;border-radius:12px;background:var(--wg-card)}.wg-help-transfer-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.wg-help-transfer-head strong{color:var(--wg-accent);font-size:13px}.wg-help-transfer-close{flex:none;min-width:44px;min-height:44px;border:1px solid var(--wg-border);border-radius:9px;background:var(--wg-panel);color:var(--wg-text);font:inherit;font-size:20px;cursor:pointer}.wg-help-transfer-recipient,.wg-help-transfer-confirm p{margin:8px 0;color:var(--wg-text);font-size:12px;line-height:1.45;overflow-wrap:anywhere}.wg-help-transfer-confirm{margin-top:10px;padding-top:8px;border-top:1px solid var(--wg-border)}.wg-help-transfer-confirm>div{display:flex;gap:8px}.wg-help-transfer-confirm button{flex:1;min-height:44px;padding:7px;border:1px solid var(--wg-border);border-radius:9px;background:var(--wg-panel);color:var(--wg-text)}.wg-help-transfer-confirm [data-transfer-confirm]{border-color:var(--wg-accent-hi);background:linear-gradient(145deg,var(--wg-accent),var(--wg-accent-lo));color:#fff;font-weight:900}.wg-help-transfer-confirm button:disabled{opacity:.55}
.wg-help-transfer-history-toggle{min-height:44px;margin-top:9px;padding:8px 0;border:0;background:none;color:var(--wg-accent);font-size:11px;font-weight:800}.wg-help-transfer-history{padding:8px;border:1px solid var(--wg-border);border-radius:9px}.wg-help-transfer-history p{margin:5px 0;color:var(--wg-muted);font-size:11px;line-height:1.35}
.wg-help-fab form{display:grid;gap:8px;margin-top:12px}.wg-help-fab form label{display:grid;gap:5px;color:var(--wg-muted);font-size:12px;font-weight:800}
.wg-help-fab textarea,.wg-help-fab input{width:100%;min-width:0;padding:10px 11px;border:1px solid var(--wg-border);border-radius:10px;background:var(--wg-card);color:var(--wg-text);font:inherit;font-size:13px;line-height:1.4;resize:vertical}
.wg-help-fab form button{min-height:44px;padding:9px 13px;border:1px solid var(--wg-accent-hi);border-radius:10px;background:linear-gradient(145deg,var(--wg-accent),var(--wg-accent));color:#fff;font-size:12px;font-weight:900}
.wg-help-fab form button:disabled{opacity:.55;cursor:wait}.wg-help-report{padding:10px;border:1px solid var(--wg-border);border-radius:11px;background:var(--wg-card)}.wg-help-report>div{display:flex;gap:6px}.wg-help-report>div button{flex:1}
.wg-help-block{margin-bottom:12px;padding:13px;border:1px solid var(--wg-border);border-radius:13px;background:var(--wg-card)}.wg-help-block>strong{font-size:13px;color:var(--wg-accent)}.wg-help-block>p{margin:6px 0;color:var(--wg-muted);font-size:11px;line-height:1.45}
.wg-help-faq-answer{margin-top:9px;padding:10px;border:1px solid var(--wg-border);border-radius:10px}.wg-help-faq-answer strong{font-size:12px}.wg-help-faq-answer p{margin:6px 0 0;font-size:12px;line-height:1.4;white-space:pre-wrap}
.wg-help-faq-handoff{min-height:44px;margin-top:10px;padding:9px 12px;border:1px solid var(--wg-accent-hi);border-radius:10px;background:linear-gradient(145deg,var(--wg-accent),var(--wg-accent));color:#fff;font:inherit;font-size:12px;font-weight:900;cursor:pointer}
.wg-help-ticket{display:block;width:100%;min-height:44px;margin-top:7px;padding:8px;text-align:left;border:1px solid var(--wg-border);border-radius:9px;background:var(--wg-panel);color:var(--wg-text);font-size:12px;overflow-wrap:anywhere}.wg-help-ticket:hover{border-color:var(--wg-accent)}
.wg-help-ticket-detail{margin-top:10px}.wg-help-ticket-detail h3{font-size:14px}.wg-help-back{min-height:44px;border:0;background:none;color:var(--wg-accent)}
.wg-help-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:8px;width:100%;max-width:none;min-height:0;margin:0;padding:9px 13px;border-top:1px solid var(--wg-border);background:var(--wg-card)}
.wg-help-foot a{display:inline-flex;align-items:center;min-height:44px;color:var(--wg-accent);font-size:11px;font-weight:800}.wg-help-refresh{min-height:44px;padding:7px;border:0;background:none;color:var(--wg-muted);font-size:12px}
.wg-help-body>div[role="tabpanel"]{flex:1;min-height:0}
#wg-help-chat-pane{display:flex;flex-direction:column;overflow:hidden}
#wg-help-support-pane{overflow-y:auto;overscroll-behavior:contain;padding-right:3px}
.wg-help-messages,.wg-help-ticket-messages{align-content:start;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--wg-accent) transparent}
.wg-help-messages{flex:1;padding:4px 3px 12px 1px}
.wg-help-message{padding:12px 14px;border-radius:14px;box-shadow:inset 3px 0 color-mix(in srgb,var(--wg-accent) 33.3%,transparent)}
.wg-help-message-own{margin-left:11%;background:var(--wg-s4);box-shadow:inset -3px 0 #e9c77d8c}
.wg-help-role{display:inline-flex;align-items:center;border:1px solid #d6bb79a1;border-radius:999px;padding:3px 7px;color:#f6dc9b;font-size:10px;font-weight:800;white-space:nowrap}
.wg-help-meta{flex-wrap:wrap;gap:6px 9px}
.wg-help-chat-form{flex:none;margin-top:8px!important;padding:12px 1px 0;border-top:1px solid var(--wg-border)}
.wg-help-chat-form label{font-size:11px!important}
.wg-help-chat-form textarea{max-height:105px;min-height:54px}
.wg-help-chat-form button{justify-self:end;min-width:120px}
.wg-help-name-form{flex:none;max-height:148px;overflow:auto;margin:8px 0 0!important;padding:10px;border:1px solid var(--wg-accent-hi);border-radius:12px;background:var(--wg-s3)}
.wg-help-name-form p{margin:0;color:var(--wg-muted);font-size:11px}
.wg-help-transfer,.wg-help-report{flex:none;max-height:190px;overflow-y:auto;overscroll-behavior:contain}
.wg-help-transfer{border-color:#bba369}
.wg-help-ticket-open{display:flex;flex-direction:column;overflow:hidden!important}
.wg-help-ticket-open>.wg-help-block:not(:last-child),.wg-help-ticket-open .wg-help-tickets{display:none}
.wg-help-ticket-open>.wg-help-block:last-child{display:flex;flex-direction:column;flex:1;min-height:0;margin-bottom:0}
.wg-help-ticket-open .wg-help-ticket-detail{display:flex;flex-direction:column;flex:1;min-height:0}
.wg-help-ticket-open .wg-help-ticket-messages{flex:1;padding-right:3px}
.wg-help-ticket-open .wg-help-reply-form{flex:none;padding-top:10px;border-top:1px solid var(--wg-border)}
html[data-theme="light"] .wg-help-message-own{background:var(--wg-pale-2)}
html[data-theme="light"] .wg-help-name-form{background:var(--wg-pale)}
html[data-theme="light"] .wg-help-role{color:#78551f;border-color:#a47d3b}
.wg-help-fab button:focus-visible,.wg-help-fab a:focus-visible,.wg-help-fab textarea:focus-visible,.wg-help-fab input:focus-visible{outline:2px solid var(--wg-accent-hi);outline-offset:2px}
html[data-theme="light"] .wg-help-trigger{background:linear-gradient(145deg,var(--wg-accent),var(--wg-accent));color:var(--wg-accent-deep);border-color:var(--wg-accent)}html[data-theme="light"] .wg-help-tabs button[aria-selected="true"]{background:linear-gradient(135deg,var(--wg-accent-pale),var(--wg-pale-2));color:var(--wg-accent-deep)}
@media(max-width:600px){.wg-help-fab{right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom))}.wg-help-trigger{width:52px;height:52px}.wg-help-panel{bottom:63px;width:calc(100vw - 20px);height:calc(100dvh - 86px);border-radius:17px}.wg-help-fab textarea,.wg-help-fab input{font-size:16px}.wg-help-body{padding:10px}.wg-help-chat-form button{min-width:110px}.wg-help-transfer{max-height:min(270px,48dvh);overflow-y:auto}}
@media(prefers-reduced-motion:reduce){.wg-help-fab *{scroll-behavior:auto!important;transition:none!important}}
.wg-help-name-bar{display:flex;align-items:center;justify-content:space-between;gap:9px;flex:none;margin-top:6px;color:var(--wg-muted);font-size:11px}
.wg-help-name-bar span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wg-help-name-toggle{flex:none;min-height:38px;padding:5px 2px;border:0;background:none;color:var(--wg-accent);font:inherit;font-size:11px;font-weight:800;cursor:pointer}
/* CHAT 2026-10-16: calmer message well, readable bubbles, pills, typing, keyboard-safe composer. */
.wg-help-fab{--wg-well:var(--wg-s1);--wg-bubble:var(--wg-accent-deep);--wg-bubble-own:var(--wg-accent-deep);--wg-bubble-ai:var(--wg-s4);--wg-bubble-staff:var(--wg-s3);--wg-well-line:var(--wg-s5);bottom:calc(max(14px,env(safe-area-inset-bottom)) + var(--wg-kb,0px))}
html[data-theme="light"] .wg-help-fab{--wg-well:var(--wg-pale);--wg-bubble:#ffffff;--wg-bubble-own:var(--wg-pale-2);--wg-bubble-ai:var(--wg-pale);--wg-bubble-staff:#fbf4e4;--wg-well-line:var(--wg-pale-2)}
html body .wg-help-fab :is(.wg-help-messages,.wg-help-ticket-messages,.wg-help-faq-thread){background:var(--wg-well)!important;border:1px solid var(--wg-well-line);border-radius:14px;padding:10px 8px 12px}
.wg-help-faq-thread:empty{display:none}
.wg-help-faq-thread{display:grid;gap:8px;margin:10px 0 0;max-height:min(46dvh,420px);overflow-y:auto;overscroll-behavior:contain}
html body .wg-help-fab .wg-help-message{background:var(--wg-bubble)!important;border-color:var(--wg-well-line)!important;max-width:88%;box-shadow:none}
html body .wg-help-fab .wg-help-message-own{background:var(--wg-bubble-own)!important;margin-left:auto;box-shadow:inset -3px 0 #e9c77d8c}
html body .wg-help-fab .wg-help-message-assistant{background:var(--wg-bubble-ai)!important;box-shadow:inset 3px 0 color-mix(in srgb,var(--wg-accent-pale) 60%,transparent)}
html body .wg-help-fab .wg-help-message-staff{background:var(--wg-bubble-staff)!important;box-shadow:inset 3px 0 #e3c16f99}
.wg-help-message p{font-size:14px;line-height:1.45}
.wg-help-meta time{white-space:nowrap}
.wg-help-new-pill{position:sticky;bottom:8px;align-self:center;z-index:2;min-height:36px;margin:-44px auto 8px;padding:6px 14px;border:1px solid var(--wg-accent-hi);border-radius:999px;background:var(--wg-s4);color:var(--wg-text-tint);font:inherit;font-size:12px;font-weight:800;box-shadow:0 6px 18px #0008;cursor:pointer}
html[data-theme="light"] .wg-help-new-pill{background:var(--wg-s5);color:#fff}
.wg-help-unread-divider{display:flex;align-items:center;gap:8px;color:#f0c76b;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.wg-help-unread-divider::before,.wg-help-unread-divider::after{content:"";flex:1;height:1px;background:currentColor;opacity:.5}
html[data-theme="light"] .wg-help-unread-divider{color:#8a5a12}
.wg-help-tabs button[data-unread]:not([data-unread=""])::after{content:attr(data-unread);display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:7px;padding:0 6px;border-radius:999px;background:#e9c262;color:#1d1503;font-size:11px;font-weight:900}
.wg-help-typing{margin:6px 2px 0;color:var(--wg-muted);font-size:12px;font-style:italic}
.wg-help-typing::after{content:"";display:inline-block;width:1.2em;text-align:left;animation:wg-help-dots 1.2s steps(4,end) infinite}
@keyframes wg-help-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
.wg-help-badge{display:inline-flex;align-items:center;padding:2px 8px;border:1px solid #e0b75a;border-radius:999px;color:#f6d58a;font-size:10px;font-style:normal;font-weight:800}
html[data-theme="light"] .wg-help-badge{color:#7a4c06;border-color:#b98a2b}
.wg-help-ticket strong{display:block;font-size:13px}.wg-help-ticket-line{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:4px;color:var(--wg-muted);font-size:11px}
.wg-help-ticket-state{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin:0 0 8px;color:var(--wg-muted);font-size:12px}
.wg-help-alias-link{flex:none;margin-left:auto;color:var(--wg-accent);font-size:11px;font-weight:800}
.wg-help-guest>.wg-help-block:not(.wg-help-faq-block){display:none}
.wg-help-faq-block .wg-help-faq-handoff{display:inline-flex;align-items:center;text-decoration:none}
.wg-help-faq-form{margin-top:10px!important}
.wg-help-faq-form textarea,.wg-help-reply-form textarea,.wg-help-chat-form textarea{resize:none}
@media(max-width:600px){.wg-help-fab{bottom:calc(max(10px,env(safe-area-inset-bottom)) + var(--wg-kb,0px))}.wg-help-panel{height:calc(100dvh - 86px - var(--wg-kb,0px) - env(safe-area-inset-top));min-height:260px}.wg-help-foot{padding-bottom:max(9px,env(safe-area-inset-bottom))}.wg-help-message{max-width:94%}}
@media(max-width:600px){html body.mp-body .wg-help-fab{bottom:calc(var(--rd-dock-h,0px) + 12px + var(--wg-kb,0px))!important}html body.mp-body .wg-help-panel{height:calc(100dvh - 86px - var(--rd-dock-h,0px) - var(--wg-kb,0px))}}
.wg-help-ticket-open>.wg-help-block:last-child>strong,.wg-help-ticket-open .wg-help-reply-form label{font-size:0}
.wg-help-ticket-open .wg-help-reply-form label textarea{font-size:14px}
.wg-help-ticket-open .wg-help-ticket-detail h3{margin:2px 0 6px}
.wg-help-ticket-open .wg-help-ticket-messages{min-height:200px}
.wg-help-ticket-open .wg-help-reply-form textarea{min-height:46px;max-height:110px}
.wg-help-ticket-open .wg-help-reply-form{margin-top:8px!important}
@media(max-width:600px){.wg-help-ticket-open .wg-help-back{min-height:36px}.wg-help-ticket-open .wg-help-reply-form textarea{font-size:16px!important}}

/* UI 2026-10-17: on phones the open chat was anchored above the chat button, which sits
   above the stake bar and the dock. Its top (title, tabs) went off screen, the message
   list shrank to a sliver (cut «Передать W / Пожаловаться») and the game showed through
   below. Open chat = one full-screen sheet over everything; × in the header closes it. */
@media(max-width:600px){
  html body .wg-help-fab.wg-help-open{z-index:1200;bottom:0!important;right:0}
  html body .wg-help-fab.wg-help-open .wg-help-trigger{display:none}
  html body .wg-help-fab.wg-help-open .wg-help-panel{position:fixed;inset:0;top:0;bottom:var(--wg-kb,0px);width:auto;height:auto!important;max-height:none;min-height:0;
    border-radius:0;border-width:0;padding-top:env(safe-area-inset-top)}
  html body .wg-help-fab.wg-help-open .wg-help-head{padding:10px 12px 9px}
  html body .wg-help-fab.wg-help-open .wg-help-head h2{font-size:17px}
  html body .wg-help-fab.wg-help-open .wg-help-tabs{padding:8px 10px}
  html body .wg-help-fab.wg-help-open .wg-help-tabs button{min-height:40px}
  html body .wg-help-fab.wg-help-open .wg-help-messages{min-height:120px}
  html body .wg-help-fab.wg-help-open .wg-help-message .wg-help-meta{flex-wrap:wrap}
  html body .wg-help-fab.wg-help-open .wg-help-transfer-link,
  html body .wg-help-fab.wg-help-open .wg-help-report-link{min-height:36px;padding:6px 0}
  html body .wg-help-fab.wg-help-open .wg-help-foot{padding-bottom:max(9px,env(safe-area-inset-bottom))}
  html.wg-help-open,html.wg-help-open body{overflow:hidden!important}
}
/* support desk names 2026-10-21: «автоответ» badge next to the agent name */
.wg-help-auto{font-style:normal;font-size:10px;line-height:1;padding:3px 6px;border-radius:999px;color:var(--wg-muted);border:1px solid color-mix(in srgb,var(--wg-muted) 45%,transparent);margin-right:auto}
/* chat 2.0 + radio 2026-10-21: the messenger view fills the chat pane; unread / @ badge on the button */
#wg-help-chat-pane .wg-help-chat2{display:flex;flex-direction:column;flex:1;min-height:0}
#wg-help-chat-pane .wg-help-chat2>.wg-help-empty{margin:auto}
.wg-help-chat2 .wgc-dock>*{margin-top:6px!important}
.wg-help-chat2 .wg-help-name-bar{margin-top:4px}
.wg-help-trigger{position:relative}
.wg-help-count{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;padding:0 6px;border:2px solid var(--wg-s1);border-radius:999px;background:#e9c262;color:#1d1503;font-size:11px;font-weight:900;line-height:18px;text-align:center}
.wg-help-count.wg-help-count-at{background:#ff6b7a;color:#fff}
html[data-theme="light"] .wg-help-count{border-color:#fff}
@media(min-width:601px){.wg-help-panel{width:min(600px,calc(100vw - 28px))}}

/* BEGIN CHATFAB cf1 (2026-10-21): two floating buttons (chat / support, v9 obsidian + gold + neon),
   tall compact panel: tabs in the header, one-line radio, pin chip, larger readable messages. */
.wg-help-sr{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
.wg-help-fabs{display:flex;align-items:center;justify-content:flex-end;gap:10px}
html body .wg-help-fab .wg-help-trigger{position:relative;margin-left:0;padding:0;border:1px solid #c9a24a99;
  background:radial-gradient(circle at 30% 18%,var(--wg-s4) 0,var(--wg-s2) 52%,var(--wg-s0) 100%);color:#f3e2b0;
  box-shadow:0 12px 28px #000a,0 0 18px color-mix(in srgb,var(--wg-accent) 18%,transparent),inset 0 1px #ffffff2b,inset 0 -3px 8px color-mix(in srgb,var(--wg-accent) 11%,transparent);
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
html body .wg-help-fab .wg-help-trigger::after{content:"";position:absolute;inset:3px;border:1px solid #e9c26226;border-radius:inherit;pointer-events:none}
html body .wg-help-fab .wg-help-trigger:hover{transform:translateY(-2px);border-color:#e9c262;box-shadow:0 14px 30px #000b,0 0 24px color-mix(in srgb,var(--wg-accent) 33.3%,transparent),inset 0 1px #ffffff33}
html body .wg-help-fab .wg-help-trigger.wg-help-trigger-active{border-color:#e9c262;box-shadow:0 0 0 2px #e9c26255,0 10px 26px #000a,0 0 26px color-mix(in srgb,var(--wg-accent) 40%,transparent),inset 0 1px #ffffff33}
html[data-theme="light"] body .wg-help-fab .wg-help-trigger{border-color:#b8903a;background:radial-gradient(circle at 30% 18%,#ffffff 0,var(--wg-pale) 55%,var(--wg-pale-2) 100%);
  box-shadow:0 10px 24px color-mix(in srgb,var(--wg-accent-deep) 22%,transparent),0 0 14px color-mix(in srgb,var(--wg-accent) 14.9%,transparent),inset 0 1px #fff}
html[data-theme="light"] body .wg-help-fab .wg-help-trigger.wg-help-trigger-active{box-shadow:0 0 0 2px #c99525aa,0 10px 24px color-mix(in srgb,var(--wg-accent-deep) 22%,transparent),0 0 18px color-mix(in srgb,var(--wg-accent) 25.1%,transparent)}
.wg-help-fab .wg-help-ico{display:block;width:66%;height:66%;object-fit:contain;filter:drop-shadow(0 2px 3px #0009);pointer-events:none}
html[data-theme="light"] .wg-help-fab .wg-help-ico{filter:drop-shadow(0 2px 2px #0004)}
.wg-help-fab .wg-help-trigger .wg-help-fallback{display:none}
.wg-help-fab .wg-help-trigger:not(:has(.wg-help-ico)) .wg-help-fallback{display:block}
.wg-help-fab .wg-help-count{z-index:1}
@media(prefers-reduced-motion:reduce){html body .wg-help-fab .wg-help-trigger{transition:none}html body .wg-help-fab .wg-help-trigger:hover{transform:none}}
/* the radio mini-player sits left of BOTH buttons */
@media(min-width:601px){html body .wgr-mini{right:calc(max(14px,env(safe-area-inset-right)) + 140px)}}
/* the page footer keeps its links clear of the two buttons */
@media(min-width:601px){html body:where([data-wgh~="kef4e3"]):not(.wg-0) .mp-footer{padding-right:calc(150px + env(safe-area-inset-right))}}
@media(max-width:600px){html body:where([data-wgh~="kef4e3"]):not(.wg-0) .mp-footer{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
  /* phones: the page (game field, last cards) can scroll clear of the buttons above the dock / stake bar */
  html body.mp-body:where([data-wgh~="kef4e3"]):not(.wg-0){padding-bottom:calc(var(--rd-dock-h,0px) + 64px)}
  html body.sbar-mobile.sbar-on:where([data-wgh~="kef4e3"]):not(.wg-0){padding-bottom:calc(var(--sbar-h,0px) + var(--sbar-off,0px) + 70px)!important}}
/* panel: tall (up to ~90 % of the window), header = tabs + tools, no footer row */
@media(min-width:601px){
  html body .wg-help-fab .wg-help-panel{bottom:70px;width:min(620px,calc(100vw - 28px));height:min(calc(100dvh - var(--wg-fab-off,14px) - 82px),90dvh);max-height:none;min-height:320px}
}
@media(min-width:1400px){html body .wg-help-fab .wg-help-panel{width:660px}}
html body .wg-help-fab .wg-help-head{display:flex;align-items:center;gap:8px;padding:8px 10px}
html body .wg-help-fab .wg-help-head .wg-help-tabs{flex:1;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0;padding:3px;border:1px solid color-mix(in srgb,var(--wg-accent) 33.3%,transparent);border-radius:12px;background:color-mix(in srgb,var(--wg-s0) 50.2%,transparent)}
html body .wg-help-fab .wg-help-head .wg-help-tabs button{min-width:0;min-height:34px;padding:4px 8px;border-radius:9px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .wg-help-fab .wg-help-head .wg-help-tabs button[data-unread]:not([data-unread=""])::after{min-width:18px;height:18px;margin-left:5px;font-size:10px}
.wg-help-tools{flex:none;display:flex;align-items:center;gap:4px}
html body .wg-help-fab .wg-help-tools>:is(button,a){display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-height:0;padding:0;border:1px solid color-mix(in srgb,var(--wg-accent) 40%,transparent);border-radius:10px;background:color-mix(in srgb,var(--wg-s3) 60%,transparent);color:var(--wg-text-tint);font-size:22px;line-height:1;text-decoration:none}
html body .wg-help-fab .wg-help-tools>:is(button,a):hover{border-color:var(--wg-accent-hi);background:var(--wg-s4)}
.wg-help-tools svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html[data-theme="light"] body .wg-help-fab .wg-help-head .wg-help-tabs{background:#ffffff26;border-color:#ffffff55}
html body .wg-help-fab .wg-help-body{padding:8px 10px 10px}
html body .wg-help-fab .wg-help-status{margin:0 0 6px}
html body .wg-help-fab .wg-help-status:empty{display:none}
/* chat: messages get the space */
.wg-help-chat2 .wgc-top{flex-wrap:wrap;gap:6px 8px;margin-bottom:6px}
.wg-help-chat2 .wgc-top>.wgc-online{position:static;order:0;flex:none;align-self:center;pointer-events:auto}
.wg-help-chat2 .wgc-top>.wgc-pin{order:2;flex:1 1 100%;margin:0}
.wg-help-chat2 .wgc-top>.wgc-pin:is(.wgc-pin-empty,.wgc-pin-collapsed):not(:has(.wgc-pin-form)){order:0;flex:none;align-self:center}
html body .wg-help-chat2 .wgc-pin-add{position:relative;width:34px;height:32px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;border-style:solid!important;border-radius:10px!important;font-size:0!important}
html body .wg-help-chat2 .wgc-pin-add::before{content:"📌";font-size:15px}
html body .wg-help-chat2 .wgc-pin-mini{min-height:32px;border-style:solid!important;border-radius:10px!important}
.wg-help-chat2 .wgc-pin-text{-webkit-line-clamp:1}
.wg-help-chat2 .wgc-pin{padding:6px 8px}
.wg-help-chat2 .wgc-pin:is(.wgc-pin-empty,.wgc-pin-collapsed){padding:0}
.wg-help-chat2 .wgc-list{min-height:140px;padding:6px 0 12px}
.wg-help-chat2 .wgc-msg{padding:7px 14px 5px 10px;column-gap:10px}
.wg-help-chat2 .wgc-msg.wgc-grouped{padding-top:1px}
.wg-help-chat2 .wgc-nick{font-size:13.5px}
.wg-help-chat2 .wgc-head time{font-size:11.5px}
.wg-help-chat2 .wgc-text{font-size:15px;line-height:1.5}
.wg-help-chat2 .wgc-text.wgc-big{font-size:30px;line-height:1.15}
.wg-help-chat2 .wgc-gtime{opacity:.55}
.wg-help-chat2 .wgc-msg:hover .wgc-gtime{opacity:1}
.wg-help-chat2 .wgc-jump{bottom:calc(var(--wgc-composer,64px) + 26px)}
html body .wg-help-chat2 .wgc-dock>.wg-help-name-bar{margin-top:3px!important}
.wg-help-chat2 .wg-help-name-bar{font-size:11px}
html body .wg-help-chat2 .wg-help-name-bar :is(.wg-help-name-toggle,.wg-help-alias-link){min-height:26px;padding:2px 4px}
html body .wg-help-chat2 .wgc-composer{margin-top:4px!important}
/* radio: one compact line, expands on click */
html body .wg-help-chat2 .wgc-top .wgr-full.wg-help-radio{min-height:0;padding:4px 6px 4px 4px;gap:8px;border-radius:12px}
html body .wg-help-chat2 .wgr-full.wg-help-radio .wgr-play{width:32px;height:32px}
.wg-help-chat2 .wgr-full.wg-help-radio .wgr-play svg{width:16px;height:16px}
.wg-help-chat2 .wgr-full.wg-help-radio:not(.wg-help-radio-open) :is(.wgr-line2,.wgr-tools,.wgr-about){display:none!important}
.wg-help-chat2 .wgr-full.wg-help-radio .wgr-body{cursor:pointer}
.wg-help-chat2 .wgr-full.wg-help-radio-open{flex-wrap:wrap}
.wg-help-chat2 .wgr-full.wg-help-radio-open .wgr-body{flex:1 1 140px}
html body .wg-help-chat2 .wg-help-radio-more{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;min-height:0;padding:0;border:1px solid var(--r-line,var(--wg-s5));border-radius:50%;background:none;color:var(--r-muted,var(--wg-text-tint));cursor:pointer}
.wg-help-radio-more svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.wg-help-radio-open .wg-help-radio-more svg{transform:rotate(180deg)}
/* phones: almost full screen with margins (keyboard-safe), buttons hidden while open */
@media(max-width:600px){
  html body .wg-help-fab.wg-help-open .wg-help-fabs{display:none}
  html body .wg-help-fab.wg-help-open .wg-help-panel{top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));
    bottom:calc(max(8px,env(safe-area-inset-bottom)) + var(--wg-kb,0px));padding-top:0;border-width:1px;border-radius:18px}
  html body .wg-help-fab.wg-help-open .wg-help-head{padding:7px 8px}
  html body .wg-help-fab .wg-help-body{padding:7px 8px 8px}
  html body .wg-help-fab .wg-help-head .wg-help-tabs button{font-size:12.5px;padding:4px 6px}
  .wg-help-chat2 .wgc-msg{padding:6px 10px 4px 6px;column-gap:8px}
  .wg-help-chat2 .wgc-text{font-size:16px}
  .wg-help-chat2 .wgc-list{min-height:120px}
  .wg-help-fabs{gap:8px}
}
@media(max-width:400px){html body .wg-help-chat2 .wgr-full.wg-help-radio .wgr-name{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:360px){html body .wg-help-fab .wg-help-tools .wg-help-refresh{display:none}}
/* END CHATFAB cf1 */

/* BEGIN HELPFAB-ALL hf1: buttons in the free space of the game sidebar on desktop game pages; plates pages show them too */
@media(min-width:1024px){
  html body .wg-help-fab.wg-help-left{left:var(--wg-left-x,16px)!important;right:auto!important;bottom:var(--wg-left-bottom,14px)!important;z-index:1010}
  html body .wg-help-fab.wg-help-left .wg-help-fabs{justify-content:flex-start}
  html body .wg-help-fab.wg-help-left .wg-help-panel{left:0;right:auto}
}
html body.plates-page .wg-help-fab{display:block}
.wg-help-spacer{display:block;height:84px;pointer-events:none;clear:both}
@media(max-width:600px){.wg-help-spacer{height:64px}}
.wg-help-spacer[hidden]{display:none}
html body .wg-help-fab.wg-help-gutter .wg-help-trigger{width:40px;height:40px;border-radius:13px}
@media(min-width:601px){html body .wg-help-fab.wg-help-gutter .wg-help-trigger{width:58px;height:58px;border-radius:18px}}
html body .wg-help-fab.wg-help-gutter:not(.wg-help-open){top:var(--wg-gut-top,40vh)!important;bottom:auto!important;right:var(--wg-gut-right,6px)!important;z-index:1100}
html body .wg-help-fab.wg-help-gutter .wg-help-fabs{flex-direction:column;gap:8px}
@media(min-width:601px){html body .wg-help-fab.wg-help-gutter .wg-help-panel{position:fixed;top:auto;right:14px;bottom:14px;height:min(calc(100dvh - 28px),90dvh)}}
/* tabs row removed: the header shows the section title (switch with the two buttons) */
html body .wg-help-fab .wg-help-head .wg-help-tabs{display:none!important}
html body .wg-help-fab .wg-help-head #wg-help-title{position:static!important;width:auto!important;height:auto!important;clip:auto!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis;flex:1;min-width:0;margin:0 0 0 4px!important;padding:0!important;color:var(--wg-text-tint);font-size:17px;font-weight:900;line-height:34px}
html[data-theme="light"] body .wg-help-fab .wg-help-head #wg-help-title{color:var(--wg-text-tint)}
/* resize handles (desktop / tablet only) */
.wg-help-rz{position:absolute;z-index:6;touch-action:none;-webkit-user-select:none;user-select:none}
.wg-help-rz-top{top:-4px;left:18px;right:18px;height:10px;cursor:ns-resize}
.wg-help-rz-side{top:18px;bottom:18px;left:-4px;width:10px;cursor:ew-resize}
.wg-help-rz-corner{top:-5px;left:-5px;width:22px;height:22px;cursor:nwse-resize}
.wg-help-rz-corner::after{content:"";position:absolute;left:7px;top:7px;width:9px;height:9px;border-left:2px solid #e9c262aa;border-top:2px solid #e9c262aa;border-radius:3px 0 0 0}
.wg-help-left .wg-help-rz-side{left:auto;right:-4px}
.wg-help-left .wg-help-rz-corner{left:auto;right:-5px;cursor:nesw-resize}
.wg-help-left .wg-help-rz-corner::after{left:auto;right:7px;border-left:0;border-right:2px solid #e9c262aa;border-radius:0 3px 0 0}
.wg-help-rz:hover,.wg-help-resizing .wg-help-rz{background:color-mix(in srgb,var(--wg-accent) 13.3%,transparent);border-radius:6px}
.wg-help-resizing,.wg-help-resizing *{-webkit-user-select:none!important;user-select:none!important}
.wg-help-resizing .wg-help-panel{transition:none!important}
@media(max-width:600px){.wg-help-rz{display:none}}
/* END HELPFAB-ALL hf1 */

/* BEGIN CHAT-ALIGN al1 (2026-10-21, owner: «чтобы ровно было»): every row of the chat on one axis.
   Message toolbar 😊 ↩ ⋯ -> three same-size line icons (the emoji glyph sat higher than the arrow and dots). */
.wgc .wgc-acts{align-items:center;top:3px}
.wgc .wgc-act{display:inline-flex!important;align-items:center;justify-content:center;width:30px;height:28px;margin:0;padding:0!important;
  font-size:0!important;line-height:0!important;color:var(--c-muted,var(--wg-text-tint))!important;vertical-align:middle}
.wgc .wgc-act::before{content:"";display:block;width:18px;height:18px;background:currentColor;
  -webkit-mask:var(--wgc-ico) center/contain no-repeat;mask:var(--wgc-ico) center/contain no-repeat}
.wgc .wgc-act:hover,.wgc .wgc-act:focus-visible{color:var(--c-text,var(--wg-text-tint))!important}
.wgc .wgc-act[data-act="react"]{--wgc-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 14.5c1 1.4 2.4 2.1 4 2.1s3-.7 4-2.1'/%3E%3Cpath d='M9 9.5h.01M15 9.5h.01' stroke-width='3'/%3E%3C/svg%3E")}
.wgc .wgc-act[data-act="reply"]{--wgc-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 7 4 12l5 5'/%3E%3Cpath d='M4 12h10a6 6 0 0 1 6 6v1'/%3E%3C/svg%3E")}
.wgc .wgc-act[data-act="more"]{--wgc-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Ccircle cx='5' cy='12' r='2'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Ccircle cx='19' cy='12' r='2'/%3E%3C/svg%3E")}
/* composer: emoji, text, send on one line (same 36 px height, centred glyphs; the emoji button is a line icon too) */
html body .wgc .wgc-emoji-btn{font-size:0!important;color:var(--c-muted,var(--wg-text-tint))!important}
.wgc .wgc-emoji-btn::before{content:"";display:block;width:22px;height:22px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 14.5c1 1.4 2.4 2.1 4 2.1s3-.7 4-2.1'/%3E%3Cpath d='M9 9.5h.01M15 9.5h.01' stroke-width='3'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 14.5c1 1.4 2.4 2.1 4 2.1s3-.7 4-2.1'/%3E%3Cpath d='M9 9.5h.01M15 9.5h.01' stroke-width='3'/%3E%3C/svg%3E") center/contain no-repeat}
html body .wgc .wgc-emoji-btn:hover,html body .wgc .wgc-emoji-btn[aria-expanded="true"]{color:var(--c-text,var(--wg-text-tint))!important}
.wgc .wgc-row{align-items:flex-end}
html body .wgc .wgc-icon,html body .wgc .wgc-send{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:36px!important;line-height:1!important;margin:0!important;vertical-align:middle}
html body .wgc textarea.wgc-input{min-height:36px!important;padding-top:8px!important;padding-bottom:8px!important;line-height:20px!important;margin:0!important}
html body .wgc textarea.wgc-input::placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* reactions, menu items, pin chips, online */
.wgc .wgc-react{display:inline-flex;align-items:center;gap:4px;line-height:1}
.wgc .wgc-menu-item{line-height:1.2}
.wgc .wgc-menu-item span:first-child{display:inline-flex;align-items:center;justify-content:center;height:20px}
.wgc .wgc-pin-mini,.wgc .wgc-online{display:inline-flex;align-items:center;line-height:1}
/* rain / task timers row */
.wgc .wgx-bar{align-items:center}
.wgc .wgx-chip,.wgc .wgx-rain{display:inline-flex;align-items:center;gap:4px;height:24px;box-sizing:border-box;line-height:1!important;padding-top:0!important;padding-bottom:0!important;vertical-align:middle}
/* panel header tools and radio row */
.wg-help-tools>:is(button,a){line-height:1!important}
.wg-help-chat2 .wgr-full.wg-help-radio{align-items:center}
.wg-help-chat2 .wgr-full.wg-help-radio .wgr-line1{align-items:center;line-height:1.2}
/* END CHAT-ALIGN al1 */

/* BEGIN PANELS-CLOSE pc1 (2026-10-21): every pop-up closes on phones (big ✕, dim background, swipe, Back, Esc) */
@media(max-width:600px){
  html body .wg-help-fab.wg-help-open::before{content:"";position:fixed;inset:0;background:#000000a6}
  html body .wg-help-fab.wg-help-open .wg-help-head{position:relative;padding-top:14px!important;touch-action:none}
  html body .wg-help-fab.wg-help-open .wg-help-head::after{content:"";position:absolute;top:5px;left:50%;width:44px;height:4px;margin-left:-22px;border-radius:2px;background:#ffffff59;pointer-events:none}
}
@media(pointer:coarse){
  html body .wg-help-fab .wg-help-tools>:is(button,a){width:44px;height:44px}
  html body .wgr-mini .wgr-close{width:44px!important;height:44px!important;font-size:22px!important}
  html body .wg-toast button{min-width:44px;min-height:44px}
  html body :is(.wgf-modal-close,.wg-shell-close,.wg-board-close){min-width:44px!important;min-height:44px!important}
  html body .wgc .wgc-acts .wgc-act{width:40px;height:36px}
}
@media(hover:none){html body .wgc-msg.wgd-sel .wgc-acts{display:flex!important}html body .wgc-msg.wgd-sel{background:var(--c-row-hover)}}
.wgc .wgd-x{display:block;width:100%;min-height:44px;margin-top:6px;border:1px solid var(--c-line,var(--wg-s4));border-radius:12px;background:none;color:var(--c-text,#fff);font:inherit;font-size:15px;font-weight:800;cursor:pointer}
.wgx-bar .wgd-bar-x{flex:none;width:30px;height:26px;margin-left:2px;border:0;border-radius:8px;background:none;color:inherit;font-size:18px;line-height:1;cursor:pointer;opacity:.75}
@media(pointer:coarse){.wgx-bar .wgd-bar-x{width:40px;height:32px}}
.wgx-bar.wgd-gone{display:none!important}
.wg-toasts{pointer-events:none!important}.wg-toasts>*{pointer-events:auto}
.wgd-out{opacity:0!important;transition:opacity .25s ease}
/* chat extras windows (player card, moderation, rain): ✕ in the corner, sheet grip on phones */
.wgx-back .wgx-modal{position:relative}
.wgx-back .wgd-mx{position:absolute;top:6px;right:6px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:12px;background:rgba(255,255,255,.08);color:inherit;font-size:24px;line-height:1;cursor:pointer}
.wgx-back .wgx-modal>h3{padding-right:48px}
.wgx-back .wgd-grip{display:none}
@media(max-width:600px){.wgx-back .wgx-modal{padding-top:26px!important}.wgx-back .wgd-grip{display:block;position:absolute;top:0;left:56px;right:56px;height:30px;touch-action:none}
  .wgx-back .wgd-grip::before{content:"";position:absolute;top:8px;left:50%;width:44px;height:4px;margin-left:-22px;border-radius:2px;background:color-mix(in srgb,var(--wg-accent) 60%,transparent)}}
@media(pointer:coarse){.wgx-menu button{min-height:44px}}
/* END PANELS-CLOSE pc1 */