/* Salon principal — dedicated layout, scoped to leave the combat view untouched. */
html body#bdq-app #view-hall.active{display:flex;flex-direction:column;align-items:center;gap:0;overflow:auto!important;padding:calc(var(--nav-h,58px) + 18px) 20px 42px!important;background:radial-gradient(ellipse at 45% 5%,#204d7669,transparent 55%),linear-gradient(155deg,#0a1726,#11283e 62%,#0a1726);color:#edf5fc}
html body#bdq-app #view-hall .hall-hero,html body#bdq-app #view-hall .hall-summary,html body#bdq-app #view-hall .hall-notices,html body#bdq-app #view-hall .hall-layout,html body#bdq-app #view-hall .hall-footnote{width:min(1240px,100%);flex-shrink:0}
html body#bdq-app #view-hall .hall-hero{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:12px 0 25px}
html body#bdq-app #view-hall .hall-eyebrow,html body#bdq-app #view-hall .hall-panel-kicker{display:block;color:#8ed8eb;font:800 11px/1.4 'Barlow',sans-serif;letter-spacing:.14em;text-transform:uppercase}
html body#bdq-app #view-hall .hall-live-dot{display:inline-block;width:8px;height:8px;background:#3ee2a7;border-radius:50%;box-shadow:0 0 0 4px #3ee2a72c;margin-right:7px}
html body#bdq-app #view-hall #hall-heading{width:auto;margin:7px 0 9px!important;padding:0;border:0;font:900 clamp(36px,5vw,62px)/1 'Barlow Condensed',sans-serif!important;letter-spacing:.015em;text-align:left;color:#ffe7ab;text-shadow:none}
html body#bdq-app #view-hall .hall-hero p{margin:0;color:#c1d3e2;font-size:15px;line-height:1.5}
html body#bdq-app #view-hall .hall-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
html body#bdq-app #view-hall .hall-action{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:10px 17px;border:1px solid #7192af;border-radius:10px;background:#19364f;color:#f2f9ff;font-weight:800;text-decoration:none;white-space:nowrap;transition:transform .2s,background .2s}
html body#bdq-app #view-hall .hall-action:hover{transform:translateY(-2px);background:#274b69}html body#bdq-app #view-hall .hall-action-featured{background:linear-gradient(110deg,#ffcd70,#ff983e);color:#281607;border-color:#ffc575}
html body#bdq-app #view-hall .hall-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}
html body#bdq-app #view-hall .hall-summary>div{display:flex;align-items:center;gap:9px;padding:14px 17px;border:1px solid #698aaa73;border-radius:11px;background:#19334de3;color:#c9d9e7;font-size:13px}
html body#bdq-app #view-hall .hall-summary strong{font:900 24px/1 'Barlow Condensed',sans-serif;color:white;min-width:20px}.hall-summary-icon{font-size:16px;color:#70dbea}
html body#bdq-app #view-hall .hall-notices:has(> :not(.hidden)){margin-bottom:16px}
html body#bdq-app #view-hall .hall-layout{display:grid!important;grid-template-columns:minmax(320px,1fr) minmax(0,1.5fr);gap:18px!important;height:auto!important;min-height:560px!important;padding:0!important;align-items:stretch}
html body#bdq-app #view-hall .hall-panel{display:flex;flex-direction:column;min-width:0!important;min-height:530px;padding:23px!important;border:1px solid #7194b3a6!important;border-top:3px solid #dba954!important;border-radius:14px!important;background:linear-gradient(155deg,#1a334cf8,#13283dfb)!important;box-shadow:0 18px 46px #0007,inset 0 1px #ffffff24!important}
html body#bdq-app #view-hall .hall-players{border-top-color:#5ccee6!important}
html body#bdq-app #view-hall .hall-panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;padding:0 0 15px;border-bottom:1px solid #7892ad70}
html body#bdq-app #view-hall .hall-panel h2{margin:4px 0 5px!important;padding:0!important;border:0!important;font:900 27px/1.1 'Barlow Condensed',sans-serif!important;letter-spacing:.025em!important;color:#fff4ce!important}
html body#bdq-app #view-hall .hall-panel-heading p{margin:0;color:#bed1e0;font-size:12px;line-height:1.4}
html body#bdq-app #view-hall .hall-count-pill{flex-shrink:0;padding:6px 9px;border:1px solid #72b6ce88;border-radius:30px;background:#23506a;color:#dbf8ff;font-size:11px;font-weight:800;white-space:nowrap}
html body#bdq-app #view-hall .hall-player-filters{display:flex;gap:7px;margin-bottom:14px}
html body#bdq-app #view-hall .hall-player-filters button{padding:8px 12px;border:1px solid #7292ad;border-radius:7px;background:#1b3a54;color:#d6e7f2;font-size:12px;font-weight:750;cursor:pointer}
html body#bdq-app #view-hall .hall-player-filters button[aria-pressed=true]{border-color:#82e3f6;background:#2b6375;color:white;box-shadow:inset 0 -2px #82e3f6}
html body#bdq-app #view-hall #lobby-players{flex:1;max-height:590px;overflow-y:auto!important;display:grid;align-content:start;gap:9px}
html body#bdq-app #view-hall #lobby-players>.lobby-player-card{display:flex!important;flex-wrap:wrap;gap:11px!important;align-items:center!important;padding:13px!important;margin:0!important;border:1px solid #7393ab!important;border-left:4px solid #57cde6!important;border-radius:10px!important;background:#26435df2!important;transition:transform .2s,box-shadow .2s}
html body#bdq-app #view-hall #lobby-players>.lobby-player-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0006}
html body#bdq-app #view-hall .lobby-player-avatar{width:42px!important;height:42px!important;flex:0 0 42px!important}
html body#bdq-app #view-hall .lobby-player-card>div:first-child{gap:10px!important}
html body#bdq-app #view-hall .lobby-player-name{font-size:14px!important;line-height:1.3!important;white-space:normal!important;overflow:visible!important}
html body#bdq-app #view-hall .lobby-player-meta{font-size:11px!important;line-height:1.35!important;color:#c2d2e0!important}
html body#bdq-app #view-hall .lobby-player-actions{gap:7px!important}.hall-filter-empty{padding:30px 12px;text-align:center;color:#bdd0dd}
html body#bdq-app #view-hall .lobby-player-actions button{min-height:35px!important;padding:6px 10px!important;font-size:11px!important;border-radius:7px!important}
html body#bdq-app #view-hall .hall-match-actions{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}
html body#bdq-app #view-hall #btn-find-match,html body#bdq-app #view-hall #btn-find-custom-match{min-height:46px!important;width:auto!important;margin:0!important;padding:8px 18px!important;border-radius:9px!important;font:800 15px 'Barlow',sans-serif!important;letter-spacing:0!important}
html body#bdq-app #view-hall .hall-games-table{flex:1;max-height:365px;overflow:auto}.hall-games-table table{border-collapse:separate;border-spacing:0 7px;min-width:460px}
html body#bdq-app #view-hall .hall-games-table thead th{padding:8px!important;color:#bdd2e3;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
html body#bdq-app #view-hall .hall-games-table tbody tr{background:#27435e;border-radius:9px}.hall-games-table tbody td{padding:12px 10px!important;border:0!important}.hall-games-table tbody td:first-child{border-radius:9px 0 0 9px}.hall-games-table tbody td:last-child{border-radius:0 9px 9px 0}
html body#bdq-app #view-hall #custom-match-offers-wrap{margin-top:18px!important;border:1px solid #7292ad!important;border-radius:10px!important;background:#1c3853!important}
html body#bdq-app #view-hall #custom-match-offers-wrap h2{font-size:20px!important}
html body#bdq-app #view-hall .hall-footnote{margin:18px 0 0;color:#aebfce;font-size:12px;text-align:right}
@media(max-width:950px){html body#bdq-app #view-hall .hall-layout{grid-template-columns:1fr;min-height:0!important}html body#bdq-app #view-hall .hall-panel{min-height:300px}html body#bdq-app #view-hall #lobby-players{max-height:400px}}
@media(max-width:650px){html body#bdq-app #view-hall{padding:calc(var(--nav-h,58px) + 12px) 12px 32px!important}html body#bdq-app #view-hall .hall-hero{display:block;margin:6px 0 18px}html body#bdq-app #view-hall .hall-hero-actions{justify-content:stretch;margin-top:17px}html body#bdq-app #view-hall .hall-action{flex:1}html body#bdq-app #view-hall .hall-summary{gap:7px}html body#bdq-app #view-hall .hall-summary>div{display:block;padding:10px;text-align:center;font-size:10px}html body#bdq-app #view-hall .hall-summary strong{display:block;margin:5px 0}html body#bdq-app #view-hall .hall-panel{padding:17px!important;min-height:250px}html body#bdq-app #view-hall .hall-panel-heading{display:block}html body#bdq-app #view-hall .hall-count-pill{display:inline-block;margin-top:9px}html body#bdq-app #view-hall .hall-footnote{text-align:left}}
@media(prefers-reduced-motion:reduce){html body#bdq-app #view-hall *{transition:none!important}}

/* The salon uses the same light palette as the rest of the site. */
html[data-theme=light] body#bdq-app #view-hall.active{background:radial-gradient(ellipse at 45% 5%,#cae8f080,transparent 55%),var(--bd-bg,#edf3fa);color:var(--bd-ink)}
html[data-theme=light] body#bdq-app #view-hall :is(#hall-heading,.hall-panel h2){color:var(--bd-ink)!important}
html[data-theme=light] body#bdq-app #view-hall :is(.hall-hero p,.hall-panel-heading p,.hall-footnote,.hall-filter-empty,.lobby-player-meta){color:var(--bd-muted)!important}
html[data-theme=light] body#bdq-app #view-hall :is(.hall-eyebrow,.hall-panel-kicker,.hall-summary-icon){color:#176478}
html[data-theme=light] body#bdq-app #view-hall .hall-panel{background:var(--bd-card)!important;box-shadow:0 12px 30px #17334d12!important;border-color:var(--bd-line)!important;border-top-color:var(--bd-fire)!important}
html[data-theme=light] body#bdq-app #view-hall .hall-players{border-top-color:var(--bd-cyan)!important}
html[data-theme=light] body#bdq-app #view-hall :is(.hall-summary>div,.hall-count-pill,.hall-games-table tbody tr){background:var(--bd-raised);color:var(--bd-ink);border-color:var(--bd-line)}
html[data-theme=light] body#bdq-app #view-hall .hall-summary strong{color:var(--bd-ink)}
html[data-theme=light] body#bdq-app #view-hall .hall-panel-heading{border-bottom-color:var(--bd-line)}
html[data-theme=light] body#bdq-app #view-hall #lobby-players>.lobby-player-card{background:var(--bd-raised)!important;border-color:var(--bd-line)!important;border-left-color:var(--bd-cyan)!important}
html[data-theme=light] body#bdq-app #view-hall .hall-games-table thead th{color:var(--bd-muted)}
html[data-theme=light] body#bdq-app #view-hall #custom-match-offers-wrap{background:var(--bd-raised)!important;border-color:var(--bd-line)!important}
html[data-theme=light] body#bdq-app #view-hall .hall-action:not(.hall-action-featured){background:var(--bd-card);color:var(--bd-ink);border-color:var(--bd-line)}
html body#bdq-app #view-hall .hall-player-filters button{background:var(--bd-raised)!important;color:var(--bd-ink)!important;border:1px solid var(--bd-line)!important;box-shadow:none!important}
html body#bdq-app #view-hall .hall-player-filters button[aria-pressed=true]{background:var(--bd-cyan)!important;color:#082735!important;border-color:var(--bd-cyan)!important;box-shadow:inset 0 -2px #08273566!important}
html[data-theme=light] body#bdq-app #view-hall .hall-player-filters button[aria-pressed=true]{color:#fff!important}
html body#bdq-app #view-hall .hall-games-table{position:relative;min-width:0;max-width:100%}
@media(max-width:650px){html body#bdq-app #view-hall .hall-player-filters button,html body#bdq-app #view-hall .lobby-player-actions button{min-height:44px!important}}

html body#bdq-app #view-hall #premium-access-banner{width:min(1240px,100%);box-sizing:border-box;margin:-8px 0 18px!important;flex-shrink:0;line-height:1.6}

/* Hidden must win over the visual card layout, including after a live refresh. */
html body#bdq-app #view-hall #lobby-players>.lobby-player-card[hidden],html body#bdq-app #view-hall .hall-filter-empty[hidden]{display:none!important}

@media(max-width:380px){html body#bdq-app .battle-hud .avatar{display:block;width:28px;height:28px;flex:0 0 28px}}

#home-public-feed{min-width:0}#home-public-feed .bdq-home-news{margin:26px 0 18px}#home-news-title{font-family:'Barlow Condensed',sans-serif;font-size:24px;line-height:1.2;margin:0 0 15px;color:var(--bd-ink,#f2f6ff)}
.home-news-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.home-news-card{min-width:0;overflow:hidden;border:1px solid var(--bd-line,#486075);border-top:3px solid var(--bd-cyan,#61d5ef);border-radius:8px 8px 14px 14px;background:var(--bd-card,#102236);transition:transform .18s,border-color .18s}.home-news-card>a{height:100%;display:flex;flex-direction:column;color:var(--bd-ink,#f2f6ff);text-decoration:none}.home-news-card:hover{transform:translateY(-3px);border-color:var(--bd-fire,#ffbd59)}.home-news-card a:focus-visible{outline:3px solid var(--bd-fire,#ffbd59);outline-offset:-3px}.home-news-cover{position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,#183d52,#0e1d31);overflow:hidden}.home-news-cover>img{width:100%;height:100%;object-fit:cover;display:block}.home-news-cover time{position:absolute;top:7px;left:7px;padding:3px 6px;border-radius:4px;background:#0c1c2fe8;color:#eff8ff;font-size:10px;line-height:1.4}.home-news-brand{position:absolute;right:0;bottom:0;background:#ffcc70;color:#172638;padding:4px 7px;font-size:9px;font-weight:900;letter-spacing:.06em}.home-news-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#ffcc70;font-weight:900;font-size:clamp(25px,3vw,42px)}.home-news-placeholder>span{font-size:10px;letter-spacing:.13em;color:#70d7e7}.home-news-card h3{padding:13px 12px 8px;margin:0;line-height:1.4;font-size:15px;font-weight:750;overflow-wrap:anywhere}.home-news-read{display:flex;justify-content:space-between;gap:8px;padding:8px 12px 14px;margin-top:auto;font-size:11px;font-weight:750;color:var(--bd-fire,#ffd078)}
@media(max-width:1100px){.home-news-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.home-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:380px){.home-news-grid{grid-template-columns:minmax(0,1fr)}.home-news-cover{aspect-ratio:16/9}}@media(prefers-reduced-motion:reduce){.home-news-card{transition:none}.home-news-card:hover{transform:none}}