/* Unified guilds hub — «Банер» cards. BeTheme adds margins to inputs/labels, so they are pinned here. */
.wgu{--wgu-bg:#0f1218;--wgu-card:#151922;--wgu-line:#2a3140;--wgu-text:#e6e8ee;--wgu-mute:#8d93a1;--wgu-gold:#f5c33b;--wgu-good:#5fd38d;--wgu-blue:#4ec3ff;max-width:none;margin:0;padding:28px clamp(16px,3vw,48px) 48px;color:var(--wgu-text);box-sizing:border-box}
.wgu *{box-sizing:border-box}
.wgu-btn{display:inline-flex;align-items:center;padding:10px 16px;border-radius:10px;border:1px solid #2f3542;background:#1c212b;color:#fff;font-weight:700;text-decoration:none}
.wgu-btn.is-primary{background:var(--wgu-gold);border-color:var(--wgu-gold);color:#111}
.wgu-tabs{display:flex;gap:6px;flex-wrap:wrap;flex:1 1 100%}
.wgu-tab{padding:8px 14px;border-radius:8px;border:1px solid #2f3542;background:#1c212b;color:#c8ccd6;font-weight:700;cursor:pointer}
.wgu-tab.is-active{border-color:var(--wgu-gold);color:var(--wgu-gold);background:rgba(245,195,59,.08)}
.wgu-tab[hidden]{display:none}
.wgu-tab.has-logo{display:flex;align-items:center;justify-content:center;height:46px;padding:6px 14px;background:#151922}
.wgu .wgu-tab.has-logo img{height:30px!important;width:auto!important;max-height:30px!important;margin:0!important;filter:grayscale(.6) brightness(.8);transition:filter .15s}
.wgu-tab.has-logo:hover img,.wgu-tab.has-logo.is-active img{filter:none}
.wgu-tab.has-logo.is-active{background:rgba(245,195,59,.08)}
.wgu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.wgu-empty{text-align:center;color:var(--wgu-mute);padding:30px 0}
.wgu-card{position:relative;display:flex;flex-direction:column;background:var(--wgu-card);border:1px solid var(--wgu-line);border-radius:14px;overflow:visible}
.wgu-card[hidden]{display:none}
.wgu-card.is-promoted{border-color:var(--wgu-gold);box-shadow:0 0 0 1px rgba(245,195,59,.35),0 14px 34px -12px rgba(245,195,59,.4)}
.wgu-banner{--wgu-banner:linear-gradient(135deg,#2c5aa0,#e0b33a);position:relative;height:64px;border-radius:13px 13px 0 0;background:linear-gradient(135deg,#2a3140,#1c212b);background-size:cover;background-position:center}
.wgu-card.is-promoted .wgu-banner{background-color:transparent;background-image:var(--wgu-banner)}
.wgu-banner[style*="--wgu-banner"]{background:var(--wgu-banner)}
.wgu-star{position:absolute;right:10px;top:10px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--wgu-gold);color:#111;line-height:0}
.wgu-star svg{display:block}
.wgu-logo,.wgu-initials{position:absolute;left:14px;bottom:-26px;width:56px;height:56px;border:3px solid var(--wgu-card)}
.wgu-logo{border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--wgu-gold);background:#111}
.wgu-initials{border-radius:12px;background:#2a3140;display:flex;align-items:center;justify-content:center;font-weight:800;color:#c9cdd6;font-size:18px}
.wgu-body{display:flex;flex-direction:column;flex:1;padding:32px 14px 14px}
.wgu-name{margin:0;font-size:16px;line-height:1.2;font-weight:800;color:#fff}
.wgu-name a{color:inherit;text-decoration:none}
.wgu-name a:hover{color:var(--wgu-gold)}
.wgu-sub{display:flex;align-items:center;gap:6px;margin:3px 0 0;font-size:12px;color:var(--wgu-mute)}
.wgu-faction{width:16px;height:16px;flex:none;cursor:help;border-radius:3px}
.wgu-faction:focus-visible,.wgu-chip:focus-visible{outline:2px solid var(--wgu-gold);outline-offset:2px}
.wgu-strip{margin-top:10px;font-size:12px;color:#9fb4d0}
.wgu-strip.is-progress{display:grid;grid-template-columns:1fr auto;gap:4px 8px}
.wgu-strip.is-progress b{color:#ff8a5a}
.wgu-strip.is-progress.is-h b{color:#b46cff}
.wgu-strip.is-progress.is-n b{color:var(--wgu-good)}
.wgu-bar{grid-column:1/-1;display:flex;gap:3px}
.wgu-bar i{flex:1;height:6px;border-radius:3px;background:#2a3140}
.wgu-bar i.on{background:linear-gradient(90deg,#ff8a3d,#ff5b5b)}
.wgu-desc-wrap{position:relative}
.wgu-desc{margin:10px 0 0;color:#c7cbd4;font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.wgu-desc.is-empty{color:var(--wgu-mute);font-style:italic}
.wgu-more{margin:4px 0 0;padding:0;border:0;background:none;color:var(--wgu-gold);font-size:12px;font-weight:700;cursor:pointer}
.wgu-green{display:block;margin-top:10px;padding:8px 10px;border-radius:10px;background:linear-gradient(90deg,#173326,#151922);border-left:3px solid #4ad07f;text-decoration:none;color:#bfe9cf;font-size:12px}
.wgu-green b{display:block;font-size:11px;color:#7fe0a0;letter-spacing:.04em;text-transform:uppercase}
a.wgu-green:hover{filter:brightness(1.15)}
.wgu-chips{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 0;padding:0;list-style:none}
.wgu-chip{margin:0;font-size:11px;padding:3px 8px;border-radius:20px;background:#212735;border:1px solid #2f3747;color:#c8ccd6;cursor:default}
.wgu-chip.is-good{border-color:#2e6a43;color:#8be3ad}
.wgu-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;margin-top:auto;padding-top:12px}
.wgu-spacer{flex:1 1 auto;min-height:12px}
.wgu-body>.wgu-foot{border-top:1px solid #262d3b;margin-top:0}
.wgu-stats{display:flex;gap:14px;margin:0}
.wgu-stats div{margin:0}
.wgu-stats dt{font-size:11px;color:var(--wgu-mute);margin:0}
.wgu-stats dd{margin:0;font-size:14px;font-weight:800;color:#fff}
.wgu-stats dd.is-good{color:#22c55e}.wgu-stats dd.is-watch{color:#eab308}.wgu-stats dd.is-warn{color:#f97316}.wgu-stats dd.is-bad{color:#ef4444}
.wgu-links{display:flex;gap:5px;margin-left:auto}
.wgu-link{width:28px;height:28px;border-radius:8px;background:#232a38 center/16px no-repeat}
.wgu-link:hover{filter:brightness(1.3)}
.wgu-link.is-discord{background-color:#4752c4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M19.3 5.3A16.6 16.6 0 0 0 15 4l-.6 1.1a15 15 0 0 0-4.8 0L9 4a16.5 16.5 0 0 0-4.3 1.3C2 9.4 1.2 13.3 1.6 17.2c1.8 1.3 3.5 2.1 5.2 2.7l1.1-1.8c-.6-.2-1.1-.5-1.6-.8l.3-.3a11.8 11.8 0 0 0 10.6 0l.3.3c-.5.3-1 .6-1.6.8l1.1 1.8c1.7-.5 3.5-1.3 5.2-2.7.5-4.5-.7-8.4-3-11.9zM8.5 14.9c-1 0-1.9-1-1.9-2.1s.8-2.1 1.9-2.1 1.9 1 1.9 2.1-.8 2.1-1.9 2.1zm7 0c-1 0-1.9-1-1.9-2.1s.8-2.1 1.9-2.1 1.9 1 1.9 2.1-.8 2.1-1.9 2.1z'/%3E%3C/svg%3E")}
.wgu-link.is-raiderio{background-image:url("https://wowhub.com.ua/img/raiderio.png")}
.wgu-link.is-wcl{background-image:url("https://wowhub.com.ua/img/warcraftlogs.png")}
.wgu-link.is-site{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23cfd3dc' d='M12 3 2 11h3v9h5v-6h4v6h5v-9h3z'/%3E%3C/svg%3E")}
@media (max-width:600px){.wgu-grid{grid-template-columns:1fr}}
/* Floating tooltip (one per page, appended to <body> by unified-guilds.js). */
.wgu-pop{position:fixed;z-index:100000;max-width:min(360px,calc(100vw - 16px));padding:10px 12px;border-radius:10px;background:#0b0e13;border:1px solid var(--wgu-gold,#f5c33b);color:#e6e8ee;font:13px/1.5 system-ui,"Segoe UI",sans-serif;box-shadow:0 14px 34px rgba(0,0,0,.55);pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .12s,transform .12s;overflow-wrap:anywhere;white-space:pre-line}
.wgu-pop.is-visible{opacity:1;transform:none}
.wgu-pop.is-long{max-width:min(340px,calc(100vw - 16px));max-height:min(320px,60vh);overflow:auto;pointer-events:auto}
.wgu-pop:after{content:"";position:absolute;left:var(--wgu-arrow,50%);width:10px;height:10px;background:#0b0e13;border:1px solid var(--wgu-gold,#f5c33b);transform:translateX(-50%) rotate(45deg)}
.wgu-pop.is-below:after{top:-6px;border-right:0;border-bottom:0}
.wgu-pop.is-above:after{bottom:-6px;border-left:0;border-top:0}
/* Discord counter — mirrors .whf-members / .whf-online from the Forever ads. */
.wgu-members{display:inline-flex;align-items:center;gap:5px;color:#c8ccd6;font-size:13px;font-weight:800;white-space:nowrap;cursor:default}
.wgu-members svg{width:14px;height:14px;flex:0 0 14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:var(--wgu-mute)}
.wgu-online{width:7px;height:7px;margin-left:4px;border-radius:50%;background:#3ba55d;box-shadow:0 0 0 2px rgba(59,165,93,.22)}
/* BeTheme guards: the theme underlines/recolours links, paints buttons yellow on hover and resizes images. */
.wgu a,.wgu a:hover,.wgu a:focus,.wgu a:visited{text-decoration:none!important}
.wgu a.wgu-game,.wgu a.wgu-game:hover{color:#c8ccd6!important}
.wgu a.wgu-green,.wgu a.wgu-green:hover,.wgu a.wgu-green span{color:#bfe9cf!important}
.wgu a.wgu-green b{color:#7fe0a0!important}
.wgu .wgu-name a,.wgu .wgu-name a:visited{color:#fff!important}.wgu .wgu-name a:hover{color:var(--wgu-gold)!important}
.wgu a.wgu-btn,.wgu a.wgu-btn:hover{color:#fff!important}.wgu a.wgu-btn.is-primary,.wgu a.wgu-btn.is-primary:hover{color:#111!important}
.wgu a.wgu-btn:hover{border-color:var(--wgu-gold)!important;filter:brightness(1.08)}
.wgu button,.wgu button:hover,.wgu button:focus,.wgu button:active{box-shadow:none!important;text-shadow:none!important;background-image:none!important;letter-spacing:normal}
.wgu button.wgu-tab{background-color:#1c212b!important;color:#c8ccd6!important;border:1px solid #2f3542!important;margin:0!important}
.wgu button.wgu-tab.has-logo{background-color:#151922!important}
.wgu button.wgu-tab:hover{background-color:#232a38!important;border-color:#3a4356!important;color:#fff!important}
.wgu button.wgu-tab.is-active,.wgu button.wgu-tab.is-active:hover{background-color:rgba(245,195,59,.1)!important;border-color:var(--wgu-gold)!important;color:var(--wgu-gold)!important}
.wgu button.wgu-more,.wgu button.wgu-more:hover,.wgu button.wgu-more:focus{background:none!important;border:0!important;padding:0!important;margin:4px 0 0!important;color:var(--wgu-gold)!important;width:auto;height:auto;line-height:1.4}
.wgu button.wgu-more:hover{text-decoration:underline!important}
.wgu img{box-shadow:none}
.wgu .wgu-logo{width:56px!important;height:56px!important;max-width:none!important}
.wgu .wgu-faction{width:16px!important;height:16px!important;max-width:none!important;margin:0!important}
/* Discord button with counters (all games) and the admin-only dead-invite flag. */
.wgu .wgu-link.has-count{width:auto;display:inline-flex;align-items:center;padding:0 9px 0 30px;background-position:9px center;background-color:#2b3170}
.wgu .wgu-link.has-count .wgu-members{color:#fff;font-size:12px}
.wgu .wgu-link.has-count .wgu-members svg{color:#c7cbff}
.wgu-dc-dead{display:inline-flex;align-items:center;height:28px;padding:0 9px;border-radius:8px;background:rgba(239,68,68,.12);border:1px solid #7f1d1d;color:#fca5a5;font-size:12px;font-weight:800;cursor:help;white-space:nowrap}
/* Promoted vs regular: separate blocks and a clearly premium card. */
.wgu-group{margin:0 0 30px}
.wgu-group[hidden]{display:none}
.wgu .wgu-group-title{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-size:18px;line-height:1.3;font-weight:800;color:#e6e8ee}
.wgu .wgu-group.is-promoted .wgu-group-title{color:var(--wgu-gold)}
.wgu-group-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#3a4356,transparent)}
.wgu-group.is-promoted .wgu-group-title:after{background:linear-gradient(90deg,rgba(245,195,59,.55),transparent)}
.wgu-card.is-promoted{border:2px solid transparent;background:linear-gradient(180deg,#221c0d 0%,#181a1f 42%,#161a21 100%) padding-box,linear-gradient(120deg,#8a6418,#f8d25a 25%,#b8862a 50%,#ffe28a 75%,#8a6418) border-box;background-size:100% 100%,300% 300%;box-shadow:0 0 0 1px rgba(245,195,59,.18),0 20px 44px -16px rgba(245,195,59,.5);animation:wgu-shine 8s linear infinite;transition:transform .15s,box-shadow .15s}
.wgu-card.is-promoted:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(245,195,59,.35),0 26px 50px -16px rgba(245,195,59,.65)}
.wgu-card.is-promoted .wgu-banner{border-radius:12px 12px 0 0}
.wgu .wgu-card.is-promoted .wgu-logo{width:64px!important;height:64px!important;bottom:-30px;box-shadow:0 0 0 2px var(--wgu-gold),0 0 22px rgba(245,195,59,.55)}
.wgu-card.is-promoted .wgu-body{padding-top:38px}
.wgu-card.is-promoted .wgu-star{width:26px;height:26px;box-shadow:0 0 14px rgba(245,195,59,.7)}
.wgu-card:not(.is-promoted){background:#13171e;border-color:#252b37}
.wgu-card:not(.is-promoted) .wgu-banner{background:linear-gradient(135deg,#232937,#1a1f2a)}
@keyframes wgu-shine{0%{background-position:0 0,0% 50%}100%{background-position:0 0,300% 50%}}
@media (prefers-reduced-motion:reduce){.wgu-card.is-promoted{animation:none}}
.wgu .wgu-link,.wgu .wgu-link *{cursor:pointer!important}
.wgu-pop.is-long{line-height:1.55}
/* One set of actions: hide the floating dock of wowhub-applications and the Forever dock; their modals stay. */
.whapp-guild-dock,.wgu .whf-action-dock{display:none!important}
.wgu .wgu-actions .wgu-btn{min-width:120px;justify-content:center;height:42px;padding:0 18px;font-size:15px;cursor:pointer;margin:0!important}
.wgu .wgu-actions button.wgu-btn{background:#1c212b!important;border:1px solid #2f3542!important;color:#fff!important;border-radius:10px}
.wgu .wgu-actions button.wgu-btn.is-primary{background:var(--wgu-gold)!important;border-color:var(--wgu-gold)!important;color:#111!important}
.wgu .wgu-actions button.wgu-btn:hover{border-color:var(--wgu-gold)!important;filter:brightness(1.08)}
.wgu .wgu-actions .wgu-btn[disabled]{opacity:.45;cursor:not-allowed;filter:none}
.wgu-pop.is-long{overscroll-behavior:contain}
/* Tooltip polish: compact short hints; description card with header, paragraphs and a slim scrollbar. */
.wgu-pop{padding:7px 11px;border-radius:10px;font-size:12.5px;line-height:1.45;max-width:min(280px,calc(100vw - 16px));background:#0f1319;border-color:rgba(245,195,59,.55);box-shadow:0 10px 28px rgba(0,0,0,.55)}
.wgu-pop:after{background:#0f1319;border-color:rgba(245,195,59,.55)}
.wgu-pop.is-long{display:flex;flex-direction:column;padding:0;max-width:min(380px,calc(100vw - 16px));max-height:none;overflow:visible;border-radius:14px;background:linear-gradient(180deg,#161b24 0%,#0e1218 100%);box-shadow:0 22px 50px -10px rgba(0,0,0,.7),0 0 0 1px rgba(245,195,59,.08) inset;white-space:normal}
.wgu-pop.is-long.is-below:after{background:#161b24}
.wgu-pop-head{padding:12px 16px 10px;border-bottom:1px solid rgba(245,195,59,.18);font-weight:800;font-size:14px;line-height:1.3;color:#fff}
.wgu-pop-head small{display:block;margin-top:2px;color:#8d93a1;font-weight:600;font-size:11.5px}
.wgu-pop-body{padding:12px 16px 14px;max-height:min(300px,55vh,var(--wgu-pop-room,300px));overflow:auto;overscroll-behavior:contain;color:#d4d8e0;font-size:13.5px;line-height:1.6;white-space:pre-line;scrollbar-width:thin;scrollbar-color:rgba(245,195,59,.4) transparent}
.wgu-pop-body p{margin:0 0 10px}
.wgu-pop-body p:last-child{margin-bottom:0}
.wgu-pop-body::-webkit-scrollbar{width:6px}
.wgu-pop-body::-webkit-scrollbar-thumb{background:rgba(245,195,59,.4);border-radius:6px}
.wgu-pop-body::-webkit-scrollbar-track{background:transparent}
.wgu-pop,.wgu-pop *{box-sizing:border-box}
/* «Оформлення» card: logo + own banner, quiet frame, no star or glow. */
/* «Оформлення»: a static silver-blue frame — visible in the list, quieter than the animated gold of «Просування». */
.wgu-card.is-styled{border:2px solid transparent;background:linear-gradient(180deg,#141c2b 0%,#151a23 40%) padding-box,linear-gradient(135deg,#5c7fc0,#b9cdf2 30%,#4a6aa8 55%,#9fb8e8 80%,#5c7fc0) border-box;box-shadow:0 0 0 1px rgba(138,164,214,.25),0 14px 34px -14px rgba(92,127,192,.55)}
.wgu-card.is-styled .wgu-name{color:#dce7ff}
.wgu-card.is-styled .wgu-banner{--wgu-banner:linear-gradient(135deg,#2b4f86,#1d2a44);background-image:var(--wgu-banner)}
.wgu .wgu-card.is-styled .wgu-logo{box-shadow:0 0 0 2px #8aa4d6}

/* Modal (moved to <body> on open, so it is styled outside .wgu too). */
html.wgu-modal-open{overflow:hidden}
.wgu-modal{position:fixed;inset:0;z-index:100001;display:flex;align-items:center;justify-content:center;padding:16px;font:14px/1.5 system-ui,"Segoe UI",sans-serif;color:#e6e8ee}
.wgu-modal[hidden]{display:none}
.wgu-modal *{box-sizing:border-box}
.wgu-modal-backdrop{position:absolute;inset:0;background:rgba(5,7,10,.72);backdrop-filter:blur(3px)}
.wgu-modal-dialog{position:relative;width:min(760px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:26px 26px 22px;border-radius:18px;border:1px solid rgba(245,195,59,.35);background:linear-gradient(180deg,#171c26 0%,#10141b 100%);box-shadow:0 30px 80px -20px rgba(0,0,0,.8)}
.wgu-modal-x{position:absolute;right:14px;top:12px;width:34px;height:34px;border-radius:10px;border:1px solid #2f3542!important;background:#1c212b!important;color:#c8ccd6!important;font-size:20px;line-height:1;cursor:pointer;padding:0!important}
.wgu-modal-x:hover{color:#fff!important;border-color:#f5c33b!important}
.wgu-modal-title{margin:0 40px 4px 0;font-size:22px;font-weight:800;color:#fff}
.wgu-modal-lead{margin:0 0 18px;color:#8d93a1}
.wgu-modal-empty{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.wgu-promo-step{margin:0 0 18px;padding:0;border:0;min-width:0}
.wgu-promo-step legend{margin:0 0 10px;padding:0;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#f5c33b}
.wgu-promo-who{display:flex;gap:6px;margin-bottom:10px}
.wgu-modal .wgu-tab{padding:8px 14px;border-radius:9px;border:1px solid #2f3542;background:#1c212b;color:#c8ccd6;font-weight:700;cursor:pointer;margin:0}
.wgu-modal .wgu-tab.is-active{border-color:#f5c33b;color:#f5c33b;background:rgba(245,195,59,.1)}
.wgu-modal .wgu-tab[disabled]{opacity:.4;cursor:not-allowed}
.wgu-modal select,.wgu-modal input[type=search]{width:100%;height:44px;margin:0 0 8px!important;padding:0 12px;border-radius:10px!important;border:1px solid #334155!important;background:#1e293b!important;color:#fff!important;font-size:14px;box-shadow:none!important}
.wgu-modal select:focus,.wgu-modal input[type=search]:focus{border-color:#f5c33b!important;outline:0}
.wgu-promo-hint{margin:0;color:#8d93a1;font-size:12.5px}
.wgu-promo-status{margin:6px 0 0;padding:8px 10px;border-radius:9px;background:rgba(74,208,127,.1);border:1px solid #2e6a43;color:#bfe9cf;font-size:12.5px}
.wgu-plans{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wgu-plan{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:14px;border:1px solid #2f3747;background:#151a23;cursor:pointer;margin:0}
.wgu-plan input{position:absolute;opacity:0;pointer-events:none}
.wgu-plan:has(input:checked){border-color:#f5c33b;box-shadow:0 0 0 1px #f5c33b,0 12px 30px -12px rgba(245,195,59,.45)}
.wgu-plan.is-promo{background:linear-gradient(180deg,#221c0d,#151a23 60%)}
.wgu-plan:has(input:disabled){opacity:.5;cursor:not-allowed}
.wgu-plan-badge{position:absolute;right:12px;top:-9px;padding:2px 9px;border-radius:20px;background:#f5c33b;color:#111;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.wgu-plan-name{font-size:17px;font-weight:800;color:#fff}
.wgu-plan-price{color:#8d93a1;font-size:13px}.wgu-plan-price b{color:#f5c33b;font-size:18px}
.wgu-plan-price s{color:#667;font-size:13px;margin-right:2px}
.wgu-plan-until{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;margin-top:-2px;padding:3px 9px;border-radius:999px;background:rgba(95,211,141,.12);border:1px solid rgba(95,211,141,.35);color:#7fe0a0;font-size:12px;font-weight:700;line-height:1.3}
.wgu-plan-until:before{content:"";width:6px;height:6px;border-radius:50%;background:#5fd38d;box-shadow:0 0 6px rgba(95,211,141,.8)}
.wgu-plan-until[hidden]{display:none}
.wgu-plan ul{margin:4px 0 0;padding:0;list-style:none}
.wgu-plan li{position:relative;margin:4px 0;padding-left:20px;color:#c7cbd4;font-size:13px}
.wgu-plan li:before{content:"✓";position:absolute;left:0;color:#5fd38d;font-weight:800}
.wgu-plan-note{margin-top:auto;color:#8d93a1;font-size:12px;font-style:italic}
.wgu-months{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.wgu-month{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px 10px;border-radius:12px;border:1px solid #2f3747;background:#151a23;cursor:pointer;margin:0;text-align:center}
.wgu-month input{position:absolute;opacity:0;pointer-events:none}
.wgu-month:has(input:checked){border-color:#f5c33b;background:rgba(245,195,59,.08)}
.wgu-month-len{font-weight:800;color:#fff}
.wgu-month-price{font-size:12.5px;color:#c7cbd4}
.wgu-month-off{position:absolute;top:-9px;right:8px;padding:1px 7px;border-radius:20px;background:#22c55e;color:#06210f;font-size:10.5px;font-weight:800}
.wgu-promo-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:14px;border-top:1px solid #262d3b}
.wgu-promo-total{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.wgu-promo-total b{font-size:24px;color:#fff}.wgu-promo-total s{color:#667;font-size:14px}.wgu-promo-total span{color:#5fd38d;font-size:13px;font-weight:700}
.wgu-modal .wgu-btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 22px;border-radius:12px;border:1px solid #f5c33b!important;font-weight:800;font-size:15px;cursor:pointer;text-decoration:none!important}
.wgu-modal .wgu-btn.is-primary{background:#f5c33b!important;color:#111!important}
.wgu-modal .wgu-btn.is-primary:hover{filter:brightness(1.06)}
.wgu-promo-fine{margin:12px 0 0;color:#667;font-size:12px}
@media (max-width:640px){.wgu-plans{grid-template-columns:1fr}.wgu-months{grid-template-columns:repeat(2,1fr)}.wgu-modal-dialog{padding:20px 16px}}
/* Taller banner for promoted guilds. */
.wgu-card.is-promoted .wgu-banner{height:84px}
/* Less top space under the site header. */
#Content{padding-top:0!important}
/* Muted SEO text at the bottom. */
.wgu-seo{max-width:900px;margin:48px auto 0;padding-top:24px;border-top:1px solid #1f2533;color:#7d8394;font-size:14px;line-height:1.7}
.wgu .wgu-seo h2{margin:0 0 8px;font-size:18px;font-weight:700;color:#9aa0ad}
.wgu .wgu-seo h3{margin:18px 0 6px;font-size:15px;font-weight:700;color:#8d93a1}
.wgu-seo p{margin:0}
/* BeTheme guards inside the modal (it lives in <body>, outside .wgu). */
.wgu-modal button,.wgu-modal button:hover,.wgu-modal button:focus,.wgu-modal button:active{box-shadow:none!important;text-shadow:none!important;background-image:none!important;letter-spacing:normal}
.wgu-modal button.wgu-tab{background-color:#1c212b!important;color:#c8ccd6!important;border:1px solid #2f3542!important;margin:0!important}
.wgu-modal button.wgu-tab:hover{background-color:#232a38!important;border-color:#3a4356!important;color:#fff!important}
.wgu-modal button.wgu-tab.is-active,.wgu-modal button.wgu-tab.is-active:hover{background-color:rgba(245,195,59,.1)!important;border-color:#f5c33b!important;color:#f5c33b!important}
.wgu-modal button.wgu-tab[disabled],.wgu-modal button.wgu-tab[disabled]:hover{background-color:#1c212b!important;border-color:#2f3542!important;color:#c8ccd6!important;opacity:.4}
.wgu-modal button.wgu-btn.is-primary,.wgu-modal button.wgu-btn.is-primary:hover{background-color:#f5c33b!important;border-color:#f5c33b!important;color:#111!important}
.wgu-modal a,.wgu-modal a:hover{text-decoration:none!important}
/* Game choice inside the promotion modal (Retail · Forever · Classic). */
.wgu-promo-games{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.wgu-modal .wgu-promo-games .wgu-tab small{font-size:10.5px;font-weight:700;opacity:.8;margin-left:4px}
.wgu-modal [hidden]{display:none!important}
/* Compact page head: one row — title, game switcher, actions. */
.wgu{padding-top:16px}
.wgu-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 8px}
.wgu .wgu-head .wgu-title{margin:0;font-size:22px;line-height:1.2;font-weight:800;color:#fff;white-space:nowrap}
.wgu-games{display:flex;gap:2px;padding:3px;border:1px solid #232a38;border-radius:12px;background:#121620}
.wgu .wgu-game{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 11px 0 7px;border:1px solid transparent;border-radius:9px;background:transparent;color:#c8ccd6!important;font-size:14px;font-weight:700;line-height:1;white-space:nowrap;transition:background-color .15s,border-color .15s,color .15s}
.wgu .wgu-game:hover{background:#1a1f2b;color:#fff!important}
.wgu .wgu-game.is-active{border-color:var(--wgu-gold);background:rgba(245,195,59,.08);color:#fff!important}
.wgu .wgu-game-logo{width:22px!important;height:22px!important;max-width:none!important;margin:0!important;flex:0 0 22px;object-fit:contain;opacity:.75;filter:saturate(.6);transition:opacity .15s,filter .15s}
.wgu .wgu-game:hover .wgu-game-logo,.wgu .wgu-game.is-active .wgu-game-logo{opacity:1;filter:none}
.wgu-game-count{font-size:12px;font-weight:600;color:var(--wgu-mute)}
.wgu .wgu-game.is-active .wgu-game-count{color:#c9a54a}
.wgu .wgu-game-new{display:inline-flex;align-items:center;height:16px;padding:0 6px;border-radius:5px;background:linear-gradient(135deg,#7c4dff,#a777ff);color:#fff;font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 2px 8px -2px rgba(140,92,246,.6)}
.wgu-head .wgu-actions{display:flex;gap:8px;margin:0 0 0 auto}
.wgu .wgu-head .wgu-actions .wgu-btn{min-width:0;height:36px;padding:0 14px;font-size:14px;border-radius:9px}
/* Compact filters: the label sits inside the field, all in one row. */
.wgu-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px;margin:0 0 18px;border:1px solid #232a38;border-radius:12px;background:#121620}
.wgu .wgu-field{position:relative;display:flex;align-items:center;gap:8px;flex:1 1 170px;min-width:0;height:38px;margin:0;padding:0 0 0 12px;border:1px solid #2a3140;border-radius:9px;background:#181d28;transition:border-color .15s}
.wgu .wgu-field:hover{border-color:#3a4356}
.wgu .wgu-field:focus-within{border-color:var(--wgu-gold)}
.wgu .wgu-field>span{flex:0 0 auto;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--wgu-mute);white-space:nowrap}
.wgu .wgu-field select,.wgu .wgu-field input,.wgu .wgu-field input[type=search]{flex:1 1 auto;min-width:0;width:100%;height:36px!important;margin:0!important;padding:0 30px 0 0!important;border:0!important;border-radius:0 9px 9px 0!important;background-color:transparent!important;box-shadow:none!important;outline:0;color:#fff!important;font-size:14px;font-weight:600;-webkit-appearance:none;appearance:none;cursor:pointer}
.wgu .wgu-field select option{background:#181d28;color:#fff}
.wgu .wgu-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='none' d='M1 1l5 5 5-5' stroke='%238d93a1' stroke-width='1.6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 11px center!important;background-size:11px!important}
.wgu .wgu-search{flex:2 1 260px;padding-left:34px;background:#181d28 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238d93a1' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 12px center/15px}
.wgu .wgu-field input[type=search]{padding-right:12px!important;font-weight:400;cursor:text}
.wgu .wgu-field input::placeholder{color:#6f7686;opacity:1}
.wgu .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Classic version tabs: same height as the fields, in the same row. */
.wgu-filters .wgu-tabs{flex:0 0 auto;gap:4px}
.wgu .wgu-filters .wgu-tab.has-logo{height:38px;padding:4px 10px;border-radius:9px}
.wgu .wgu-filters .wgu-tab.has-logo img{height:24px!important;max-height:24px!important}
@media (max-width:900px){.wgu-head{justify-content:center}.wgu .wgu-head .wgu-title{flex:1 1 100%;text-align:center}.wgu-head .wgu-actions{margin:0}}
@media (max-width:600px){.wgu-games,.wgu-head .wgu-actions{flex:1 1 100%}.wgu .wgu-game{flex:1 1 0;justify-content:center;padding:0 6px;gap:5px;font-size:13px}.wgu .wgu-game-new{position:absolute;top:-7px;right:2px;height:14px;padding:0 4px;font-size:8px}.wgu .wgu-game{position:relative}.wgu .wgu-head .wgu-actions .wgu-btn{flex:1 1 0;justify-content:center;padding:0 8px}.wgu .wgu-field{flex:1 1 calc(50% - 4px)}.wgu .wgu-search,.wgu .wgu-field.is-sort{flex:1 1 100%}.wgu-filters .wgu-tabs{flex:1 1 100%}}
/* «Запит на управління» is long: labels stay on one line; on phones the buttons wrap, four of them as a 2×2 grid. */
.wgu .wgu-head .wgu-actions .wgu-btn{white-space:nowrap}
@media (max-width:600px){.wgu-head .wgu-actions{flex-wrap:wrap}.wgu .wgu-head .wgu-actions .wgu-btn{flex:1 1 auto}.wgu .wgu-head .wgu-actions .wgu-btn:first-child:nth-last-child(4),.wgu .wgu-head .wgu-actions .wgu-btn:first-child:nth-last-child(4)~.wgu-btn{flex:1 1 calc(50% - 4px)}}
@media (max-width:360px){.wgu .wgu-head .wgu-actions .wgu-btn{padding:0 4px;font-size:12px}}
/* Own dropdown for the filter selects (the native list cannot be styled). */
.wgu .wgu-field.has-menu{cursor:pointer}
.wgu .wgu-field .wgu-sel-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;opacity:0;pointer-events:none;clip:rect(0 0 0 0)}
.wgu .wgu-field button.wgu-sel-btn{flex:1 1 auto;min-width:0;height:36px;margin:0!important;padding:0 30px 0 0!important;border:0!important;border-radius:0 9px 9px 0!important;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='none' d='M1 1l5 5 5-5' stroke='%238d93a1' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 11px center/11px!important;color:#fff!important;font-family:inherit;font-size:14px;font-weight:600;line-height:36px;letter-spacing:normal;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;outline:0;transition:none}
.wgu .wgu-field.is-open{border-color:var(--wgu-gold)}
.wgu .wgu-field.is-open button.wgu-sel-btn{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='none' d='M1 7l5-5 5 5' stroke='%23f5c33b' stroke-width='1.6'/%3E%3C/svg%3E")!important}
.wgu .wgu-sel-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:1000;min-width:100%;width:max-content;max-width:min(320px,calc(100vw - 32px));max-height:320px;overflow-y:auto;padding:5px;border:1px solid #2f3747;border-radius:11px;background:#151a24;box-shadow:0 18px 40px -8px rgba(0,0,0,.7),0 0 0 1px rgba(0,0,0,.25);scrollbar-width:thin;scrollbar-color:#3a4356 transparent;cursor:default;animation:wgu-sel-in .12s ease-out}
.wgu .wgu-sel-menu[hidden]{display:none!important}
@keyframes wgu-sel-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.wgu .wgu-sel-menu button.wgu-sel-opt{display:flex;align-items:center;width:100%;min-height:34px;margin:0!important;padding:0 32px 0 11px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#c8ccd6!important;font-family:inherit;font-size:14px;font-weight:500;line-height:1.25;letter-spacing:normal;text-align:left;white-space:nowrap;cursor:pointer;outline:0;position:relative;transition:background-color .1s,color .1s}
.wgu .wgu-sel-menu button.wgu-sel-opt:hover,.wgu .wgu-sel-menu button.wgu-sel-opt:focus{background:#222a38!important;color:#fff!important}
.wgu .wgu-sel-menu button.wgu-sel-opt.is-selected{color:var(--wgu-gold)!important;font-weight:700;background:rgba(245,195,59,.08)!important}
.wgu .wgu-sel-menu button.wgu-sel-opt.is-selected:after{content:"";position:absolute;right:11px;top:50%;width:12px;height:12px;margin-top:-6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' d='M2 6.5l2.6 2.6L10 3.5' stroke='%23f5c33b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/12px}
.wgu .wgu-sel-menu::-webkit-scrollbar{width:8px}.wgu .wgu-sel-menu::-webkit-scrollbar-thumb{background:#3a4356;border-radius:8px;border:2px solid #151a24}
/* Chips: compact, borderless, a check for what the community looks for and a dot for the rest. */
.wgu .wgu-chips{gap:4px;margin:10px 0 0}
.wgu .wgu-chip{display:inline-flex;align-items:center;gap:5px;height:22px;margin:0;padding:0 8px 0 7px;border:0;border-radius:6px;background:rgba(148,156,175,.1);color:#a3a9b6;font-size:11.5px;font-weight:600;line-height:1;letter-spacing:.01em;white-space:nowrap}
.wgu .wgu-chip:before{content:"";flex:0 0 4px;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.7}
.wgu .wgu-chip.is-good{background:rgba(95,211,141,.1);color:#86dca8}
.wgu .wgu-chip.is-good:before{flex-basis:10px;width:10px;height:10px;border-radius:0;opacity:1;background:none;-webkit-mask:none;mask:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' d='M2.2 6.4l2.4 2.4 5.2-5.4' stroke='%2386dca8' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:10px}
.wgu .wgu-chip[data-wgu-pop]{cursor:help}
.wgu .wgu-chip[data-wgu-pop]:hover{filter:brightness(1.18)}
/* Chips sit at the bottom of the card, right above the footer line. */
.wgu .wgu-spacer{min-height:10px}
.wgu .wgu-spacer+.wgu-chips{margin:0 0 12px}
/* BeTheme centres button text: keep the dropdown value and options left-aligned. */
.wgu .wgu-field button.wgu-sel-btn,.wgu .wgu-sel-menu button.wgu-sel-opt{text-align:left!important;justify-content:flex-start!important}
.wgu .wgu-field button.wgu-sel-btn{display:block!important}
/* Low WoW Hub index block under the catalogue: muted, no paid styling. */
.wgu-group-note{max-width:820px;margin:-6px 0 14px;color:var(--wgu-mute);font-size:13px;line-height:1.55}
.wgu-group.is-low .wgu-group-title{color:#c98a8a}
.wgu-group.is-low .wgu-card{opacity:.82}
.wgu-group.is-low .wgu-card:hover{opacity:1}
/* Unconfirmed Forever guild (after the launch): muted card, a note instead of the description. */
.wgu-card.is-unconfirmed{opacity:.6}
.wgu-card.is-unconfirmed:hover{opacity:.85}
.wgu-notice{margin:10px 0 0;padding:8px 10px;border-radius:8px;border:1px dashed #3a4356;color:var(--wgu-mute);font-size:12.5px}
/* Small info modal (Forever «Просувати» before the launch). */
.wgu-modal .wgu-modal-narrow{max-width:520px}
.wgu-modal-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
/* Region: EU / US buttons in one block like the game switcher (flag on the left fading out, code on the right) and the card label. */
.wgu-filters .wgu-regions{flex:0 0 auto;display:flex;gap:3px;height:38px;box-sizing:border-box;padding:3px;border:1px solid #2a3140;border-radius:10px;background:#121620}
.wgu .wgu-filters button.wgu-tab.wgu-region{position:relative;display:inline-flex;align-items:center;justify-content:flex-end;width:80px;height:30px;padding:0 12px 0 0!important;border-radius:7px;overflow:hidden;background:transparent!important;border:1px solid transparent!important;color:#8d93a1!important;font-size:13px;font-weight:800;letter-spacing:.08em;line-height:1;transition:border-color .15s,color .15s,background-color .15s}
.wgu .wgu-filters button.wgu-tab.wgu-region:not(.has-flag){justify-content:center;width:auto;padding:0 14px!important}
.wgu .wgu-filters button.wgu-tab.wgu-region:hover{color:#fff!important;background:#1a1f2b!important;border-color:transparent!important}
.wgu .wgu-filters button.wgu-tab.wgu-region.is-active,.wgu .wgu-filters button.wgu-tab.wgu-region.is-active:hover{border-color:var(--wgu-gold)!important;color:var(--wgu-gold)!important;background:rgba(245,195,59,.08)!important}
.wgu .wgu-filters button.wgu-tab.wgu-region:focus-visible{outline:2px solid var(--wgu-gold);outline-offset:1px}
.wgu-region b,.wgu-region-tag b{position:relative;font-weight:inherit}
.wgu-region .wgu-flag,.wgu-region-tag .wgu-flag{position:absolute;top:0;bottom:0;left:0;background:no-repeat left center/cover;-webkit-mask-image:linear-gradient(90deg,#000 22%,rgba(0,0,0,.6) 52%,transparent 96%);mask-image:linear-gradient(90deg,#000 22%,rgba(0,0,0,.6) 52%,transparent 96%);pointer-events:none}
.wgu-region:not(.has-flag) .wgu-flag,.wgu-region-tag:not(.has-flag) .wgu-flag{display:none}
.wgu-region .wgu-flag{width:58px;opacity:.45;filter:saturate(.5);transition:opacity .15s,filter .15s}
.wgu-region:hover .wgu-flag{opacity:.8;filter:none}
.wgu-region.is-active .wgu-flag{opacity:1;filter:none}
.wgu-region.is-eu .wgu-flag,.wgu-region-tag.is-eu .wgu-flag{background-image:url(flags/eu.svg)}
.wgu-region.is-us .wgu-flag,.wgu-region-tag.is-us .wgu-flag{background-image:url(flags/us.svg)}
.wgu-region-tag{position:absolute;left:10px;top:8px;z-index:1;display:inline-flex;align-items:center;height:20px;box-sizing:border-box;padding:0 7px;border-radius:6px;overflow:hidden;background:rgba(11,14,19,.8);border:1px solid rgba(255,255,255,.18);box-shadow:0 2px 8px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.09em;line-height:1;cursor:help}
.wgu-region-tag.has-flag{padding-left:29px}
.wgu-region-tag.has-flag .wgu-flag{width:36px}
.wgu-region-tag:focus-visible{outline:2px solid var(--wgu-gold);outline-offset:2px}
@media (max-width:600px){.wgu-filters .wgu-regions{flex:1 1 100%}.wgu .wgu-filters button.wgu-tab.wgu-region{flex:1 1 0;width:auto}}
/* Wide desktop (1200px+): the title, game switcher, buttons and filters (.wgu-top) stick to the top while the catalogue
   scrolls, on the page background so cards never show through. The block takes over .wgu's top padding
   (16px) and side gutters (negative margins) and hides 6px of that padding above the edge when stuck.
   BeTheme's overflow-x:hidden on body / #Wrapper makes them scroll containers and breaks sticky; clip cuts
   the same overflow without that. */
@media (min-width:1200px) and (min-height:600px){
body:has(.wgu-top),body:has(.wgu-top) #Wrapper{overflow-x:clip!important}
.wgu .wgu-top{--wgu-gutter:clamp(16px,3vw,48px);position:sticky;top:calc(var(--wgu-sticky-top,0px) - 6px);z-index:60;margin:-16px calc(-1 * var(--wgu-gutter)) 6px;padding:16px var(--wgu-gutter) 12px;background:#0b0e14;transition:box-shadow .15s}
.admin-bar .wgu .wgu-top{top:calc(var(--wgu-sticky-top,32px) - 6px)}
.wgu .wgu-top .wgu-filters{margin-bottom:0}
.wgu .wgu-top.is-stuck{box-shadow:0 16px 24px -14px rgba(0,0,0,.85),0 1px 0 #1c2230}
}
/* GM in the subtitle row; «Рейди» (raid days + time) on the right of the footer. */
.wgu-sub{flex-wrap:wrap;row-gap:2px;min-width:0}
.wgu-sub-sep{color:#4a5262}
.wgu-sub-gm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wgu-sub-gm b{color:#c8ccd6;font-weight:700}
.wgu-rt{display:flex;flex-direction:column;align-items:flex-end;gap:3px;margin-left:auto;text-align:right;cursor:help;border-radius:6px}
.wgu-rt:focus-visible{outline:2px solid var(--wgu-gold);outline-offset:3px}
.wgu-rt-head{display:flex;align-items:baseline;gap:6px;font-size:11px;line-height:1.2;color:var(--wgu-mute)}
.wgu-rt-time{color:#fff;font-size:12px;font-weight:800;letter-spacing:.01em}
.wgu-rt-days{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:3px}
.wgu-rt-days i{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:6px;background:rgba(245,195,59,.1);border:1px solid rgba(245,195,59,.28);color:var(--wgu-gold);font-size:11px;font-style:normal;font-weight:800;letter-spacing:.02em;line-height:1}
/* «Рейди» filter: a field (summary on the button) that opens a panel with day squares and start / end time. */
.wgu .wgu-field.is-rt{position:relative;flex:1 1 200px;cursor:pointer}
.wgu .wgu-field.is-rt.is-set button.wgu-rtf-btn{color:var(--wgu-gold)!important}
.wgu .wgu-rtf-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:1000;width:min(330px,calc(100vw - 32px));box-sizing:border-box;padding:12px;border:1px solid #2f3747;border-radius:12px;background:#151a24;box-shadow:0 18px 40px -12px rgba(0,0,0,.8);cursor:default;text-align:left}
.wgu .wgu-rtf-panel[hidden]{display:none!important}
.wgu .wgu-rtf-title{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--wgu-mute)}
.wgu .wgu-rtf-title+.wgu-rtf-days{margin-bottom:12px}
.wgu .wgu-rtf-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.wgu .wgu-rtf-panel button.wgu-rtf-day{height:36px;min-width:0;margin:0!important;padding:0!important;border:1px solid #2f3747!important;border-radius:8px!important;background:#1b212c!important;color:#c8ccd6!important;font-size:13px;font-weight:800;line-height:1;cursor:pointer;transition:border-color .15s,color .15s,background-color .15s}
.wgu .wgu-rtf-panel button.wgu-rtf-day:hover{border-color:#3a4356!important;color:#fff!important}
.wgu .wgu-rtf-panel button.wgu-rtf-day[aria-pressed="true"]{border-color:var(--wgu-gold)!important;color:var(--wgu-gold)!important;background:rgba(245,195,59,.1)!important}
.wgu .wgu-rtf-panel button.wgu-rtf-day[disabled]{opacity:.35;cursor:not-allowed}
.wgu .wgu-rtf-panel button.wgu-rtf-day:focus-visible{outline:2px solid var(--wgu-gold);outline-offset:1px}
.wgu .wgu-rtf-times{display:flex;gap:6px}
.wgu .wgu-rtf-times .wgu-field.wgu-rtf-time{flex:1 1 0;min-width:0;background:#1b212c}
.wgu .wgu-rtf-times .wgu-sel-menu{max-height:240px}
.wgu .wgu-rtf-hint{margin:8px 0 0;font-size:11.5px;line-height:1.45;color:var(--wgu-mute)}
.wgu .wgu-rtf-foot{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.wgu .wgu-rtf-panel button.wgu-rtf-reset{margin:0!important;padding:6px 4px!important;border:0!important;background:none!important;color:var(--wgu-mute)!important;font-size:13px;font-weight:700;cursor:pointer}
.wgu .wgu-rtf-panel button.wgu-rtf-reset:hover{color:#fff!important}
.wgu .wgu-rtf-panel button.wgu-rtf-done{height:32px;margin:0!important;padding:0 16px!important;border:0!important;border-radius:8px!important;background:var(--wgu-gold)!important;color:#111!important;font-size:13px;font-weight:800;cursor:pointer}
/* The open «Рейди» field must not flip the carets of the time lists inside its panel. */
.wgu .wgu-field.is-rt.is-open .wgu-rtf-time:not(.is-open) button.wgu-sel-btn{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='none' d='M1 1l5 5 5-5' stroke='%238d93a1' stroke-width='1.6'/%3E%3C/svg%3E")!important}
/* Card footer, the same on every card: row 1 = numbers on the left, «Рейди» on the right; row 2 = the
   link buttons on the right. Empty parts take no room (Classic / Forever without numbers or raid time). */
.wgu .wgu-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px 12px}
.wgu .wgu-foot .wgu-stats{grid-column:1;min-width:0}
.wgu .wgu-foot .wgu-stats:empty{display:none}
.wgu .wgu-foot .wgu-rt{grid-column:2;margin-left:0}
.wgu .wgu-foot .wgu-links{grid-column:1/-1;justify-content:flex-end;flex-wrap:wrap;margin-left:0}
.wgu .wgu-foot .wgu-links:empty{display:none}
.wgu-rt.is-empty{cursor:default}
.wgu-rt-none{display:inline-flex;align-items:center;height:20px;color:#5d6575;font-size:12px;font-weight:600}
/* Classic / Forever footer: «Рейди» on the left, the link buttons on the right, one row. */
.wgu .wgu-foot.is-compact{grid-template-columns:auto minmax(0,1fr)}
.wgu .wgu-foot.is-compact .wgu-rt{grid-column:1;align-items:flex-start;text-align:left}
.wgu .wgu-foot.is-compact .wgu-rt-days{justify-content:flex-start}
.wgu .wgu-foot.is-compact .wgu-links{grid-column:2}
/* Footer row 1: «Гравців», «Індекс» and «Рейди» headings on one line; a tighter gap to the values. */
.wgu .wgu-foot{align-items:start}
.wgu .wgu-foot.is-compact{align-items:center}
.wgu .wgu-foot .wgu-links{align-self:end}
.wgu .wgu-foot .wgu-stats dt,.wgu .wgu-foot .wgu-rt-head{height:16px;line-height:16px;margin:0 0 2px}
.wgu .wgu-foot .wgu-stats dd{line-height:20px}
.wgu .wgu-foot .wgu-rt{gap:0}
.wgu .wgu-foot .wgu-rt-head{align-items:center}