/* WIND UI 26: one customer-page layout system. See DESIGN-SYSTEM.md. */
@layer wgfix44 {
html { --wg-ui-bg:#100f14; --wg-ui-card:#21171f; --wg-ui-card-alt:#291923; --wg-ui-line:#603546; --wg-ui-ink:#faf3f6; --wg-ui-muted:#cdbcc4; --wg-ui-red:#ed174d; --wg-ui-gold:#f4d27e; --wg-ui-radius:18px; --wg-ui-gap:16px; }
html[data-theme=light] { --wg-ui-bg:#f7f1f4; --wg-ui-card:#fffafd; --wg-ui-card-alt:#f9eaf1; --wg-ui-line:#d7b8c6; --wg-ui-ink:#301a26; --wg-ui-muted:#765b6a; }
body.wg-template { background:var(--wg-ui-bg)!important; color:var(--wg-ui-ink)!important; font-family:var(--wg-font-ui,Arimo,Arial,sans-serif)!important; }
body.wg-template .mp-content { box-sizing:border-box!important; padding:24px 28px 32px!important; font-size:15px!important; line-height:1.45!important; }
body.wg-template .mp-content>h1,body.wg-template .wc-title h1 { font-size:clamp(27px,2.4vw,36px)!important; line-height:1.14!important; letter-spacing:-.025em!important; margin:5px 0 12px!important; }
body.wg-template .mp-content>p { max-width:900px!important; color:var(--wg-ui-muted)!important; margin:0 0 18px!important; }
body.wg-template .mp-content h2 { line-height:1.2!important; }
body.wg-template .mp-content :is(input:not([type=radio]):not([type=checkbox]):not([type=range]),select,textarea:not(.wgc-input)) { box-sizing:border-box!important; border:1px solid var(--wg-ui-line)!important; border-radius:12px!important; background:var(--wg-ui-card)!important; color:var(--wg-ui-ink)!important; font-family:inherit!important; font-size:14px!important; min-height:42px!important; }
body.wg-template .mp-content :is(input,select,textarea:not(.wgc-input),button,a):focus-visible { outline:2px solid var(--wg-ui-gold)!important; outline-offset:3px!important; }
body.wg-template :is(.wc-tabs,.adv-tabs,.bn-tabs,.bp-tabs,.ss-tabs,.pt-tabs,.dp-tabs,.wg-profile-tabs,[role=tablist]) { gap:6px!important; margin-bottom:18px!important; border-color:var(--wg-ui-line)!important; }
body.wg-template :is(.wc-tabs,.adv-tabs,.bn-tabs,.bp-tabs,.ss-tabs,.pt-tabs,.dp-tabs,.wg-profile-tabs,[role=tablist])>button { font:700 14px/1.2 var(--wg-font-ui,Arimo,Arial,sans-serif)!important; min-height:42px!important; padding:10px 14px!important; border-radius:11px!important; color:var(--wg-ui-muted)!important; }
body.wg-template :is([role=tab][aria-selected=true],.wc-tabs button[aria-selected=true],.adv-tabs button[aria-selected=true],.bn-tabs button[aria-selected=true]) { background:linear-gradient(135deg,#83203f,#4b1b31)!important; color:#fff5f8!important; border-color:#ee3163!important; }
body.wg-template :is(.wc-box,.wc-room,.rp-card,.bn-card,.bp-card,.adv-panel,.ss-card,.wg-profile-stat,.wg-pnl,.wg-lvl,.wg-hub-card,.wg-c-status,.wg-c-auth,.wg-public-help,.dp-panel) { background:var(--wg-ui-card)!important; border:1px solid var(--wg-ui-line)!important; border-radius:var(--wg-ui-radius)!important; color:var(--wg-ui-ink)!important; box-shadow:0 8px 24px #00000012!important; }
body.wg-template :is(.wc-primary,.bn-primary,.adv-btn.primary,.bp-primary,.rp-primary,.dp-primary) { min-height:44px!important; padding:11px 18px!important; border:1px solid #ff6587!important; border-radius:12px!important; background:linear-gradient(135deg,#ff3568,#d20c40)!important; color:white!important; font:800 14px/1.25 var(--wg-font-ui,Arimo,Arial,sans-serif)!important; box-shadow:none!important; }
body.wg-template :is(.wc-secondary,.ww-watch,.adv-btn.secondary,.bp-secondary,.dp-secondary) { min-height:42px!important; border:1px solid var(--wg-ui-line)!important; border-radius:12px!important; color:var(--wg-ui-ink)!important; background:var(--wg-ui-card-alt)!important; font-size:14px!important; }
body.wg-template button:disabled { opacity:.5!important; cursor:not-allowed!important; }
body.wg-template :is(.wc-rooms,.ww-worlds) { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:var(--wg-ui-gap)!important; }
body.wg-template :is(.wc-room,.ww-world) { padding:18px!important; min-width:0!important; }
body.wg-template .wc-room-top { gap:10px!important; }
body.wg-template .wc-room h3,body.wg-template .ww-world h3 { font-size:18px!important; line-height:1.2!important; }
body.wg-template .wc-room-bank { margin:16px 0!important; }
body.wg-template .wc-room-bank strong { font-size:30px!important; color:var(--wg-ui-gold)!important; }
body.wg-template .wc-room-meta { font-size:13px!important; gap:8px!important; }
body.wg-template .wc-room-status { border-color:var(--wg-ui-line)!important; background:var(--wg-ui-card-alt)!important; color:var(--wg-ui-muted)!important; }
body.wg-template .wc-room-status.is-live { color:#a1ebbc!important; }
body.wg-template :is(.wc-snake-banner,.ww-hero,.sl-world-callout) { border:1px solid var(--wg-ui-line)!important; border-radius:20px!important; background:linear-gradient(115deg,#371824,#1e1721 70%,#211d1a)!important; color:#faf2f5!important; box-sizing:border-box!important; }
body.wg-template .wc-snake-banner { min-height:158px!important; padding:22px 26px!important; margin-bottom:16px!important; }
body.wg-template .wc-snake-banner h2 { max-width:700px!important; font-size:clamp(24px,2.4vw,32px)!important; margin:7px 0!important; }
body.wg-template .wc-snake-banner img { width:138px!important; height:138px!important; object-fit:contain!important; }
body.wg-template .sl-world-callout { min-height:86px!important; padding:18px 22px!important; margin:12px 0!important; }
body.wg-template .ww-hero { padding:22px 26px!important; min-height:0!important; }
body.wg-template .ww-hero h2 { font-size:30px!important; margin:6px 0 10px!important; }
body.wg-template .ww-hero>p { max-width:900px!important; color:#ddcbd3!important; font-size:14px!important; line-height:1.5!important; }
body.wg-template .ww-hero::after { opacity:.16!important; }
body.wg-template .ww-loot-guide { gap:8px!important; margin:15px 0!important; flex-wrap:wrap!important; }
body.wg-template .ww-loot-guide span { background:#352333!important; border:1px solid #6b4651!important; border-radius:10px!important; padding:8px 10px!important; color:#f5dfb0!important; font-size:13px!important; }
body.wg-template .ww-stake17 { margin-top:12px!important; gap:10px!important; flex-wrap:wrap!important; }
body.wg-template .wc-tiers { gap:10px!important; margin:16px 0!important; }
body.wg-template .wc-tiers button { background:var(--wg-ui-card)!important; border:1px solid var(--wg-ui-line)!important; border-radius:13px!important; padding:13px 16px!important; color:var(--wg-ui-ink)!important; }
body.wg-template .wc-tiers button[aria-pressed=true] { background:var(--wg-ui-card-alt)!important; border-color:#ef2d60!important; box-shadow:inset 0 -2px #ef2d60!important; }
body.wg-template .wc-note { margin-top:16px!important; border-radius:14px!important; background:var(--wg-ui-card-alt)!important; border:1px solid var(--wg-ui-line)!important; }
body.wg-template .adv-hero { aspect-ratio:auto!important; height:210px!important; min-height:210px!important; border-radius:20px!important; }
body.wg-template .adv-hero-text { left:26px!important; max-width:min(720px,70%)!important; }
body.wg-template .adv-hero .adv-h2 { font-size:34px!important; line-height:1.1!important; }
body.wg-template .adv-hero p { font-size:14px!important; margin:9px 0!important; }
body.wg-template .adv-chip { padding:6px 10px!important; backdrop-filter:none!important; }
body.wg-template .adv-chips { margin-top:12px!important; gap:7px!important; }
body.wg-template .adv { gap:16px!important; }
body.wg-template .wg-room-ledger { display:grid;grid-template-columns:1fr auto;gap:6px 10px;font-size:13px;color:var(--wg-ui-muted);padding:12px;border:1px solid var(--wg-ui-line);border-radius:11px;margin:12px 0;background:var(--wg-ui-card-alt); }
body.wg-template .wg-room-ledger b { color:var(--wg-ui-ink);text-align:right;font-variant-numeric:tabular-nums; }
html.so-playing .mp-wrap,html.so-playing .mp-sidebar { content-visibility:hidden!important; }
html.so-playing .mp-wrap *,html.so-playing .mp-sidebar * { animation-play-state:paused!important; }
html.so-playing :is(.sp-top,.sp-stats>span,.so-energy,.so-map) { border-color:#785063!important; }
html.so-playing .sp-stats>span,html.so-playing .so-energy { background:#201722e8!important;color:#f5e9ee!important; }
@media(min-width:1600px){body.wg-template .mp-content{padding-left:40px!important;padding-right:40px!important}body.wg-template .ww-worlds{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(max-width:1050px){body.wg-template :is(.wc-rooms,.ww-worlds){grid-template-columns:repeat(2,minmax(0,1fr))!important}body.wg-template .mp-content{padding:20px!important}}
@media(max-width:620px){
 body.wg-template{--wg-ui-gap:12px;--wg-ui-radius:15px}
 body.wg-template .mp-content{padding:16px 12px 24px!important;font-size:14px!important}
 body.wg-template .mp-content>h1,body.wg-template .wc-title h1{font-size:27px!important}
 body.wg-template :is(.wc-rooms,.ww-worlds){grid-template-columns:1fr!important}
 body.wg-template :is(.wc-room,.ww-world){padding:15px!important}
 body.wg-template .wc-tabs,body.wg-template [role=tablist]{overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:thin!important;max-width:100%!important}
 body.wg-template [role=tab]{flex-shrink:0!important}
 body.wg-template .wc-snake-banner{padding:18px!important;min-height:156px!important}
 body.wg-template .wc-snake-banner h2{font-size:25px!important;max-width:74%!important}
 body.wg-template .wc-snake-banner img{width:90px!important;height:110px!important}
 body.wg-template .ww-hero{padding:18px!important}
 body.wg-template .ww-hero h2{font-size:25px!important}
 body.wg-template .ww-loot-guide span{flex:1 1 42%!important;font-size:12px!important}
 body.wg-template .wc-tiers button{padding:11px 9px!important}
 body.wg-template .wc-tiers button small{font-size:11px!important}
 body.wg-template .adv-hero{height:225px!important;min-height:225px!important}
 body.wg-template .adv-hero-text{left:18px!important;max-width:calc(100% - 36px)!important}
 body.wg-template .adv-hero .adv-h2{font-size:29px!important}
 body.wg-template .adv-hero img{object-position:80% 50%!important;opacity:.75!important}
 body.wg-template .adv-hero::after{background:linear-gradient(90deg,#240713e8,#24071399)!important}
 body.wg-template .adv-chips{gap:5px!important}
 body.wg-template .adv-chip{font-size:12px!important;padding:6px 8px!important}
 body.wg-template .adv-chip b{font-size:14px!important}
}
@media(prefers-reduced-motion:reduce){body.wg-template .mp-content *{scroll-behavior:auto!important}}
}
@layer wgfix44{
body.wg-template .mp-all-games-head{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(340px,520px)!important;align-items:center!important;gap:24px!important;margin-bottom:14px!important;min-height:0!important}
body.wg-template .wg-catalog-title h2{font-size:26px!important;margin:5px 0 6px!important}
body.wg-template .wg-catalog-title>p{font-size:13px!important;color:var(--wg-ui-muted)!important;margin:0!important;max-width:720px!important}
body.wg-template .wg-catalog-tools{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;align-items:end!important}
body.wg-template .wg-catalog-tools .mp-search-label{width:100%!important;min-width:0!important;display:grid!important;gap:7px!important;font-size:12px!important}
body.wg-template .wg-catalog-tools :is(input,select){height:43px!important;width:100%!important;min-width:0!important;margin:0!important}
body.wg-template .wg-catalog-quick{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
body.wg-template .wg-catalog-quick button{min-height:34px;padding:7px 12px;border:1px solid var(--wg-ui-line);border-radius:10px;background:var(--wg-ui-card);color:var(--wg-ui-muted);font:700 12px/1.3 Arial,sans-serif;cursor:pointer;white-space:nowrap}
body.wg-template .wg-catalog-quick button[aria-pressed=true]{color:#fff4f7;border-color:#ed3965;background:#5a2135}
body.wg-template .wg-cat-tabs{margin-top:0!important}
@media(max-width:1150px){body.wg-template .mp-all-games-head{grid-template-columns:1fr!important;gap:16px!important}body.wg-template .wg-catalog-tools{max-width:none!important}}
@media(max-width:620px){body.wg-template .wg-catalog-quick{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}body.wg-template .wg-catalog-quick button{min-height:40px;flex-shrink:0}body.wg-template .wg-catalog-title>p{display:none!important}body.wg-template .wg-catalog-tools{gap:9px!important}body.wg-template .wg-catalog-title h2{font-size:24px!important}}
}
@layer wgfix44{
body.wg-template .adv-hero-text{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;padding:0!important;margin:0!important}
body.wg-template .wc-heading{margin-bottom:16px!important}
body.wg-template .wc-heading h1{font-size:30px!important;margin-bottom:8px!important}
body.wg-template .wc-snake-banner{min-height:132px!important;padding:18px 22px!important}
body.wg-template .wc-snake-banner img{width:112px!important;height:112px!important}
body.wg-template .wc-snake-banner h2{font-size:28px!important}
body.wg-template .sl-world-callout{display:inline-grid!important;vertical-align:top!important;width:calc(50% - 7px)!important;min-height:82px!important;box-sizing:border-box!important;margin:0 10px 12px 0!important;padding:14px 17px!important}
body.wg-template .sl-world-callout+.sl-world-callout{margin-right:0!important}
body.wg-template .wc-room{padding:15px!important}
body.wg-template .sq-lobby-note{font-size:12px!important;margin:10px 0 5px!important}
body.wg-template .wc-room-bank{margin:12px 0!important}
@media(max-width:620px){body.wg-template .sl-world-callout{width:100%!important;margin:0 0 10px!important}body.wg-template .wc-heading h1{font-size:26px!important}body.wg-template .wc-snake-banner{min-height:145px!important}body.wg-template .wc-snake-banner h2{font-size:24px!important}}
}
@layer wgfix44{
body.wg-template .wg-catalog-tools{width:100%!important;max-width:none!important;min-width:0!important;justify-self:stretch!important}
body.wg-template .wg-catalog-tools .mp-search-label,body.wg-template .wg-catalog-tools :is(input,select){max-width:none!important}
body.wg-template .wg-catalog-quick button{display:block!important;min-height:36px!important;padding:7px 11px!important;border:1px solid var(--wg-ui-line)!important;border-radius:10px!important;background:var(--wg-ui-card)!important;color:var(--wg-ui-muted)!important;font:700 12px/1.3 Arial,sans-serif!important}
body.wg-template .wg-catalog-quick button[aria-pressed=true]{color:#fff4f7!important;border-color:#ed3965!important;background:#5a2135!important}
body.wg-template .wc-room-players{margin:10px 0!important}
@media(max-width:620px){body.wg-template .wg-catalog-quick button{min-height:42px!important}}
}
@layer wgfix44{
body.wg-template .wg-catalog-title{min-width:0!important;max-width:100%!important}
body.wg-template .wg-catalog-quick{box-sizing:border-box!important;min-width:0!important;max-width:100%!important;width:100%!important}
@media(max-width:1150px){body.wg-template .mp-all-games-head{grid-template-columns:minmax(0,1fr)!important}}
}
@layer wgfix44{body.wg-template .wg-catalog-quick{display:flex!important;flex-wrap:wrap!important;gap:7px!important;justify-content:flex-start!important;align-items:center!important;margin:13px 0 0!important;padding:0!important}body.wg-template .wg-catalog-quick button{flex:0 0 auto!important;margin:0!important}@media(max-width:620px){body.wg-template .wg-catalog-quick{flex-wrap:nowrap!important}}}

/* UI review 26: requested alignment fixes, existing WIND palette and geometry. */
@layer wg-overrides {
/* Keep the active tab background; remove only its redundant underline. */
html body[data-page="community"] .wnav .wnav-item::after,
html body .l19-modal .wnav .wnav-item::after,
html body .loyalty19-modal .wnav .wnav-item::after { display:none!important; }
/* The composer owns its border; a second field border and external focus ring clipped the row. */
html body[data-page="community"] .wgc .wgc-row { align-items:center!important; }
html body[data-page="community"] .wgc textarea.wgc-input { border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important; }
html body[data-page="community"] .wgr.wgr-full.cp1>.wg-help-radio-more { align-self:center; margin-block:2px; }
html body[data-page="community"] .wg-feed-cta,
html body[data-page="community"] .wg-feed-cta:hover,
html body[data-page="community"] .wg-feed-cta:focus-visible { color:#fff!important;background:#c81746!important;border-color:#f15c80!important;min-height:44px;box-sizing:border-box; }
html body[data-page="community"] .wg-feed-links a:hover { color:var(--wg-ui-ink)!important;background:var(--wg-ui-card-alt)!important; }
/* The browser scrollbar remains; remove the duplicate decorative page progress stripe. */
html body .mp-scroll-track { display:none!important; }
/* Telegram hint stays inside the payment panel at every tab/width. */
html body :is(.dp-modal,.dm1-modal) .dp-box>.tgp-dep { box-sizing:border-box!important;width:auto!important;max-width:calc(100% - 32px)!important;margin:16px!important;flex-shrink:0!important; }
html body :is(.dp-modal,.dm1-modal) .dp-bal { font-size:14px;line-height:1.35; }
html body :is(.dp-modal,.dm1-modal) .dp-bal::before { display:none!important; }
/* Reward navigation: a selected pill is sufficient feedback. */
html body .l19-tabs>button::after,html body .l19-tabs>.wnav-item::after,
html body .l19-tabs>button[aria-selected="true"]::after { display:none!important; }
/* Calendar uses the same left edge for title, lead, banner and actions. */
html body[data-page="advent"] main.mp-content>h1,
html body[data-page="advent"] main.mp-content>.mp-kicker,
html body[data-page="advent"] main.mp-content>.mp-detail-lead { margin-inline:0!important;padding-inline:0!important;text-indent:0!important; }
html body[data-page="advent"] .adv-footer-actions { display:flex;flex-wrap:wrap;gap:10px;margin-top:18px; }
html body[data-page="advent"] .adv-footer-actions>a { display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:10px 18px;border:1px solid var(--wg-ui-line);border-radius:12px;background:var(--wg-ui-card);color:var(--wg-ui-ink);text-decoration:none;font-size:14px;font-weight:700; }
html body[data-page="advent"] .adv-footer-actions>a:hover { border-color:var(--wg-ui-red);background:var(--wg-ui-card-alt); }
/* Crypto fallback is a banner, with the existing instruction artwork intact. */
html body :is(.dp-modal,.dm1-modal) .df7-crypto.df7-compact { display:grid!important;grid-template-columns:104px minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;padding:16px!important;border:1px solid var(--wg-ui-line)!important;border-radius:16px!important;background:linear-gradient(115deg,#291a29,#17151d)!important; }
html body :is(.dp-modal,.dm1-modal) .df7-compact>.df7-banner { display:block!important;width:104px!important;height:76px!important;min-height:0!important;padding:0!important;overflow:hidden!important;border-radius:12px!important; }
html body :is(.dp-modal,.dm1-modal) .df7-compact>.df7-banner img { display:block!important;opacity:1!important;width:100%!important;height:100%!important;object-fit:contain!important;padding:8px;box-sizing:border-box; }
html body :is(.dp-modal,.dm1-modal) .df7-compact .df7-crypto-copy { min-width:0; }
html body :is(.dp-modal,.dm1-modal) .df7-compact .df7-crypto-copy>b { display:block;font-size:17px!important;line-height:1.3!important;color:#faf3f6!important; }
html body :is(.dp-modal,.dm1-modal) .df7-compact .df7-crypto-copy>small { display:block;margin-top:6px;font-size:12px!important;line-height:1.45!important;color:#cdbcc4!important; }
html body :is(.dp-modal,.dm1-modal) .df7-compact>.df7-row { grid-column:auto!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;margin:0!important; }
html body :is(.dp-modal,.dm1-modal) .df7-compact .df7-go { min-height:44px!important;margin:0!important;padding:10px 16px!important;white-space:nowrap; }
html body :is(.dp-modal,.dm1-modal) .df7-compact .df7-link { min-height:32px!important;margin:0!important;padding:6px 10px!important;font-size:12px!important; }
@media(max-width:820px){
 html body :is(.dp-modal,.dm1-modal) .df7-crypto.df7-compact { grid-template-columns:76px minmax(0,1fr)!important;gap:12px!important;padding:14px!important; }
 html body :is(.dp-modal,.dm1-modal) .df7-compact>.df7-banner { width:76px!important;height:76px!important; }
 html body :is(.dp-modal,.dm1-modal) .df7-compact>.df7-row { grid-column:1/-1!important;flex-direction:row!important;align-items:center!important;flex-wrap:wrap; }
 html body :is(.dp-modal,.dm1-modal) .df7-compact .df7-go { flex:1 1 170px; }
 html body :is(.dp-modal,.dm1-modal) .df7-compact .df7-link { flex:0 1 auto;min-height:44px!important; }
 html body :is(.dp-modal,.dm1-modal) .df7-compact .df7-crypto-copy>b { font-size:15px!important; }
}
}
@layer wg-overrides {
/* The three reward tabs use the same selected-pillow treatment as Community. */
html body dialog.p17-dialog nav button::after,
html body dialog.p17-dialog nav button { box-shadow:none!important; }
html body dialog.p17-dialog nav button::after { display:none!important; }
html body .mp-top-actions .bm60-hb { min-height:30px;padding:5px 10px;border-radius:10px;font-size:12px;line-height:1.2; }
}