:root {
  --bq-night: #040d2c;
  --bq-night-soft: #07183a;
  --bq-deep: #062254;
  --bq-blue: #114987;
  --bq-gold: #eaa417;
  --bq-gold-hi: #f6d95f;
  --bq-cream: #f3eca7;
  --bq-paper: #fff9df;
  --bq-teal: #2cbfb0;
  --bq-cyan: #35e5e9;
  --bq-coral: #e64a35;
  --bq-border: #1b5e99;
  --bq-text: #eef6ff;
  --bq-muted: #9bb5d7;
  --bq-display: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  --bq-body: "Trebuchet MS", Arial, sans-serif;
  --bq-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --bq-shadow: 0 18px 50px rgb(0 0 0 / 32%);
  --bq-shell: min(1480px, calc(100% - 48px));
  --bq-ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
}
:lang(zh),:lang(hi),:lang(ar),:lang(bn),:lang(uk),:lang(et),:lang(ru),:lang(ko),:lang(ja) { --bq-display: "Arial Black", "Arial Narrow Bold", Arial, sans-serif; }

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body { margin: 0; background: var(--bq-night); color: var(--bq-text); font-family: var(--bq-body); font-size: 16px; line-height: 1.6; overflow-x: hidden; }
img { max-width: 100%; height: auto; }
a { color: inherit; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--bq-cyan); outline-offset: 4px; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.bq-skip-link { position: fixed; z-index: 1000; top: 10px; left: 10px; padding: 10px 16px; background: var(--bq-gold-hi); color: var(--bq-night); transform: translateY(-150%); }
.bq-skip-link:focus { transform: translateY(0); }
.bq-shell { width: var(--bq-shell); margin-inline: auto; }

.bq-header { position: sticky; z-index: 100; top: 0; background: rgb(4 13 44 / 92%); border-bottom: 2px solid #114987; box-shadow: 0 7px 0 rgb(0 0 0 / 15%); backdrop-filter: blur(14px); }
.bq-header::after { content: ""; position: absolute; inset: auto 0 -4px; height: 2px; background: linear-gradient(90deg, transparent, var(--bq-teal), var(--bq-gold), transparent); opacity: .48; }
.bq-header__inner { width: var(--bq-shell); min-height: 84px; margin-inline: auto; display: flex; align-items: center; gap: clamp(18px, 2.8vw, 42px); }
.bq-brand { display: flex; width: min(245px, 25vw); flex: 0 0 auto; }
.bq-brand img { display: block; width: 100%; image-rendering: auto; }
.bq-nav { margin-inline-start: auto; }
.bq-nav__list { display: flex; align-items: center; gap: 5px; list-style: none; margin: 0; padding: 0; }
.bq-nav a { display: block; padding: 12px 13px; color: #b7cae6; font: 700 .87rem/1 var(--bq-mono); text-decoration: none; text-transform: uppercase; letter-spacing: .035em; border-bottom: 2px solid transparent; }
.bq-nav a:hover,.bq-nav a[aria-current="page"] { color: var(--bq-gold-hi); border-color: var(--bq-gold); }
.bq-header__play { flex: 0 0 auto; }
.bq-header__play.is-vip-header { min-width:0; border-color:#e8c66a; background:linear-gradient(135deg,#14254d,#091a3c 70%,#18224b); box-shadow:0 0 0 2px #624c2d,0 7px 0 #030a1b,0 0 20px rgb(162 112 255 / 22%); color:#f8e8b8; }
.bq-header__play.is-vip-header > [aria-hidden="true"] { display:none; }
.bq-header__play.is-vip-header [data-auth-label] { display:inline-flex; min-width:0; max-width:100%; align-items:center; }
.bq-header__play.is-vip-header .bq-vip-name { min-width:0; max-width:100%; font-size:inherit; }
.bq-header__play.is-vip-header .bq-vip-name__handle { text-overflow:ellipsis; }
.bq-header__play.is-vip-header .bq-vip-name__crown { width:.9rem; margin-inline-start:5px; }
.bq-language { position: relative; z-index: 5; flex: 0 0 auto; }
.bq-language__trigger { position: relative; display: inline-flex; min-width: 96px; min-height: 42px; align-items: center; justify-content: center; gap: 9px; padding: 8px 12px; overflow: hidden; border: 1px solid #2b749d; background: linear-gradient(180deg,#0b3158,#06172f 72%); box-shadow: inset 0 0 0 2px #041126,0 4px 0 #020817,0 8px 18px rgb(0 0 0 / 28%); color:#eaf6ff; cursor:pointer; clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px); transition:transform 140ms cubic-bezier(.23,1,.32,1),border-color 140ms ease,color 140ms ease,background 140ms ease; }
.bq-language__trigger::before { content:""; position:absolute; inset:0 0 auto; height:2px; background:linear-gradient(90deg,transparent,var(--bq-cyan),var(--bq-gold-hi),transparent); opacity:.7; }
.bq-language__trigger:active { transform:translateY(2px) scale(.98); }
.bq-language__trigger[aria-expanded="true"] { border-color:var(--bq-gold); background:linear-gradient(180deg,#103b65,#07172e 72%); color:var(--bq-gold-hi); }
.bq-language__code { min-width:3ch; font:900 .72rem/1 var(--bq-mono); letter-spacing:.07em; text-align:center; }
.bq-language__caret { width:7px; height:7px; margin:0 1px 4px 0; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); transition:transform 160ms cubic-bezier(.23,1,.32,1); }
.bq-language__trigger[aria-expanded="true"] .bq-language__caret { margin-bottom:-3px; transform:rotate(225deg); }
.bq-language__panel { position:absolute; top:calc(100% + 13px); inset-inline-end:0; width:min(392px,calc(100vw - 24px)); padding:10px; border:2px solid #256d98; background:linear-gradient(155deg,rgb(10 39 73 / 98%),rgb(3 15 35 / 99%) 66%); box-shadow:0 0 0 3px #020817,0 20px 45px rgb(0 0 0 / 58%),inset 0 0 30px rgb(53 229 233 / 4%); opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-7px) scale(.97); transform-origin:top right; clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px); transition:opacity 160ms cubic-bezier(.23,1,.32,1),transform 160ms cubic-bezier(.23,1,.32,1),visibility 160ms; }
.bq-language__panel::before { content:""; position:absolute; top:-2px; inset-inline-end:32px; width:48px; height:2px; background:var(--bq-gold-hi); box-shadow:0 0 13px var(--bq-gold); }
.bq-language.is-open .bq-language__panel { opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0) scale(1); }
.bq-language.is-keyboard .bq-language__panel { transition:none; }
.bq-language__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; direction:ltr; }
.bq-language__option { position:relative; display:flex; min-height:43px; align-items:center; gap:9px; padding:7px 9px; border:1px solid transparent; background:rgb(5 23 49 / 62%); color:#bdd3e8; text-decoration:none; clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px); transition:transform 120ms cubic-bezier(.23,1,.32,1),border-color 120ms ease,background 120ms ease,color 120ms ease; }
.bq-language__option:active { transform:scale(.97); }
.bq-language__option[aria-checked="true"] { border-color:#b97d13; background:linear-gradient(135deg,rgb(234 164 23 / 20%),rgb(7 31 62 / 92%)); color:var(--bq-gold-hi); }
.bq-language__status { width:5px; height:5px; margin-inline-start:auto; background:#315775; }
.bq-language__option[aria-checked="true"] .bq-language__status { background:var(--bq-gold-hi); box-shadow:0 0 8px var(--bq-gold); }
.bq-flag { position:relative; display:inline-block; width:27px; height:18px; flex:0 0 auto; overflow:hidden; border:2px solid #071126; background:#17385b; box-shadow:0 0 0 1px #39739a,2px 2px 0 rgb(0 0 0 / 45%); image-rendering:pixelated; }
.bq-flag--es { background:linear-gradient(#aa151b 0 25%,#f1bf00 25% 75%,#aa151b 75%); }.bq-flag--es::before { content:""; position:absolute; left:7px; top:6px; width:3px; height:6px; background:#aa151b; box-shadow:1px 0 #f7e7a2; }
.bq-flag--en { background:linear-gradient(90deg,transparent 43%,#fff 43% 57%,transparent 57%),linear-gradient(transparent 37%,#fff 37% 63%,transparent 63%),linear-gradient(90deg,transparent 47%,#c8102e 47% 53%,transparent 53%),linear-gradient(transparent 44%,#c8102e 44% 56%,transparent 56%),linear-gradient(33deg,transparent 42%,#fff 42% 47%,#c8102e 47% 53%,#fff 53% 58%,transparent 58%),linear-gradient(-33deg,transparent 42%,#fff 42% 47%,#c8102e 47% 53%,#fff 53% 58%,transparent 58%),#012169; }
.bq-flag--zh { background:#de2910; }.bq-flag--zh::before { content:""; position:absolute; left:4px; top:3px; width:4px; height:4px; background:#ffde00; box-shadow:6px -1px 0 -1px #ffde00,8px 3px 0 -1px #ffde00,6px 7px 0 -1px #ffde00; }
.bq-flag--hi { background:linear-gradient(#ff9933 0 33%,#fff 33% 66%,#138808 66%); }.bq-flag--hi::before { content:""; position:absolute; left:10px; top:6px; width:4px; height:4px; border:1px solid #000080; background:#fff; }
.bq-flag--ar { background:#006c35; }.bq-flag--ar::before { content:""; position:absolute; left:5px; top:7px; width:14px; height:3px; background:#fff; }.bq-flag--ar::after { content:""; position:absolute; left:8px; top:12px; width:11px; height:1px; background:#fff; }
.bq-flag--fr { background:linear-gradient(90deg,#002654 0 33%,#fff 33% 66%,#ce1126 66%); }
.bq-flag--pt { background:linear-gradient(90deg,#046a38 0 40%,#da291c 40%); }.bq-flag--pt::before { content:""; position:absolute; left:8px; top:5px; width:6px; height:6px; border:1px solid #ffcd00; background:#f2f0c8; }
.bq-flag--bn { background:#006a4e; }.bq-flag--bn::before { content:""; position:absolute; left:9px; top:4px; width:8px; height:8px; border-radius:50%; background:#f42a41; }
.bq-flag--uk { background:linear-gradient(#0057b7 0 50%,#ffd700 50%); }
.bq-flag--et { background:linear-gradient(#4891d9 0 33%,#111 33% 66%,#fff 66%); }
.bq-flag--ru { background:linear-gradient(#fff 0 33%,#0039a6 33% 66%,#d52b1e 66%); }
.bq-flag--de { background:linear-gradient(#111 0 33%,#dd0000 33% 66%,#ffce00 66%); }
.bq-flag--ko { background:#fff; }.bq-flag--ko::before { content:""; position:absolute; left:9px; top:4px; width:8px; height:4px; border-radius:8px 8px 0 0; background:#cd2e3a; }.bq-flag--ko::after { content:""; position:absolute; left:9px; top:8px; width:8px; height:4px; border-radius:0 0 8px 8px; background:#0047a0; box-shadow:-6px -5px 0 -3px #111,12px 4px 0 -3px #111; }
.bq-flag--ja { background:#fff; }.bq-flag--ja::before { content:""; position:absolute; left:8px; top:3px; width:9px; height:9px; border-radius:50%; background:#bc002d; }
.bq-flag--it { background:linear-gradient(90deg,#009246 0 33%,#fff 33% 66%,#ce2b37 66%); }
.bq-flag--nl { background:linear-gradient(#ae1c28 0 33%,#fff 33% 66%,#21468b 66%); }
.bq-flag--sv { background:linear-gradient(90deg,transparent 28%,#fecc00 28% 39%,transparent 39%),linear-gradient(transparent 42%,#fecc00 42% 58%,transparent 58%),#006aa7; }
.bq-flag--fi { background:linear-gradient(90deg,transparent 28%,#003580 28% 40%,transparent 40%),linear-gradient(transparent 40%,#003580 40% 60%,transparent 60%),#fff; }
.bq-flag--no { background:linear-gradient(90deg,transparent 25%,#fff 25% 43%,transparent 43%),linear-gradient(transparent 35%,#fff 35% 65%,transparent 65%),linear-gradient(90deg,transparent 31%,#00205b 31% 38%,transparent 38%),linear-gradient(transparent 44%,#00205b 44% 56%,transparent 56%),#ba0c2f; }
html[dir="rtl"] .bq-language__panel { transform-origin:top left; }
@media (hover:hover) and (pointer:fine) {
  .bq-language__trigger:hover { border-color:var(--bq-gold); color:var(--bq-gold-hi); background:linear-gradient(180deg,#104067,#07172e 72%); }
  .bq-language__option:hover { z-index:1; border-color:#2c779f; background:#0d365f; color:#fff; transform:translateY(-1px); }
}
.bq-menu-button { display: none; margin-inline-start: auto; width: 44px; height: 44px; padding: 10px; background: var(--bq-night-soft); color: white; border: 1px solid var(--bq-border); }
.bq-menu-button > span:not(.screen-reader-text) { display: block; height: 2px; margin: 5px 0; background: currentColor; }

.bq-button { position: relative; display: inline-flex; min-height: 54px; align-items: center; justify-content: center; gap: 10px; padding: 13px 26px; border: 2px solid #ffcb35; background: linear-gradient(#ffd967, #e9950c); box-shadow: 0 0 0 3px #61380a, 0 7px 0 #70420c, 0 12px 28px rgb(234 164 23 / 25%); color: #07142d; font: 900 1rem/1 var(--bq-mono); letter-spacing: .02em; text-decoration: none; text-transform: uppercase; cursor: pointer; clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0 calc(100% - 7px), 0 7px); transition: transform .15s ease, filter .15s ease; }
.bq-button:hover { transform: translateY(-2px); filter: brightness(1.08); }
.bq-button:active { transform: translateY(4px); box-shadow: 0 0 0 3px #61380a, 0 2px 0 #70420c; }
.bq-button--compact { min-height: 44px; padding: 10px 16px; font-size: .82rem; }
.bq-button--ghost { background: #081d45; border-color: #1b6fae; box-shadow: 0 0 0 2px #0b305e, 0 6px 0 #021027; color: var(--bq-text); }

.bq-hero { position: relative; min-height: 720px; isolation: isolate; overflow: hidden; background: radial-gradient(circle at 73% 28%, rgb(17 73 135 / 48%), transparent 30%), linear-gradient(180deg, #041033 0%, #06204c 68%, #041229 100%); }
.bq-hero::before { content: ""; position: absolute; inset: 0; z-index: -2; opacity: .45; background-image: linear-gradient(rgb(44 191 176 / 5%) 1px, transparent 1px), linear-gradient(90deg, rgb(44 191 176 / 5%) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom, black, transparent 70%); }
.bq-hero::after { content: "✦  ·  ✧  ·   ✦       ·  ✧       ·  ✦  ·"; position: absolute; inset: 7% 0 auto; z-index: -1; color: var(--bq-cyan); font-size: 18px; letter-spacing: 5.2vw; opacity: .8; white-space: nowrap; }
.bq-hero__grid { min-height: 680px; display: grid; grid-template-columns: minmax(420px, .82fr) minmax(550px, 1.18fr); align-items: center; gap: 40px; padding-block: 62px 80px; }
.bq-hero__copy { position: relative; z-index: 4; max-width: 690px; }
.bq-kicker { display: inline-flex; align-items: center; gap: 10px; color: var(--bq-cyan); font: 800 .79rem/1.4 var(--bq-mono); letter-spacing: .14em; text-transform: uppercase; }
.bq-kicker i { width: 28px; height: 3px; background: var(--bq-gold); box-shadow: 0 0 12px var(--bq-gold); }
.bq-hero h1, .bq-section h2, .bq-feature-copy h2, .bq-safety-head h2, .bq-article h1 { margin: 16px 0 22px; color: var(--bq-paper); font-family: var(--bq-display); font-weight: 900; line-height: .98; letter-spacing: .02em; text-transform: uppercase; text-shadow: 0 4px 0 #091229, 0 0 18px rgb(246 217 95 / 12%); }
.bq-hero h1 { max-width: 760px; font-size: clamp(3.65rem, 6vw, 6.4rem); }
.bq-hero h1 em { display: block; color: var(--bq-gold-hi); font-style: normal; text-shadow: 0 4px 0 #8d4a0d, 0 7px 0 #071a3a; }
.bq-hero__copy > p { max-width: 640px; margin: 0; color: #bfd2ec; font-size: clamp(1.05rem, 1.6vw, 1.25rem); line-height: 1.7; }
.bq-hero__actions { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 32px; }
.bq-trust-list { display: flex; flex-wrap: wrap; gap: 15px 23px; list-style: none; margin: 29px 0 0; padding: 0; color: #afc4df; font: 700 .8rem/1.4 var(--bq-mono); }
.bq-trust-list span { display: inline-grid; width: 21px; height: 21px; margin-right: 7px; place-items: center; background: rgb(44 191 176 / 18%); border: 1px solid var(--bq-teal); color: #62f3d3; }
.bq-hero__art { position: relative; align-self: stretch; min-height: 570px; }
.bq-moon { position: absolute; top: 2%; right: 9%; width: 230px; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 38% 35%, #fffddb 0 4%, #f7eeb1 5% 52%, #d8c77c 54% 61%, rgb(246 217 95 / 15%) 63% 70%, transparent 72%); filter: drop-shadow(0 0 35px rgb(246 217 95 / 34%)); }
.bq-castle { position: absolute; z-index: 2; right: 6%; bottom: 20%; width: 70%; height: 47%; background: linear-gradient(145deg, #1c5b89, #071936 72%); border: 4px solid #133b69; clip-path: polygon(4% 91%, 14% 76%, 18% 54%, 30% 62%, 37% 33%, 48% 39%, 55% 20%, 64% 31%, 68% 54%, 81% 46%, 87% 70%, 100% 87%, 100% 100%, 0 100%); box-shadow: inset 0 -20px 50px #020919; }
.bq-castle .tower, .bq-castle .keep { position: absolute; bottom: 7%; display: block; background: linear-gradient(90deg, #17375b, #2f6b91 48%, #0b2449); border: 3px solid #082450; box-shadow: inset 0 0 0 3px #23486a, 0 10px 25px #0008; }
.bq-castle .tower::before, .bq-castle .keep::before { content: ""; position: absolute; top: -20px; left: -3px; width: calc(100% + 6px); height: 24px; background: repeating-linear-gradient(90deg, #244c70 0 14px, transparent 14px 22px); border-bottom: 4px solid #071936; }
.bq-castle .tower::after, .bq-castle .keep::after { content: ""; position: absolute; inset: 30% 38% auto; height: 35px; background: #ffcc4e; box-shadow: 0 0 15px #ffb000; }
.bq-castle .t1 { left: 12%; width: 16%; height: 42%; }.bq-castle .t2 { right: 8%; width: 17%; height: 49%; }.bq-castle .t3 { left: 32%; width: 14%; height: 56%; }.bq-castle .keep { left: 48%; width: 27%; height: 68%; }
.bq-board { position: absolute; z-index: 3; right: 0; bottom: 0; width: 85%; height: 215px; transform: perspective(650px) rotateX(60deg) rotateZ(-4deg); background-color: #653f25; background-image: conic-gradient(#c8955a 25%, #3b241e 0 50%, #c8955a 0 75%, #3b241e 0); background-size: 80px 80px; border: 10px solid #d69b25; box-shadow: 0 0 0 6px #4a2a14, 0 40px 55px #000; }
.piece { position: absolute; display: block; color: #fff2c7; font: 900 7rem/1 Georgia, serif; transform: rotateZ(4deg) rotateX(-38deg); text-shadow: 0 5px 0 #906115, 0 15px 15px #000; }.piece--king { left: 25%; top: -35px; }.piece--rook { left: 51%; top: 25px; color: #182a50; text-shadow: 0 5px 0 #050b19, 0 15px 15px #000; }.piece--pawn { right: 10%; top: -10px; color: #ef4b36; }
.bq-floating-card { position: absolute; z-index: 5; display: flex; align-items: center; gap: 10px; padding: 13px 16px; background: rgb(4 20 52 / 92%); border: 2px solid #1966a1; box-shadow: 0 0 0 3px #05132d, var(--bq-shadow); color: #cfe3ff; clip-path: polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px); }
.bq-floating-card strong { color: var(--bq-cyan); font: 900 1.55rem/1 var(--bq-mono); }.bq-floating-card span { font-size: .78rem; }.bq-floating-card--players { top: 14%; left: 0; }.bq-floating-card--fair { right: 3%; bottom: 10%; }.bq-floating-card--fair strong { color: #5ff49b; }
.bq-pixel-horizon { position: absolute; inset: auto 0 0; z-index: -1; height: 104px; opacity: .6; background: linear-gradient(135deg, transparent 30%, #0b3262 30% 36%, transparent 36%) 0 0/90px 90px, linear-gradient(45deg, transparent 35%, #0d3d71 35% 43%, transparent 43%) 0 0/130px 100px; border-bottom: 16px solid #03102a; }

.bq-strip { background: #071936; border-block: 2px solid #174c7a; box-shadow: inset 0 2px 0 rgb(44 191 176 / 15%); }
.bq-strip__grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.bq-strip article { display: flex; align-items: center; gap: 14px; min-height: 112px; padding: 24px 28px; border-right: 1px solid #194571; }
.bq-strip article:last-child { border-right: 0; }.bq-strip article > span { color: var(--bq-gold-hi); font: 900 1.7rem/1 var(--bq-mono); text-shadow: 3px 3px 0 #70420c; }.bq-strip strong, .bq-strip small { display: block; }.bq-strip strong { color: white; }.bq-strip small { color: var(--bq-muted); }

.bq-section { position: relative; padding: clamp(76px, 8vw, 125px) 0; background: #071531; }
.bq-section:nth-of-type(odd) { background: var(--bq-night); }
.bq-section-heading { display: grid; grid-template-columns: 1.2fr .8fr; align-items: end; gap: 40px; margin-bottom: 38px; }
.bq-section-heading h2, .bq-feature-copy h2, .bq-safety-head h2 { font-size: clamp(2.45rem, 4.4vw, 4.8rem); }
.bq-section-heading p { max-width: 580px; margin: 0 0 18px; color: var(--bq-muted); font-size: 1.05rem; }
.bq-section-heading--center { display: block; max-width: 850px; margin-inline: auto; text-align: center; }.bq-section-heading--center p { margin-inline: auto; }
.bq-game-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.bq-game-card { overflow: hidden; background: #071b3f; border: 2px solid #17619a; box-shadow: 0 0 0 3px #031026, 0 13px 30px rgb(0 0 0 / 28%); clip-path: polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px); transition: transform .18s ease, border-color .18s ease; }.bq-game-card:hover { transform: translateY(-6px); border-color: var(--bq-gold); }
.bq-game-card__scene { position: relative; display: grid; min-height: 205px; place-items: center; overflow: hidden; background-color: #5a341e; background-image: conic-gradient(#b97c3c 25%, #4b291a 0 50%, #b97c3c 0 75%, #4b291a 0); background-size: 74px 74px; box-shadow: inset 0 -30px 50px #0005; }
.bq-game-card--2 .bq-game-card__scene { background-color: #123a54; background-image: radial-gradient(circle at 30% 30%, #2e7590, transparent 30%), linear-gradient(135deg,#0b273d,#6e4828); }.bq-game-card--3 .bq-game-card__scene { background-color: #4b251e; background-image: conic-gradient(#d49b57 25%,#6c3828 0 50%,#d49b57 0 75%,#6c3828 0); }.bq-game-card--4 .bq-game-card__scene { background-color: #193b30; background-image: linear-gradient(45deg,#315a3f 25%,transparent 25% 75%,#315a3f 75%), linear-gradient(45deg,#315a3f 25%,#b97d3f 25% 75%,#315a3f 75%); background-size: 75px 75px; background-position: 0 0, 37px 37px; }
.bq-game-card__scene > span { color: #fff2c9; font: 900 8.3rem/1 Georgia, serif; filter: drop-shadow(0 9px 0 #5f390f) drop-shadow(0 17px 12px #000); }.bq-game-card--2 .bq-game-card__scene > span { font-family: var(--bq-mono); color: #fff0d0; }.bq-game-card--3 .bq-game-card__scene > span { color: #df3d33; text-shadow: -30px 5px 0 #15191f, 25px 15px 0 #f0ca7e; }.bq-game-card--4 .bq-game-card__scene > span { color: #2cbfb0; text-shadow: 30px 15px 0 #edbc31, -30px 15px 0 #e94b36; }
.bq-status-dot { position: absolute; top: 15px; right: 15px; width: 10px; height: 10px; background: #4cf49a; box-shadow: 0 0 10px #4cf49a; }
.bq-game-card__body { display: flex; align-items: center; justify-content: space-between; padding: 18px; border-top: 2px solid var(--bq-gold); }.bq-game-card h3 { margin: 0; color: white; font: 900 1.2rem/1.2 var(--bq-mono); }.bq-game-card p { margin: 5px 0 0; color: var(--bq-muted); font-size: .84rem; }.bq-game-card__body a { display: grid; width: 40px; height: 40px; place-items: center; background: #0a335f; border: 1px solid #2684c5; color: var(--bq-cyan); font-size: 1.4rem; text-decoration: none; }
.bq-center-note { margin: 30px 0 0; color: var(--bq-muted); font: 700 .82rem/1.6 var(--bq-mono); text-align: center; }.bq-center-note--bright { color: #d8e6f5; }

.bq-section--deep { background: linear-gradient(180deg,#030b24,#061a3c) !important; border-block: 1px solid #133c69; }
.bq-room-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 13px; }
.bq-room { --room: var(--bq-teal); min-width: 0; padding: 18px 14px 15px; background: linear-gradient(180deg, color-mix(in srgb, var(--room) 22%, #07152f), #06142f 54%); border: 3px solid color-mix(in srgb, var(--room) 65%, #ffffff); box-shadow: inset 0 0 0 3px #07152f, 0 0 0 2px #3e2508, 0 15px 30px #0005; color: white; text-align: center; clip-path: polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px); }
.bq-room--starter { --room: #eeb725; }.bq-room--standard { --room: #1aa8ed; }.bq-room--pro { --room: #bf46e8; }.bq-room--elite { --room: #ec3a62; }
.bq-room-grid .bq-room.is-locked { filter: grayscale(1); }
.bq-room__tier { display: block; color: var(--room); font: 800 .73rem/1.2 var(--bq-mono); letter-spacing: .13em; text-transform: uppercase; }.bq-room__price { display: block; margin: 5px 0 12px; font: 900 clamp(1.5rem, 2.25vw, 2.2rem)/1 var(--bq-display); text-shadow: 0 3px 0 #000; }.bq-room__icon { display: grid; height: 138px; place-items: center; margin: 0 -4px 14px; background: radial-gradient(circle, color-mix(in srgb,var(--room) 22%,transparent), transparent 64%); color: var(--room); }.bq-room__icon img { display:block; width:132px; height:132px; object-fit:contain; filter:drop-shadow(0 8px 12px rgb(0 0 0 / 45%)); }.bq-room p { min-height: 52px; margin: 0 0 13px; color: #bad0ea; font-size: .88rem; line-height: 1.5; }.bq-room__reward { display:block; margin:-3px 0 10px; color:#5ce3df; font:900 .68rem/1.2 var(--bq-mono); letter-spacing:.04em; text-align:center; }.bq-room__equal { display: block; padding: 7px 4px; border: 1px solid color-mix(in srgb,var(--room) 60%,#17385d); background: #061b38; color: #cce4f6; font-size: .76rem; }.bq-room__button { width: 100%; min-height: 45px; margin-top: 13px; border: 2px solid color-mix(in srgb,var(--room) 70%,#fff); background: var(--room); box-shadow: 0 4px 0 color-mix(in srgb,var(--room) 45%,#000); color: #041129; font: 900 .8rem/1 var(--bq-mono); text-transform: uppercase; cursor: pointer; }.bq-room__button:disabled { border-color: #43536a; background: #213148; box-shadow: 0 4px 0 #0b1322; color: #7889a0; cursor: not-allowed; }.bq-room.is-locked { filter: saturate(.7); }
.bq-legal-notice { display: flex; max-width: 950px; align-items: flex-start; gap: 14px; margin: 35px auto 0; padding: 15px 20px; background: #0a2248; border: 1px solid #296395; color: #bdd2e9; }.bq-legal-notice span { color: var(--bq-gold-hi); font-size: 1.25rem; }.bq-legal-notice p { margin: 0; }

.bq-rank-track { position: relative; display: grid; grid-template-columns: repeat(8, 1fr); gap: 10px; padding: 32px 12px; background: linear-gradient(180deg,#061a3a,#040f28); border: 2px solid #155a91; box-shadow: 0 0 0 4px #020a1d, var(--bq-shadow); }
.bq-rank-track::before { content: ""; position: absolute; top: 108px; right: 5%; left: 5%; height: 5px; background: linear-gradient(90deg,#8696aa,#2e9ec0,#3f8ee5,#895ce0,#ef4aa2,#ef4b3f,#eaa417,#55e7f0); box-shadow: 0 0 12px #1a92ce; }
.bq-rank { position: relative; z-index: 1; display: flex; min-width: 0; align-items: center; flex-direction: column; text-align: center; }.bq-rank img { width: clamp(72px, 8vw, 125px); aspect-ratio: 1; object-fit: contain; filter: drop-shadow(0 8px 12px #000); }.bq-rank strong { margin-top: 15px; color: white; font: 800 clamp(.68rem,1vw,.86rem)/1.2 var(--bq-mono); }.bq-rank span { margin-top: 5px; color: var(--bq-muted); font-size: .72rem; }

.bq-section--passes { overflow: hidden; background: radial-gradient(circle at 50% 15%,#17396c,#050e28 58%) !important; }.bq-section--passes::before { content: "✦      ✧       ✦      ✧      ✦"; position: absolute; inset: 32px 0 auto; color: #39d8e1; font-size: 20px; letter-spacing: 5vw; text-align: center; opacity: .36; }
.bq-pass-grid { display: grid; grid-template-columns: repeat(5,1fr); align-items: stretch; gap: 12px; }.bq-pass-card { display: flex; overflow: hidden; flex-direction: column; background: #061632; border: 2px solid #9d6819; box-shadow: 0 0 0 3px #020817,0 14px 30px #0007; transition: transform .2s ease, filter .2s ease; }.bq-pass-card:hover { transform: translateY(-8px); filter: brightness(1.08); }.bq-pass-card img { display: block; width: 100%; aspect-ratio: 1/1.2; object-fit: cover; image-rendering: auto; }.bq-pass-card > div { display: grid; flex: 1; gap: 4px; padding: 14px; border-top: 2px solid var(--bq-gold); }.bq-pass-card strong { color: var(--bq-gold-hi); font: 900 1.1rem/1 var(--bq-mono); }.bq-pass-card small { color: var(--bq-muted); font-size: .7rem; }

.bq-feature-grid { display: grid; grid-template-columns: .78fr 1.22fr; align-items: center; gap: clamp(40px,6vw,90px); }.bq-feature-copy p { max-width: 600px; color: var(--bq-muted); font-size: 1.08rem; }.bq-checks { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; list-style: none; margin: 28px 0 35px; padding: 0; color: #d3e3f4; }.bq-checks li { padding: 12px; background: #091d3e; border-left: 3px solid var(--bq-teal); }.bq-feature-media { overflow: hidden; padding: 10px; transform: rotate(1deg); }.bq-feature-media img { display: block; width: 100%; }
.bq-panel { background: linear-gradient(180deg,#081f46,#06142e); border: 2px solid #17639d; box-shadow: 0 0 0 4px #020a1b,var(--bq-shadow); clip-path: polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px); }

.bq-section--safety { background: linear-gradient(180deg,#071a38,#020a1c) !important; border-top: 1px solid #174c7c; }.bq-safety-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; }.bq-safety-head h2 { max-width: 850px; }.bq-health { display: flex; flex: 0 0 auto; align-items: center; gap: 10px; margin-bottom: 29px; padding: 11px 15px; border: 1px solid #129b82; background: #06352f; color: #69f4c4; font: 800 .77rem/1 var(--bq-mono); text-transform: uppercase; }.bq-health i { width: 9px; height: 9px; border-radius: 50%; background: #45f8b5; box-shadow: 0 0 9px #45f8b5; }
.bq-safety-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; }.bq-safety-grid article { padding: 26px; background: #071a38; border: 1px solid #174b77; }.bq-safety-grid article > span { display: grid; width: 52px; height: 52px; place-items: center; margin-bottom: 18px; background: #092d54; border: 1px solid #1d75ac; color: var(--bq-cyan); font-size: 1.8rem; }.bq-safety-grid h3 { margin: 0 0 8px; color: white; font: 800 .98rem/1.3 var(--bq-mono); }.bq-safety-grid p { margin: 0; color: var(--bq-muted); font-size: .9rem; }.bq-values { margin-top: 22px; padding: 25px; background: linear-gradient(90deg,#0b254b,#071a38); border: 1px solid #236697; text-align: center; }.bq-values > strong { color: white; font: 800 1rem/1.4 var(--bq-mono); }.bq-values > div { display: flex; align-items: center; justify-content: center; gap: clamp(15px,3vw,45px); margin-top: 20px; }.bq-values span { display: grid; min-width: 145px; }.bq-values b { color: var(--bq-gold-hi); font: 900 1.15rem/1.4 var(--bq-mono); }.bq-values span:nth-of-type(2) b { color: var(--bq-cyan); }.bq-values span:nth-of-type(3) b { color: #67f5ac; }.bq-values span { color: var(--bq-muted); font-size: .8rem; }.bq-values i { color: #e44b57; font: 900 1.8rem/1 var(--bq-mono); }

.bq-footer {
  position: relative;
  overflow: hidden;
  border-top: 2px solid #28c7d4;
  background: radial-gradient(ellipse at 52% 39%,#0a3159 0,#061f42 46%,#03152f 77%,#020e23 100%);
  color: #c2d5e8;
}
.bq-footer::before { position: absolute; inset: 0; background-image: linear-gradient(rgb(100 178 219 / 5%) 1px,transparent 1px),linear-gradient(90deg,rgb(100 178 219 / 5%) 1px,transparent 1px); background-size: 48px 48px; content: ""; pointer-events: none; }
.bq-footer__newsletter { grid-column: 1 / -1; width: min(100%,440px); justify-self: center; margin-top: 10px; padding: 14px 16px; border: 1px solid #276b8b; background: linear-gradient(140deg,rgb(8 47 77 / 75%),rgb(3 27 54 / 85%)); box-shadow: inset 0 1px rgb(75 206 221 / 13%); }
.bq-footer__newsletter-copy { margin-bottom: 10px; }
.bq-footer__newsletter-copy h2 { margin: 0 0 3px; color: #f6f4e8; font: 800 .92rem/1.25 var(--bq-mono); }
.bq-footer__newsletter-copy p { margin: 0; color: #adc9df; font-size: .76rem; }
.bq-footer__newsletter-signup { min-width: 0; }
.bq-footer__newsletter-signup form { display: flex; position: relative; gap: 6px; }
.bq-footer__newsletter-signup input[type=email] { box-sizing: border-box; width: 100%; min-width: 0; min-height: 40px; flex: 1 1 auto; padding: 8px 11px; border: 1px solid #69acc6; border-radius: 2px; outline: 0; background: #f4f6ee; color: #092644; font: 600 .83rem/1.3 var(--bq-body); }
.bq-footer__newsletter-signup input[type=email]::placeholder { color: #526e83; }
.bq-footer__newsletter-signup input[type=email]:focus-visible { border-color: #f0c95e; box-shadow: 0 0 0 3px rgb(240 201 94 / 25%); }
.bq-footer__newsletter-signup button { min-width: 118px; min-height: 40px; padding: 8px 11px; border: 1px solid #ffe394; border-radius: 2px; background: linear-gradient(180deg,#f7da75,#cf9c39); box-shadow: inset 0 1px #fff6bd,0 3px 0 #8a6029; color: #112343; font: 900 .72rem/1.1 var(--bq-mono); cursor: pointer; transition: filter .16s ease,transform .16s ease; }
.bq-footer__newsletter-signup button:hover { filter: brightness(1.12); transform: translateY(-2px); }
.bq-footer__newsletter-signup button:focus-visible { outline: 3px solid #47dfeb; outline-offset: 3px; }
.bq-footer__newsletter-signup > p { margin: 9px 0 0; color: #9fbed4; font-size: .66rem; line-height: 1.45; }
.bq-footer__newsletter-signup > p a { color: #87e9ef; text-decoration: underline; text-underline-offset: 2px; }
.bq-footer__newsletter-signup > .bq-footer__newsletter-notice { margin-top: 9px; padding: 8px 10px; border-inline-start: 3px solid #e9c25a; background: rgb(5 63 79 / 72%); color: #f3e8bb; font-size: .76rem; }
.bq-footer__newsletter-trap { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; opacity: 0; pointer-events: none; }
.bq-footer__main { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,.93fr) minmax(0,1.07fr) minmax(0,1.3fr); align-items: center; padding-block: clamp(48px,5.5vw,72px) 32px; }
.bq-footer__brand { min-width: 0; padding-inline-end: clamp(24px,3vw,46px); }
.bq-footer__logo { display: block; width: min(340px,100%); }
.bq-footer__brand p { max-width: 350px; margin: 22px 0 0; color: #cbdbee; font-size: clamp(.92rem,1.2vw,1.05rem); line-height: 1.55; }
.bq-footer__links { position: relative; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px clamp(18px,2.5vw,36px); align-content: center; min-height: 210px; padding: 24px clamp(26px,3vw,46px); border-inline: 1px solid #3888ad; }
.bq-footer__links::before,.bq-footer__links::after { position: absolute; top: calc(50% - 5px); width: 10px; height: 10px; border: 1px solid var(--bq-gold-hi); background: #073050; content: ""; transform: rotate(45deg); }
.bq-footer__links::before { inset-inline-start: -6px; }.bq-footer__links::after { inset-inline-end: -6px; }
.bq-footer__links a { display: inline-flex; width: fit-content; min-height: 44px; align-items: center; border-bottom: 2px solid #36c6db; color: #e4edfa; font: 700 clamp(.88rem,1.15vw,1rem)/1.3 var(--bq-body); text-decoration: none; transition: color .16s ease,border-color .16s ease; }
.bq-footer__links .bq-footer__link-muted { display: inline-flex; width: fit-content; min-height: 44px; align-items: center; color: #9cb7c8; font: 700 clamp(.88rem,1.15vw,1rem)/1.3 var(--bq-body); }
.bq-footer__links a:hover { border-color: var(--bq-gold-hi); color: var(--bq-gold-hi); }
.bq-footer__legal { display: grid; grid-template-columns: minmax(100px,150px) minmax(0,1fr); min-width: 0; align-items: center; gap: 12px clamp(14px,2vw,26px); padding-inline-start: clamp(26px,3vw,46px); }
.bq-footer__seal { display: block; width: clamp(110px,10vw,150px); max-width: 100%; height: auto; filter: drop-shadow(0 0 15px rgb(192 229 255 / 12%)); }
.bq-footer__legal-copy { display: grid; gap: 7px; min-width: 0; }
.bq-footer__legal strong { color: var(--bq-cream); font: 800 clamp(.95rem,1.35vw,1.15rem)/1.35 var(--bq-mono); }
.bq-footer__legal span { color: #d1e1f2; font-size: clamp(.86rem,1vw,1rem); line-height: 1.4; }
.bq-footer__legal span + span { color: #a9c4df; }
.bq-footer__notice { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; gap: 20px; padding-block: 24px 35px; text-align: center; }
.bq-footer__notice::before,.bq-footer__notice::after { height: 1px; flex: 1 1 0; background: linear-gradient(90deg,transparent,#3faed2); content: ""; }
.bq-footer__notice::after { transform: rotate(180deg); }
.bq-footer__notice p { max-width: 760px; margin: 0; color: #9fb8d3; font-size: .84rem; line-height: 1.5; }
.bq-footer__bar { position: relative; z-index: 1; padding-block: 17px; border-top: 1px solid #29bdca; background: rgb(1 10 26 / 63%); color: #8daac5; font-size: .83rem; text-align: center; }
.bq-footer__bar::before { position: absolute; top: -2px; left: calc(50% - 35px); width: 70px; height: 3px; background: linear-gradient(90deg,transparent,var(--bq-gold-hi),transparent); content: ""; box-shadow: 0 0 11px var(--bq-gold); }
.bq-content { min-height: 65vh; padding-block: 80px; }.bq-article { padding: clamp(28px,5vw,65px); }.bq-article h1 { font-size: clamp(2.4rem,5vw,4.8rem); }.bq-prose { max-width: 850px; }.bq-prose a { color: var(--bq-cyan); }.bq-empty { padding: 80px 30px; text-align: center; }.bq-empty .bq-button { margin-top: 20px; }

/* The missing-page scene fills the browser and the embedded app alike. */
.error404 .bq-header,.error404 .bq-mobile-header,.error404 .bq-mobile-tabs,.error404 .bq-footer { display:none; }
body.error404.bq-native-app { padding-bottom:0; }
.bq-404 { position:relative; display:flex; min-height:100vh; min-height:100svh; overflow:hidden; isolation:isolate; background:radial-gradient(circle at 72% 43%,#12365a 0,#071b3b 35%,#03112b 72%); }
.bq-404::before { position:absolute; inset:0; z-index:-1; content:""; opacity:.23; background:linear-gradient(#1d6180 1px,transparent 1px),linear-gradient(90deg,#1d6180 1px,transparent 1px); background-size:54px 54px; mask-image:linear-gradient(90deg,#000,transparent 72%); }
.bq-404__shell { display:flex; flex-direction:column; width:min(1480px,calc(100% - 64px)); margin:auto; padding:28px 0 56px; }
.bq-404__brand { display:inline-flex; width:clamp(170px,19vw,235px); align-self:flex-start; }
.bq-404__brand img { display:block; width:100%; height:auto; }
.bq-404__layout { display:grid; grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr); align-items:center; gap:clamp(16px,3vw,54px); flex:1; }
.bq-404__copy { position:relative; z-index:1; padding:28px 0; }
.bq-404__eyebrow { display:inline-block; padding:8px 12px; border:1px solid #2acbd0; background:#0b3348; box-shadow:4px 4px 0 #05142b; color:#70f2e9; font:900 .85rem/1 var(--bq-mono); letter-spacing:.16em; text-transform:uppercase; }
.bq-404 h1 { max-width:700px; margin:23px 0 20px; color:var(--bq-paper); font:900 clamp(4.2rem,7.6vw,8rem)/.87 var(--bq-display); letter-spacing:.005em; text-transform:uppercase; text-shadow:0 7px 0 #050d20,0 16px 35px #0008; }
.bq-404 p { max-width:470px; margin:0 0 30px; color:#bed3e8; font-size:clamp(1rem,1.5vw,1.25rem); line-height:1.5; }
.bq-404 .bq-button { text-align:center; }
.bq-404__art { position:relative; display:grid; place-items:center; min-width:0; }
.bq-404__art img { display:block; width:100%; max-height:min(72vh,720px); object-fit:contain; filter:drop-shadow(0 24px 35px #0008); }
@media(max-width:760px) {
  .bq-404__shell { width:calc(100% - 36px); padding:15px 0 36px; }
  .bq-404__brand { width:165px; }
  .bq-404__layout { display:flex; flex-direction:column-reverse; align-items:stretch; justify-content:center; gap:0; }
  .bq-404__art { margin:-10px -24px -12px; }
  .bq-404__art img { width:min(100%,580px); max-height:42svh; }
  .bq-404__copy { padding:0 0 12px; text-align:center; }
  .bq-404 h1 { margin:18px auto 13px; font-size:clamp(3.7rem,13vw,6rem); }
  .bq-404 p { margin:0 auto 25px; font-size:1rem; }
}
@media(max-width:390px) { .bq-404__art img { max-height:35svh; } .bq-404 h1 { font-size:3.45rem; } }
.bq-toast { position: fixed; z-index: 300; right: 22px; bottom: 22px; max-width: min(420px,calc(100vw - 44px)); padding: 15px 18px; transform: translateY(30px); background: #08234a; border: 2px solid var(--bq-teal); box-shadow: var(--bq-shadow); color: white; opacity: 0; pointer-events: none; transition: opacity .2s ease,transform .2s ease; }.bq-toast.is-visible { transform: translateY(0); opacity: 1; }

/* Dedicated product routes */
.bq-route-main { min-height: 70vh; }
.bq-page-hero { position: relative; isolation: isolate; overflow: hidden; padding: clamp(76px,8vw,122px) 0; background: radial-gradient(circle at 78% 35%,rgb(33 112 171 / 35%),transparent 28%),linear-gradient(180deg,#06183b,#030c25); border-bottom: 1px solid #174a79; }
.bq-page-hero::after { content: ""; position: absolute; inset: 0; z-index: -2; opacity: .35; background-image: linear-gradient(rgb(44 191 176 / 7%) 1px,transparent 1px),linear-gradient(90deg,rgb(44 191 176 / 7%) 1px,transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to right,#000,transparent 75%); }
.bq-page-hero__inner { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 50px; }
.bq-page-hero__copy { max-width: 940px; }.bq-page-hero h1 { max-width: 950px; margin: 15px 0 20px; color: var(--bq-paper); font: 900 clamp(3rem,6.2vw,6.7rem)/.95 var(--bq-display); letter-spacing: .015em; text-transform: uppercase; text-shadow: 0 5px 0 #081429; }.bq-page-hero p { max-width: 760px; margin: 0; color: #bfd2eb; font-size: clamp(1.03rem,1.5vw,1.22rem); }
.bq-page-hero__art { position: relative; display: grid; width: clamp(320px,26vw,440px); aspect-ratio: 4/3; place-items: center; margin-block: -44px; isolation: isolate; }
.bq-page-hero__glow { position: absolute; z-index: -1; top: 50%; left: 50%; width: clamp(175px,13vw,220px); aspect-ratio: 1; transform: translate(-50%,-50%) rotate(45deg); border: 2px solid rgb(44 191 176 / 35%); box-shadow: 0 0 68px rgb(44 191 176 / 14%),inset 0 0 55px rgb(17 73 135 / 35%); }
.bq-page-hero__marker { display: grid; width: clamp(150px,18vw,270px); aspect-ratio: 1; place-items: center; color: var(--bq-gold-hi); font: 900 clamp(5rem,12vw,10rem)/1 Georgia,serif; text-shadow: 0 8px 0 #77440d,0 0 40px rgb(246 217 95 / 25%); filter: drop-shadow(0 22px 15px #0009); }
.bq-page-hero__visual { position: relative; z-index: 1; width: 100%; }
.bq-page-hero__visual img { display: block; width: 100%; height: auto; object-fit: contain; filter: drop-shadow(0 24px 30px rgb(0 0 0 / 48%)); }
.bq-subnav { position: sticky; z-index: 60; top: 84px; background: rgb(5 20 49 / 96%); border-bottom: 1px solid #1c547f; backdrop-filter: blur(12px); }.bq-subnav .bq-shell { display: flex; overflow-x: auto; justify-content: center; scrollbar-width: none; }.bq-subnav a { flex: 0 0 auto; padding: 16px 22px; color: #a9c1dd; font: 800 .77rem/1 var(--bq-mono); letter-spacing: .06em; text-decoration: none; text-transform: uppercase; border-bottom: 3px solid transparent; }.bq-subnav a:hover { color: var(--bq-gold-hi); border-color: var(--bq-gold); }
.bq-detail-section { padding: clamp(75px,8vw,120px) 0; background: #071531; scroll-margin-top: 138px; }.bq-detail-section:nth-of-type(even) { background: #040d28; }.bq-detail-section--deep { background: radial-gradient(circle at 80% 20%,#102f5c,#030b20 58%) !important; border-block: 1px solid #153f68; }
.bq-selected-game { padding: clamp(36px,5vw,68px) 0; border-bottom:1px solid #1b5178; background:radial-gradient(circle at 82% 15%,rgb(53 229 233 / 15%),transparent 34%),#06142f; }.bq-selected-game__panel { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(24px,5vw,76px); align-items:center; padding:clamp(24px,4vw,46px); border:1px solid #216b94; background:linear-gradient(125deg,#081e42,#06142d); box-shadow:0 18px 44px #0005; }.bq-selected-game h1 { margin:8px 0 12px; color:var(--bq-paper); font:900 clamp(2rem,4vw,4rem)/.95 var(--bq-display); letter-spacing:.03em; text-transform:uppercase; }.bq-selected-game p { margin:0; color:var(--bq-muted); }.bq-selected-game__rules { display:grid; gap:12px; }.bq-selected-game__rules article { display:grid; grid-template-columns:42px 1fr; gap:13px; align-items:start; padding:16px; border-left:3px solid var(--bq-gold); background:#071b3d; }.bq-selected-game__rules article + article { border-left-color:var(--bq-cyan); }.bq-selected-game__rules span { display:grid; width:38px; height:38px; place-items:center; color:var(--bq-gold-hi); border:1px solid #82651b; background:#17243e; font:900 1rem/1 var(--bq-mono); }.bq-selected-game__rules article + article span { color:var(--bq-cyan); border-color:#1c718b; }.bq-selected-game__rules b { display:block; margin:1px 0 5px; color:#fff; font:900 .78rem/1.2 var(--bq-mono); text-transform:uppercase; }
.bq-game-detail { min-height:calc(100vh - 84px); padding:clamp(48px,7vw,112px) 0; background:radial-gradient(circle at 78% 12%,color-mix(in srgb,var(--tone) 22%,transparent),transparent 31%),#06142f; }.bq-game-detail__back { display:inline-flex; margin-bottom:24px; color:#a9c9e4; font:800 .7rem/1 var(--bq-mono); letter-spacing:.05em; text-decoration:none; text-transform:uppercase; }.bq-game-detail__back:hover,.bq-game-detail__back:focus-visible { color:var(--bq-gold-hi); outline:none; }.bq-game-detail__layout { --tone:var(--bq-gold); display:grid; grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr); overflow:hidden; border:1px solid var(--tone); background:#071833; box-shadow:0 26px 70px #0008; }.bq-game-detail__art { min-height:390px; background:#071d3e; }.bq-game-detail__art img { display:block; width:100%; height:100%; min-height:390px; object-fit:cover; }.bq-game-detail__content { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:clamp(28px,5vw,70px); background:linear-gradient(145deg,#0a2850,#06152f); }.bq-game-detail__content h1 { margin:12px 0 22px; color:var(--bq-paper); font:900 clamp(2.4rem,5vw,5.4rem)/.9 var(--bq-display); letter-spacing:.03em; text-transform:uppercase; }.bq-game-detail__facts { display:grid; width:100%; gap:10px; margin:30px 0 0; }.bq-game-detail__facts div { display:grid; grid-template-columns:120px 1fr; gap:12px; padding:13px 0; border-top:1px solid #1b4f7a; }.bq-game-detail__facts dt { color:#62dfe7; font:800 .68rem/1.4 var(--bq-mono); letter-spacing:.08em; text-transform:uppercase; }.bq-game-detail__facts dd { margin:0; color:#fff; font:800 .82rem/1.4 var(--bq-mono); }
.bq-detail-heading { display: grid; grid-template-columns: 1.12fr .88fr; align-items: end; gap: 45px; margin-bottom: 38px; }.bq-detail-heading h2,.bq-dashboard-layout h2,.bq-wide-callout h2 { margin: 13px 0 0; color: var(--bq-paper); font: 900 clamp(2.35rem,4.8vw,5rem)/1 var(--bq-display); letter-spacing: .015em; text-transform: uppercase; text-shadow: 0 4px 0 #091229; }.bq-detail-heading > p,.bq-dashboard-layout > div > p,.bq-wide-callout p { max-width: 650px; margin: 0 0 8px; color: var(--bq-muted); font-size: 1.03rem; }
.bq-catalog-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 15px; }.bq-catalog-card { --tone:#eaa417; overflow: hidden; min-width: 0; background: #071936; border: 2px solid color-mix(in srgb,var(--tone) 68%,#12335c); box-shadow: 0 0 0 3px #020a1d,0 15px 28px #0005; clip-path: polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px); }.bq-tone-coral { --tone:#e64a35; }.bq-tone-teal { --tone:#2cbfb0; }.bq-tone-blue { --tone:#2f9eee; }.bq-tone-violet { --tone:#a45be7; }
.bq-catalog-card__art { position: relative; display: grid; min-height: 165px; place-items: center; background: radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--tone) 30%,transparent),transparent 46%),linear-gradient(145deg,#0b3158,#06152f); border-bottom: 2px solid var(--tone); }.bq-catalog-card__art > span { color: color-mix(in srgb,var(--tone) 60%,#fff); font: 900 5.7rem/1 Georgia,serif; text-shadow: 0 6px 0 #000,0 0 22px var(--tone); }.bq-catalog-card__art small { position: absolute; right: 10px; bottom: 8px; padding: 3px 7px; background: #020b1d; color: var(--tone); font: 700 .64rem/1.4 var(--bq-mono); text-transform: uppercase; }.bq-catalog-card__body { display: grid; gap: 16px; padding: 16px; }.bq-catalog-card h3 { margin: 0; color: white; font: 900 .98rem/1.25 var(--bq-mono); }.bq-catalog-card p { margin: 6px 0 0; color: var(--bq-muted); font-size: .77rem; }.bq-catalog-card__actions { display:flex; align-items:center; justify-content:space-between; gap:8px; }.bq-catalog-card__status { width: fit-content; padding: 5px 8px; color: #b9d5eb; font: 700 .65rem/1 var(--bq-mono); border: 1px solid #285a83; }.bq-catalog-card__play { display:inline-flex; min-height:29px; align-items:center; justify-content:center; padding:5px 9px; border:1px solid var(--tone); background:color-mix(in srgb,var(--tone) 18%,#06142f); color:var(--bq-paper); font:900 .63rem/1 var(--bq-mono); text-decoration:none; text-transform:uppercase; }.bq-catalog-card__play:hover,.bq-catalog-card__play:focus-visible { background:var(--tone); color:#041126; outline:0; }
.bq-catalog-card__play.is-disabled { border-color:#365069; background:#13243a; color:#6f8296; cursor:not-allowed; opacity:.72; }
.bq-catalog-card__play.is-disabled:hover,.bq-catalog-card__play.is-disabled:focus-visible { border-color:#365069; background:#13243a; color:#6f8296; }
.bq-catalog-card__actions.is-playable { justify-content:flex-end; }
.bq-game-category { scroll-margin-top: 145px; }.bq-game-category + .bq-game-category { margin-top: clamp(55px,7vw,100px); }.bq-game-category h2 { display: flex; align-items: center; gap: 14px; margin: 0 0 20px; color: var(--bq-paper); font: 900 clamp(1.5rem,2.5vw,2.35rem)/1 var(--bq-display); letter-spacing: .04em; text-transform: uppercase; }.bq-game-category h2::before { width: 8px; height: 1em; content: ""; background: var(--bq-gold); box-shadow: 0 0 15px rgb(234 164 23 / 50%); }
/* The next-game screen is shared by every engine and the mobile wrapper. */
.bq-post-match { padding:clamp(28px,4vw,56px) 0 48px; background:radial-gradient(ellipse at 80% 0,#10314b 0,transparent 55%),#071531; }
.bq-post-match > .bq-shell { max-width:1100px; }
.bq-post-match__heading { margin-bottom:26px; }
.bq-post-match__heading h1 { margin:10px 0; color:var(--bq-paper); font:900 clamp(1.8rem,3.5vw,3rem)/1.12 var(--bq-display); overflow-wrap:anywhere; }
.bq-post-match__heading p { margin:0; color:#a9c1dd; }
.bq-post-match__replay { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); border:1px solid #ae862e; background:linear-gradient(120deg,#102947,#08192e); overflow:hidden; border-radius:8px; }
.bq-post-match__replay > img { width:100%; height:100%; max-height:290px; object-fit:cover; }
.bq-post-match__replay > div { padding:clamp(20px,3vw,32px); min-width:0; }
.bq-post-match__replay h2 { margin:8px 0; color:var(--bq-paper); font:800 clamp(1.4rem,2.5vw,2rem)/1.2 var(--bq-body); overflow-wrap:anywhere; }
.bq-post-match__replay p { margin:0 0 18px; color:#b8cde0; }
.bq-post-match__replay small { display:block; margin-top:10px; color:#8fadc4; font-size:.75rem; }
.bq-post-match .bq-button { min-height:48px; gap:12px; height:auto; white-space:normal; text-align:center; }
.bq-post-match__section-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 20px; margin:28px 0 16px; }
.bq-post-match__section-heading h2 { margin:0; color:var(--bq-paper); font:800 1.2rem/1.3 var(--bq-body); }
.bq-post-match__section-heading a,.bq-result-next { display:inline-flex; align-items:center; min-height:44px; gap:8px; color:#68dce3; font:700 .85rem/1.4 var(--bq-body); text-underline-offset:4px; }
.bq-post-match__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.bq-post-match__card { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid #235274; border-radius:8px; background:#0a1e36; }
.bq-post-match__card > img { width:100%; aspect-ratio:16/8; object-fit:cover; }
.bq-post-match__card > div { display:flex; flex:1; flex-direction:column; align-items:flex-start; min-width:0; padding:18px; }
.bq-post-match__card .bq-kicker { font-size:.6rem; }
.bq-post-match__card h3 { margin:8px 0; color:var(--bq-paper); font:800 1.15rem/1.3 var(--bq-body); overflow-wrap:anywhere; }
.bq-post-match__card p { margin:0 0 12px; color:#b8cde0; font-size:.9rem; }
.bq-post-match__card small { margin-top:auto; color:#8fadc4; font-size:.75rem; }
.bq-post-match__card .bq-button { margin-top:16px; width:100%; }
.bq-post-match a:focus-visible,.bq-result-next:focus-visible { outline:2px solid #68dce3; outline-offset:4px; }
@media (max-width:600px) {
  .bq-post-match__replay { grid-template-columns:100px minmax(0,1fr); }
  .bq-post-match__replay > img { max-height:none; }
  .bq-post-match__replay > div { padding:16px; }
  .bq-post-match__replay p { font-size:.85rem; }
  .bq-post-match__grid { grid-template-columns:minmax(0,1fr); gap:12px; }
  .bq-post-match__card { display:grid; grid-template-columns:100px minmax(0,1fr); }
  .bq-post-match__card > img { height:100%; aspect-ratio:auto; }
  .bq-post-match__card > div { padding:14px; }
  .bq-post-match__card h3 { font-size:1rem; }
  .bq-post-match__card .bq-button { margin-top:12px; }
}
.bq-game-filters { padding:24px 0 0; background:#071531; border-top:1px solid #1c547f; }
.bq-game-filters .bq-shell { max-width:1100px; }
.bq-game-filter-fields { display:grid; grid-template-columns:1.2fr 1.2fr .8fr; gap:20px; }
.bq-game-filter-field { display:flex; flex-direction:column; gap:8px; min-width:0; }
.bq-game-filter-field > span { color:#90b7cf; font:800 .65rem/1.4 var(--bq-mono); letter-spacing:.08em; text-transform:uppercase; }
.bq-game-filter-field--family > span { color:var(--bq-gold-hi); }
.bq-game-filter-field select { appearance:none; width:100%; min-width:0; min-height:48px; padding:10px 40px 10px 14px; border:1px solid #285473; border-radius:4px; background-color:#0a213b; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%2390b7cf' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; color:#eef5fc; font:600 16px/1.4 var(--bq-body); text-overflow:ellipsis; cursor:pointer; color-scheme:dark; }
.bq-game-filter-field select.is-active { border-color:#56b8c9; background-color:#0c2b43; }
.bq-game-filter-field--family select.is-active { border-color:var(--bq-gold); }
.bq-game-filter-field select:focus-visible,.bq-game-filter-summary button:focus-visible { outline:2px solid #5bdde6; outline-offset:3px; }
.bq-game-filter-summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:52px; border-bottom:1px solid #1b3b58; }
.bq-game-filter-summary output { color:#90a9bf; font-size:.85rem; font-variant-numeric:tabular-nums; }
.bq-game-filter-summary button { min-height:44px; padding:8px 0 8px 12px; border:0; background:transparent; color:#5bdde6; font:600 .85rem/1.4 var(--bq-body); cursor:pointer; }
.bq-game-filter-summary button:disabled { color:#68829a; cursor:default; }
.bq-game-filter-summary button:not(:disabled):active { transform:scale(.97); }
.bq-game-filters + .bq-detail-section { padding-top:28px; }
.bq-game-filter-empty { margin:0; padding:40px 20px; border:1px dashed #285473; border-radius:4px; text-align:center; color:#a9c1dd; }
.bq-game-filter-empty[hidden],.bq-catalog-card[hidden] { display:none; }
[dir="rtl"] .bq-game-filter-field select { background-position:left 14px center; padding:10px 14px 10px 40px; }
@media (hover:hover) and (pointer:fine) {
  .bq-game-filter-field select:hover { border-color:#5bdde6; }
  .bq-game-filter-summary button:not(:disabled):hover { color:#f9d772; }
}
@media (max-width:600px) {
  .bq-game-filters { padding-top:18px; }
  .bq-game-filter-fields { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:14px 12px; }
  .bq-game-filter-field--family { grid-column:1 / -1; }
  .bq-game-filter-summary { min-height:48px; }
}
.bq-dashboard-layout { display: grid; grid-template-columns: .78fr 1.22fr; align-items: start; gap: clamp(45px,7vw,100px); }.bq-dashboard-layout > div:first-child { position: sticky; top: 160px; }.bq-dashboard-layout > div > p { margin-top: 23px; }.bq-spec-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; }.bq-spec-grid article { min-height: 210px; padding: 25px; background: linear-gradient(180deg,#092249,#06152f); border: 1px solid #1a5888; }.bq-spec-grid b { color: var(--bq-gold-hi); font: 900 1.8rem/1 var(--bq-mono); }.bq-spec-grid h3 { margin: 26px 0 8px; color: white; font: 800 1rem/1.3 var(--bq-mono); }.bq-spec-grid p { margin: 0; color: var(--bq-muted); font-size: .88rem; }
.bq-launch-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }.bq-launch-grid article { padding: 28px; background: #071936; border: 1px solid #1a4c77; }.bq-launch-grid article > span { display: block; width: 15px; height: 15px; margin-bottom: 20px; background: #5ff49b; box-shadow: 0 0 16px #5ff49b; }.bq-launch-grid .is-yellow > span { background:#ffd053;box-shadow:0 0 16px #ffd053; }.bq-launch-grid .is-red > span { background:#ef5662;box-shadow:0 0 16px #ef5662; }.bq-launch-grid h3 { margin: 0 0 9px; color: white; font: 900 1rem/1.3 var(--bq-mono); }.bq-launch-grid p { margin: 0; color: var(--bq-muted); }
.bq-wide-callout { display: flex; align-items: center; justify-content: space-between; gap: 60px; }.bq-wide-callout > div { max-width: 850px; }.bq-wide-callout p { margin-top: 20px; }
.bq-room-grid--page .bq-room { min-height: 405px; }
.bq-timeline { display: grid; grid-template-columns: repeat(5,1fr); list-style: none; margin: 0; padding: 0; border: 1px solid #205780; background: #06152f; }.bq-timeline li { position: relative; display: grid; min-height: 230px; align-content: space-between; padding: 27px 22px; border-right: 1px solid #205780; }.bq-timeline li:last-child { border-right: 0; }.bq-timeline li::after { content: "→"; position: absolute; z-index: 2; top: 46px; right: -13px; display: grid; width: 26px; height: 26px; place-items: center; background: #092b50; border: 1px solid var(--bq-teal); color: var(--bq-cyan); }.bq-timeline li:last-child::after { display: none; }.bq-timeline b { color: var(--bq-gold-hi); font: 900 2rem/1 var(--bq-mono); }.bq-timeline strong,.bq-timeline span { display: block; }.bq-timeline strong { color: white; font: 900 .9rem/1.3 var(--bq-mono); }.bq-timeline span { margin-top: 8px; color: var(--bq-muted); font-size: .82rem; }
.bq-rule-list,.bq-mission-list,.bq-gate-list { display: grid; gap: 12px; }.bq-rule-list article,.bq-mission-list article,.bq-gate-list article { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 18px; padding: 20px; background: #071d40; border: 1px solid #1b5481; }.bq-rule-list article > span { display: grid; width: 50px; height: 50px; place-items: center; background: #0a335c; border: 1px solid #2478a9; color: var(--bq-cyan); font: 900 1.5rem/1 var(--bq-mono); }.bq-rule-list h3,.bq-mission-list h3,.bq-gate-list h3 { margin: 0 0 5px; color: white; font: 900 .92rem/1.3 var(--bq-mono); }.bq-rule-list p,.bq-mission-list p,.bq-gate-list p { margin: 0; color: var(--bq-muted); font-size: .86rem; }
.bq-incident-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }.bq-incident-grid article { min-height: 170px; padding: 25px; background: linear-gradient(180deg,#092249,#06152f); border-top: 3px solid var(--bq-gold); box-shadow: 0 12px 25px #0004; }.bq-incident-grid b { color: white; font: 900 .92rem/1.3 var(--bq-mono); }.bq-incident-grid p { margin: 15px 0 0; color: var(--bq-muted); font-size: .88rem; }
.bq-rank-gallery { display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; }.bq-rank-gallery article { display: grid; justify-items: center; min-width: 0; padding: 23px 15px; background: linear-gradient(180deg,#092249,#06152f); border: 1px solid #205b8a; text-align: center; }.bq-rank-gallery img { width: min(180px,75%); filter: drop-shadow(0 9px 10px #0008); }.bq-rank-gallery h3 { margin: 15px 0 7px; color: white; font: 900 1rem/1.2 var(--bq-mono); }.bq-rank-gallery strong { color: var(--bq-gold-hi); font: 800 .82rem/1.4 var(--bq-mono); }.bq-rank-gallery span { margin-top: 4px; color: var(--bq-muted); font-size: .77rem; }
.bq-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }.bq-comparison article { padding: 28px; background: #071b39; border: 1px solid #1b527f; }.bq-comparison .is-positive { border-top: 3px solid #50e9a0; }.bq-comparison .is-negative { border-top: 3px solid #ed5460; }.bq-comparison h3 { margin: 0 0 18px; color: white; font: 900 .95rem/1.3 var(--bq-mono); }.bq-comparison .is-positive h3 { color: #67f5b2; }.bq-comparison .is-negative h3 { color: #ff7e87; }.bq-comparison ul { display: grid; gap: 11px; margin: 0; padding-left: 20px; color: #b9cde5; font-size: .87rem; }
.bq-value-grid,.bq-feature-cards { display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; }.bq-value-grid article,.bq-feature-cards article { min-height: 210px; padding: 27px; background: linear-gradient(180deg,#092249,#06152f); border: 1px solid #1b5688; }.bq-value-grid b,.bq-feature-cards article > span { display: grid; width: 50px; height: 50px; place-items: center; margin-bottom: 22px; background: #082e58; border: 1px solid #227caf; color: var(--bq-cyan); font: 900 1.2rem/1 var(--bq-mono); }.bq-value-grid h3,.bq-feature-cards h3 { margin: 0 0 9px; color: white; font: 900 .92rem/1.3 var(--bq-mono); }.bq-value-grid p,.bq-feature-cards p { margin: 0; color: var(--bq-muted); font-size: .87rem; }
.bq-pass-grid--page .bq-pass-card img { aspect-ratio: auto; }.bq-pass-grid--page .bq-pass-card > div { min-height: 82px; }
.bq-mission-list article { grid-template-columns: 70px 1fr; }.bq-mission-list article > b,.bq-gate-list article > b { color: var(--bq-gold-hi); font: 900 1.2rem/1 var(--bq-mono); text-align: center; }
.bq-clan-stats { display: grid; grid-template-columns: repeat(4,1fr); margin-bottom: 18px; background: #05142e; border: 1px solid #1b5688; }.bq-clan-stats article { display: grid; gap: 6px; padding: 26px; text-align: center; border-right: 1px solid #1b5688; }.bq-clan-stats article:last-child { border-right: 0; }.bq-clan-stats strong { color: var(--bq-gold-hi); font: 900 2.4rem/1 var(--bq-mono); }.bq-clan-stats span { color: var(--bq-muted); font-size: .82rem; }
.bq-editor-layout { display: grid; grid-template-columns: 1.25fr .75fr; align-items: center; gap: clamp(35px,6vw,85px); }.bq-editor-frame { overflow: hidden; padding: 9px; background: #061831; border: 2px solid var(--bq-gold); box-shadow: 0 0 0 4px #020817,var(--bq-shadow); }.bq-editor-frame img { display: block; }.bq-editor-layout h2 { margin: 14px 0 20px; color: var(--bq-paper); font: 900 clamp(2.35rem,4.8vw,5rem)/1 var(--bq-display); text-transform: uppercase; }.bq-editor-layout > div:last-child > p { color: var(--bq-muted); }.bq-checks--single { grid-template-columns: 1fr; margin-bottom: 0; }
.bq-role-table { display: grid; background: #06142f; border: 1px solid #1c5e91; }.bq-role-table > div { display: grid; grid-template-columns: .45fr 1fr .7fr; gap: 20px; padding: 16px 20px; border-bottom: 1px solid #183e65; }.bq-role-table > div:last-child { border-bottom: 0; }.bq-role-table > div:first-child { background: #0b2b53; color: var(--bq-gold-hi); font: 800 .77rem/1.3 var(--bq-mono); text-transform: uppercase; }.bq-role-table b { color: white; font-family: var(--bq-mono); }.bq-role-table span { color: #b7cce3; }
.bq-control-strip { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 18px; background: #04132d; border: 1px solid #1a5484; }.bq-control-strip > span { display: flex; align-items: center; gap: 11px; padding: 17px; color: #bfd2e7; font-size: .79rem; border-right: 1px solid #1a5484; }.bq-control-strip > span:last-child { border-right: 0; }.bq-control-strip i { width: 9px; height: 9px; flex: 0 0 auto; background: #51efad; box-shadow: 0 0 9px #51efad; }
.bq-legal-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 18px; }.bq-company-card { padding: 30px; background: linear-gradient(145deg,#0d315b,#06142f); border: 2px solid var(--bq-gold); box-shadow: 0 0 0 3px #020817; }.bq-company-card > span { color: var(--bq-cyan); font: 800 .72rem/1 var(--bq-mono); text-transform: uppercase; }.bq-company-card h3 { margin: 13px 0 25px; color: white; font: 900 1.5rem/1.3 var(--bq-mono); }.bq-company-card dl { display: grid; gap: 0; margin: 0; }.bq-company-card dl > div { display: flex; justify-content: space-between; gap: 15px; padding: 12px 0; border-top: 1px solid #24547c; }.bq-company-card dt { color: var(--bq-muted); }.bq-company-card dd { margin: 0; color: white; text-align: right; }.bq-gate-list { grid-template-columns: repeat(2,1fr); }.bq-gate-list article { align-items: start; min-height: 145px; }.bq-disclaimer { margin: 22px 0 0; color: #8fa7c1; font-size: .78rem; text-align: center; }

/* Store */
.bq-route-store .bq-page-hero { background:radial-gradient(circle at 77% 42%,rgb(234 164 23 / 18%),transparent 24%),radial-gradient(circle at 66% 30%,rgb(44 191 176 / 17%),transparent 34%),linear-gradient(180deg,#06183b,#030c25); }
.bq-store-filters { display:flex; flex-wrap:wrap; gap:9px; margin:0 0 30px; }
.bq-store-filters button { display:inline-flex; min-height:44px; align-items:center; gap:10px; padding:10px 14px; border:1px solid #28658e; background:#061832; color:#a9c3df; font:800 .72rem/1 var(--bq-mono); text-transform:uppercase; cursor:pointer; clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px); transition:transform 150ms cubic-bezier(.23,1,.32,1),border-color 150ms ease,background 150ms ease,color 150ms ease; }
.bq-store-filters button span { display:grid; min-width:24px; height:22px; place-items:center; padding-inline:5px; background:#0c2c51; color:#6f9abe; font-size:.64rem; }
.bq-store-filters button.is-active { border-color:var(--bq-gold); background:linear-gradient(135deg,rgb(234 164 23 / 18%),#082044); color:var(--bq-gold-hi); box-shadow:inset 0 -2px rgb(234 164 23 / 28%); }
.bq-store-filters button.is-active span { background:var(--bq-gold); color:#06142f; }
.bq-store-filters button:active { transform:scale(.97); }
.bq-store-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.bq-store-topic-filters { display:flex; flex-wrap:nowrap; gap:7px; overflow-x:auto; overflow-y:hidden; margin:-12px 0 22px; padding:2px 0 7px; scrollbar-color:#2b658d transparent; scrollbar-width:thin; }
.bq-store-topic-filters[hidden] { display:none; }
.bq-store-topic-filters button { display:flex; min-width:max-content; align-items:center; gap:8px; padding:8px 10px; border:1px solid #24577e; background:#05162f; color:#88a5c0; font:800 .55rem/1 var(--bq-mono); text-transform:uppercase; cursor:pointer; }
.bq-store-topic-filters button span { color:#4fc8d1; }.bq-store-topic-filters button.is-active { border-color:var(--bq-gold); background:linear-gradient(135deg,#15365a,#071a37); color:var(--bq-gold-hi); }.bq-store-topic-filters button.is-active span { color:#07152e; background:var(--bq-gold); padding:3px 4px; }
.bq-store-grid.is-horizontal-rail { grid-auto-flow:column; grid-auto-columns:clamp(228px,23vw,296px); grid-template-columns:none; overflow-x:auto; overflow-y:hidden; padding:3px 4px 13px 2px; scroll-snap-type:x mandatory; overscroll-behavior-inline:contain; scrollbar-color:#2d6c96 #031027; scrollbar-width:thin; }
.bq-store-grid.is-horizontal-rail .bq-store-item { scroll-snap-align:start; }
.bq-store-collection[hidden],.bq-store-item[hidden] { display:none; }
.bq-store-collection { --collection-tone:var(--bq-gold); overflow:hidden; min-width:0; background:linear-gradient(155deg,#0a254a,#06142f 70%); border:1px solid #245d89; box-shadow:0 0 0 3px #020817,0 20px 44px rgb(0 0 0 / 33%); clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px); transition:transform 220ms cubic-bezier(.23,1,.32,1),border-color 220ms ease,filter 220ms ease; }
.bq-store-collection[data-store-family="profile"] { --collection-tone:#eaa417; }
.bq-store-collection[data-store-family="board"] { --collection-tone:#2cbfb0; }
.bq-store-collection[data-store-family="social"] { --collection-tone:#e65d52; }
.bq-store-collection[data-store-family="collection"] { --collection-tone:#78a9f3; }
.bq-store-collection__art { position:relative; overflow:hidden; margin:0; border-bottom:2px solid var(--collection-tone); background:#020817; }
.bq-store-collection__art::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,transparent 55%,rgb(2 8 23 / 86%)); box-shadow:inset 0 0 0 1px rgb(255 255 255 / 6%); }
.bq-store-collection__art img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; transition:transform 260ms cubic-bezier(.23,1,.32,1); }
.bq-store-collection__art figcaption { position:absolute; z-index:2; right:16px; bottom:14px; left:16px; display:flex; align-items:center; gap:10px; color:#f2f8ff; font:800 .72rem/1.25 var(--bq-mono); letter-spacing:.06em; text-transform:uppercase; text-shadow:0 2px 5px #000; }
.bq-store-collection__art figcaption span { display:grid; width:32px; height:32px; flex:0 0 auto; place-items:center; border:1px solid var(--collection-tone); background:#04132de8; color:var(--collection-tone); }
.bq-store-collection__body { padding:24px; }
.bq-store-collection__body > h3 { margin:0; color:var(--bq-paper); font:900 clamp(1.65rem,2.5vw,2.45rem)/1 var(--bq-display); letter-spacing:.02em; text-transform:uppercase; text-shadow:0 3px 0 #020817; }
.bq-store-collection__body > p { max-width:650px; min-height:51px; margin:10px 0 22px; color:#91aecb; font-size:.85rem; }
.bq-store-products { display:grid; margin:0; padding:0; list-style:none; border-top:1px solid #214c73; }
.bq-store-products li { display:grid; grid-template-columns:32px minmax(0,1fr) auto; align-items:center; gap:11px; min-height:64px; padding:9px 0; border-bottom:1px solid #183b60; }
.bq-store-product__id { color:var(--collection-tone); font:800 .67rem/1 var(--bq-mono); }
.bq-store-product__name,.bq-store-product__price { display:grid; min-width:0; gap:4px; }
.bq-store-product__name strong { overflow:hidden; color:#eaf4ff; font:800 .75rem/1.2 var(--bq-mono); text-overflow:ellipsis; white-space:nowrap; }
.bq-store-product__name small { overflow:hidden; color:#708ead; font-size:.67rem; text-overflow:ellipsis; white-space:nowrap; }
.bq-store-product__price { min-width:74px; text-align:right; }
.bq-store-product__price strong { color:var(--bq-gold-hi); font:900 .77rem/1 var(--bq-mono); }
.bq-store-product__price small { color:#64d8cf; font:700 .64rem/1 var(--bq-mono); }
.bq-store-item { min-width:0; overflow:hidden; border:1px solid #245d89; background:linear-gradient(155deg,#0a254a,#06142f 70%); box-shadow:0 0 0 2px #020817,0 15px 32px rgb(0 0 0 / 25%); clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px); transition:transform 180ms cubic-bezier(.23,1,.32,1),border-color 180ms ease,filter 180ms ease; }
.bq-store-item[data-store-preview-item] { cursor:pointer; }.bq-store-item[data-store-preview-item]:focus-visible { outline:2px solid var(--bq-cyan); outline-offset:4px; }.bq-store-item.is-selected { border-color:var(--bq-gold); box-shadow:0 0 0 2px var(--bq-gold),0 15px 32px rgb(0 0 0 / 25%); }
.bq-cosmetic-art { position:relative; isolation:isolate; display:grid; min-height:168px; place-items:center; overflow:hidden; border-bottom:2px solid var(--cosmetic-accent); background:linear-gradient(145deg,var(--cosmetic-primary),#020817); }
.bq-cosmetic-art::before,.bq-cosmetic-art::after { content:""; position:absolute; z-index:-1; pointer-events:none; }
.bq-cosmetic-art::before { inset:-30%; opacity:.55; background:repeating-linear-gradient(45deg,transparent 0 19px,var(--cosmetic-accent) 20px 21px,transparent 22px 41px); transform:rotate(var(--art-rotation,0deg)); }
.bq-cosmetic-art::after { width:92px; aspect-ratio:1; border:2px solid var(--cosmetic-highlight); border-radius:var(--art-radius,3px); box-shadow:0 0 34px color-mix(in srgb,var(--cosmetic-accent) 45%,transparent),inset 0 0 24px color-mix(in srgb,var(--cosmetic-accent) 18%,transparent); transform:rotate(var(--art-rotation,0deg)); }
.bq-cosmetic-art i { position:absolute; width:11px; aspect-ratio:1; background:var(--cosmetic-highlight); box-shadow:0 0 13px var(--cosmetic-highlight); transform:rotate(45deg); }
.bq-cosmetic-art i:nth-child(1) { top:20%; left:18%; }.bq-cosmetic-art i:nth-child(2) { right:16%; bottom:22%; width:7px; }.bq-cosmetic-art i:nth-child(3) { top:26%; right:28%; width:4px; }
.bq-cosmetic-art b { position:absolute; right:10px; bottom:9px; color:rgb(255 255 255 / 26%); font:900 1.35rem/1 var(--bq-display); }
.bq-cosmetic-art--v2 { --art-rotation:45deg; --art-radius:50%; }.bq-cosmetic-art--v3 { --art-rotation:-25deg; --art-radius:50% 8px; }.bq-cosmetic-art--v4 { --art-rotation:15deg; --art-radius:0; }.bq-cosmetic-art--v5 { --art-rotation:60deg; --art-radius:22px 0; }.bq-cosmetic-art--v6 { --art-rotation:-45deg; --art-radius:50%; }
.bq-cosmetic-art--v7 { --art-rotation:90deg; --art-radius:2px 28px; }.bq-cosmetic-art--v8 { --art-rotation:-70deg; --art-radius:50% 4px 50% 4px; }.bq-cosmetic-art--v9 { --art-rotation:30deg; --art-radius:34px 4px; }.bq-cosmetic-art--v10 { --art-rotation:-12deg; --art-radius:0 50% 0 50%; }
.bq-store-item--board .bq-cosmetic-art::before { inset:11%; opacity:.62; background:conic-gradient(from 90deg,var(--cosmetic-accent) 25%,var(--cosmetic-primary) 0 50%,var(--cosmetic-highlight) 0 75%,#06142f 0)/38px 38px; transform:perspective(220px) rotateX(55deg) rotateZ(var(--art-rotation,0deg)); }
.bq-store-item--board .bq-cosmetic-art::after { width:65px; border-width:5px; }
.bq-store-item--clan .bq-cosmetic-art::after { width:76px; border-width:0 24px 54px; border-style:solid; border-color:transparent transparent var(--cosmetic-highlight); border-radius:0; clip-path:polygon(50% 0,100% 22%,87% 78%,50% 100%,13% 78%,0 22%); opacity:.78; }
.bq-store-item--banner .bq-cosmetic-art { min-height:125px; }.bq-store-item--banner .bq-cosmetic-art::after { width:74%; height:45px; aspect-ratio:auto; border-radius:2px; }
.bq-store-item__body { display:grid; gap:9px; padding:14px; }
.bq-store-item__body > div:first-child { display:flex; min-width:0; align-items:center; justify-content:space-between; gap:8px; }
.bq-store-item__body small { color:#718eaa; font:800 .56rem/1.25 var(--bq-mono); text-transform:uppercase; }
.bq-store-item__body > div:first-child span { padding:4px 6px; border:1px solid color-mix(in srgb,var(--cosmetic-accent) 48%,#244e71); color:var(--cosmetic-accent); font:800 .5rem/1 var(--bq-mono); text-transform:uppercase; }
.bq-store-item__body h3 { min-height:2.5em; margin:0; color:#edf6ff; font:900 .78rem/1.25 var(--bq-mono); text-transform:uppercase; }
.bq-store-item__meta { display:flex; align-items:end; justify-content:space-between; padding-top:9px; border-top:1px solid #1e476b; }
.bq-store-item__meta > span { color:var(--cosmetic-accent); font:900 .64rem/1 var(--bq-mono); }
.bq-store-item__meta p { display:grid; justify-items:end; gap:3px; margin:0; }.bq-store-item__meta strong { color:var(--bq-gold-hi); font:900 .76rem/1 var(--bq-mono); }
.bq-store-item__body > :is(a,button),.bq-store-item__availability { display:flex; width:calc(100% + 28px); align-items:center; justify-content:space-between; margin:2px -14px -14px; padding:12px 14px; border:0; border-top:1px solid #24577e; background:#071b38; color:#9be8ed; font:900 .58rem/1 var(--bq-mono); text-align:left; text-decoration:none; text-transform:uppercase; cursor:pointer; }
.bq-store-item.is-concept { border-color:#294761; }.bq-store-item.is-concept .bq-cosmetic-art { filter:saturate(.45); }.bq-store-item.is-concept .bq-store-item__availability { color:#718eaa; }
.bq-store-selection { position:sticky; z-index:12; bottom:16px; display:grid; grid-template-columns:116px minmax(0,1fr) auto; align-items:center; gap:16px; min-height:104px; margin-top:13px; padding:10px; border:1px solid #2b7395; background:rgb(3 15 35 / 96%); box-shadow:0 14px 38px #0009; backdrop-filter:blur(14px); }
.bq-store-selection[hidden] { display:none; }.bq-store-selection__art,.bq-store-selection__art .bq-cosmetic-art { min-height:82px; height:82px; }.bq-store-selection__art .bq-cosmetic-art { border:1px solid #2a668b; }.bq-store-selection > div:nth-child(2) { display:grid; min-width:0; gap:5px; }.bq-store-selection small { color:#72bfc8; font:800 .54rem/1.2 var(--bq-mono); text-transform:uppercase; }.bq-store-selection strong { overflow:hidden; color:#fff8dd; font:900 .84rem/1.2 var(--bq-mono); text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }.bq-store-selection p { margin:0; color:#8ba8c2; font:.63rem/1.2 var(--bq-mono); }.bq-store-selection__try { width:auto; min-width:144px; }
.bq-store-profile-preview[hidden] { display:none; }.bq-store-profile-preview { position:fixed; z-index:600; inset:0; display:grid; place-items:center; padding:24px; }.bq-store-profile-preview__backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; background:rgb(1 6 18 / 82%); backdrop-filter:blur(8px); cursor:default; }.bq-store-profile-preview__dialog { position:relative; display:grid; width:min(860px,100%); gap:16px; padding:34px; border:2px solid #277da0; background:radial-gradient(circle at 90% 0,rgb(55 222 225 / 13%),transparent 30%),linear-gradient(155deg,#0a2b50,#06142f 60%,#020a1d); box-shadow:0 0 0 5px #020817,0 35px 100px #000d,inset 0 0 55px rgb(26 112 163 / 12%); clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px),0 13px); }.bq-store-profile-preview__close { position:absolute; top:16px; right:16px; display:grid; width:34px; aspect-ratio:1; place-items:center; border:1px solid #2b678d; background:#04142d; color:#b1cbe1; font:900 1.05rem/1 var(--bq-mono); cursor:pointer; }.bq-store-profile-preview__dialog > h2 { margin:0; color:#fff7db; font:900 clamp(1.7rem,4vw,2.6rem)/1 var(--bq-display); text-transform:uppercase; }.bq-store-profile-preview__note { margin:0; color:#8ba8c2; font:.7rem/1.4 var(--bq-mono); }
.bq-store-profile-sample { --store-preview-primary:#071a4d; --store-preview-accent:#2de1e8; --store-preview-highlight:#f2bd34; position:relative; display:grid; grid-template-columns:auto minmax(0,1fr); min-height:280px; align-items:center; gap:28px; overflow:hidden; padding:38px 42px; border:1px solid #28658e; background:radial-gradient(circle at 78% 26%,color-mix(in srgb,var(--store-preview-accent) 27%,transparent),transparent 29%),linear-gradient(150deg,var(--store-preview-primary),#030c25 68%); }.bq-store-profile-sample.is-previewing-banner { background-image:linear-gradient(90deg,rgb(2 9 27 / 38%),rgb(2 9 27 / 74%)),var(--store-preview-image); background-position:center; background-size:cover; }.bq-store-profile-sample::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(115deg,transparent 45%,color-mix(in srgb,var(--store-preview-highlight) 12%,transparent)); }.bq-store-profile-sample__avatar { position:relative; z-index:1; display:grid; width:138px; aspect-ratio:1; place-items:center; padding:10px; border:3px solid var(--store-preview-accent); background:linear-gradient(145deg,var(--store-preview-primary),color-mix(in srgb,var(--store-preview-accent) 28%,var(--store-preview-primary))); box-shadow:0 0 0 3px #07152c,0 0 20px color-mix(in srgb,var(--store-preview-accent) 30%,transparent),7px 7px 0 #010817; clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px); background-position:center; background-repeat:no-repeat; background-size:contain; }.bq-store-profile-sample__avatar > span { display:grid; width:100%; height:100%; place-items:center; border:2px solid #397a9d; border-radius:inherit; overflow:hidden; background:linear-gradient(145deg,#2f8cb5,#0b315b 63%,#07172e); color:#fff1ae; font:900 4rem/1 var(--bq-display); text-shadow:4px 4px 0 #081129; }.bq-store-profile-sample__avatar.has-preview-frame { padding:20%; border:0; background-color:transparent; box-shadow:none; clip-path:none; }.bq-store-profile-sample__avatar.has-preview-frame > span { border:1px solid rgb(132 205 219 / 56%); box-shadow:0 0 18px rgb(2 8 23 / 78%); }.bq-store-profile-sample__identity { position:relative; z-index:1; display:grid; min-width:0; gap:9px; }.bq-store-profile-sample__identity small { color:#6eacc8; font:800 .57rem/1 var(--bq-mono); letter-spacing:.08em; text-transform:uppercase; }.bq-store-profile-sample__identity strong { overflow:hidden; color:#fff9df; font:900 clamp(1.8rem,5vw,3.4rem)/.95 var(--bq-display); letter-spacing:.025em; text-overflow:ellipsis; text-transform:uppercase; text-shadow:0 4px 0 #020817; white-space:nowrap; }.bq-store-profile-sample__identity > span { color:#68e9b3; font:800 .62rem/1 var(--bq-mono); letter-spacing:.06em; text-transform:uppercase; }.bq-store-profile-sample__identity p { margin:2px 0 0; color:#d5e4f4; font:800 .75rem/1.35 var(--bq-mono); text-transform:uppercase; }
.bq-store-profile-preview-open { overflow:hidden; }
@media (max-width:640px) {
  .bq-store-selection { bottom:8px; grid-template-columns:80px minmax(0,1fr); gap:10px; }
  .bq-store-selection__art,.bq-store-selection__art .bq-cosmetic-art { min-height:66px; height:66px; }
  .bq-store-selection__try { width:100%; grid-column:1 / -1; }
  .bq-store-profile-preview { padding:12px; }
  .bq-store-profile-preview__dialog { padding:28px 18px 20px; }
  .bq-store-profile-sample { min-height:0; grid-template-columns:1fr; justify-items:center; gap:18px; padding:32px 20px; text-align:center; }
  .bq-store-profile-sample__identity { justify-items:center; }
}
@keyframes bq-cosmetic-pulse { 0%,100% { transform:scale(.86) rotate(var(--art-rotation,0deg)); opacity:.65; } 50% { transform:scale(1.08) rotate(var(--art-rotation,0deg)); opacity:1; } }
@keyframes bq-cosmetic-orbit { to { rotate:1turn; } }
.bq-store-price-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.bq-store-price-grid article { position:relative; display:grid; min-height:170px; align-content:center; justify-items:center; gap:9px; overflow:hidden; padding:22px 12px; border:1px solid #255c88; background:linear-gradient(160deg,#0a2951,#05132d); text-align:center; clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px); }
.bq-store-price-grid article::before { content:""; position:absolute; top:0; left:20%; width:60%; height:2px; background:var(--bq-gold); box-shadow:0 0 14px var(--bq-gold); }
.bq-store-price-grid span { color:#8eacc8; font:800 .68rem/1 var(--bq-mono); letter-spacing:.08em; text-transform:uppercase; }
.bq-store-price-grid strong { color:var(--bq-paper); font:900 clamp(1.8rem,3vw,2.7rem)/1 var(--bq-display); text-shadow:0 3px 0 #020817; }
.bq-store-price-grid small { color:var(--bq-cyan); font:800 .72rem/1 var(--bq-mono); }
.bq-store-kym-note > span { display:grid; width:34px; height:34px; flex:0 0 auto; place-items:center; border:1px solid var(--bq-gold); background:#06142f; font:900 .8rem/1 var(--bq-mono); }
.bq-store-values { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.bq-store-values article { min-height:225px; padding:27px; border:1px solid #1c5684; background:linear-gradient(155deg,#0b294f,#06142f); }
.bq-store-values b { display:grid; width:48px; height:48px; place-items:center; margin-bottom:29px; border:1px solid var(--bq-teal); background:#082a50; color:var(--bq-cyan); font:900 .72rem/1 var(--bq-mono); box-shadow:5px 5px 0 #020817; }
.bq-store-values h3 { margin:0 0 10px; color:#fff; font:900 .95rem/1.3 var(--bq-mono); text-transform:uppercase; }
.bq-store-values p { margin:0; color:#91acc8; font-size:.88rem; }
.bq-store-launch { overflow:hidden; background:radial-gradient(circle at 82% 50%,rgb(234 164 23 / 16%),transparent 28%),#071531; }
.bq-store-launch__panel { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:clamp(40px,7vw,100px); padding-block:clamp(35px,5vw,65px); }
.bq-store-launch__panel > div:first-child { max-width:880px; }
.bq-store-launch h2 { margin:14px 0 20px; color:var(--bq-paper); font:900 clamp(2.4rem,5vw,5.1rem)/.98 var(--bq-display); text-transform:uppercase; text-shadow:0 4px 0 #020817; }
.bq-store-launch p { max-width:800px; margin:0; color:#9db7d2; }
.bq-store-launch__action { display:grid; min-width:290px; justify-items:center; gap:9px; padding:30px; border:2px solid #a66f18; background:linear-gradient(155deg,#0a2b51,#05132d); box-shadow:0 0 0 4px #020817,0 24px 50px #0006; text-align:center; clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px); }
.bq-store-launch__action > span { color:#7899b8; font:800 .65rem/1 var(--bq-mono); letter-spacing:.1em; text-transform:uppercase; }
.bq-store-launch__action > strong { margin-bottom:15px; color:var(--bq-gold-hi); font:900 1.35rem/1 var(--bq-mono); text-transform:uppercase; }
.bq-store-launch__action .bq-button:disabled { filter:saturate(.35); opacity:.68; cursor:not-allowed; transform:none; }
@media (hover:hover) and (pointer:fine) {
  .bq-store-filters button:hover { border-color:#3a8fba; color:#fff; transform:translateY(-1px); }
  .bq-store-collection:hover { border-color:var(--collection-tone); filter:brightness(1.04); transform:translateY(-5px); }
  .bq-store-collection:hover .bq-store-collection__art img { transform:scale(1.025); }
  .bq-store-item:hover { border-color:var(--cosmetic-accent); filter:brightness(1.06); transform:translateY(-4px); }
  .bq-store-item__body > :is(a,button):hover { background:#0a2a50; color:#fff; }
}

/* Chess room refinements: compact chat, VIP identity and captured-piece rails. */
.bq-game-world-ranking .bq-game-leaderboard li { position:relative; }
.bq-game-world-ranking .bq-game-leaderboard li.is-vip-player { background:linear-gradient(90deg,rgb(202 143 37 / 17%),rgb(160 116 255 / 8%) 55%,transparent); box-shadow:inset 2px 0 #e7b842; }
.bq-game-world-ranking .bq-game-leaderboard li.is-vip-player::after { content:""; position:absolute; inset:0; border:1px solid rgb(255 226 138 / 13%); pointer-events:none; }
.bq-game-arena { grid-template-columns:minmax(180px,230px) minmax(470px,760px) minmax(180px,230px); }
.bq-game-profile__identity > strong.is-vip { overflow:visible; }
.bq-game-profile__identity > strong .bq-vip-name { min-width:0; font-size:.78rem; }
.bq-game-profile__identity > strong .bq-vip-name__crown { width:.8rem; margin-inline-start:4px; }
.bq-game-profile__identity > strong i { flex:none; }
.bq-game-chat { width:calc(100% - 10px); min-height:0; max-height:300px; grid-template-rows:auto minmax(82px,145px) auto auto; align-self:start; margin-top:8px; }
.bq-game-chat header { min-height:34px; padding:7px 9px; }
.bq-game-chat header strong { font-size:.56rem; }
.bq-game-chat__messages { min-height:82px; max-height:145px; padding:8px; }
.bq-game-chat__message { padding:7px 8px; font-size:.64rem; }
.bq-game-chat__vip { display:flex; gap:5px; padding:5px 8px; border-top:1px solid #173f61; background:linear-gradient(90deg,rgb(218 164 50 / 10%),transparent); }
.bq-game-chat__vip button { width:25px; height:25px; border-color:#806327; background:#1c1830; font-size:.82rem; }
.bq-game-chat__message.is-vip-effect { border-color:#cba947; background:radial-gradient(circle at 50% 40%,rgb(192 132 255 / 35%),#211638 68%); font-size:1.15rem; line-height:1; animation:bq-chat-vip-arrive 240ms cubic-bezier(.23,1,.32,1); }
.bq-game-chat__message.is-crown { color:#ffe690; }
.bq-game-chat__message.is-flame { filter:drop-shadow(0 0 7px #e94e25); }
.bq-game-chat__message.is-storm { filter:drop-shadow(0 0 7px #65dfff); }
.bq-game-chat form { grid-template-columns:minmax(0,1fr) 32px; gap:6px; padding:6px; }
.bq-game-chat input { height:32px; padding:7px 9px; font-size:.64rem; }
.bq-game-chat button { width:32px; height:32px; }
.bq-game-stage__player > strong.is-vip-name { overflow:visible; }
.bq-game-stage__player .bq-vip-name { align-items:center; font-size:.72rem; }
.bq-game-stage__player .bq-vip-name__crown { width:.78rem; margin-inline-start:5px; }
.bq-game-stage__battlefield { display:grid; grid-template-columns:minmax(0,1fr) 54px; gap:9px; align-items:stretch; }
.bq-chess-game__captured { display:grid; min-width:0; grid-template-rows:1fr 1fr; gap:8px; }
.bq-chess-game__captured > div { display:flex; min-height:0; align-content:flex-start; align-items:flex-start; flex-wrap:wrap; gap:2px; padding:5px; border:1px solid #294f72; background:linear-gradient(180deg,#071d3d,#031027); }
.bq-chess-game__captured > .is-self { align-content:flex-end; align-items:flex-end; }
.bq-chess-game__captured-piece { --piece-x:0%; --piece-y:0%; display:block; width:20px; height:28px; flex:0 0 20px; background-image:url('../images/games/chess/magical-pieces-atlas-v1.png'); background-position:var(--piece-x) var(--piece-y); background-repeat:no-repeat; background-size:600% 200%; filter:drop-shadow(0 3px 2px #0008); animation:bq-captured-arrive 220ms cubic-bezier(.23,1,.32,1); }
.bq-chess-game__captured-piece[data-type="pawn"] { --piece-x:0%; }
.bq-chess-game__captured-piece[data-type="knight"] { --piece-x:20%; }
.bq-chess-game__captured-piece[data-type="bishop"] { --piece-x:40%; }
.bq-chess-game__captured-piece[data-type="rook"] { --piece-x:60%; }
.bq-chess-game__captured-piece[data-type="queen"] { --piece-x:80%; }
.bq-chess-game__captured-piece[data-type="king"] { --piece-x:100%; }
.bq-chess-game__captured-piece[data-color="white"] { --piece-y:0%; }
.bq-chess-game__captured-piece[data-color="black"] { --piece-y:100%; }
.bq-chess-game__shard { position:fixed !important; z-index:10041; inset:auto !important; margin:0; pointer-events:none; transform-origin:50% 82%; }
.bq-chess-game__capture-burst { inset:6%; border-width:3px; animation-duration:280ms; box-shadow:0 0 8px #fff6bd,0 0 28px #f19b28,inset 0 0 18px #cf58ff; }
.bq-chess-game__capture-burst::before,.bq-chess-game__capture-burst::after { content:"✦  ◆  ✦"; white-space:nowrap; text-shadow:0 0 9px #f4b43e,0 0 18px #9f62ff; }
.bq-game-stage__battlefield { grid-template-columns:minmax(0,1fr); }
.bq-game-side-panel { display:grid; min-height:360px; grid-column:3; grid-row:1; grid-template-rows:1fr 1fr; gap:10px; align-self:start; }
.bq-game-side-panel > div { display:flex; min-height:0; align-content:flex-start; align-items:flex-start; flex-wrap:wrap; gap:5px; padding:12px; border:1px solid #2a638a; background:radial-gradient(circle at 80% 10%,rgb(53 229 233 / 9%),transparent 46%),linear-gradient(155deg,#071e3d,#020c21); box-shadow:inset 0 0 24px #0007; }
.bq-game-side-panel > .is-self { align-content:flex-end; align-items:flex-end; border-color:#8e6626; background:radial-gradient(circle at 20% 90%,rgb(234 164 23 / 11%),transparent 46%),linear-gradient(155deg,#071e3d,#020c21); }
.bq-game-side-panel .bq-chess-game__captured-piece { width:28px; height:39px; flex-basis:28px; }
.bq-chess-game__soul { position:fixed !important; z-index:10042; inset:auto !important; margin:0; pointer-events:none; transform-origin:50% 50%; filter:brightness(1.8) drop-shadow(0 0 8px #fff2a1) drop-shadow(0 0 18px #9c5cff); }
.bq-game-result[hidden] { display:none !important; }
.bq-game-result { position:absolute; z-index:12; inset:clamp(56px,8%,78px) clamp(18px,5%,46px); display:grid; place-items:center; align-content:center; gap:10px; padding:clamp(24px,5vw,48px); border:2px solid #e7b846; background:radial-gradient(circle at 50% 32%,rgb(132 81 211 / 38%),transparent 32%),linear-gradient(150deg,rgb(5 28 58 / 97%),rgb(2 8 23 / 98%)); box-shadow:0 0 0 5px #020817,0 28px 80px #000d,inset 0 0 70px rgb(231 184 70 / 10%); text-align:center; animation:bq-game-result-in 280ms cubic-bezier(.23,1,.32,1); }
.bq-game-result > span { color:#ffe79b; font-size:clamp(2rem,5vw,4rem); filter:drop-shadow(0 0 15px #d39528); }
.bq-game-result > strong { color:#fff; font:900 clamp(.85rem,1.8vw,1.2rem)/1.2 var(--bq-mono); }
.bq-game-result > strong.is-vip-name { overflow:visible; }
.bq-game-result h2 { margin:0; color:#fff1c2; font:900 clamp(1.65rem,4vw,3.2rem)/.94 var(--bq-display); letter-spacing:.035em; text-transform:uppercase; text-shadow:0 4px #020817; }
.bq-game-result p { max-width:520px; margin:0; color:#9fe6e5; font:800 clamp(.62rem,1.3vw,.8rem)/1.55 var(--bq-mono); }
.bq-game-result button { min-height:42px; margin-top:8px; padding:10px 18px; border:1px solid #ffe187; background:linear-gradient(180deg,#ffdc65,#d88c13); color:#07152d; font:900 .65rem/1 var(--bq-mono); text-transform:uppercase; cursor:pointer; }
@keyframes bq-game-result-in { from { opacity:0; transform:translateY(4%) scale(.96); } to { opacity:1; transform:translateY(0) scale(1); } }
@keyframes bq-captured-arrive { from { opacity:0; transform:translateY(-22%) scale(.92); } to { opacity:1; transform:translateY(0) scale(1); } }
@keyframes bq-chat-vip-arrive { from { opacity:0; transform:translateY(35%) scale(.94); } to { opacity:1; transform:translateY(0) scale(1); } }

@media (hover:hover) and (pointer:fine) {
  .bq-game-chat__vip button:hover { transform:translateY(-1px) scale(1.05); }
}

@media (max-width: 1180px) {
  .bq-footer__main { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); row-gap: 30px; }.bq-footer__links { border-inline-end: 0; }.bq-footer__links::after { display: none; }.bq-footer__legal { grid-column: 1 / -1; justify-content: center; padding: 28px 0 0; border-top: 1px solid #267ba4; }
  .bq-header__play { padding:10px 12px; }.bq-nav a { padding-inline: 9px; font-size: .74rem; }.bq-language__trigger { min-width:88px; padding-inline:9px; }
  .bq-hero__grid { grid-template-columns: .9fr 1.1fr; }.bq-hero h1 { font-size: clamp(3.3rem,6.4vw,5.1rem); }
  .bq-game-grid { grid-template-columns: repeat(2,1fr); }.bq-room-grid { grid-template-columns: repeat(3,1fr); }.bq-room:last-child { grid-column: 2; }
  .bq-rank-track { grid-template-columns: repeat(4,1fr); row-gap: 25px; }.bq-rank-track::before { display: none; }
  .bq-pass-grid { grid-template-columns: repeat(3,1fr); }.bq-safety-grid { grid-template-columns: repeat(2,1fr); }
  .bq-catalog-grid { grid-template-columns: repeat(3,1fr); }
  .bq-timeline { grid-template-columns: repeat(5,minmax(190px,1fr)); overflow-x: auto; }.bq-incident-grid,.bq-value-grid,.bq-feature-cards { grid-template-columns: repeat(2,1fr); }.bq-rank-gallery { grid-template-columns: repeat(4,1fr); }.bq-editor-layout { grid-template-columns: 1fr; }.bq-control-strip { grid-template-columns: repeat(2,1fr); }.bq-control-strip > span:nth-child(2) { border-right: 0; }.bq-control-strip > span:nth-child(-n+2) { border-bottom: 1px solid #1a5484; }
  .bq-store-price-grid { grid-template-columns:repeat(3,1fr); }
  .bq-store-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .bq-game-detail__layout { grid-template-columns:1fr; }
}

@media (max-width: 820px) {
  :root { --bq-shell: min(100% - 32px, 680px); }
  .bq-header__inner { min-height: 70px; }.bq-brand { width: 210px; max-width: 54vw; }.bq-menu-button { display: block; }.bq-language { order:3; }.bq-language__panel { width:min(360px,calc(100vw - 24px)); }.bq-language__grid { grid-template-columns:repeat(3,1fr); }
  .bq-nav { position: absolute; top: 72px; right: 16px; left: 16px; display: none; padding: 12px; background: #061631; border: 2px solid var(--bq-border); box-shadow: 0 14px 35px #000a; }.bq-nav.is-open { display: block; }.bq-nav__list { align-items: stretch; flex-direction: column; }.bq-nav a { padding: 15px; font-size: .85rem; }
  .bq-hero { min-height: auto; }.bq-hero__grid { display: block; min-height: 0; padding-block: 70px 55px; }.bq-hero__copy { text-align: center; }.bq-hero h1 { margin-inline: auto; font-size: clamp(3.15rem,13vw,5.2rem); }.bq-hero__copy > p { margin-inline: auto; }.bq-kicker { justify-content: center; }.bq-hero__actions,.bq-trust-list { justify-content: center; }.bq-hero__art { min-height: 440px; margin-top: 35px; }.bq-board { width: 96%; right: 2%; }.bq-castle { width: 82%; right: 8%; }.bq-moon { width: 170px; }.bq-floating-card--players { left: 2%; }.bq-floating-card--fair { right: 1%; }
  .bq-strip__grid { grid-template-columns: repeat(2,1fr); }.bq-strip article:nth-child(2) { border-right: 0; }.bq-strip article:nth-child(-n+2) { border-bottom: 1px solid #194571; }
  .bq-section-heading { display: block; text-align: center; }.bq-section-heading p { margin-inline: auto; }.bq-section h2,.bq-feature-copy h2,.bq-safety-head h2 { font-size: clamp(2.55rem,10vw,4.2rem); }
  .bq-room-grid { grid-template-columns: repeat(2,1fr); }.bq-room:last-child { grid-column: auto; }.bq-room:first-child { grid-column: 1/-1; }
  .bq-feature-grid { grid-template-columns: 1fr; }.bq-feature-copy { text-align: center; }.bq-checks { text-align: left; }.bq-feature-media { transform: none; }
  .bq-safety-head { display: block; text-align: center; }.bq-health { width: fit-content; margin: 0 auto 30px; }
  .bq-footer__main { grid-template-columns: 1fr; gap: 28px; padding-block: 48px 24px; }.bq-footer__brand { padding: 0; text-align: center; }.bq-footer__logo { margin-inline: auto; }.bq-footer__brand p { margin-inline: auto; }.bq-footer__links { width: min(100%,540px); min-height: 0; margin-inline: auto; padding: 18px 24px; border-block: 1px solid #267ba4; border-inline: 0; }.bq-footer__links::before,.bq-footer__links::after { display: none; }.bq-footer__legal { grid-column: auto; grid-template-columns: 1fr; justify-items: center; gap: 10px; padding: 0; border: 0; }.bq-footer__newsletter { grid-column: 1; width: min(100%,440px); margin-top: 8px; text-align: left; }.bq-footer__notice { padding-block: 16px 28px; }
  .bq-subnav { top: 70px; }.bq-page-hero__inner { grid-template-columns: 1fr; text-align: center; }.bq-page-hero__art { display: none; }.bq-page-hero .bq-kicker { justify-content: center; }.bq-page-hero p { margin-inline: auto; }.bq-detail-heading { display: block; text-align: center; }.bq-detail-heading > p { margin: 20px auto 0; }.bq-catalog-grid { grid-template-columns: repeat(2,1fr); }.bq-dashboard-layout { grid-template-columns: 1fr; }.bq-dashboard-layout > div:first-child { position: static; text-align: center; }.bq-dashboard-layout > div > p { margin-inline: auto; }.bq-wide-callout { align-items: stretch; flex-direction: column; text-align: center; }.bq-wide-callout .bq-button { align-self: center; }
  .bq-selected-game__panel { grid-template-columns:1fr; }.bq-selected-game__panel > div:first-child { text-align:center; }.bq-selected-game__panel .bq-kicker { justify-content:center; }
  .bq-game-detail__layout { grid-template-columns:1fr; }.bq-game-detail__art,.bq-game-detail__art img { min-height:280px; }
  .bq-rank-gallery { grid-template-columns: repeat(2,1fr); }.bq-clan-stats { grid-template-columns: repeat(2,1fr); }.bq-clan-stats article:nth-child(2) { border-right: 0; }.bq-clan-stats article:nth-child(-n+2) { border-bottom: 1px solid #1b5688; }.bq-legal-layout { grid-template-columns: 1fr; }
  .bq-store-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.bq-store-filters { justify-content:center; }.bq-store-values { grid-template-columns:1fr; }.bq-store-values article { min-height:0; }.bq-store-launch__panel { grid-template-columns:1fr; text-align:center; }.bq-store-launch__panel > div:first-child { margin-inline:auto; }.bq-store-launch__action { width:min(440px,100%); min-width:0; margin-inline:auto; }
}

@media (max-width: 560px) {
  :root { --bq-shell: calc(100% - 24px); }
  .bq-header__inner { gap:6px; }.bq-brand { width:128px; }.bq-menu-button { width:40px; height:40px; }.bq-language__trigger { min-width:76px; min-height:40px; gap:7px; padding:7px 8px; }.bq-language__caret { display:none; }.bq-language__panel { inset-inline-end:-46px; width:min(336px,calc(100vw - 24px)); }.bq-language__grid { grid-template-columns:repeat(2,1fr); }.bq-header .bq-header__play { order:4; width:40px; min-height:40px; flex:0 0 40px; padding:0; }.bq-header__play [data-auth-label] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
  .bq-hero h1 { font-size: clamp(2.75rem,14vw,4rem); }.bq-hero__copy > p { font-size: 1rem; }.bq-hero__actions { align-items: stretch; flex-direction: column; }.bq-button { width: 100%; }.bq-trust-list { align-items: center; flex-direction: column; }
  .bq-hero__art { min-height: 360px; }.bq-board { height: 160px; }.piece { font-size: 5.2rem; }.bq-castle { bottom: 22%; height: 48%; }.bq-floating-card { padding: 9px 11px; }.bq-floating-card strong { font-size: 1.1rem; }.bq-floating-card span { font-size: .66rem; }
  .bq-strip article { min-height: 96px; padding: 17px 12px; }.bq-strip article > span { font-size: 1.3rem; }.bq-strip strong { font-size: .84rem; }.bq-strip small { font-size: .72rem; }
  .bq-section { padding-block: 72px; }.bq-game-grid,.bq-room-grid,.bq-pass-grid,.bq-safety-grid { grid-template-columns: 1fr; }.bq-room:first-child { grid-column: auto; }.bq-room__icon { height:105px; }.bq-room__icon img { width:100px; height:100px; }.bq-rank-track { grid-template-columns: repeat(2,1fr); }.bq-checks { grid-template-columns: 1fr; }.bq-values > div { align-items: stretch; flex-direction: column; }.bq-values i { transform: rotate(90deg); }.bq-footer__main { padding-block: 42px 20px; }.bq-footer__logo { width: min(250px,100%); }.bq-footer__links { gap: 8px 16px; padding-inline: 10px; }.bq-footer__links a { font-size: .85rem; }.bq-footer__legal { text-align: center; }.bq-footer__seal { width: 136px; }.bq-footer__notice::before,.bq-footer__notice::after { display: none; }
  .bq-page-hero { padding-block: 65px; }.bq-page-hero h1 { font-size: clamp(2.8rem,14vw,4.2rem); }.bq-subnav .bq-shell { justify-content: flex-start; }.bq-catalog-grid,.bq-spec-grid,.bq-launch-grid { grid-template-columns: 1fr; }.bq-catalog-card__art { min-height: 190px; }
  .bq-incident-grid,.bq-value-grid,.bq-feature-cards,.bq-rank-gallery,.bq-comparison,.bq-gate-list { grid-template-columns: 1fr; }.bq-clan-stats { grid-template-columns: 1fr 1fr; }.bq-role-table > div { grid-template-columns: 1fr; gap: 7px; }.bq-role-table > div:first-child { display: none; }.bq-role-table > div span:last-child { color: var(--bq-teal); font-size: .8rem; }
  .bq-store-filters { display:grid; grid-template-columns:repeat(2,1fr); }.bq-store-filters button:first-child { grid-column:1/-1; }.bq-store-price-grid { grid-template-columns:repeat(2,1fr); }.bq-store-price-grid article:last-child { grid-column:1/-1; }.bq-store-collection__body { padding:18px 16px; }.bq-store-collection__body > p { min-height:0; }.bq-store-products li { grid-template-columns:27px minmax(0,1fr) auto; gap:8px; }.bq-store-product__price { min-width:66px; }.bq-store-product__name strong { font-size:.69rem; }.bq-store-launch__action { padding:24px 18px; }
  .bq-store-grid { grid-template-columns:1fr; }.bq-cosmetic-art { min-height:190px; }
}

@media (max-width: 360px) {
  .bq-brand { width:116px; }.bq-menu-button { width:38px; height:38px; }.bq-language__trigger { min-width:72px; min-height:38px; padding-inline:6px; }.bq-header .bq-header__play { width:38px; min-height:38px; flex-basis:38px; }.bq-language__panel { inset-inline-end:-44px; }
}

@media (max-width: 560px) {
  .bq-header--vip .bq-header__inner { gap:4px; }
  .bq-header--vip .bq-brand { width:clamp(76px,24vw,118px); max-width:none; }
  .bq-header--vip .bq-menu-button { width:36px; height:38px; flex:none; padding:8px; }
  .bq-header--vip .bq-language__trigger { min-width:64px; padding-inline:5px; }
  .bq-header .bq-header__play.is-vip-header { order:4; flex:1 1 auto; width:auto; max-width:156px; min-width:0; min-height:38px; padding:5px 7px; gap:0; font-size:.75rem; }
  .bq-header .bq-header__play.is-vip-header [data-auth-label] { position:static; width:auto; height:auto; max-width:100%; margin:0; padding:0; overflow:visible; clip:auto; white-space:nowrap; border:0; }
  .bq-header .bq-header__play.is-vip-header .bq-vip-name__crown { width:.75rem; margin-inline-start:4px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

@media (forced-colors: active) {
  .bq-button,.bq-panel,.bq-room,.bq-game-card { clip-path: none; }
}

/* 1.2 — illustrated cards and passwordless identity */
.bq-game-card__scene { min-height: 215px; background: #06142f; }
.bq-game-card__scene > img { width: 100%; height: 100%; min-height: 215px; object-fit: cover; transition: transform .45s cubic-bezier(.2,.75,.2,1),filter .3s ease; }
.bq-game-card:hover .bq-game-card__scene > img { transform: scale(1.045); filter: saturate(1.08) brightness(1.05); }
.bq-game-card__scene::after,.bq-catalog-card__art::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,transparent 52%,rgb(2 8 24 / 72%)),linear-gradient(90deg,rgb(3 12 36 / 25%),transparent 35% 70%,rgb(3 12 36 / 24%)); box-shadow:inset 0 0 0 1px rgb(255 255 255 / 7%); }

.bq-catalog-card { position:relative; transition:transform .24s ease,border-color .24s ease,filter .24s ease; }
.bq-catalog-card::before { content:""; position:absolute; z-index:3; top:0; left:0; width:58px; height:4px; background:var(--tone); box-shadow:0 0 14px var(--tone); }
.bq-catalog-card:hover { z-index:2; transform:translateY(-7px); border-color:var(--tone); filter:brightness(1.05); }
.bq-catalog-card__art { min-height:170px; overflow:hidden; }
.bq-catalog-card__art > img { display:block; width:100%; min-height:170px; aspect-ratio:16/9; object-fit:cover; transition:transform .45s cubic-bezier(.2,.75,.2,1); }
.bq-catalog-card:hover .bq-catalog-card__art > img { transform:scale(1.055); }
.bq-catalog-card__art small { z-index:2; border:1px solid color-mix(in srgb,var(--tone) 60%,transparent); box-shadow:0 5px 14px #0008; }
.bq-catalog-card__body { position:relative; min-height:124px; background:linear-gradient(135deg,color-mix(in srgb,var(--tone) 7%,#071936),#06142f 65%); }
.bq-catalog-card__body::after { content:""; position:absolute; right:10px; bottom:10px; width:28px; height:28px; opacity:.13; background:linear-gradient(135deg,transparent 45%,var(--tone) 46% 54%,transparent 55%); }

.bq-room,.bq-spec-grid article,.bq-launch-grid article,.bq-rule-list article,.bq-mission-list article,.bq-gate-list article,.bq-incident-grid article,.bq-value-grid article,.bq-feature-cards article,.bq-safety-grid article,.bq-rank-gallery article { position:relative; isolation:isolate; overflow:hidden; }
.bq-room::before,.bq-spec-grid article::before,.bq-launch-grid article::before,.bq-rule-list article::before,.bq-mission-list article::before,.bq-gate-list article::before,.bq-incident-grid article::before,.bq-value-grid article::before,.bq-feature-cards article::before,.bq-safety-grid article::before,.bq-rank-gallery article::before { content:""; position:absolute; z-index:-1; right:-48px; bottom:-48px; width:150px; height:150px; transform:rotate(45deg); border:1px solid rgb(53 229 233 / 13%); box-shadow:0 0 45px rgb(17 73 135 / 20%); }
.bq-spec-grid article,.bq-value-grid article,.bq-feature-cards article,.bq-safety-grid article { transition:transform .2s ease,border-color .2s ease,background .2s ease; }
.bq-spec-grid article:hover,.bq-value-grid article:hover,.bq-feature-cards article:hover,.bq-safety-grid article:hover { transform:translateY(-5px); border-color:#2d86bd; background:linear-gradient(160deg,#0d2d56,#06142f 72%); }
.bq-value-grid article:nth-child(2n),.bq-feature-cards article:nth-child(2n) { border-top:2px solid var(--bq-gold); }
.bq-value-grid article:nth-child(2n+1),.bq-feature-cards article:nth-child(2n+1) { border-top:2px solid var(--bq-teal); }
.bq-rule-list article { grid-template-columns:68px 1fr; min-height:92px; border-left:3px solid #1d85b5; background:linear-gradient(90deg,#0a2b53,#071b3b 42%,#06152f); }
.bq-rule-list article:nth-child(2n) { border-left-color:var(--bq-gold); }
.bq-rule-list article > span { width:54px; height:54px; clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%); background:linear-gradient(135deg,#0b3f70,#071c3c); box-shadow:0 7px 16px #0007,inset 0 0 18px rgb(53 229 233 / 8%); }
.bq-incident-grid article { border-top-width:4px; background:linear-gradient(145deg,#0b2b52,#06142f 66%); }
.bq-incident-grid article::after { content:""; position:absolute; top:16px; right:16px; width:8px; height:8px; background:#50e9a0; box-shadow:0 0 12px #50e9a0; }
.bq-launch-grid article { min-height:205px; background:linear-gradient(155deg,#0b2b52,#06142f 70%); }
.bq-room { padding-top:24px; transition:transform .22s ease,filter .22s ease; }
.bq-room:not(.is-locked):hover { transform:translateY(-7px); filter:brightness(1.08); }
.bq-room__icon { border-block:1px solid color-mix(in srgb,var(--room) 38%,transparent); background:radial-gradient(circle,color-mix(in srgb,var(--room) 28%,transparent),transparent 55%),repeating-linear-gradient(45deg,transparent 0 12px,rgb(255 255 255 / 2%) 12px 13px); }
.bq-rank-gallery article { border-bottom:3px solid #1e79a7; background:radial-gradient(circle at 50% 27%,rgb(30 121 167 / 20%),transparent 38%),linear-gradient(180deg,#092249,#06152f); }
.bq-clan-stats { box-shadow:0 16px 38px #0005,inset 0 1px rgb(255 255 255 / 4%); }
.bq-clan-stats article { background:linear-gradient(180deg,rgb(12 48 85 / 35%),transparent); }
.bq-timeline { box-shadow:0 18px 45px #0005; }
.bq-timeline li { background:linear-gradient(180deg,rgb(15 59 98 / 22%),transparent); }

/* Dedicated game pages: rules, rooms and seasonal ranking before the board. */
.bq-game-detail__summary { margin:18px 0 0 !important; color:#d4e4f1 !important; font-size:1.02rem; }
.bq-game-detail-nav { position:sticky; z-index:55; top:84px; border-bottom:1px solid #1c547f; background:rgb(5 20 49 / 96%); backdrop-filter:blur(12px); }
.bq-game-detail-nav .bq-shell { display:flex; overflow-x:auto; justify-content:center; scrollbar-width:none; }
.bq-game-detail-nav a { flex:0 0 auto; padding:16px 22px; color:#a9c1dd; font:800 .77rem/1 var(--bq-mono); letter-spacing:.06em; text-decoration:none; text-transform:uppercase; border-bottom:3px solid transparent; }
.bq-game-detail-nav a:hover,.bq-game-detail-nav a:focus-visible { color:var(--bq-gold-hi); border-color:var(--bq-gold); outline:0; }
.bq-game-detail-section { padding:clamp(70px,8vw,116px) 0; background:#071531; scroll-margin-top:138px; }
.bq-game-detail-section--deep { border-block:1px solid #153f68; background:radial-gradient(circle at 80% 20%,#102f5c,#030b20 58%); }
.bq-game-section-heading { display:grid; grid-template-columns:1.12fr .88fr; align-items:end; gap:45px; margin-bottom:38px; }
.bq-game-section-heading h2,.bq-game-ranking-layout h2 { margin:13px 0 0; color:var(--bq-paper); font:900 clamp(2.35rem,4.8vw,5rem)/1 var(--bq-display); letter-spacing:.015em; text-transform:uppercase; text-shadow:0 4px 0 #091229; }
.bq-game-section-heading > p,.bq-game-ranking-layout > div > p { max-width:650px; margin:0 0 8px; color:var(--bq-muted); font-size:1.03rem; }
.bq-game-rule-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.bq-game-rule-cards article { display:grid; grid-template-columns:42px 1fr; gap:15px; min-height:172px; padding:25px; border:1px solid #1b5b89; background:linear-gradient(155deg,#0b2b52,#06142f 70%); }
.bq-game-rule-cards span { color:var(--bq-gold-hi); font:900 1.15rem/1 var(--bq-mono); }
.bq-game-rule-cards h3 { margin:0 0 9px; color:#fff; font:900 1rem/1.3 var(--bq-mono); }
.bq-game-rule-cards p { margin:0; color:var(--bq-muted); font-size:.9rem; }
.bq-game-room-grid { grid-template-columns:repeat(5,1fr); }
.bq-game-ranking-layout { display:grid; grid-template-columns:minmax(0,.75fr) minmax(420px,1.25fr); align-items:center; gap:clamp(40px,7vw,100px); }
.bq-game-leaderboard { display:grid; gap:9px; padding:0; margin:0; list-style:none; border:1px solid #1c5c8b; background:#06152f; box-shadow:0 18px 42px #0005; }
.bq-game-leaderboard li { display:grid; grid-template-columns:74px minmax(0,1fr) auto; align-items:center; gap:15px; min-height:70px; padding:15px 20px; border-bottom:1px solid #1a4d78; background:linear-gradient(90deg,rgb(15 56 96 / 40%),transparent); }
.bq-game-leaderboard li:last-child { border-bottom:0; }
.bq-game-leaderboard span { color:var(--bq-gold-hi); font:900 .82rem/1 var(--bq-mono); }
.bq-game-leaderboard strong { overflow:hidden; color:#fff; font:900 .94rem/1.2 var(--bq-mono); text-overflow:ellipsis; white-space:nowrap; }
.bq-game-leaderboard b { color:#70e8ea; font:900 .78rem/1 var(--bq-mono); }

@media (max-width: 1180px) { .bq-game-room-grid { grid-template-columns:repeat(3,1fr); } }
@media (max-width: 820px) { .bq-game-section-heading,.bq-game-ranking-layout { grid-template-columns:1fr; gap:24px; }.bq-game-rule-cards { grid-template-columns:1fr; }.bq-game-room-grid { grid-template-columns:repeat(2,1fr); }.bq-game-detail-nav { top:70px; } }
@media (max-width: 560px) { .bq-game-detail-nav .bq-shell { justify-content:flex-start; }.bq-game-section-heading { text-align:center; }.bq-game-section-heading > p { margin:20px auto 0; }.bq-game-room-grid { grid-template-columns:1fr; }.bq-game-leaderboard li { grid-template-columns:52px minmax(0,1fr) auto; padding:14px; gap:10px; } }

/* Games catalogue: one horizontal game entry per row. */
.bq-catalog-grid { grid-template-columns:minmax(0,1100px); justify-content:center; gap:18px; }
.bq-catalog-card { display:grid; grid-template-columns:250px minmax(0,1fr) minmax(142px,.22fr); min-height:178px; }
.bq-catalog-card__art { grid-column:1; min-height:0; height:100%; border-right:2px solid var(--tone); border-bottom:0; }
.bq-catalog-card__art > img { width:100%; height:100%; min-height:0; aspect-ratio:auto; object-fit:cover; }
.bq-catalog-card__art small { display:none; }
.bq-catalog-card__body { grid-column:2; display:flex; align-items:center; min-height:0; padding:24px clamp(22px,3vw,42px); background:linear-gradient(135deg,color-mix(in srgb,var(--tone) 8%,#071936),#06142f 68%); }
.bq-catalog-card__body::after { right:18px; bottom:17px; }
.bq-catalog-card__details { min-width:0; }
.bq-catalog-card__category { display:block; margin-bottom:7px; color:color-mix(in srgb,var(--tone) 72%,#eaf6ff); font:800 .66rem/1 var(--bq-mono); letter-spacing:.09em; text-transform:uppercase; }
.bq-catalog-card h3 { font-size:clamp(1.05rem,1.6vw,1.28rem); }
.bq-catalog-card p { margin-top:9px; font-size:.88rem; }
.bq-catalog-card__summary { max-width:54ch; color:#c8d8e8; }
.bq-catalog-card__actions { grid-column:3; display:flex; flex-direction:column; align-items:flex-end; justify-content:space-between; gap:24px; padding:18px 18px 18px 10px; border-left:1px solid color-mix(in srgb,var(--tone) 24%,#174a75); }
.bq-catalog-card__status { align-self:flex-end; }
.bq-catalog-card__play { min-width:78px; min-height:35px; padding:8px 12px; }

@media (max-width: 760px) {
  .bq-catalog-card { grid-template-columns:190px minmax(0,1fr) minmax(126px,.26fr); }
  .bq-catalog-card__body { padding:20px 22px; }
  .bq-catalog-card__actions { padding:16px 14px 16px 8px; }
}

@media (max-width: 560px) {
  .bq-catalog-card { grid-template-columns:132px minmax(0,1fr); min-height:0; }
  .bq-catalog-card__art { grid-row:1 / span 2; }
  .bq-catalog-card__body { grid-column:2; padding:20px 16px 12px; }
  .bq-catalog-card__actions { grid-column:2; flex-direction:row; align-items:center; gap:12px; padding:10px 16px 18px; border-top:1px solid color-mix(in srgb,var(--tone) 24%,#174a75); border-left:0; }
  .bq-catalog-card__status { align-self:center; }
  .bq-catalog-card__play { margin-left:auto; }
}

/* Per-game hub: game context, leaderboard and selectable rules live above play. */
.bq-game-hub { --tone:var(--bq-gold); padding:clamp(34px,5vw,68px) 0 30px; background:radial-gradient(circle at 86% 20%,color-mix(in srgb,var(--tone) 18%,transparent),transparent 28%),#06142f; }
.bq-game-hub__layout { display:grid; grid-template-columns:minmax(250px,.8fr) minmax(280px,.96fr) minmax(300px,.84fr); overflow:hidden; border:1px solid color-mix(in srgb,var(--tone) 72%,#1c5d86); background:linear-gradient(145deg,#092448,#06142e 72%); box-shadow:0 24px 70px #0008; }
.bq-game-hub__art { min-width:0; min-height:330px; background:#071d3e; }.bq-game-hub__art img { display:block; width:100%; max-width:100%; height:100%; min-height:330px; object-fit:cover; }
.bq-game-hub__content { display:flex; min-width:0; flex-direction:column; align-items:flex-start; justify-content:center; padding:clamp(26px,3.5vw,48px); border-inline:1px solid #1b507b; }.bq-game-hub__content h1 { max-width:100%; margin:11px 0 14px; overflow-wrap:anywhere; color:var(--bq-paper); font:900 clamp(2.1rem,3.55vw,4rem)/.92 var(--bq-display); letter-spacing:.03em; text-transform:uppercase; text-shadow:0 4px #020817; }.bq-game-hub__content > p { margin:17px 0 0; color:#c9ddef; font-size:.93rem; line-height:1.55; }
.bq-game-hub__actions { display:flex; width:100%; min-width:0; align-items:center; justify-content:flex-end; }.bq-game-hub__actions .bq-catalog-card__status { align-self:auto; }.bq-game-hub__play { align-self:flex-end; min-height:38px; margin-top:17px; padding:9px 14px; border-width:1px; box-shadow:0 0 0 2px #61380a,0 4px 0 #70420c,0 9px 20px rgb(234 164 23 / 20%); font-size:.68rem; }
.bq-game-hub__facts { display:grid; width:100%; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:25px 0 0; }.bq-game-hub__facts div { min-width:0; padding:10px 8px 8px; border-top:1px solid #235878; }.bq-game-hub__facts dt { color:#67dce3; font:800 .53rem/1.2 var(--bq-mono); letter-spacing:.08em; text-transform:uppercase; }.bq-game-hub__facts dd { margin:6px 0 0; color:#fff4d1; font:800 .67rem/1.2 var(--bq-mono); }
.bq-game-world-ranking { position:relative; isolation:isolate; display:grid; min-width:0; align-content:start; min-height:330px; overflow:hidden; padding:28px 24px 22px; background:linear-gradient(145deg,#061a37,#031026); }.bq-game-world-ranking > img { position:absolute; z-index:-1; top:-128px; right:-95px; width:340px; max-width:none; opacity:.34; filter:saturate(1.15) drop-shadow(0 0 18px rgb(51 218 235 / 38%)); }.bq-game-world-ranking__heading { margin-bottom:16px; }.bq-game-world-ranking__heading h2 { margin:9px 0 0; color:#fff5d6; font:900 clamp(1.35rem,2vw,2rem)/.96 var(--bq-display); letter-spacing:.02em; text-transform:uppercase; text-shadow:0 3px #020817; }.bq-game-world-ranking .bq-game-leaderboard { position:relative; width:100%; min-width:0; overflow:hidden; background:rgb(4 20 45 / 82%); box-shadow:none; backdrop-filter:blur(7px); }.bq-game-world-ranking .bq-game-leaderboard li { min-height:52px; grid-template-columns:43px minmax(0,1fr) auto; gap:9px; padding:7px 11px; }.bq-game-world-ranking .bq-game-leaderboard__position { color:var(--bq-gold-hi); font:900 .62rem/1 var(--bq-mono); }.bq-game-world-ranking .bq-game-leaderboard strong { font-size:.68rem; }.bq-game-world-ranking .bq-game-leaderboard strong.is-vip-name { overflow:visible; }.bq-game-world-ranking .bq-game-leaderboard .bq-vip-name { align-items:center; font-size:.68rem; }.bq-game-world-ranking .bq-game-leaderboard .bq-vip-name__crown { width:.78rem; margin-inline-start:5px; }.bq-game-world-ranking .bq-game-leaderboard__badge { display:grid; grid-template-columns:31px auto; align-items:center; gap:4px; color:#70e8ea; font:800 .48rem/1 var(--bq-mono); text-transform:uppercase; }.bq-game-world-ranking .bq-game-leaderboard__badge img { display:block; width:31px; height:31px; object-fit:contain; image-rendering:auto; }.bq-game-world-ranking .bq-game-leaderboard__badge em { font-style:normal; }
.bq-game-content { padding:0 0 clamp(58px,8vw,110px); background:#071531; }.bq-game-tabs { margin-top:-1px; border:1px solid #235e89; background:#061a36; box-shadow:0 20px 55px #0005; }.bq-game-tabs__list { display:flex; border-bottom:1px solid #235e89; background:#04142d; }.bq-game-tabs__list button { min-width:146px; padding:17px 24px 14px; border:0; border-right:1px solid #1d527b; border-bottom:3px solid transparent; background:transparent; color:#95b4ce; font:900 .7rem/1 var(--bq-mono); letter-spacing:.07em; text-transform:uppercase; cursor:pointer; }.bq-game-tabs__list button:hover,.bq-game-tabs__list button:focus-visible { color:#f8d467; outline:0; }.bq-game-tabs__list button.is-active { border-bottom-color:var(--bq-gold); background:linear-gradient(180deg,rgb(230 166 39 / 14%),transparent); color:#ffe180; }.bq-game-tabs__panel { padding:clamp(24px,4vw,48px); }
.bq-game-xp { display:grid; grid-template-columns:minmax(210px,.75fr) minmax(360px,1.4fr); gap:22px; align-items:center; padding:26px clamp(22px,4vw,42px); border:1px solid #226589; background:radial-gradient(circle at 88% 20%,rgb(35 208 214 / 13%),transparent 34%),linear-gradient(135deg,#09254a,#05152f); box-shadow:0 18px 45px #0005; }.bq-game-xp h2 { margin:9px 0 0; color:#fff2ce; font:900 clamp(1.25rem,2.3vw,2rem)/.96 var(--bq-display); letter-spacing:.025em; text-transform:uppercase; }.bq-game-xp ul { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:0; padding:0; list-style:none; }.bq-game-xp li { display:grid; gap:6px; padding:10px; border:1px solid #27668c; background:#061a36; }.bq-game-xp li strong { color:#9dc4e3; font:800 .62rem/1.2 var(--bq-mono); }.bq-game-xp li span { color:#54e2e5; font:900 .83rem/1 var(--bq-mono); }.bq-game-xp p { grid-column:2; margin:-9px 0 0; color:#aac6df; font-size:.76rem; line-height:1.45; }
.bq-game-rules { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }.bq-game-rules article { padding:22px; border:1px solid #1d5b86; background:linear-gradient(145deg,#0b2a50,#06152f 72%); }.bq-game-rules article:last-child:nth-child(odd) { grid-column:span 2; }.bq-game-rules h2 { margin:0 0 14px; color:#fff2cf; font:900 1.05rem/1.15 var(--bq-mono); text-transform:uppercase; }.bq-game-rules ol { display:grid; gap:10px; margin:0; padding-left:19px; color:#b7cee2; font-size:.82rem; line-height:1.5; }.bq-game-rules li::marker { color:var(--bq-gold-hi); font:900 .72rem var(--bq-mono); }
.bq-game-tabs .bq-game-room-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
.bq-game-play-placeholder { min-height:calc(100vh - 84px); padding:clamp(42px,6vw,88px) 0; background:radial-gradient(circle at 54% 32%,color-mix(in srgb,var(--tone) 18%,transparent),transparent 27%),#06142f; }.bq-game-room__header { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:20px; }.bq-game-room__header h1 { margin:11px 0 0; color:#fff4d4; font:900 clamp(2.4rem,6vw,5.3rem)/.92 var(--bq-display); text-transform:uppercase; text-shadow:0 4px #020817; }.bq-game-room__board-label { flex:none; padding:10px 12px; border:1px solid #286e97; background:#061a36; color:#73e1e4; font:900 .62rem/1 var(--bq-mono); letter-spacing:.08em; text-transform:uppercase; }.bq-game-board-slot { position:relative; display:grid; min-height:clamp(420px,60vh,680px); overflow:hidden; padding:clamp(17px,2.2vw,30px); border:1px solid #2b779b; background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--tone) 14%,transparent),transparent 34%),linear-gradient(145deg,#071f42,#030d21); box-shadow:0 22px 65px rgb(0 0 0 / 34%),inset 0 0 50px rgb(50 207 222 / 5%); }.bq-game-board-slot::before,.bq-game-board-slot::after { content:""; position:absolute; z-index:1; width:70px; height:70px; border-color:color-mix(in srgb,var(--tone) 78%,#54dfe4); border-style:solid; pointer-events:none; }.bq-game-board-slot::before { top:12px; left:12px; border-width:2px 0 0 2px; }.bq-game-board-slot::after { right:12px; bottom:12px; border-width:0 2px 2px 0; }.bq-game-board-slot__surface { position:relative; display:grid; width:100%; min-height:100%; place-items:center; border:1px dashed rgb(103 210 224 / 52%); background:linear-gradient(135deg,rgb(80 218 224 / 4%),transparent 38%,rgb(230 166 39 / 4%)); }.bq-game-board-slot__surface::before { content:""; position:absolute; width:min(34vw,330px); aspect-ratio:1; border:1px solid rgb(88 218 225 / 15%); border-radius:50%; box-shadow:0 0 0 38px rgb(88 218 225 / 3%),0 0 0 76px rgb(88 218 225 / 2%); }.bq-game-board-slot__surface span { position:relative; z-index:1; padding:11px 16px; border:1px solid #347a98; background:rgb(3 16 37 / 82%); color:#93c4dc; font:900 .72rem/1 var(--bq-mono); letter-spacing:.12em; text-transform:uppercase; }
.bq-game-arena { position:relative; z-index:2; display:grid; width:100%; grid-template-columns:minmax(180px,230px) minmax(420px,680px) minmax(180px,230px); grid-template-rows:auto 1fr; gap:18px; align-items:start; justify-content:center; }
.bq-game-profile { display:grid; grid-template-columns:58px minmax(0,1fr); gap:12px; overflow:hidden; padding:13px; border:1px solid #2a638a; background:radial-gradient(circle at 8% 0,rgb(53 229 233 / 14%),transparent 36%),linear-gradient(145deg,#0a2850,#04142f); box-shadow:0 16px 34px #0007,inset 0 1px rgb(255 255 255 / 5%); }.bq-game-profile--opponent { grid-column:1; grid-row:1; }.bq-game-profile--self { grid-column:3; grid-row:2; align-self:end; border-color:#9f6c22; background:radial-gradient(circle at 92% 100%,rgb(234 164 23 / 17%),transparent 38%),linear-gradient(145deg,#0a2850,#04142f); }
.bq-game-profile__avatar { display:grid; width:58px; aspect-ratio:1; place-items:center; padding:5px; border:2px solid #49cad6; background:#061229; box-shadow:0 0 0 2px #102e52,0 0 18px rgb(53 229 233 / 18%); clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px); }.bq-game-profile--self .bq-game-profile__avatar { border-color:#e1aa3e; box-shadow:0 0 0 2px #513314,0 0 18px rgb(234 164 23 / 20%); }.bq-game-profile__avatar img,.bq-game-profile__avatar span { display:grid; width:100%; height:100%; place-items:center; object-fit:cover; background:linear-gradient(145deg,#286e8f,#0a2c56); color:#fff3c9; font:900 1.65rem/1 var(--bq-display); }
.bq-game-profile__identity { display:grid; min-width:0; align-content:start; gap:7px; }.bq-game-profile__identity > strong { display:flex; min-width:0; align-items:center; gap:6px; overflow:hidden; color:#f0f7ff; font:900 .78rem/1.15 var(--bq-mono); text-overflow:ellipsis; white-space:nowrap; }.bq-game-profile__identity > strong.is-vip { color:#ffe28a; text-shadow:0 0 11px rgb(234 164 23 / 42%); }.bq-game-profile__identity > strong i { padding:3px 4px; border:1px solid #e4ae3e; background:#38250c; color:#ffd86b; font:900 .44rem/1 var(--bq-mono); font-style:normal; }.bq-game-profile__identity > span { display:flex; min-width:0; align-items:center; gap:6px; color:#75dbe0; font:800 .54rem/1.25 var(--bq-mono); text-transform:uppercase; }.bq-game-profile__identity > span img { width:28px; height:28px; flex:0 0 28px; object-fit:contain; }.bq-game-profile__identity p { display:-webkit-box; overflow:hidden; margin:0; color:#92adc6; font-size:.63rem; line-height:1.4; -webkit-box-orient:vertical; -webkit-line-clamp:2; }.bq-game-profile__identity a { width:max-content; color:#f1c55b; font:900 .54rem/1 var(--bq-mono); text-decoration:none; text-transform:uppercase; }
.bq-game-chat { display:grid; min-height:230px; grid-column:1; grid-row:2; grid-template-rows:auto 1fr auto; align-self:stretch; overflow:hidden; border:1px solid #255d84; background:rgb(3 16 39 / 94%); box-shadow:0 16px 34px #0006; }.bq-game-chat header { display:flex; min-height:40px; align-items:center; gap:8px; padding:9px 11px; border-bottom:1px solid #245678; background:#071e3d; color:#cce5f4; }.bq-game-chat header span { color:#59dce1; }.bq-game-chat header strong { font:900 .6rem/1 var(--bq-mono); text-transform:uppercase; }.bq-game-chat header i { width:6px; height:6px; margin-left:auto; border-radius:50%; background:#63e69a; box-shadow:0 0 9px #63e69a; }.bq-game-chat__messages { display:flex; min-height:120px; max-height:210px; flex-direction:column; gap:7px; overflow-y:auto; padding:10px; scrollbar-color:#28648a #031027; }.bq-game-chat__message { max-width:88%; padding:8px 9px; border:1px solid #23597f; background:#09274a; color:#c8dbeb; font-size:.66rem; line-height:1.42; word-break:break-word; }.bq-game-chat__message.is-self { align-self:flex-end; border-color:#a2772e; background:#2d230f; color:#fff0c0; }.bq-game-chat form { display:grid; grid-template-columns:minmax(0,1fr) 38px; gap:7px; padding:8px; border-top:1px solid #245678; }.bq-game-chat input { min-width:0; height:38px; padding:8px 10px; border:1px solid #28658d; background:#020d23; color:#f2f8ff; font:700 .68rem/1 var(--bq-mono); outline:0; }.bq-game-chat input:focus { border-color:#55dce1; box-shadow:0 0 0 2px rgb(53 229 233 / 12%); }.bq-game-chat button { display:grid; width:38px; height:38px; place-items:center; padding:0; border:1px solid #e3ad3d; background:#33230d; color:#ffdc72; cursor:pointer; }
.bq-game-stage { position:relative; display:grid; grid-column:2; grid-row:1 / span 2; width:100%; gap:9px; padding:clamp(10px,1.4vw,17px); border:1px solid #326f8e; background:radial-gradient(circle at 50% 38%,rgb(38 105 151 / 21%),transparent 44%),linear-gradient(145deg,rgb(7 24 54 / 96%),rgb(2 10 27 / 97%)); box-shadow:0 26px 60px rgb(0 0 0 / 48%),inset 0 0 30px rgb(87 216 225 / 7%); }.bq-game-stage::before { content:""; position:absolute; z-index:-1; inset:-8px; border:1px solid #7d581f; box-shadow:0 0 28px rgb(234 164 23 / 10%); pointer-events:none; }.bq-game-stage__player { display:grid; min-height:45px; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:9px; padding:8px 12px; border:1px solid #294f72; background:#081a39; color:#a7c7dc; font:900 .72rem/1 var(--bq-mono); transition:border-color 160ms ease,background-color 160ms ease,color 160ms ease; }.bq-game-stage__player > span { font-size:1.35rem; }.bq-game-stage__player > strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.bq-game-stage__player.is-active { border-color:#f1c24b; background:linear-gradient(90deg,rgb(234 164 23 / 23%),#0a1e40); color:#fff0bc; box-shadow:inset 3px 0 #f1c24b; }
.bq-game-stage__surface { position:relative; display:grid; aspect-ratio:1; width:100%; overflow:hidden; place-items:center; border:clamp(6px,.9vw,9px) ridge #a7772a; outline:2px solid #26170a; background:#071a32; box-shadow:0 16px 38px #000c,0 0 0 2px #6e491b,inset 0 0 25px #0009; isolation:isolate; }.bq-game-stage__surface::after { content:""; position:absolute; z-index:1; inset:0; background:linear-gradient(145deg,rgb(5 20 47 / 8%),rgb(2 9 25 / 42%)); box-shadow:inset 0 0 70px #0008; pointer-events:none; }.bq-game-stage__surface img { position:absolute; z-index:0; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.9) contrast(1.04); }.bq-game-stage__surface > span { position:relative; z-index:2; display:grid; min-width:min(70%,340px); gap:8px; padding:18px 22px; border:1px solid #5bdce2; background:rgb(2 14 35 / 88%); box-shadow:0 14px 35px #000a,0 0 24px rgb(83 223 227 / 14%); color:#fff0bd; font:900 clamp(1rem,2.2vw,1.5rem)/1.1 var(--bq-display); letter-spacing:.04em; text-align:center; text-transform:uppercase; }.bq-game-stage__surface small { color:#65e2e5; font:900 .54rem/1 var(--bq-mono); letter-spacing:.12em; }
.bq-chess-game__board { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); aspect-ratio:1; width:100%; overflow:hidden; border:clamp(6px,.9vw,9px) ridge #a7772a; outline:2px solid #26170a; background:#071a32; box-shadow:0 16px 38px #000c,0 0 0 2px #6e491b,inset 0 0 25px #0009; }.bq-chess-game__square { position:relative; display:grid; min-width:0; place-items:center; aspect-ratio:1; overflow:visible; padding:0; border:0; background:linear-gradient(135deg,rgb(255 255 255 / 14%),transparent 34%),#e7ddc8; cursor:pointer; isolation:isolate; transition:filter 120ms ease,box-shadow 120ms ease; }.bq-chess-game__square::before { content:""; position:absolute; z-index:-1; inset:0; opacity:.28; background:repeating-linear-gradient(118deg,transparent 0 16px,rgb(102 74 39 / 11%) 17px,rgb(255 255 255 / 8%) 18px,transparent 20px); pointer-events:none; }.bq-chess-game__square:nth-child(16n + 1),.bq-chess-game__square:nth-child(16n + 3),.bq-chess-game__square:nth-child(16n + 5),.bq-chess-game__square:nth-child(16n + 7),.bq-chess-game__square:nth-child(16n + 10),.bq-chess-game__square:nth-child(16n + 12),.bq-chess-game__square:nth-child(16n + 14),.bq-chess-game__square:nth-child(16n + 16) { background:linear-gradient(135deg,rgb(84 153 191 / 11%),transparent 36%),#071d3d; }.bq-chess-game__square:focus-visible { z-index:5; outline:3px solid #67e4e3; outline-offset:-3px; }.bq-chess-game__square.is-selected { z-index:4; box-shadow:inset 0 0 0 4px #f6d95f,inset 0 0 24px rgb(246 217 95 / 25%); }.bq-chess-game__square.is-legal::after { content:""; position:absolute; z-index:3; width:20%; aspect-ratio:1; border-radius:50%; background:rgb(44 191 176 / 75%); box-shadow:0 0 0 2px rgb(221 255 238 / 32%),0 0 14px rgb(44 191 176 / 50%); }.bq-chess-game__square.is-capture::after { content:""; position:absolute; z-index:3; inset:8%; border:3px solid rgb(230 74 53 / 88%); border-radius:50%; box-shadow:0 0 15px rgb(230 74 53 / 45%); }.bq-chess-game__piece { --piece-x:0%; --piece-y:0%; position:absolute; z-index:2; inset:-10% -8% -2%; background-image:url('../images/games/chess/magical-pieces-atlas-v1.png'); background-position:var(--piece-x) var(--piece-y); background-repeat:no-repeat; background-size:600% 200%; filter:drop-shadow(0 7px 5px rgb(0 0 0 / 48%)); pointer-events:none; transform:translateY(0) scale(.96); transform-origin:50% 82%; transition:transform 160ms cubic-bezier(.23,1,.32,1),filter 160ms ease; }.bq-chess-game__piece[data-type="pawn"] { --piece-x:0%; }.bq-chess-game__piece[data-type="knight"] { --piece-x:20%; }.bq-chess-game__piece[data-type="bishop"] { --piece-x:40%; }.bq-chess-game__piece[data-type="rook"] { --piece-x:60%; }.bq-chess-game__piece[data-type="queen"] { --piece-x:80%; }.bq-chess-game__piece[data-type="king"] { --piece-x:100%; }.bq-chess-game__piece[data-color="white"] { --piece-y:0%; }.bq-chess-game__piece[data-color="black"] { --piece-y:100%; }.bq-chess-game__square.is-selected .bq-chess-game__piece { filter:drop-shadow(0 12px 8px rgb(0 0 0 / 58%)) drop-shadow(0 0 10px rgb(246 217 95 / 45%)); transform:translateY(-6%) scale(1.03); }.bq-chess-game__square.is-last-from,.bq-chess-game__square.is-last-to { background-image:linear-gradient(rgb(247 218 93 / 25%),rgb(247 218 93 / 25%)); }.bq-chess-game__square.is-check { box-shadow:inset 0 0 0 5px #e64a35,inset 0 0 28px rgb(230 74 53 / 40%); }.bq-chess-game__board.is-finished { filter:saturate(.72); }.bq-chess-game__board.is-waiting { cursor:wait; }
.bq-chess-promotion[hidden] { display:none !important; }.bq-chess-promotion { position:absolute; z-index:14; top:50%; left:50%; display:grid; grid-template-columns:repeat(4,clamp(54px,8vw,84px)); gap:8px; padding:10px; border:1px solid #f0c54e; background:linear-gradient(145deg,#102c54,#06142f); box-shadow:0 0 0 4px #020817,0 18px 50px #000d,inset 0 0 28px rgb(239 190 63 / 15%); transform:translate(-50%,-50%); }.bq-chess-promotion button { position:relative; display:grid; aspect-ratio:1; place-items:center; padding:0; overflow:hidden; border:1px solid #396f91; background:linear-gradient(145deg,#0b2448,#06142f); cursor:pointer; }.bq-chess-promotion button:hover,.bq-chess-promotion button:focus-visible { border-color:#ffe47c; background:#173b64; outline:0; }.bq-chess-promotion .bq-chess-game__piece { inset:-8%; }
.bq-chess-game__ghost { position:fixed; z-index:10040; margin:0; pointer-events:none; transform-origin:50% 82%; }.bq-chess-game__capture-burst { position:absolute; z-index:6; inset:15%; border:2px solid #f4c95e; border-radius:50%; opacity:0; pointer-events:none; animation:bq-chess-capture 240ms cubic-bezier(.23,1,.32,1) forwards; }.bq-chess-game__capture-burst::before,.bq-chess-game__capture-burst::after { content:"✦"; position:absolute; color:#ffe596; font-size:clamp(.65rem,1.4vw,1.15rem); text-shadow:0 0 9px #f4b43e; }.bq-chess-game__capture-burst::before { top:-25%; left:9%; }.bq-chess-game__capture-burst::after { right:4%; bottom:-24%; }
@keyframes bq-chess-capture { 0% { opacity:0; transform:scale(.82) rotate(-12deg); } 35% { opacity:1; } 100% { opacity:0; transform:scale(1.25) rotate(12deg); } }
@media (hover:hover) and (pointer:fine) { .bq-chess-game__square:hover .bq-chess-game__piece { filter:drop-shadow(0 10px 7px rgb(0 0 0 / 55%)); transform:translateY(-4%) scale(1.015); }.bq-game-chat button:hover,.bq-game-profile__identity a:hover { color:#fff7d9; filter:brightness(1.15); } }

.bq-game-arena { grid-template-columns:minmax(180px,230px) minmax(470px,760px) minmax(180px,230px); }
.bq-game-profile__identity > strong.is-vip { overflow:visible; }
.bq-game-chat { width:calc(100% - 10px); min-height:0; max-height:300px; grid-template-rows:auto minmax(82px,145px) auto auto; align-self:start; margin-top:8px; }
.bq-game-chat header { min-height:34px; padding:7px 9px; }
.bq-game-chat__messages { min-height:82px; max-height:145px; padding:8px; }
.bq-game-chat form { grid-template-columns:minmax(0,1fr) 32px; gap:6px; padding:6px; }
.bq-game-chat input { height:32px; padding:7px 9px; }
.bq-game-chat button { width:32px; height:32px; }
.bq-chess-game__capture-burst { inset:6%; border-width:3px; animation-duration:280ms; box-shadow:0 0 8px #fff6bd,0 0 28px #f19b28,inset 0 0 18px #cf58ff; }
.bq-chess-game__capture-burst::before,.bq-chess-game__capture-burst::after { content:"✦  ◆  ✦"; white-space:nowrap; text-shadow:0 0 9px #f4b43e,0 0 18px #9f62ff; }

.bq-room__button { display:grid; place-items:center; text-decoration:none; }
.bq-room-picker[hidden] { display:none !important; }
.bq-room-picker { position:fixed; z-index:10020; inset:0; display:grid; place-items:center; padding:24px; }
.bq-room-picker__backdrop { position:absolute; inset:0; background:rgb(1 6 22 / 88%); backdrop-filter:blur(11px); }
.bq-room-picker__dialog { position:relative; width:min(1080px,100%); max-height:92vh; overflow:auto; padding:clamp(28px,4vw,48px); border:2px solid #246b99; background:radial-gradient(circle at 88% 4%,rgb(80 46 145 / 30%),transparent 31%),linear-gradient(155deg,#0b2b55,#06142f 58%,#030b20); box-shadow:0 0 0 5px #020817,0 36px 110px #000d,inset 0 0 85px rgb(17 73 135 / 20%); clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px); animation:bq-auth-in .24s cubic-bezier(.2,.8,.2,1); scrollbar-color:#1c6593 #05142e; }
.bq-room-picker__dialog::before { content:""; position:absolute; top:0; left:clamp(28px,6vw,82px); width:190px; height:3px; background:linear-gradient(90deg,var(--bq-gold),var(--bq-cyan)); box-shadow:0 0 20px rgb(234 164 23 / 50%); }
.bq-room-picker__close { position:absolute; z-index:2; top:16px; right:18px; display:grid; width:38px; height:38px; place-items:center; padding:0; border:1px solid #2a6d99; background:#071b39; color:#c8ddf2; font:400 1.65rem/1 Arial; cursor:pointer; }
.bq-room-picker__close:hover,.bq-room-picker__close:focus-visible { border-color:var(--bq-gold); color:var(--bq-gold-hi); outline:0; }
.bq-room-picker__heading { max-width:760px; padding-right:45px; }
.bq-room-picker__heading h2 { margin:10px 0 12px; color:var(--bq-paper); font:900 clamp(2rem,5vw,3.7rem)/.94 var(--bq-display); letter-spacing:.02em; text-transform:uppercase; text-shadow:0 4px #020817; }
.bq-room-picker__heading p { margin:0; color:#a9c3df; font-size:.9rem; line-height:1.55; }
.bq-room-picker__grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:11px; margin-top:28px; }
.bq-room-picker__option { --room:var(--bq-teal); position:relative; display:flex; min-width:0; flex-direction:column; padding:18px 15px 15px; border:1px solid color-mix(in srgb,var(--room) 58%,#244d72); background:linear-gradient(165deg,color-mix(in srgb,var(--room) 12%,#092146),#04132d 65%); box-shadow:inset 0 1px rgb(255 255 255 / 5%); }
.bq-room-picker__option.is-locked { filter:saturate(.55); opacity:.65; }
.bq-room-picker__tier { color:var(--room); font:900 .62rem/1.2 var(--bq-mono); letter-spacing:.08em; text-transform:uppercase; }
.bq-room-picker__price { margin-top:8px; color:#fff5d5; font:900 1.25rem/1 var(--bq-display); text-transform:uppercase; }
.bq-room-picker__icon { display:grid; width:82px; height:82px; place-items:center; margin:12px 0 10px; color:var(--room); }.bq-room-picker__icon img { display:block; width:82px; height:82px; object-fit:contain; filter:drop-shadow(0 7px 10px rgb(0 0 0 / 45%)); }
.bq-room-picker__option p { min-height:3.9em; margin:0 0 13px; color:#adc4da; font-size:.72rem; line-height:1.48; }
.bq-room-picker__option small { display:block; margin-top:auto; color:#7f9dbc; font:700 .57rem/1.4 var(--bq-mono); text-transform:uppercase; }
.bq-room-picker__select { display:grid; width:100%; min-height:39px; place-items:center; margin-top:14px; padding:8px; border:1px solid var(--room); background:color-mix(in srgb,var(--room) 13%,#06142f); color:#eaffff; font:900 .59rem/1.2 var(--bq-mono); text-align:center; text-decoration:none; text-transform:uppercase; cursor:pointer; }
.bq-room-picker__select:hover,.bq-room-picker__select:focus-visible { background:var(--room); color:#031127; outline:0; }
.bq-room-picker__select:disabled { cursor:not-allowed; }
.bq-room-picker.is-showing-details .bq-room-picker__heading,.bq-room-picker.is-showing-details .bq-room-picker__grid { display:none; }.bq-room-picker__details { max-width:700px; padding-top:18px; }.bq-room-picker__details [hidden] { display:none !important; }.bq-room-picker__details h3 { margin:10px 0 24px; color:#fff3d3; font:900 clamp(2rem,4vw,3.3rem)/.96 var(--bq-display); letter-spacing:.025em; text-transform:uppercase; text-shadow:0 4px #020817; }.bq-room-picker__details dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0; }.bq-room-picker__details dl > div { padding:16px; border:1px solid #286a93; background:linear-gradient(145deg,#0a2b51,#06172f); }.bq-room-picker__details dt { color:#74dfe4; font:800 .62rem/1.2 var(--bq-mono); letter-spacing:.08em; text-transform:uppercase; }.bq-room-picker__details dd { margin:8px 0 0; color:#fff2ce; font:900 1.2rem/1 var(--bq-mono); }.bq-room-picker__details-summary { margin:18px 0 0; color:#d1e3f2; font-size:.95rem; line-height:1.6; }.bq-room-picker__details-note { margin:12px 0 0; padding:12px 14px; border-left:3px solid var(--bq-gold); background:#071a34; color:#acc6df; font-size:.78rem; line-height:1.5; }.bq-room-picker__details-actions { display:flex; gap:12px; align-items:center; margin-top:24px; }.bq-room-picker__back { min-height:39px; padding:8px 13px; border:1px solid #2a668d; background:#071a35; color:#c7ddee; font:800 .64rem/1 var(--bq-mono); text-transform:uppercase; cursor:pointer; }.bq-room-picker__back:hover,.bq-room-picker__back:focus-visible { border-color:var(--bq-gold); color:#ffe18a; outline:0; }.bq-room-picker__details-actions .bq-room-picker__select { width:auto; min-width:160px; margin:0; }.bq-room-picker__details-actions > span { color:#a8bed3; font:800 .68rem/1.3 var(--bq-mono); text-transform:uppercase; }

@media (max-width: 760px) { .bq-game-xp { grid-template-columns:1fr; }.bq-game-xp p { grid-column:auto; margin:0; }.bq-room-picker__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.bq-room-picker__option p { min-height:0; } }
@media (max-width: 560px) { .bq-game-xp { gap:17px; padding:20px 16px; }.bq-game-xp ul { grid-template-columns:repeat(2,minmax(0,1fr)); }.bq-room-picker { padding:10px; }.bq-room-picker__dialog { max-height:96vh; padding:30px 18px 22px; }.bq-room-picker__heading h2 { font-size:2rem; }.bq-room-picker__heading p { font-size:.78rem; }.bq-room-picker__grid { grid-template-columns:1fr; margin-top:21px; }.bq-room-picker__option { display:grid; grid-template-columns:48px minmax(0,1fr) 110px; gap:6px 11px; align-items:center; padding:12px; }.bq-room-picker__tier,.bq-room-picker__price,.bq-room-picker__option p,.bq-room-picker__option small { grid-column:2; }.bq-room-picker__price { margin-top:0; }.bq-room-picker__icon { grid-column:1; grid-row:1 / span 4; width:48px; height:48px; margin:0; }.bq-room-picker__icon img { width:52px; height:52px; }.bq-room-picker__option p { display:none; }.bq-room-picker__select { grid-column:3; grid-row:1 / span 4; margin:0; }.bq-room-picker__option small { margin:0; }.bq-room-picker__details dl { grid-template-columns:1fr; }.bq-room-picker__details-actions { align-items:stretch; flex-direction:column; }.bq-room-picker__details-actions .bq-room-picker__select { width:100%; }.bq-room-picker__details-actions > span { padding:11px 0; text-align:center; } }

@media (max-width: 1180px) { .bq-game-hub__layout { grid-template-columns:minmax(280px,.8fr) minmax(0,1fr); }.bq-game-world-ranking { grid-column:1 / -1; min-height:0; grid-template-columns:220px minmax(0,1fr); gap:18px; align-items:center; }.bq-game-world-ranking__heading { margin:0; }.bq-game-world-ranking > img { top:-150px; left:-70px; right:auto; }.bq-game-tabs .bq-game-room-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width: 760px) { .bq-game-hub__layout { grid-template-columns:minmax(0,1fr); }.bq-game-hub__art,.bq-game-hub__art img { min-height:250px; }.bq-game-hub__content { border:0; border-block:1px solid #1b507b; }.bq-game-world-ranking { grid-template-columns:minmax(0,1fr); }.bq-game-world-ranking__heading { margin-bottom:12px; }.bq-game-world-ranking > img { right:-100px; left:auto; }.bq-game-rules { grid-template-columns:1fr; }.bq-game-rules article:last-child:nth-child(odd) { grid-column:auto; }.bq-game-tabs .bq-game-room-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 560px) { .bq-game-hub { padding-top:30px; }.bq-game-hub__facts { grid-template-columns:1fr; }.bq-game-tabs__list button { width:50%; min-width:0; }.bq-game-tabs__panel { padding:20px 14px; }.bq-game-tabs .bq-game-room-grid { grid-template-columns:1fr; }.bq-game-room-grid .bq-room__icon { height:110px; }.bq-game-room-grid .bq-room__icon img { width:106px; height:106px; }.bq-game-world-ranking { padding:22px 16px 16px; }.bq-game-world-ranking .bq-game-leaderboard li { grid-template-columns:38px minmax(0,1fr) 34px; grid-template-rows:auto; gap:6px; padding:8px; }.bq-game-world-ranking .bq-game-leaderboard__position { grid-row:auto; }.bq-game-world-ranking .bq-game-leaderboard strong { grid-column:2; min-width:0; text-align:left; }.bq-game-world-ranking .bq-game-leaderboard__badge { display:block; grid-column:3; grid-row:1; }.bq-game-world-ranking .bq-game-leaderboard__badge img { width:32px; height:32px; }.bq-game-world-ranking .bq-game-leaderboard__badge em { display:none; }.bq-game-play-placeholder > .bq-shell > div { min-height:260px; padding:25px; } }

.bq-room-picker__details-actions .bq-room-picker__enter { min-width:205px; min-height:52px; padding:12px 17px; border-color:#ffe17c; background:linear-gradient(180deg,#ffdc65,#ea9f17 68%,#b86e0d); color:#07152d; box-shadow:inset 0 1px rgb(255 255 255 / 76%),inset 0 -4px rgb(123 65 7 / 42%),0 0 0 2px #5c360a,0 10px 22px rgb(234 164 23 / 28%); font-size:.7rem; letter-spacing:.055em; }.bq-room-picker__details-actions .bq-room-picker__enter::after { content:"→"; margin-left:10px; font-size:1rem; }.bq-room-picker__details-actions .bq-room-picker__enter:hover,.bq-room-picker__details-actions .bq-room-picker__enter:focus-visible { border-color:#fff1ae; background:linear-gradient(180deg,#fff0a1,#f9bc35 68%,#d98713); color:#020b1d; box-shadow:inset 0 1px rgb(255 255 255 / 88%),inset 0 -4px rgb(123 65 7 / 36%),0 0 0 2px #7c4b0c,0 12px 26px rgb(234 164 23 / 42%); outline:0; transform:translateY(-1px); }
@media (max-width: 560px) { .bq-game-room__header { align-items:flex-start; flex-direction:column; gap:14px; }.bq-game-board-slot { min-height:420px; }.bq-game-board-slot__surface::before { width:190px; }.bq-game-board-slot__surface span { font-size:.62rem; } }

@media (max-width: 1180px) {
  .bq-game-arena { grid-template-columns:minmax(180px,220px) minmax(0,680px); }
  .bq-game-stage { grid-column:2; grid-row:1 / span 4; }
  .bq-game-profile--opponent { grid-column:1; grid-row:1; }
  .bq-game-chat { grid-column:1; grid-row:2; min-height:0; max-height:300px; }
  .bq-game-side-panel { min-height:210px; grid-column:1; grid-row:3; grid-template-columns:1fr 1fr; grid-template-rows:1fr; }
  .bq-game-profile--self { grid-column:1; grid-row:4; align-self:end; }
}

@media (max-width: 760px) {
  .bq-game-board-slot { overflow:visible; padding:13px; }
  .bq-game-arena { grid-template-columns:minmax(0,1fr); grid-template-rows:auto; gap:12px; }
  .bq-game-profile--opponent { grid-column:1; grid-row:1; }
  .bq-game-chat { width:100%; grid-column:1; grid-row:2; min-height:0; max-height:300px; }
  .bq-game-stage { grid-column:1; grid-row:3; }
  .bq-game-side-panel { min-height:140px; grid-column:1; grid-row:4; }
  .bq-game-profile--self { grid-column:1; grid-row:5; }
  .bq-game-profile { grid-template-columns:52px minmax(0,1fr); }
  .bq-game-profile__avatar { width:52px; }
  .bq-chess-game__piece { inset:-9% -7% -1%; }
}

@media (prefers-reduced-motion: reduce) {
  .bq-chess-game__piece { transition:filter 160ms ease; transform:none !important; }
  .bq-chess-game__capture-burst { animation:bq-chess-capture-fade 160ms ease forwards; }
  .bq-chess-game__captured-piece,.bq-game-chat__message.is-vip-effect,.bq-game-result { animation:bq-chess-entry-fade 160ms ease; }
}

@keyframes bq-chess-capture-fade { from { opacity:.8; } to { opacity:0; } }
@keyframes bq-chess-entry-fade { from { opacity:0; } to { opacity:1; } }

html.bq-game-playing,body.bq-game-playing { overflow:hidden; overscroll-behavior:none; }
body.bq-game-playing { padding-top:84px; }
body.bq-game-playing .bq-header { position:fixed; inset:0 0 auto; }
body.bq-game-playing .bq-game-play-placeholder { min-height:calc(100vh - 84px); padding:0; }
body.bq-game-playing .bq-game-play-placeholder > .bq-shell { height:calc(100vh - 84px); }
body.bq-game-playing .bq-game-play-placeholder .bq-game-detail__back,body.bq-game-playing .bq-game-room__header { display:none; }
body.bq-game-playing .bq-game-board-slot { height:100%; min-height:0; padding:12px; }
body.bq-game-playing .bq-game-arena { height:100%; grid-template-columns:minmax(230px,270px) minmax(470px,700px) minmax(180px,230px); align-content:center; }
.bq-game-chat { width:100%; min-height:390px; max-height:420px; grid-template-rows:auto minmax(100px,1fr) auto auto; align-self:end; margin-top:18px; }
.bq-game-chat__messages { min-height:100px; max-height:180px; }
.bq-game-chat__vip { display:grid; grid-template-columns:repeat(5,32px); gap:6px; padding:8px; }
.bq-game-chat__vip button { width:32px; height:32px; overflow:hidden; }
.bq-game-stage__player { position:relative; }
.bq-game-stage__player.has-actions { grid-template-columns:auto minmax(0,1fr) auto auto; }
.bq-game-stage__player.has-actions.has-pass { grid-template-columns:auto minmax(0,1fr) auto auto auto; }
.bq-game-stage__player.is-check::after { content:attr(data-check-label); position:absolute; top:50%; right:68px; padding:5px 7px; border:1px solid #ff725e; background:#47151f; box-shadow:0 0 14px rgb(255 73 66 / 48%); color:#ffd8c4; font:900 .56rem/1 var(--bq-mono); text-transform:uppercase; transform:translate3d(0,-50%,0); animation:bq-chess-check-alert 880ms cubic-bezier(.23,1,.32,1) 2; }
.bq-game-stage__player.has-actions.is-check::after { right:190px; }
.bq-game-stage__resign { display:grid; min-height:29px; place-items:center; padding:6px 9px; border:1px solid #a74345; background:linear-gradient(180deg,#591d29,#34101b); color:#ffc9c0; font:900 .52rem/1 var(--bq-mono); text-decoration:none; text-transform:uppercase; white-space:nowrap; cursor:pointer; transition:border-color 140ms ease,color 140ms ease,transform 140ms cubic-bezier(.23,1,.32,1); }
.bq-game-stage__resign:focus-visible { outline:2px solid #ff8277; outline-offset:2px; }
.bq-game-stage__resign:disabled { opacity:.45; cursor:not-allowed; }
.bq-game-stage__pass { display:grid; min-height:29px; place-items:center; padding:6px 9px; border:1px solid #2c7b86; background:linear-gradient(180deg,#164b59,#092c38); color:#a9f5ec; font:900 .52rem/1 var(--bq-mono); text-transform:uppercase; white-space:nowrap; cursor:pointer; transition:border-color 140ms ease,color 140ms ease,transform 140ms cubic-bezier(.23,1,.32,1); }
.bq-game-stage__pass:focus-visible { outline:2px solid #6fe9e3; outline-offset:2px; }
.bq-game-stage__pass:disabled { opacity:.4; cursor:not-allowed; }
@media (hover:hover) and (pointer:fine) { .bq-game-stage__resign:not(:disabled):hover { border-color:#ff8277; color:#fff; transform:translateY(-1px); } }
@media (hover:hover) and (pointer:fine) { .bq-game-stage__pass:not(:disabled):hover { border-color:#6fe9e3; color:#fff; transform:translateY(-1px); } }
.bq-game-chat__message.is-vip-effect { display:grid; min-width:92px; min-height:92px; place-items:center; padding:7px; overflow:hidden; }
.bq-vip-sticker { --sticker-main:#ffd85a; --sticker-deep:#e38c18; --sticker-glow:#ffb52b; --sticker-ink:#2a1733; position:relative; display:block; width:76px; height:76px; isolation:isolate; filter:drop-shadow(0 5px 4px #0006) drop-shadow(0 0 9px color-mix(in srgb,var(--sticker-glow) 72%,transparent)); }
.bq-vip-sticker b { position:absolute; z-index:2; inset:8%; display:block; overflow:hidden; border:2px solid rgb(255 255 255 / 58%); border-radius:48% 48% 44% 44%; background:radial-gradient(circle at 35% 25%,#fffbd2 0 7%,transparent 8%),radial-gradient(circle at 50% 42%,var(--sticker-main),var(--sticker-deep) 76%); box-shadow:inset 0 -8px 12px rgb(83 24 44 / 20%),inset 0 6px 9px rgb(255 255 255 / 24%),0 0 18px var(--sticker-glow); }
.bq-vip-sticker b::before,.bq-vip-sticker b::after { content:""; position:absolute; display:block; }
.bq-vip-sticker b::before { top:31%; left:22%; width:13%; aspect-ratio:1; border-radius:50%; background:var(--sticker-ink); box-shadow:335% 0 0 var(--sticker-ink),0 2px 0 rgb(255 255 255 / 18%),335% 2px 0 rgb(255 255 255 / 18%); }
.bq-vip-sticker b::after { left:28%; bottom:18%; width:44%; height:23%; border-bottom:5px solid var(--sticker-ink); border-radius:0 0 50% 50%; }
.bq-vip-sticker i { position:absolute; z-index:1; display:block; width:12%; aspect-ratio:1; clip-path:polygon(50% 0,64% 36%,100% 50%,64% 64%,50% 100%,36% 64%,0 50%,36% 36%); background:#fff8ca; box-shadow:0 0 7px var(--sticker-main),0 0 13px var(--sticker-glow); }
.bq-vip-sticker i:nth-of-type(1) { top:4%; left:46%; }
.bq-vip-sticker i:nth-of-type(2) { top:45%; right:3%; }
.bq-vip-sticker i:nth-of-type(3) { right:28%; bottom:3%; }
.bq-vip-sticker i:nth-of-type(4) { top:48%; left:3%; }
.bq-vip-sticker--happy b { animation:bq-vip-happy 980ms cubic-bezier(.23,1,.32,1) 2; }
.bq-vip-sticker--happy b::before { top:34%; height:7%; aspect-ratio:auto; border:0; border-radius:50% 50% 0 0; background:transparent; box-shadow:0 -3px 0 var(--sticker-ink),335% -3px 0 var(--sticker-ink); }
.bq-vip-sticker--angry { --sticker-main:#ff725e; --sticker-deep:#cf263d; --sticker-glow:#ff3e38; }
.bq-vip-sticker--angry b { animation:bq-vip-angry 680ms cubic-bezier(.77,0,.175,1) 3; }
.bq-vip-sticker--angry b::before { top:28%; left:18%; width:64%; height:24%; aspect-ratio:auto; border-radius:0; background:linear-gradient(18deg,transparent 39%,#6d1023 40% 54%,transparent 55%) left top/46% 100% no-repeat,linear-gradient(-18deg,transparent 39%,#6d1023 40% 54%,transparent 55%) right top/46% 100% no-repeat,radial-gradient(circle at 19% 82%,var(--sticker-ink) 0 9%,transparent 10%),radial-gradient(circle at 81% 82%,var(--sticker-ink) 0 9%,transparent 10%); box-shadow:none; }
.bq-vip-sticker--angry b::after { bottom:14%; border-top:5px solid var(--sticker-ink); border-bottom:0; border-radius:48% 48% 0 0; }
.bq-vip-sticker--sad { --sticker-main:#73d3ff; --sticker-deep:#5572d8; --sticker-glow:#4be6ff; }
.bq-vip-sticker--sad b { animation:bq-vip-sad 1120ms cubic-bezier(.23,1,.32,1) 2; }
.bq-vip-sticker--sad b::after { bottom:10%; border-top:5px solid var(--sticker-ink); border-bottom:0; border-radius:48% 48% 0 0; }
.bq-vip-sticker--sad i { border-radius:60% 40% 60% 40%; clip-path:none; background:#b9f5ff; }
.bq-vip-sticker--love { --sticker-main:#ff82b5; --sticker-deep:#d93f87; --sticker-glow:#ff58b3; }
.bq-vip-sticker--love b { animation:bq-vip-love 1040ms cubic-bezier(.23,1,.32,1) 2; }
.bq-vip-sticker--love b::before { background:#fff0f6; box-shadow:335% 0 0 #fff0f6,0 0 8px #ff237f,335% 0 8px #ff237f; transform:rotate(45deg); border-radius:50% 50% 0 50%; }
.bq-vip-sticker--surprised { --sticker-main:#79f1d6; --sticker-deep:#29a8b0; --sticker-glow:#48f4e8; }
.bq-vip-sticker--surprised b { animation:bq-vip-surprised 880ms cubic-bezier(.23,1,.32,1) 2; }
.bq-vip-sticker--surprised b::after { left:41%; bottom:14%; width:18%; height:24%; border:4px solid var(--sticker-ink); border-radius:50%; background:#3e2647; }
.bq-vip-sticker--laugh { --sticker-main:#ffe35b; --sticker-deep:#ef9f21; --sticker-glow:#ffc32f; }
.bq-vip-sticker--laugh b { animation:bq-vip-laugh 820ms cubic-bezier(.23,1,.32,1) 3; }
.bq-vip-sticker--laugh b::before { top:34%; height:7%; aspect-ratio:auto; border:0; border-radius:50%; background:transparent; box-shadow:0 -3px 0 var(--sticker-ink),335% -3px 0 var(--sticker-ink); }
.bq-vip-sticker--laugh b::after { left:25%; bottom:13%; width:50%; height:27%; border:0; border-radius:9% 9% 50% 50%; background:linear-gradient(#3c2034 0 58%,#ff7198 59%); box-shadow:inset 0 3px #fff7; }
.bq-vip-sticker--cool { --sticker-main:#78e8ff; --sticker-deep:#367bce; --sticker-glow:#45d8ff; }
.bq-vip-sticker--cool b { animation:bq-vip-cool 1080ms cubic-bezier(.77,0,.175,1) 2; }
.bq-vip-sticker--cool b::before { top:27%; left:15%; width:70%; height:22%; aspect-ratio:auto; border-radius:5px; background:linear-gradient(145deg,#17233e 12%,#35256f 54%,#76efff 55% 61%,#141d36 62%); box-shadow:inset 0 -2px #080c1d,0 3px 5px #0007; }
.bq-vip-sticker--cool b::after { left:35%; bottom:17%; width:38%; height:16%; border-bottom:4px solid var(--sticker-ink); border-radius:0 0 60% 35%; transform:rotate(-6deg); }
.bq-vip-sticker--sleepy { --sticker-main:#bda1ff; --sticker-deep:#6259bd; --sticker-glow:#9c81ff; }
.bq-vip-sticker--sleepy b { animation:bq-vip-sleepy 1320ms cubic-bezier(.77,0,.175,1) 2; }
.bq-vip-sticker--sleepy b::before { top:38%; height:4%; aspect-ratio:auto; border-radius:4px; box-shadow:335% 0 0 var(--sticker-ink); }
.bq-vip-sticker--sleepy b::after { left:40%; bottom:16%; width:21%; height:14%; border:3px solid var(--sticker-ink); border-radius:50%; }
.bq-vip-sticker--crown,.bq-vip-sticker--star,.bq-vip-sticker--trophy { --sticker-main:#ffd557; --sticker-deep:#c87913; --sticker-glow:#ffba32; }
.bq-vip-sticker--crown b { inset:16% 7% 18%; overflow:visible; border-radius:0; clip-path:polygon(0 17%,24% 47%,39% 5%,54% 47%,78% 4%,100% 17%,87% 88%,12% 88%); animation:bq-vip-figure-pop 1080ms cubic-bezier(.23,1,.32,1) 2; }
.bq-vip-sticker--flame { --sticker-main:#ff9b3f; --sticker-deep:#e22945; --sticker-glow:#ff3c5e; }
.bq-vip-sticker--flame b { inset:7% 19% 10%; overflow:visible; border-radius:72% 28% 62% 38% / 76% 40% 60% 24%; transform-origin:50% 88%; animation:bq-vip-flame 820ms cubic-bezier(.77,0,.175,1) 3; }
.bq-vip-sticker--storm { --sticker-main:#73f2ff; --sticker-deep:#5361df; --sticker-glow:#4deaff; }
.bq-vip-sticker--storm b { inset:7% 22%; overflow:visible; border-radius:0; clip-path:polygon(52% 0,100% 0,68% 39%,94% 39%,25% 100%,42% 55%,8% 55%); animation:bq-vip-storm 720ms linear 3; }
.bq-vip-sticker--star b { inset:8%; overflow:visible; border-radius:0; clip-path:polygon(50% 0,61% 34%,98% 35%,68% 56%,79% 94%,50% 71%,20% 94%,31% 57%,2% 35%,39% 34%); animation:bq-vip-star 980ms cubic-bezier(.23,1,.32,1) 2; }
.bq-vip-sticker--ghost { --sticker-main:#ddfbff; --sticker-deep:#79b9d8; --sticker-glow:#7deaff; }
.bq-vip-sticker--ghost b { inset:8% 14%; overflow:hidden; border-radius:48% 48% 14% 14%; clip-path:polygon(0 0,100% 0,100% 88%,82% 74%,66% 96%,50% 76%,34% 96%,17% 74%,0 88%); animation:bq-vip-ghost 1180ms cubic-bezier(.77,0,.175,1) 2; }
.bq-vip-sticker--ghost b::before { top:35%; left:24%; background:#254165; box-shadow:300% 0 #254165; }
.bq-vip-sticker--ghost b::after { left:42%; bottom:25%; width:17%; height:15%; border:3px solid #254165; border-radius:50%; }
.bq-vip-sticker--shield { --sticker-main:#70e9d4; --sticker-deep:#287bb4; --sticker-glow:#4debd9; }
.bq-vip-sticker--shield b { inset:7% 15%; overflow:visible; border-radius:0; clip-path:polygon(50% 0,94% 14%,88% 67%,50% 100%,12% 67%,6% 14%); animation:bq-vip-shield 1060ms cubic-bezier(.23,1,.32,1) 2; }
.bq-vip-sticker--shield b::before { top:20%; left:46%; width:8%; height:58%; aspect-ratio:auto; border-radius:4px; background:#dcfff8; box-shadow:none; }
.bq-vip-sticker--shield b::after { top:45%; left:22%; width:56%; height:8%; border:0; border-radius:4px; background:#dcfff8; }
.bq-vip-sticker--trophy b { inset:7% 16% 18%; overflow:visible; border-radius:0; clip-path:polygon(10% 0,90% 0,83% 54%,64% 70%,59% 83%,79% 88%,79% 100%,21% 100%,21% 88%,41% 83%,36% 70%,17% 54%); animation:bq-vip-trophy 1040ms cubic-bezier(.23,1,.32,1) 2; }
.bq-vip-sticker--crown b::before,.bq-vip-sticker--crown b::after,.bq-vip-sticker--flame b::before,.bq-vip-sticker--flame b::after,.bq-vip-sticker--storm b::before,.bq-vip-sticker--storm b::after,.bq-vip-sticker--star b::before,.bq-vip-sticker--star b::after,.bq-vip-sticker--trophy b::before,.bq-vip-sticker--trophy b::after { display:none; }
.bq-game-chat__message.is-vip-effect .bq-vip-sticker i { animation:bq-vip-particles 960ms cubic-bezier(.23,1,.32,1) 2; }
.bq-game-chat__message.is-vip-effect .bq-vip-sticker i:nth-of-type(2) { animation-delay:80ms; }
.bq-game-chat__message.is-vip-effect .bq-vip-sticker i:nth-of-type(3) { animation-delay:160ms; }
.bq-game-chat__message.is-vip-effect .bq-vip-sticker i:nth-of-type(4) { animation-delay:240ms; }
.bq-game-chat__vip .bq-vip-sticker { width:24px; height:24px; }
.bq-game-chat__vip .bq-vip-sticker b,.bq-game-chat__vip .bq-vip-sticker i { animation:none; }
@keyframes bq-vip-happy { 0%,100% { transform:translate3d(0,4%,0) rotate(-3deg) scale(.94); } 42% { transform:translate3d(0,-8%,0) rotate(3deg) scale(1.05); } 68% { transform:translate3d(0,1%,0) rotate(-1deg) scale(.99); } }
@keyframes bq-vip-angry { 0%,100% { transform:translate3d(0,0,0) scale(.98); } 25% { transform:translate3d(-5%,1%,0) rotate(-3deg) scale(1.03); } 52% { transform:translate3d(5%,-1%,0) rotate(3deg) scale(1.05); } 76% { transform:translate3d(-2%,0,0) rotate(-1deg) scale(1.01); } }
@keyframes bq-vip-sad { 0%,100% { transform:translate3d(0,-2%,0) scale(.98); } 48% { transform:translate3d(0,7%,0) rotate(-2deg) scale(.94); } }
@keyframes bq-vip-love { 0%,100% { transform:translate3d(0,2%,0) scale(.94); } 36% { transform:translate3d(0,-4%,0) rotate(-3deg) scale(1.09); } 62% { transform:translate3d(0,0,0) rotate(2deg) scale(1.01); } }
@keyframes bq-vip-surprised { 0%,100% { transform:translate3d(0,2%,0) scale(.96); } 34% { transform:translate3d(0,-5%,0) scale(1.1); } 66% { transform:translate3d(0,0,0) scale(1.01); } }
@keyframes bq-vip-laugh { 0%,100% { transform:translate3d(0,3%,0) rotate(-2deg) scale(.96); } 38% { transform:translate3d(0,-7%,0) rotate(4deg) scale(1.06); } 68% { transform:translate3d(0,1%,0) rotate(-3deg) scale(1); } }
@keyframes bq-vip-cool { 0%,100% { transform:translate3d(-2%,2%,0) rotate(-4deg) scale(.96); } 50% { transform:translate3d(3%,-3%,0) rotate(4deg) scale(1.04); } }
@keyframes bq-vip-sleepy { 0%,100% { opacity:.84; transform:translate3d(0,4%,0) rotate(-4deg) scale(.95); } 52% { opacity:1; transform:translate3d(0,-2%,0) rotate(2deg) scale(1); } }
@keyframes bq-vip-figure-pop { 0%,100% { transform:translate3d(0,4%,0) rotate(-5deg) scale(.92); } 42% { transform:translate3d(0,-7%,0) rotate(4deg) scale(1.08); } }
@keyframes bq-vip-flame { 0%,100% { opacity:.82; transform:translate3d(0,4%,0) rotate(-3deg) scale(.92,1); } 50% { opacity:1; transform:translate3d(0,-5%,0) rotate(4deg) scale(1.08,.94); } }
@keyframes bq-vip-storm { 0%,100% { opacity:.7; transform:translate3d(-3%,0,0) scale(.94); } 24% { opacity:1; transform:translate3d(5%,-4%,0) scale(1.08); } 52% { opacity:.8; transform:translate3d(-2%,3%,0) scale(.98); } 76% { opacity:1; transform:translate3d(4%,-2%,0) scale(1.04); } }
@keyframes bq-vip-star { 0%,100% { transform:rotate(-9deg) scale(.92); } 50% { transform:rotate(11deg) scale(1.1); } }
@keyframes bq-vip-ghost { 0%,100% { opacity:.78; transform:translate3d(-3%,5%,0) rotate(-3deg) scale(.95); } 50% { opacity:1; transform:translate3d(4%,-8%,0) rotate(3deg) scale(1.04); } }
@keyframes bq-vip-shield { 0%,100% { transform:translate3d(0,3%,0) scale(.94); } 38% { transform:translate3d(0,-3%,0) scale(1.07); } 58% { transform:translate3d(0,0,0) scale(.99); } }
@keyframes bq-vip-trophy { 0%,100% { transform:translate3d(0,4%,0) rotate(-3deg) scale(.94); } 40% { transform:translate3d(0,-8%,0) rotate(3deg) scale(1.08); } 65% { transform:translate3d(0,0,0) scale(1); } }
@keyframes bq-vip-particles { 0% { opacity:0; transform:translate3d(0,25%,0) scale(.72); } 35% { opacity:1; } 100% { opacity:0; transform:translate3d(0,-110%,0) scale(1.2); } }
@keyframes bq-chess-check-alert { 0%,100% { opacity:.88; transform:translate3d(0,-50%,0) scale(.96); } 45% { opacity:1; transform:translate3d(0,-50%,0) scale(1.06); } }

.bq-chess-game__impact-vfx { position:fixed; z-index:10045; display:block; pointer-events:none; background:url('../images/games/chess/magical-capture-burst-v2.png') center/contain no-repeat; opacity:0; filter:drop-shadow(0 0 10px #fff3a1) drop-shadow(0 0 24px #5deaff); mix-blend-mode:screen; transform:translate3d(-50%,-50%,0) scale(.72) rotate(-8deg); animation:bq-chess-impact-vfx 620ms cubic-bezier(.23,1,.32,1) forwards; }
.bq-chess-game__impact-vfx::before,.bq-chess-game__impact-vfx::after { content:""; position:absolute; border-radius:50%; pointer-events:none; }
.bq-chess-game__impact-vfx::before { inset:26%; border:2px solid #fff2a6; box-shadow:0 0 14px #ffb933,0 0 26px #5be8ff; animation:bq-chess-impact-ring 520ms cubic-bezier(.23,1,.32,1) forwards; }
.bq-chess-game__impact-vfx::after { inset:38%; background:#fffbd6; box-shadow:0 0 18px 8px #ffc655,0 0 34px 14px #72eaff; animation:bq-chess-impact-core 360ms cubic-bezier(.23,1,.32,1) forwards; }
.bq-chess-game__capture-burst { inset:12%; border:2px solid #fff2a6; background:transparent; box-shadow:0 0 12px #ffc655,0 0 26px #6cecff,inset 0 0 16px #9d56ff; }
.bq-chess-game__capture-burst::before,.bq-chess-game__capture-burst::after { content:""; inset:18%; border:1px solid #7cefff; border-radius:50%; }
.bq-chess-game__capture-cracks { position:absolute; z-index:8; inset:-5%; pointer-events:none; background:linear-gradient(63deg,transparent 48%,#fff7bd 49% 51%,transparent 52%) 51% 20%/31% 48% no-repeat,linear-gradient(112deg,transparent 48%,#9feeff 49% 51%,transparent 52%) 31% 57%/38% 42% no-repeat,linear-gradient(36deg,transparent 48%,#fff1a1 49% 51%,transparent 52%) 70% 63%/35% 39% no-repeat; filter:drop-shadow(0 0 5px #ffc847); opacity:0; animation:bq-chess-cracks 480ms cubic-bezier(.23,1,.32,1) forwards; }
.bq-chess-game__dust-vfx { position:fixed; z-index:10043; display:block; border-radius:50%; pointer-events:none; background:radial-gradient(circle at 18% 60%,#e8c88b 0 5%,transparent 6%),radial-gradient(circle at 38% 35%,#fff0bd 0 4%,transparent 5%),radial-gradient(circle at 62% 52%,#caa66f 0 6%,transparent 7%),radial-gradient(circle at 80% 37%,#f6dcaa 0 4%,transparent 5%),radial-gradient(ellipse at 50% 72%,rgb(211 179 124 / 72%),transparent 62%); filter:blur(.2px) drop-shadow(0 0 8px #d6b46c); opacity:0; transform:translate3d(-50%,-50%,0) scale(.9); animation:bq-chess-dust 720ms cubic-bezier(.23,1,.32,1) forwards; }
@keyframes bq-chess-impact-vfx { 0% { opacity:0; transform:translate3d(-50%,-50%,0) scale(.72) rotate(-8deg); } 22% { opacity:1; transform:translate3d(-50%,-50%,0) scale(1.03) rotate(2deg); } 68% { opacity:.92; } 100% { opacity:0; transform:translate3d(-50%,-50%,0) scale(1.32) rotate(9deg); } }
@keyframes bq-chess-impact-ring { 0% { opacity:0; transform:scale(.82); } 28% { opacity:1; } 100% { opacity:0; transform:scale(1.55); } }
@keyframes bq-chess-impact-core { 0% { opacity:0; transform:scale(.82); } 34% { opacity:1; transform:scale(1.08); } 100% { opacity:0; transform:scale(1.38); } }
@keyframes bq-chess-cracks { 0% { opacity:0; transform:scale(.94); } 28% { opacity:1; transform:scale(1.03); } 66% { opacity:.9; } 100% { opacity:0; transform:scale(1.1); } }
@keyframes bq-chess-dust { 0% { opacity:0; transform:translate3d(-50%,-38%,0) scale(.9); } 24% { opacity:.86; } 100% { opacity:0; transform:translate3d(-50%,-68%,0) scale(1.34); } }

@media (max-width:760px) {
  .bq-game-chat { min-height:410px; max-height:450px; grid-template-rows:auto minmax(100px,1fr) auto auto; align-self:start; margin-top:0; }
  .bq-game-chat__messages { min-height:100px; max-height:165px; }
}

@media (prefers-reduced-motion:reduce) {
  .bq-vip-sticker b,.bq-vip-sticker i,.bq-game-stage__player.is-check::after { animation:none !important; }
}

body.bq-modal-open { overflow:hidden; }
.bq-auth[hidden] { display:none !important; }
.bq-auth { position:fixed; z-index:10000; inset:0; display:grid; place-items:center; padding:24px; }
.bq-auth__backdrop { position:absolute; inset:0; background:rgb(1 6 22 / 84%); backdrop-filter:blur(10px); }
.bq-auth__dialog { position:relative; width:min(650px,100%); max-height:min(850px,92vh); overflow:auto; padding:38px 38px 34px; background:radial-gradient(circle at 90% 0,rgb(44 191 176 / 16%),transparent 28%),linear-gradient(160deg,#0b2b55,#06142f 62%,#030b20); border:2px solid #1b6ca1; box-shadow:0 0 0 5px #020817,0 34px 100px #000c,inset 0 0 70px rgb(17 73 135 / 18%); clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px),0 13px); animation:bq-auth-in .24s cubic-bezier(.2,.8,.2,1); scrollbar-color:#1c6593 #05142e; }
.bq-auth__dialog::before { content:""; position:absolute; top:0; left:70px; width:150px; height:3px; background:var(--bq-gold); box-shadow:0 0 18px var(--bq-gold); }
.bq-auth__close { position:absolute; z-index:2; top:15px; right:17px; display:grid; width:38px; height:38px; place-items:center; padding:0; border:1px solid #2a6d99; background:#071b39; color:#c8ddf2; font:400 1.65rem/1 Arial; cursor:pointer; }
.bq-auth__close:hover { border-color:var(--bq-gold); color:var(--bq-gold-hi); }
.bq-auth__crest { display:grid; width:58px; grid-template-columns:1fr 1fr; margin-bottom:20px; transform:rotate(45deg); overflow:hidden; border:2px solid #eaa417; box-shadow:0 0 18px rgb(234 164 23 / 25%); }
.bq-auth__crest span { display:grid; aspect-ratio:1; place-items:center; background:#124a83; color:#fff9df; font:900 .85rem/1 var(--bq-mono); }
.bq-auth__crest span:last-child { background:#d88d12; color:#06142f; }
.bq-auth__crest span { transform:rotate(-45deg); }
.bq-auth__heading { padding-right:42px; }
.bq-auth__eyebrow { color:var(--bq-cyan); font:800 .7rem/1.2 var(--bq-mono); letter-spacing:.15em; }
.bq-auth__heading h2 { margin:10px 0 11px; color:var(--bq-paper); font:900 clamp(2.35rem,8vw,4rem)/.95 var(--bq-display); text-transform:uppercase; text-shadow:0 4px 0 #030817; }
.bq-auth__heading p { margin:0; color:#a9c3df; font-size:.92rem; }
.bq-auth__tabs { display:grid; grid-template-columns:1fr 1fr; margin:25px 0 19px; border-bottom:1px solid #22577f; }
.bq-auth__tabs button { padding:12px 9px; border:0; border-bottom:3px solid transparent; background:transparent; color:#8faaca; font:800 .77rem/1 var(--bq-mono); text-transform:uppercase; cursor:pointer; }
.bq-auth__tabs button.is-active { border-color:var(--bq-gold); color:var(--bq-gold-hi); background:linear-gradient(180deg,transparent,rgb(234 164 23 / 8%)); }
.bq-auth__preview { margin:-4px 0 18px; padding:8px 11px; border:1px solid #315c82; color:#9fb8d2; font:.68rem/1.5 var(--bq-mono); }
.bq-auth__form { display:grid; gap:16px; }
.bq-auth__form > label:not(.bq-auth__check) { display:grid; gap:7px; color:#d9e8f7; font:800 .76rem/1.3 var(--bq-mono); text-transform:uppercase; letter-spacing:.04em; }
.bq-auth__form > label:not(.bq-auth__check) > small { color:#6688aa; font:500 .65rem/1.45 var(--bq-mono); letter-spacing:0; text-transform:none; }
.bq-auth__form input:not([type="checkbox"]),.bq-auth__form textarea { width:100%; min-height:49px; padding:12px 14px; resize:vertical; border:1px solid #28658e; border-radius:0; background:#030f29; box-shadow:inset 0 4px 12px #0005; color:#f6fbff; font:500 .95rem/1.5 var(--bq-mono); }
.bq-auth__form input[type="hidden"] { display:none; }
.bq-auth__form textarea { min-height:105px; }
.bq-auth__form input:focus,.bq-auth__form textarea:focus { border-color:var(--bq-cyan); outline:2px solid rgb(53 229 233 / 23%); outline-offset:0; }
.bq-recovery { min-width:0; margin:0; padding:0; border:0; }
.bq-recovery legend { margin:0 0 11px; padding:0; color:#d9e8f7; font:800 .76rem/1.3 var(--bq-mono); text-transform:uppercase; letter-spacing:.04em; }
.bq-recovery > p { margin:10px 0 0; color:#7898b9; font:.69rem/1.45 var(--bq-mono); }
.bq-recovery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px 11px; }
.bq-recovery-word { display:grid; grid-template-columns:24px minmax(0,1fr); align-items:center; min-width:0; border:1px solid #245a84; background:linear-gradient(180deg,#071b3b,#030f29); box-shadow:inset 0 4px 12px #0004; transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease; }
.bq-recovery-word:focus-within { border-color:var(--bq-cyan); box-shadow:0 0 0 2px rgb(53 229 233 / 20%),inset 0 4px 12px #0004; transform:translateY(-1px); }
.bq-recovery-word > span { color:#578cb5; font:800 .68rem/1 var(--bq-mono); text-align:right; }
.bq-auth__form .bq-recovery-word > input { min-width:0; min-height:48px; padding:10px 9px; border:0; background:transparent; box-shadow:none; font-size:.76rem; }
.bq-auth__form .bq-recovery-word > input:focus { border:0; outline:0; }
.bq-recovery-word > input::placeholder { color:#54728f; opacity:1; }
.bq-auth__check { display:grid; grid-template-columns:19px 1fr; align-items:start; gap:10px; color:#a9c0da; font-size:.8rem; line-height:1.5; }
.bq-auth__check input { width:18px; height:18px; margin:2px 0 0; accent-color:var(--bq-gold); }
.bq-auth__notice { display:grid; gap:3px; padding:13px 15px; border-left:3px solid var(--bq-gold); background:rgb(234 164 23 / 8%); color:#a9c0da; font-size:.78rem; }
.bq-auth__notice b { color:var(--bq-gold-hi); font-family:var(--bq-mono); }
.bq-auth__notice--cyan { border-color:var(--bq-teal); background:rgb(44 191 176 / 8%); }
.bq-auth__notice--cyan b { color:#72efe0; }
.bq-auth__form .bq-button { width:100%; margin-top:3px; }
.bq-auth__form .bq-button:disabled { filter:grayscale(.6); cursor:wait; }
.bq-auth__error { min-height:1.35em; margin:0; color:#ff8f91; font:.76rem/1.5 var(--bq-mono); text-align:center; }
.bq-registration-invitation { display:grid; grid-template-columns:110px minmax(0,1fr) auto; align-items:center; gap:13px; padding:12px 14px; border:1px solid #b78321; background:linear-gradient(135deg,rgb(234 164 23 / 13%),rgb(4 20 46 / 92%)); }
.bq-registration-invitation img { display:block; width:110px; height:auto; }.bq-registration-invitation > div { display:grid; gap:4px; min-width:0; }.bq-registration-invitation strong { color:#fff0b8; font:900 .61rem/1.3 var(--bq-mono); text-transform:uppercase; }.bq-registration-invitation span { overflow:hidden; color:#d5e5f4; font:800 .75rem/1.3 var(--bq-mono); text-overflow:ellipsis; }.bq-registration-invitation code { color:var(--bq-cyan); font:900 .73rem/1 var(--bq-mono); letter-spacing:.1em; }
.bq-country-field { position:relative; display:grid; gap:7px; color:#d9e8f7; font:800 .76rem/1.3 var(--bq-mono); letter-spacing:.04em; text-transform:uppercase; }
.bq-country-field__label { color:#d9e8f7; }.bq-country-field__hint { color:#6688aa; font:500 .65rem/1.45 var(--bq-mono); letter-spacing:0; text-transform:none; }
.bq-country-picker__trigger { display:grid; width:100%; min-height:52px; grid-template-columns:34px minmax(0,1fr) auto 12px; align-items:center; gap:10px; padding:8px 13px; border:1px solid #28658e; background:linear-gradient(180deg,#071d3c,#030f29); box-shadow:inset 0 3px 10px #0005; color:#edf8ff; text-align:start; cursor:pointer; }
.bq-country-picker__trigger > span:nth-child(2) { overflow:hidden; font:700 .8rem/1.2 var(--bq-mono); text-overflow:ellipsis; white-space:nowrap; }.bq-country-picker__trigger small { color:#68a9c8; font:800 .65rem/1 var(--bq-mono); letter-spacing:.08em; }.bq-country-picker__trigger i { width:8px; height:8px; margin-bottom:4px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); }
.bq-country-picker__trigger:hover,.bq-country-picker__trigger:focus-visible,.bq-country-field.is-open .bq-country-picker__trigger { border-color:var(--bq-cyan); outline:none; color:#fff5c8; }.bq-country-field.is-open .bq-country-picker__trigger i { margin-bottom:-4px; transform:rotate(225deg); }
.bq-country-field.is-locked .bq-country-picker__trigger { opacity:.72; cursor:not-allowed; }
.bq-country-flag { display:grid; width:32px; min-width:32px; height:25px; place-items:center; overflow:hidden; border:1px solid #32709a; background:#06152f; box-shadow:2px 2px 0 #020817; font:400 1.18rem/1 system-ui,sans-serif; text-transform:none; }
.bq-country-picker__panel { display:grid; gap:9px; padding:10px; border:1px solid #2a7198; background:linear-gradient(155deg,#0a294d,#031024 70%); box-shadow:0 12px 30px rgb(0 0 0 / 34%),inset 0 0 24px rgb(53 229 233 / 4%); }.bq-country-picker__panel[hidden] { display:none; }
.bq-country-picker__search { position:relative; display:block; }.bq-country-picker__search i { position:absolute; z-index:1; top:50%; left:14px; width:11px; height:11px; border:2px solid #69b9d2; border-radius:50%; transform:translateY(-60%); }.bq-country-picker__search i::after { content:""; position:absolute; right:-6px; bottom:-4px; width:7px; height:2px; background:#69b9d2; transform:rotate(45deg); }.bq-auth__form .bq-country-picker__search input { min-height:43px; padding:9px 12px 9px 39px; font-size:.76rem; }
.bq-country-picker__options { display:grid; max-height:250px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; overflow:auto; padding:1px; scrollbar-color:#2e789b #031026; }
.bq-country-picker__option { display:grid; min-width:0; grid-template-columns:32px minmax(0,1fr) auto; align-items:center; gap:8px; min-height:44px; padding:6px 8px; border:1px solid transparent; background:rgb(4 22 47 / 76%); color:#c4d9eb; text-align:start; cursor:pointer; }.bq-country-picker__option > span:nth-child(2) { overflow:hidden; font:700 .64rem/1.25 var(--bq-mono); text-overflow:ellipsis; text-transform:none; white-space:nowrap; }.bq-country-picker__option small { color:#5e91ae; font:800 .54rem/1 var(--bq-mono); }.bq-country-picker__option .bq-country-flag { width:28px; min-width:28px; height:22px; font-size:1rem; }
.bq-country-picker__option:hover,.bq-country-picker__option:focus-visible { border-color:#3b92ae; outline:none; background:#0c3457; color:#fff; }.bq-country-picker__option[aria-selected="true"] { border-color:var(--bq-gold); background:linear-gradient(135deg,rgb(234 164 23 / 17%),#08284b); color:#fff1b1; }
.bq-country-picker__panel > p { margin:4px 0; color:#7898b9; font:.68rem/1.4 var(--bq-mono); text-align:center; text-transform:none; }.bq-country-picker__panel > p[hidden] { display:none; }
.bq-seed-warning { display:grid; gap:4px; margin:20px 0 15px; padding:13px 15px; border:1px solid #b73f49; background:rgb(183 63 73 / 11%); color:#f0b8bc; font-size:.78rem; }
.bq-seed-warning strong { color:#ff7e87; font-family:var(--bq-mono); text-transform:uppercase; }
.bq-seed-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:0 0 14px; padding:0; list-style:none; }
.bq-seed-grid li { display:grid; grid-template-columns:20px 1fr; align-items:center; gap:6px; min-width:0; padding:9px 8px; border:1px solid #224f76; background:#030f28; }
.bq-seed-grid span { color:#4d8bb6; font:700 .65rem/1 var(--bq-mono); }
.bq-seed-grid b { overflow:hidden; color:#f7edbb; font:700 .73rem/1.2 var(--bq-mono); text-overflow:ellipsis; }
.bq-auth__address { display:grid; gap:4px; margin-bottom:17px; padding:11px 13px; border:1px solid #1f5c86; background:rgb(4 13 44 / 70%); }
.bq-auth__address span { color:#65ded4; font:800 .62rem/1.2 var(--bq-mono); letter-spacing:.12em; }
.bq-auth__address code { overflow:hidden; color:#aac3de; font-size:.7rem; text-overflow:ellipsis; }
.bq-auth__account { display:grid; gap:18px; margin-top:24px; }
.bq-auth__account p { margin:0; padding:15px; border:1px solid #24567d; background:#04132d; color:#a7bed8; font-size:.82rem; }
.bq-auth__status { display:flex; align-items:center; gap:10px; color:#67f5b2; font:800 .78rem/1 var(--bq-mono); text-transform:uppercase; }
.bq-auth__status i { width:10px; height:10px; background:#50e9a0; box-shadow:0 0 12px #50e9a0; }
.bq-auth__dialog--account { width:min(980px,100%); }
.bq-account-page { position:relative; isolation:isolate; min-height:calc(100vh - 84px); overflow:hidden; padding:clamp(58px,6vw,92px) 0 100px; background:radial-gradient(circle at 78% 4%,rgb(21 109 160 / 26%),transparent 34%),linear-gradient(180deg,#061735,#030b20 62%,#020817); }
.bq-account-page__grid { position:absolute; z-index:-1; inset:0; opacity:.34; background-image:linear-gradient(rgb(53 229 233 / 5%) 1px,transparent 1px),linear-gradient(90deg,rgb(53 229 233 / 5%) 1px,transparent 1px); background-size:52px 52px; mask-image:linear-gradient(180deg,#000,transparent 78%); }
.bq-account-page__shell { width:min(1240px,calc(100% - 48px)); }
.bq-account-page .bq-account__heading { max-width:850px; padding:0; }
.bq-account-page .bq-account__heading h1,.bq-account-gate h1 { margin:12px 0 13px; color:var(--bq-paper); font:900 clamp(3.2rem,6.5vw,6.1rem)/.92 var(--bq-display); letter-spacing:.015em; text-transform:uppercase; text-shadow:0 5px 0 #020817; }
.bq-account-page .bq-account__heading p { margin:0; color:#a9c3df; font-size:1rem; }
.bq-account-page .bq-account { gap:18px; margin-top:34px; }
.bq-account-page .bq-account__hero { grid-template-columns:auto minmax(0,1fr) auto; padding:24px 28px; border-width:2px; }
.bq-account-page .bq-account__avatar { width:92px; font-size:2.6rem; }
.bq-account-page .bq-account__hero > div > strong { font-size:1.35rem; }
.bq-account-page .bq-account__hero > div > small { max-width:580px; font-size:.78rem; }
.bq-account-page .bq-account__panel { padding:24px; }
.bq-account-page .bq-account__columns { grid-template-columns:1.05fr .95fr; gap:18px; }
.bq-account__side { display:grid; gap:18px; }
.bq-account__global-message { min-height:1.4em; margin:12px 0 -20px; color:#67f5b2; font:.72rem/1.4 var(--bq-mono); }
.bq-account__progress { overflow:hidden; }
.bq-account-progress-summary { display:grid; grid-template-columns:1fr 1.2fr 1fr; gap:1px; margin:2px 0 15px; border:1px solid #275277; background:#275277; }
.bq-account-progress-summary > div { display:grid; gap:4px; min-width:0; padding:14px 16px; background:linear-gradient(145deg,#071b37,#0a2343); }
.bq-account-progress-summary small { color:#8cb3d2; font:800 .57rem/1.2 var(--bq-mono); letter-spacing:.1em; text-transform:uppercase; }
.bq-account-progress-summary strong { overflow:hidden; color:#fff0bc; font:900 clamp(1rem,2.1vw,1.48rem)/1 var(--bq-display); text-overflow:ellipsis; white-space:nowrap; }
.bq-account-progress-summary em { color:#7fb8d7; font:700 .66em/1 var(--bq-mono); font-style:normal; }
.bq-account-progressbar { position:relative; height:10px; margin:0; overflow:hidden; border:1px solid #315e86; background:#06152c; box-shadow:inset 0 2px 5px #000b; }
.bq-account-progressbar::after { position:absolute; inset:0; background:repeating-linear-gradient(90deg,transparent 0 calc(20% - 1px),rgb(164 226 245 / 19%) calc(20% - 1px) 20%); content:""; pointer-events:none; }
.bq-account-progressbar i { display:block; height:100%; background:linear-gradient(90deg,#e5a83c,var(--bq-gold) 46%,var(--bq-cyan)); box-shadow:0 0 14px var(--bq-cyan); transition:width .7s cubic-bezier(.23,1,.32,1); }
.bq-account-progress-note { margin:10px 0 22px; color:#9fc1dc; font:.7rem/1.5 var(--bq-mono); }
.bq-account-ranks { position:relative; display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:10px; margin:0; padding:0; list-style:none; }
.bq-account-ranks::before { content:""; position:absolute; top:49px; right:5%; left:5%; height:2px; background:#214a75; }
.bq-account-rank { position:relative; z-index:1; display:grid; justify-items:center; gap:6px; min-width:0; opacity:.42; text-align:center; }
.bq-account-rank > span { display:grid; width:min(88px,7vw); aspect-ratio:1; place-items:center; border:1px solid #275c86; background:#04132d; }
.bq-account-rank img { width:82%; height:82%; object-fit:contain; filter:grayscale(1); }
.bq-account-rank strong { overflow:hidden; max-width:100%; color:#c7dbef; font:800 .66rem/1.2 var(--bq-mono); text-overflow:ellipsis; }
.bq-account-rank small { color:#6f91b0; font:.61rem/1 var(--bq-mono); }
.bq-account-rank.is-unlocked,.bq-account-rank.is-next { opacity:1; }
.bq-account-rank.is-unlocked img,.bq-account-rank.is-next img { filter:none; }
.bq-account-rank.is-current > span { border-color:var(--bq-gold); box-shadow:0 0 0 3px #07142d,0 0 22px rgb(234 164 23 / 34%); }
.bq-account-rank.is-next > span { border-color:#238d9c; }
.bq-integrity { border-color:#237464; background:radial-gradient(circle at 88% 35%,rgb(67 231 155 / 13%),transparent 30%),#041b30; }
.bq-integrity__body { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:18px; }
.bq-integrity__body > span { display:grid; width:68px; aspect-ratio:1; place-items:center; border:2px solid #50e9a0; background:#0c4b3b; box-shadow:0 0 22px rgb(80 233 160 / 25%),inset 0 0 20px #0005; color:#9cffca; font:900 2rem/1 var(--bq-mono); clip-path:polygon(50% 0,92% 18%,84% 75%,50% 100%,16% 75%,8% 18%); }
.bq-integrity__body strong { color:#79f5ae; font:900 1.05rem/1.2 var(--bq-mono); }
.bq-integrity__body p { margin:7px 0 0; color:#8eacc5; font-size:.77rem; }
.bq-integrity--review { border-color:#ba7d1b; }
.bq-integrity--restricted { border-color:#a83d48; }
.bq-account-gate { display:grid; justify-items:start; max-width:760px; padding:clamp(35px,6vw,70px); border:2px solid #1b6ca1; background:linear-gradient(145deg,#0b2b55,#06142f 65%); box-shadow:0 30px 80px #0008; }
.bq-account-gate__icon { display:grid; width:82px; aspect-ratio:1; place-items:center; margin-bottom:25px; border:2px solid var(--bq-gold); background:#0a2d54; color:var(--bq-gold-hi); font:900 2.7rem/1 Georgia,serif; transform:rotate(45deg); }
.bq-account-gate__icon::first-letter { transform:rotate(-45deg); }
.bq-account-gate p { max-width:610px; margin:4px 0 27px; color:#a9c3df; font-size:1.02rem; }
.bq-auth__loading { display:grid; justify-items:center; gap:13px; padding:70px 20px 45px; color:#9fb8d2; font:800 .74rem/1 var(--bq-mono); text-transform:uppercase; }
.bq-auth__loading i { width:26px; height:26px; border:3px solid #205780; border-top-color:var(--bq-cyan); animation:bq-account-spin .7s linear infinite; }
.bq-account { display:grid; gap:15px; margin-top:24px; }
.bq-account__heading h2 { font-size:clamp(2.25rem,6vw,3.65rem); }
.bq-account__hero { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:16px; padding:18px; border:1px solid #2a6d99; background:linear-gradient(110deg,#0c3158,#06152f 62%,#0a2545); box-shadow:inset 0 1px rgb(255 255 255 / 5%); }
.bq-account__avatar { display:grid; width:64px; aspect-ratio:1; place-items:center; background:linear-gradient(135deg,#ecae25,#b76d0e); border:2px solid #ffe18a; box-shadow:5px 5px 0 #020918,0 0 20px rgb(234 164 23 / 22%); color:#071630; font:900 1.9rem/1 var(--bq-display); }
.bq-account__hero > div { display:grid; gap:5px; min-width:0; }
.bq-account__hero > div > strong { overflow:hidden; color:#fff; font:900 1.1rem/1.2 var(--bq-mono); text-overflow:ellipsis; }
.bq-account__hero > div > small { overflow:hidden; color:#8fabca; font-size:.73rem; text-overflow:ellipsis; }
.bq-account__hero dl { display:grid; grid-template-columns:repeat(2,auto); margin:0; border:1px solid #235a82; }
.bq-account__hero dl div { min-width:94px; padding:10px 14px; }
.bq-account__hero dl div + div { border-left:1px solid #235a82; }
.bq-account__hero dt { color:#6f95b8; font:800 .6rem/1 var(--bq-mono); letter-spacing:.08em; text-transform:uppercase; }
.bq-account__hero dd { margin:5px 0 0; color:var(--bq-gold-hi); font:900 .9rem/1.2 var(--bq-mono); }
.bq-account__columns { display:grid; grid-template-columns:1.15fr .85fr; gap:15px; align-items:start; }
.bq-account__panel { padding:18px; border:1px solid #24567d; background:#04132d; }
.bq-account__section-title { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:17px; }
.bq-account__section-title > div { display:flex; align-items:center; gap:10px; }
.bq-account__section-title h2,.bq-account__section-title h3 { margin:0; color:#fff; font:900 .85rem/1.2 var(--bq-mono); text-transform:uppercase; }
.bq-account__section-title > div > span { color:var(--bq-gold); font:900 .68rem/1 var(--bq-mono); }
.bq-account__section-title > small { color:#7898b9; font-size:.68rem; }
.bq-account__section-title > strong { display:grid; min-width:29px; height:29px; place-items:center; color:#071630; background:var(--bq-cyan); font:900 .75rem/1 var(--bq-mono); }
.bq-profile-form { gap:13px; }
.bq-profile-form label small { color:#6688aa; font:500 .65rem/1.45 var(--bq-mono); text-transform:none; }
.bq-profile-form input[readonly] { opacity:.65; cursor:not-allowed; }
.bq-profile-form textarea { min-height:82px; }
.bq-profile-form .bq-button { width:auto; justify-self:start; }
.bq-profile-invitation { display:grid; grid-template-columns:130px minmax(0,1fr) auto; align-items:center; gap:16px; padding:15px; border:1px solid #9c7021; background:radial-gradient(circle at 12% 50%,rgb(234 164 23 / 13%),transparent 35%),linear-gradient(145deg,#071d3d,#030f27); clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px); }
.bq-profile-invitation > img { display:block; width:130px; height:auto; }.bq-profile-invitation > div { display:grid; min-width:0; gap:4px; }.bq-profile-invitation small { color:#6ea9c7; font:800 .56rem/1.2 var(--bq-mono); letter-spacing:.08em; text-transform:uppercase; }.bq-profile-invitation strong { overflow:hidden; color:#fff5d0; font:900 .83rem/1.25 var(--bq-mono); text-overflow:ellipsis; }.bq-profile-invitation code { color:var(--bq-cyan); font:900 .82rem/1.2 var(--bq-mono); letter-spacing:.12em; }.bq-profile-invitation a { overflow:hidden; color:#6589aa; font:500 .55rem/1.35 var(--bq-mono); text-decoration:none; text-overflow:ellipsis; white-space:nowrap; }.bq-profile-invitation a:hover,.bq-profile-invitation a:focus-visible { color:#9feff0; }.bq-profile-invitation .bq-button { min-width:118px; justify-self:end; }.bq-profile-invitation .bq-button.is-copied { border-color:#54dca3; color:#8affc4; }
.bq-account__message { min-height:1.2em; margin:0; color:#67f5b2; font:.7rem/1.4 var(--bq-mono); }
.bq-account__private { padding:4px 7px; border:1px solid #345d80; color:#8faaca; font:800 .6rem/1 var(--bq-mono); text-transform:uppercase; }
.bq-account__identity { display:grid; gap:9px; margin:0; }
.bq-account__identity div { padding:12px; border:1px solid #173f64; background:#030e26; }
.bq-account__identity dt { color:#6f95b8; font:800 .61rem/1.2 var(--bq-mono); text-transform:uppercase; }
.bq-account__identity dd { overflow:hidden; margin:7px 0 0; color:#b9d5eb; text-overflow:ellipsis; }
.bq-account__identity code { font-size:.74rem; }
.bq-account__notice { margin:12px 0 0; padding:12px; border-left:3px solid var(--bq-teal); background:rgb(44 191 176 / 7%); color:#91acc8; font-size:.72rem; line-height:1.5; }
.bq-account__sessions > p { margin:-5px 0 14px; color:#7898b9; font-size:.74rem; }
.bq-session-list { display:grid; gap:8px; margin:0 0 14px; padding:0; list-style:none; }
.bq-session { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:13px; padding:13px; border:1px solid #1b456c; background:#030e26; }
.bq-session.is-current { border-color:#2c8b82; background:linear-gradient(90deg,rgb(44 191 176 / 10%),#030e26 54%); }
.bq-session__icon { display:grid; width:42px; height:42px; place-items:center; border:1px solid #2a638c; background:#082347; color:var(--bq-cyan); font:900 1rem/1 var(--bq-mono); }
.bq-session__body { display:grid; gap:5px; min-width:0; }
.bq-session__body > div { display:flex; align-items:center; gap:9px; }
.bq-session__body strong { overflow:hidden; color:#e9f4ff; font:800 .75rem/1.2 var(--bq-mono); text-overflow:ellipsis; }
.bq-session__body small { color:#7192b2; font-size:.65rem; line-height:1.35; }
.bq-session__current { flex:0 0 auto; padding:3px 6px; background:#186a61; color:#baffed; font:800 .57rem/1 var(--bq-mono); text-transform:uppercase; }
.bq-session__empty { padding:16px; border:1px dashed #24567d; color:#7898b9; text-align:center; }
.bq-button--danger { border-color:#bc4c55; background:#541d2a; color:#ffd4d7; box-shadow:3px 3px 0 #210910; }
.bq-button--danger:hover { background:#702636; }
.bq-button--danger:disabled { opacity:.45; cursor:not-allowed; transform:none; }
@keyframes bq-account-spin { to { transform:rotate(360deg); } }
@keyframes bq-auth-in { from { opacity:0; transform:translateY(20px) scale(.98); } to { opacity:1; transform:none; } }

@media (max-width:900px) {
  .bq-account-page .bq-account__columns { grid-template-columns:1fr; }
  .bq-account-progress-summary { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .bq-account-ranks { grid-template-columns:repeat(4,1fr); row-gap:22px; }
  .bq-account-ranks::before { display:none; }
  .bq-account-rank > span { width:76px; }
}

@media (max-width:560px) {
  .bq-auth { padding:10px; }
  .bq-auth__dialog { max-height:96vh; padding:29px 20px 24px; }
  .bq-auth__heading { padding-right:24px; }
  .bq-seed-grid { grid-template-columns:repeat(2,1fr); }
  .bq-recovery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .bq-account__hero { grid-template-columns:auto 1fr; }
  .bq-account__hero dl { grid-column:1/-1; grid-template-columns:repeat(2,1fr); width:100%; }
  .bq-account__columns { grid-template-columns:1fr; }
  .bq-account__section-title { align-items:flex-start; }
  .bq-account__section-title > small { max-width:45%; text-align:right; }
  .bq-profile-form .bq-button { width:100%; }
  .bq-session__body small { display:block; }
  .bq-account-page { padding-top:45px; }
  .bq-account-page__shell { width:calc(100% - 24px); }
  .bq-account-page .bq-account__heading h1,.bq-account-gate h1 { font-size:clamp(2.75rem,14vw,4rem); }
  .bq-account-page .bq-account__hero { grid-template-columns:auto 1fr; padding:18px; }
  .bq-account-page .bq-account__avatar { width:68px; font-size:2rem; }
  .bq-account-page .bq-account__panel { padding:17px; }
  .bq-account-progress-summary { grid-template-columns:1fr 1fr; }
  .bq-account-progress-summary > div:last-child { grid-column:1/-1; }
  .bq-account-ranks { grid-template-columns:repeat(4,1fr); row-gap:20px; }
  .bq-account-ranks::before { display:none; }
  .bq-account-rank > span { width:68px; }
  .bq-account-gate { padding:30px 22px; }
}

@media (max-width:360px) {
  .bq-recovery-grid { grid-template-columns:1fr; }
}

/* Player area: the public header becomes a persistent game sidebar. */
body.bq-player-area { background:#020817; }
body.bq-player-area .bq-route-main { width:calc(100vw - 226px); min-height:100vh; margin-inline-start:226px; overflow:hidden; }
body.bq-player-area .bq-toast { margin-inline-start:226px; }
.bq-player-sidebar { position:fixed; z-index:110; inset:0 auto 0 0; display:flex; width:226px; flex-direction:column; border-right:2px solid #174d7c; background:linear-gradient(180deg,#071a3c,#030c20 72%,#020713); box-shadow:12px 0 35px rgb(0 0 0 / 30%),inset -1px 0 rgb(53 229 233 / 8%); }
html[dir="rtl"] .bq-player-sidebar { right:0; left:auto; border-right:0; border-left:2px solid #174d7c; }
.bq-player-sidebar::after { content:""; position:absolute; inset:0 0 auto; height:3px; background:linear-gradient(90deg,var(--bq-gold),var(--bq-cyan)); }
.bq-player-sidebar__brand { display:flex; min-height:104px; align-items:center; padding:22px 25px 18px; border-bottom:1px solid #143a63; }
.bq-player-sidebar__brand img { display:block; width:176px; }
.bq-player-sidebar__identity { display:grid; grid-template-columns:42px minmax(0,1fr); align-items:center; gap:11px; padding:19px 17px; border-bottom:1px solid #143a63; background:rgb(14 48 84 / 40%); }
.bq-player-sidebar__identity > span { display:grid; width:42px; aspect-ratio:1; place-items:center; overflow:hidden; border:2px solid #f9cf55; background:linear-gradient(135deg,#eaae22,#a95c09); box-shadow:3px 3px 0 #010716; color:#071630; font:900 1.25rem/1 var(--bq-display); }
.bq-player-sidebar__identity div { display:grid; min-width:0; }
.bq-player-sidebar__identity small { color:#6f91b0; font:800 .58rem/1.3 var(--bq-mono); letter-spacing:.1em; text-transform:uppercase; }
.bq-player-sidebar__identity strong { overflow:hidden; color:#f3f7ff; font:900 .78rem/1.5 var(--bq-mono); text-overflow:ellipsis; }
.bq-player-sidebar__identity strong.is-vip-name { overflow:visible; padding-right:0; }
.bq-player-sidebar__nav { display:grid; gap:5px; min-height:0; padding:17px 11px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:#245a83 transparent; }
.bq-player-sidebar__nav a { position:relative; display:grid; grid-template-columns:25px 1fr; align-items:center; gap:13px; min-height:51px; padding:12px 13px; border:1px solid transparent; color:#91acc8; font:800 .72rem/1 var(--bq-mono); text-decoration:none; text-transform:uppercase; transition:background 140ms ease,border-color 140ms ease,color 140ms ease,transform 140ms ease; }
.bq-player-sidebar__nav a::before { content:""; position:absolute; inset:8px auto 8px -12px; width:3px; background:transparent; box-shadow:none; }
.bq-player-sidebar__nav svg { width:23px; height:23px; fill:currentColor; }
.bq-player-sidebar__nav a > small { justify-self:end; padding:3px 4px; border:1px solid #76581c; color:#f1c959; font:900 .43rem/1 var(--bq-mono); letter-spacing:.05em; }
.bq-player-sidebar__nav a.is-locked { grid-template-columns:25px minmax(0,1fr) auto; }
.bq-player-sidebar__nav a.is-locked svg { opacity:.58; }
.bq-player-sidebar__nav a:hover { border-color:#1e5c8d; background:#0a2a50; color:#eaf6ff; transform:translateX(2px); }
.bq-player-sidebar__nav a.is-active { border-color:#2376a9; background:linear-gradient(90deg,rgb(39 142 180 / 24%),rgb(8 31 66 / 90%)); color:var(--bq-cyan); box-shadow:inset 0 0 22px rgb(53 229 233 / 5%); }
.bq-player-sidebar__nav a.is-active::before { background:var(--bq-gold); box-shadow:0 0 11px var(--bq-gold); }
.bq-player-sidebar__bottom { display:grid; gap:8px; margin-top:auto; padding:17px 12px 21px; border-top:1px solid #143a63; }
.bq-player-sidebar__language .bq-language__trigger { width:100%; }
.bq-player-sidebar__language .bq-language__panel { right:auto; bottom:calc(100% + 10px); left:0; top:auto; transform-origin:bottom left; }
.bq-player-sidebar__play,.bq-player-sidebar__logout { display:grid; grid-template-columns:24px 1fr; align-items:center; gap:9px; min-height:42px; padding:9px 12px; border:1px solid #245a83; background:#071a36; color:#a9c1da; font:800 .66rem/1.25 var(--bq-mono); text-align:start; text-decoration:none; text-transform:uppercase; cursor:pointer; }
.bq-player-sidebar__play:hover { border-color:var(--bq-gold); color:var(--bq-gold-hi); }
.bq-player-sidebar__logout { border-color:transparent; background:transparent; }
.bq-player-sidebar__logout:hover { color:#ff9da4; }

body.bq-player-area .bq-account-page { min-height:100vh; padding:26px 0 72px; background:radial-gradient(circle at 70% 0,rgb(16 91 139 / 31%),transparent 36%),linear-gradient(180deg,#051532,#020817 68%); }
body.bq-player-area .bq-account-page__shell { width:min(1320px,calc(100% - 48px)); }
body.bq-player-area .bq-account-page__grid { opacity:.24; background-size:44px 44px; }
.bq-account-loading { display:grid; min-height:65vh; place-content:center; justify-items:center; gap:14px; color:#8fabca; font:800 .68rem/1 var(--bq-mono); letter-spacing:.08em; text-transform:uppercase; }
.bq-account-loading i { width:32px; height:32px; border:3px solid #1d4d74; border-top-color:var(--bq-cyan); animation:bq-account-spin .7s linear infinite; }
body.bq-player-area .bq-account__global-message { min-height:0; margin:0; }
body.bq-player-area .bq-account { gap:18px; margin-top:0; }
body.bq-player-area .bq-account,body.bq-player-area .bq-account > *,body.bq-player-area .bq-account-page__shell { min-width:0; max-width:100%; }
.bq-profile-hub { display:flex; align-items:stretch; gap:8px; overflow-x:auto; padding:0 2px 2px; scrollbar-color:#27678f #03112a; scrollbar-width:thin; }
.bq-profile-hub > a { display:inline-flex; flex:1 0 max-content; align-items:center; justify-content:center; gap:8px; min-height:50px; padding:11px 18px; border:1px solid #245a83; background:linear-gradient(145deg,#061b38,#04132d); color:#90adca; font:900 .63rem/1 var(--bq-mono); letter-spacing:.04em; text-decoration:none; text-transform:uppercase; clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px); transition:border-color 160ms cubic-bezier(.23,1,.32,1),background-color 160ms cubic-bezier(.23,1,.32,1),color 160ms cubic-bezier(.23,1,.32,1); }
.bq-profile-hub > a svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-linecap:square; stroke-linejoin:miter; stroke-width:1.75; }
.bq-profile-hub > a:hover,.bq-profile-hub > a:focus-visible { border-color:#57dfe1; color:#c9ffff; outline:none; }
.bq-profile-hub > a:focus-visible { box-shadow:0 0 0 2px #06132c,0 0 0 4px #57dfe1; }
.bq-profile-hub > a.is-active { border-color:var(--bq-gold); background:linear-gradient(145deg,#17405d,#09233f); color:#fff2bd; box-shadow:inset 0 -2px 0 var(--bq-gold),0 0 18px rgb(234 164 23 / 13%); }
.bq-profile-banner-wrap { position:relative; margin-right:42px; }
.bq-profile-banner { position:relative; isolation:isolate; min-height:330px; scroll-margin-top:78px; overflow:hidden; border:2px solid #236b9b; background:#061b3a; box-shadow:inset 0 0 0 5px #030c21,0 20px 50px rgb(0 0 0 / 22%); clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px); }
.bq-profile-banner::before { content:""; position:absolute; z-index:-1; inset:0; background:radial-gradient(circle at 73% 34%,color-mix(in srgb,var(--banner-accent,#31dce2) 30%,transparent),transparent 28%),linear-gradient(105deg,rgb(3 14 36 / 96%) 0 32%,color-mix(in srgb,var(--banner-primary,#062a51) 88%,#06142f) 70%,rgb(2 12 31 / 93%)); }
.bq-profile-banner::after { content:""; position:absolute; z-index:-1; inset:auto 0 0; height:46%; opacity:.55; background:linear-gradient(155deg,transparent 38%,#0b3560 39% 46%,transparent 47%) 0 0/118px 100%,linear-gradient(25deg,transparent 43%,#0a2b54 44% 51%,transparent 52%) 0 0/170px 100%; }
.bq-profile-banner__art { position:absolute; z-index:-1; inset:0; overflow:hidden; background-image:radial-gradient(circle,var(--banner-accent,#dffeff) 0 1px,transparent 2px),radial-gradient(circle,var(--banner-highlight,#f6d95f) 0 1px,transparent 2px); background-position:17% 19%,73% 24%; background-size:83px 71px,137px 109px; opacity:.8; }
.bq-profile-banner__art::before { content:""; position:absolute; top:32px; right:18%; width:74px; aspect-ratio:1; border:2px solid rgb(246 217 95 / 58%); transform:rotate(30deg); box-shadow:0 0 26px rgb(246 217 95 / 16%),inset 0 0 26px rgb(246 217 95 / 10%); }
.bq-profile-banner__art::after { content:""; position:absolute; top:66px; right:calc(18% + 12px); width:104px; height:38px; border:1px solid rgb(53 229 233 / 32%); border-radius:50%; transform:rotate(-15deg); }
.bq-profile-banner__art i { position:absolute; bottom:0; width:19px; background:linear-gradient(#205889,#092342); box-shadow:0 -18px 0 -7px #153f70,7px -7px 0 -4px #eaa417; }
.bq-profile-banner__art i:nth-child(1) { right:7%; height:93px; }.bq-profile-banner__art i:nth-child(2) { right:11%; height:128px; }.bq-profile-banner__art i:nth-child(3) { right:15%; height:75px; }.bq-profile-banner__art i:nth-child(4) { right:20%; height:110px; }
.bq-profile-banner.has-banner-image::before { z-index:0; opacity:0; background:none; pointer-events:none; }
.bq-profile-banner.has-banner-image::after { z-index:0; height:100%; opacity:0; background:none; pointer-events:none; }
.bq-profile-banner.has-banner-image .bq-profile-banner__art { z-index:-1; opacity:1; background-image:var(--banner-image); background-position:var(--banner-position,center); background-size:cover; filter:var(--banner-filter,none); image-rendering:auto; transform:scale(var(--banner-scale,1)); }
.bq-profile-banner.has-banner-image .bq-profile-banner__art::before,.bq-profile-banner.has-banner-image .bq-profile-banner__art::after,.bq-profile-banner.has-banner-image .bq-profile-banner__art i { display:none; }
.bq-profile-banner__content { position:relative; display:grid; min-height:326px; grid-template-columns:auto minmax(260px,1fr) auto; align-items:center; gap:28px; padding:42px 46px; }
.bq-profile-avatar-frame { position:relative; display:grid; width:142px; aspect-ratio:1; place-items:center; padding:10px; border:3px solid var(--profile-accent,#36dfe8); background:linear-gradient(145deg,var(--profile-primary,#061a3a),color-mix(in srgb,var(--profile-accent,#36dfe8) 32%,var(--profile-primary,#061a3a))); box-shadow:0 0 0 3px #07152c,0 0 20px color-mix(in srgb,var(--profile-accent,#36dfe8) 30%,transparent),7px 7px 0 #010817; clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px); }
.bq-profile-avatar-frame::before,.bq-profile-avatar-frame::after { content:""; position:absolute; width:15px; aspect-ratio:1; border-style:solid; border-color:var(--profile-highlight,#b9fbff); }
.bq-profile-avatar-frame::before { top:3px; left:3px; border-width:2px 0 0 2px; }.bq-profile-avatar-frame::after { right:3px; bottom:3px; border-width:0 2px 2px 0; }
.bq-profile-avatar { display:grid; width:100%; height:100%; place-items:center; border:2px solid #397a9d; border-radius:inherit; overflow:hidden; background:linear-gradient(145deg,#2f8cb5,#0b315b 63%,#07172e); color:#fff1ae; font:900 4rem/1 var(--bq-display); text-shadow:4px 4px 0 #081129; }
.bq-profile-avatar img,.bq-player-sidebar__identity > span img { display:block; width:100%; height:100%; object-fit:cover; }
.bq-profile-avatar { position:relative; }
.bq-profile-avatar img,.bq-community-framed-avatar > span img { position:absolute; inset:0; min-width:0; min-height:0; }
.bq-profile-banner.has-profile-frame-image .bq-profile-avatar-frame { isolation:isolate; padding:0; border:0; border-radius:0; background:none; box-shadow:none; clip-path:none; transform:none; }
.bq-profile-banner.has-profile-frame-image .bq-profile-avatar-frame::before { display:none; }
.bq-profile-banner.has-profile-frame-image .bq-profile-avatar-frame::after { content:""; position:absolute; z-index:2; inset:0; display:block; width:auto; aspect-ratio:auto; border:0; background:var(--profile-frame-image) center/contain no-repeat; pointer-events:none; clip-path:var(--profile-frame-clip,none); }
/* One portrait geometry for the real profile and shop fitting room. Explicit
   dimensions prevent grid alignment from shrinking a text-only avatar on iOS. */
.bq-profile-banner.has-profile-frame-image .bq-profile-avatar-frame { container-type:inline-size; }
.bq-profile-banner.has-profile-frame-image .bq-profile-avatar { position:absolute; z-index:1; inset:var(--profile-avatar-top,27%) auto auto var(--profile-avatar-left,27%); width:var(--profile-avatar-width,46%); height:var(--profile-avatar-height,46%); min-width:0; min-height:0; place-self:auto; overflow:hidden; border:0; border-radius:0; box-shadow:none; clip-path:var(--profile-avatar-clip,none); font-size:clamp(2rem,3vw,3rem); }
@supports(font-size:1cqw) { .bq-profile-banner.has-profile-frame-image .bq-profile-avatar { font-size:var(--profile-avatar-font,24cqw); } }
.bq-profile-banner__identity { display:grid; min-width:0; align-content:center; justify-items:start; }
.bq-profile-banner__identity > strong { overflow:hidden; max-width:100%; color:#fff9df; font:900 clamp(1.8rem,3.4vw,3.4rem)/.95 var(--bq-display); letter-spacing:.025em; text-overflow:ellipsis; text-transform:uppercase; text-shadow:0 4px 0 #020817; }
.bq-profile-banner__identity > strong.is-vip-name { overflow:visible; padding:5px 2px 7px; text-shadow:none; }
.bq-vip-name { --vip-name-gradient:linear-gradient(105deg,#f0bfe7 0%,#d6bbff 14%,#a5ebe5 28%,#f5fbff 37%,#fff 41%,#fff0a0 45%,#fff 49%,#b8eee9 62%,#e1c0ff 78%,#f0bfe7 100%); --vip-name-core:rgb(255 255 255 / 76%); --vip-name-glow:rgb(178 116 255 / 34%); position:relative; display:inline-flex; max-width:100%; align-items:baseline; isolation:isolate; white-space:nowrap; }
.bq-vip-name::before,.bq-vip-name::after { display:none; }
.bq-vip-name[data-vip-tone="aurora"] { --vip-name-gradient:linear-gradient(105deg,#b8fff1 0%,#38f6d0 17%,#f5ffff 34%,#b7a2ff 50%,#57e6ff 68%,#a8ffd2 83%,#eafff9 100%); --vip-name-core:rgb(179 255 241 / 82%); --vip-name-glow:rgb(63 237 208 / 42%); }
.bq-vip-name[data-vip-tone="amethyst"] { --vip-name-gradient:linear-gradient(105deg,#fbd7ff 0%,#ff70e1 18%,#fff 34%,#b98aff 49%,#f6e8ff 63%,#d84cff 81%,#ffe4fb 100%); --vip-name-core:rgb(255 235 255 / 82%); --vip-name-glow:rgb(218 76 255 / 44%); }
.bq-vip-name[data-vip-tone="solar"] { --vip-name-gradient:linear-gradient(105deg,#bbfff7 0%,#31e7de 19%,#f9ffff 34%,#fff292 48%,#fff 58%,#54e9df 78%,#fff4a8 100%); --vip-name-core:rgb(255 253 207 / 84%); --vip-name-glow:rgb(54 228 218 / 40%); }
.bq-vip-name[data-vip-tone="eclipse"] { --vip-name-gradient:linear-gradient(105deg,#9dc6ff 0%,#6f72ff 18%,#f5edff 34%,#ff68c7 49%,#ffe097 63%,#849cff 82%,#d8ebff 100%); --vip-name-core:rgb(224 233 255 / 80%); --vip-name-glow:rgb(94 100 255 / 44%); }
.bq-vip-name__at,.bq-vip-name__handle { color:transparent; background-image:var(--vip-name-gradient); background-size:190% 100%; background-position:0 50%; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; filter:brightness(1.08) drop-shadow(0 0 clamp(.5px,.035em,2px) var(--vip-name-core)) drop-shadow(0 0 clamp(1px,.11em,5px) var(--vip-name-glow)); text-shadow:none; animation:bq-vip-signature-ink 3.6s linear infinite alternate; }
.bq-vip-name__at { flex:none; margin-right:.03em; }
.bq-vip-name__handle { min-width:0; overflow:hidden; text-overflow:ellipsis; }
/* The VIP crown always occupies layout space: it must never touch the handle. */
.bq-vip-name__crown { position:relative; z-index:2; display:grid; flex:none; align-self:center; width:clamp(.72rem,.46em,1.45rem); margin-inline-start:clamp(6px,.35em,12px); filter:drop-shadow(0 0 clamp(1px,.04em,2px) rgb(255 248 188 / 88%)) drop-shadow(0 0 clamp(2px,.13em,7px) rgb(243 190 67 / 56%)); transform:rotate(4deg); transform-origin:50% 50%; }
.bq-vip-name__crown svg { display:block; width:100%; height:auto; overflow:visible; }
.bq-vip-crown__body { fill:#eebd3e; stroke:#fff1a8; stroke-width:.8; stroke-linejoin:round; }
.bq-vip-crown__rim { fill:#fff0a0; }
@keyframes bq-vip-signature-ink { from { background-position:0 50%; } to { background-position:100% 50%; } }
@media (prefers-reduced-motion: reduce) { .bq-vip-name__at,.bq-vip-name__handle { animation:none; background-position:50% 50%; } }
.bq-profile-banner__identity .bq-auth__status { margin-top:10px; font-size:.66rem; }
.bq-profile-banner__identity p { max-width:590px; margin:15px 0 4px; color:#bdd0e4; font-size:.86rem; line-height:1.5; }
.bq-profile-banner__identity > small { color:#7192b2; font:700 .65rem/1.4 var(--bq-mono); }
.bq-profile-banner__country { display:flex; align-items:center; gap:8px; }.bq-profile-banner__country .bq-country-flag { width:25px; min-width:25px; height:19px; border-color:#326582; box-shadow:2px 2px 0 #020817; font-size:.9rem; }
.bq-profile-banner__rank { display:grid; width:142px; justify-items:center; align-content:center; padding:15px 12px; border:1px solid #275d84; background:rgb(2 12 31 / 84%); text-align:center; }
.bq-profile-banner__rank > span { display:grid; width:86px; aspect-ratio:1; place-items:center; color:#527493; font:900 2rem/1 var(--bq-mono); }
.bq-profile-banner__rank img { width:100%; height:100%; object-fit:contain; }
.bq-profile-banner__rank small { color:#6f91b0; font:800 .57rem/1.2 var(--bq-mono); letter-spacing:.08em; text-transform:uppercase; }
.bq-profile-banner__rank strong { margin-top:6px; color:var(--bq-gold-hi); font:900 .74rem/1.3 var(--bq-mono); }
.bq-profile-banner__stats { position:absolute; right:68px; bottom:23px; display:flex; margin:0; border:1px solid #235a82; background:rgb(2 12 31 / 84%); }
.bq-profile-banner__stats div { min-width:92px; padding:8px 12px; }.bq-profile-banner__stats div + div { border-left:1px solid #235a82; }
.bq-profile-banner__stats dt { color:#6f95b8; font:800 .52rem/1 var(--bq-mono); text-transform:uppercase; }.bq-profile-banner__stats dd { margin:4px 0 0; color:var(--bq-gold-hi); font:900 .7rem/1 var(--bq-mono); }
.bq-profile-banner__edit { position:absolute; top:20px; right:22px; color:#84cddb; font:800 .61rem/1 var(--bq-mono); text-decoration:none; text-transform:uppercase; }
.bq-profile-banner__edit:hover { color:var(--bq-gold-hi); }
.bq-profile-banner__background-edit { position:absolute; z-index:4; right:-41px; bottom:18px; display:grid; width:42px; height:52px; place-items:center; border:1px solid #4fc7d0; border-left:0; background:linear-gradient(180deg,#0a3152,#04152f); color:var(--bq-cyan); font:900 1rem/1 var(--bq-mono); box-shadow:4px 5px 0 #020817,0 0 18px rgb(53 229 233 / 18%); clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%); cursor:pointer; transition:border-color 160ms cubic-bezier(.23,1,.32,1),color 160ms cubic-bezier(.23,1,.32,1),transform 160ms cubic-bezier(.23,1,.32,1); }
.bq-profile-banner__background-edit:focus-visible { border-color:var(--bq-gold); outline:2px solid var(--bq-cyan); outline-offset:3px; color:var(--bq-gold-hi); }.bq-profile-banner__background-edit:active { transform:scale(.97); }
.bq-profile-banner:not(.has-profile-frame-image)[data-profile-variant="2"] .bq-profile-avatar-frame { border-radius:50%; clip-path:none; }
.bq-profile-banner:not(.has-profile-frame-image)[data-profile-variant="3"] .bq-profile-avatar-frame { border-color:var(--profile-highlight); clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%); }
.bq-profile-banner:not(.has-profile-frame-image)[data-profile-variant="4"] .bq-profile-avatar-frame { border-radius:18px; clip-path:none; box-shadow:0 0 0 2px var(--profile-highlight),0 0 0 6px #07152c,7px 7px 0 #010817; }
.bq-profile-banner:not(.has-profile-frame-image)[data-profile-variant="5"] .bq-profile-avatar-frame { padding:9px; border-style:double; border-width:7px; clip-path:none; }
.bq-profile-banner:not(.has-profile-frame-image)[data-profile-variant="6"] .bq-profile-avatar-frame { border-radius:24px 4px; clip-path:none; }
.bq-profile-banner:not(.has-profile-frame-image)[data-profile-variant="7"] .bq-profile-avatar-frame { border-color:var(--profile-highlight); clip-path:polygon(14% 0,86% 0,100% 14%,94% 50%,100% 86%,86% 100%,14% 100%,0 86%,6% 50%,0 14%); }
.bq-profile-banner:not(.has-profile-frame-image)[data-profile-variant="8"] .bq-profile-avatar-frame { border-width:5px 2px; border-radius:4px; clip-path:none; }
.bq-profile-banner:not(.has-profile-frame-image)[data-profile-variant="9"] .bq-profile-avatar-frame { border-style:dashed; border-radius:10px; clip-path:none; }
.bq-profile-banner:not(.has-profile-frame-image)[data-profile-variant="10"] .bq-profile-avatar-frame { border-width:2px 7px; clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px); }
.bq-profile-banner:not(.has-profile-frame-image)[data-profile-variant="11"] .bq-profile-avatar-frame { border-color:var(--profile-highlight); border-radius:50% 50% 8px 8px; clip-path:none; box-shadow:0 0 0 4px color-mix(in srgb,var(--profile-accent) 55%,#07152c),0 0 24px var(--profile-accent),7px 7px 0 #010817; }
.bq-profile-banner:not(.has-profile-frame-image)[data-profile-variant="12"] .bq-profile-avatar-frame { border-style:solid double; border-width:4px 8px; border-radius:3px; clip-path:none; }
.bq-profile-banner:not(.has-profile-frame-image)[data-profile-variant="13"] .bq-profile-avatar-frame { border-radius:3px 28px; clip-path:none; }
.bq-profile-banner:not(.has-profile-frame-image)[data-profile-variant="14"] .bq-profile-avatar-frame { border-width:6px; border-radius:28% 8px; clip-path:none; box-shadow:0 0 0 2px var(--profile-highlight),0 0 0 6px #07152c,7px 7px 0 #010817; }
.bq-profile-banner:not(.has-profile-frame-image)[data-profile-variant="15"] .bq-profile-avatar-frame { border-color:color-mix(in srgb,var(--profile-accent) 72%,#87c9dc); border-width:2px; border-radius:2px; clip-path:none; box-shadow:0 0 0 5px #07152c,0 0 14px color-mix(in srgb,var(--profile-accent) 25%,transparent),7px 7px 0 #010817; }
.bq-profile-banner[data-banner-variant="2"] .bq-profile-banner__art { background-size:47px 47px,93px 93px; transform:rotate(.3deg); }.bq-profile-banner[data-banner-variant="3"] .bq-profile-banner__art { background-image:repeating-linear-gradient(120deg,transparent 0 42px,color-mix(in srgb,var(--banner-accent) 23%,transparent) 43px 45px),radial-gradient(circle,var(--banner-highlight) 0 2px,transparent 3px); }.bq-profile-banner[data-banner-variant="4"] .bq-profile-banner__art { background-image:linear-gradient(135deg,transparent 46%,color-mix(in srgb,var(--banner-accent) 28%,transparent) 47% 53%,transparent 54%); background-size:90px 90px; }.bq-profile-banner[data-banner-variant="5"] .bq-profile-banner__art { background-image:radial-gradient(circle at 50% 120%,transparent 0 42px,color-mix(in srgb,var(--banner-highlight) 45%,transparent) 43px 45px,transparent 46px); background-size:120px 70px; }.bq-profile-banner[data-banner-variant="6"] .bq-profile-banner__art { background-image:conic-gradient(from 45deg at 80% 20%,transparent,var(--banner-accent),transparent 18%); }.bq-profile-banner[data-banner-variant="7"] .bq-profile-banner__art { background-image:repeating-linear-gradient(90deg,transparent 0 56px,color-mix(in srgb,var(--banner-accent) 28%,transparent) 57px 59px),linear-gradient(0deg,transparent 48%,var(--banner-highlight) 49% 50%,transparent 51%); }.bq-profile-banner[data-banner-variant="8"] .bq-profile-banner__art { background-image:radial-gradient(circle at 82% 28%,transparent 0 48px,color-mix(in srgb,var(--banner-highlight) 48%,transparent) 49px 51px,transparent 52px),radial-gradient(circle,var(--banner-accent) 0 1px,transparent 2px); }.bq-profile-banner[data-banner-variant="9"] .bq-profile-banner__art { background-image:linear-gradient(30deg,transparent 0 45%,color-mix(in srgb,var(--banner-accent) 24%,transparent) 46% 54%,transparent 55%),linear-gradient(-30deg,transparent 0 45%,color-mix(in srgb,var(--banner-highlight) 18%,transparent) 46% 54%,transparent 55%); background-size:130px 88px; }.bq-profile-banner[data-banner-variant="10"] .bq-profile-banner__art { background-image:conic-gradient(from 0deg at 76% 36%,transparent 0 12%,color-mix(in srgb,var(--banner-accent) 45%,transparent) 13% 15%,transparent 16% 28%,color-mix(in srgb,var(--banner-highlight) 35%,transparent) 29% 31%,transparent 32%); }
.bq-profile-banner[data-banner-category="technology"]::after { background:linear-gradient(90deg,color-mix(in srgb,var(--banner-accent) 18%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--banner-accent) 14%,transparent) 1px,transparent 1px); background-size:42px 42px; }.bq-profile-banner[data-banner-category="medieval"]::after { background:linear-gradient(135deg,transparent 25%,color-mix(in srgb,var(--banner-highlight) 25%,transparent) 26% 28%,transparent 29%) 0 0/74px 74px; }.bq-profile-banner[data-banner-category="nature"]::after { background:radial-gradient(ellipse at bottom,color-mix(in srgb,var(--banner-accent) 24%,transparent),transparent 65%); }.bq-profile-banner[data-banner-category="space"]::after { background:radial-gradient(circle at 78% 130%,transparent 0 120px,color-mix(in srgb,var(--banner-highlight) 35%,transparent) 122px 125px,transparent 127px); }.bq-profile-banner[data-banner-category="retro"]::after { background:repeating-linear-gradient(135deg,transparent 0 22px,color-mix(in srgb,var(--banner-accent) 18%,transparent) 23px 26px); }.bq-profile-banner[data-banner-category="imperial"]::after { background:radial-gradient(ellipse at bottom,transparent 0 38px,color-mix(in srgb,var(--banner-highlight) 27%,transparent) 39px 43px,transparent 44px) 0 0/130px 90px; }
.bq-profile-banner.has-banner-image[data-banner-variant] .bq-profile-banner__art { background-image:var(--banner-image); background-position:var(--banner-position,center); background-repeat:no-repeat; background-size:cover; filter:var(--banner-filter,none); transform:scale(var(--banner-scale,1)); }
body.bq-player-area .bq-account__panel { scroll-margin-top:78px; padding:24px; border-color:#1e527b; background:linear-gradient(145deg,rgb(5 23 50 / 98%),rgb(3 13 33 / 98%)); }
body.bq-player-area .bq-account__columns { grid-template-columns:1.05fr .95fr; gap:18px; }
.bq-account.is-customizing-profile > .bq-account__panel,.bq-account.is-customizing-profile > .bq-account__columns,.bq-account.is-customizing-profile > .bq-account-feature { display:none !important; }
.bq-account-store__state { padding:5px 8px; border:1px solid #2a638c; color:#73d9de; font:800 .58rem/1 var(--bq-mono); text-transform:uppercase; }
.bq-avatar-editor { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(190px,.85fr); overflow:hidden; border:1px solid #275d84; background:#020d24; }
.bq-profile-preview { position:relative; isolation:isolate; min-height:210px; overflow:hidden; background:radial-gradient(circle at 78% 23%,rgb(53 229 233 / 23%),transparent 28%),linear-gradient(145deg,#082753,#06142f 65%,#0b3461); }
.bq-profile-preview::after { content:""; position:absolute; z-index:-1; inset:auto 0 0; height:43%; opacity:.7; background:linear-gradient(145deg,transparent 36%,#12406a 37% 45%,transparent 46%) 0 0/75px 100%; }
.bq-profile-preview__scene { position:absolute; z-index:-1; inset:0; opacity:.8; background-image:radial-gradient(circle,#eafcff 0 1px,transparent 2px),radial-gradient(circle,#f6d95f 0 1px,transparent 2px); background-size:53px 47px,79px 67px; }
.bq-profile-preview__content { position:absolute; inset:auto 18px 18px; display:grid; grid-template-columns:88px minmax(0,1fr); align-items:center; gap:16px; }
.bq-profile-preview__frame { display:grid; width:88px; aspect-ratio:1; place-items:center; padding:7px; border:4px ridge #f4bc39; background:#7d4307; box-shadow:0 0 0 3px #07152c,0 0 18px rgb(234 164 23 / 32%); }
.bq-profile-preview__frame > span { display:grid; width:100%; height:100%; place-items:center; overflow:hidden; border:1px solid #4ba5c4; background:linear-gradient(145deg,#2f8cb5,#0b315b); color:#fff1ae; font:900 2.15rem/1 var(--bq-display); }
.bq-profile-preview__frame img { display:block; width:100%; height:100%; object-fit:cover; }
.bq-profile-preview__content > div:last-child { display:grid; min-width:0; }
.bq-profile-preview__content small { color:#63cbd5; font:800 .5rem/1.3 var(--bq-mono); letter-spacing:.08em; text-transform:uppercase; }
.bq-profile-preview__content strong { overflow:hidden; color:#fff9df; font:900 1.55rem/1 var(--bq-display); text-overflow:ellipsis; text-transform:uppercase; text-shadow:0 3px #020817; }
.bq-profile-preview__content p { display:-webkit-box; overflow:hidden; margin:7px 0 0; color:#a8c3db; font-size:.68rem; line-height:1.35; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.bq-avatar-editor__controls { display:grid; align-content:center; gap:8px; padding:19px; border-left:1px solid #275d84; }
.bq-avatar-editor__controls > strong { color:#f2f7ff; font:900 .75rem/1.3 var(--bq-mono); text-transform:uppercase; }
.bq-avatar-editor__controls > p { margin:0; color:#6688aa; font:.59rem/1.5 var(--bq-mono); }
.bq-avatar-editor__controls > div { display:flex; flex-wrap:wrap; gap:8px; margin-top:3px; }
.bq-avatar-editor__select,.bq-avatar-editor__remove { display:inline-flex; min-height:36px; align-items:center; justify-content:center; padding:8px 11px; border:1px solid #2f879f; background:#0b3857; color:#b7f7fa; font:900 .57rem/1 var(--bq-mono); text-transform:uppercase; cursor:pointer; }
.bq-avatar-editor__remove { border-color:#4e6178; background:#07152d; color:#9fb2c7; }.bq-avatar-editor__remove:disabled { opacity:.4; cursor:not-allowed; }
.bq-auth__form .bq-avatar-editor__input { position:absolute; width:1px; height:1px; min-height:0; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.bq-avatar-editor__filename { overflow:hidden; color:#8eb0ca; font:.56rem/1.35 var(--bq-mono); text-overflow:ellipsis; white-space:nowrap; }
.bq-avatar-editor__error { min-height:1em; color:#ff949c; font:.57rem/1.35 var(--bq-mono); }
.bq-banner-picker { scroll-margin-top:22px; padding:22px; border:1px solid #2a6c94; background:linear-gradient(155deg,#071f41,#030d21 74%); box-shadow:0 22px 48px rgb(0 0 0 / 28%); }
.bq-profile-customizer:not([hidden]) { opacity:1; transform:translateY(0); transition:opacity 200ms cubic-bezier(.23,1,.32,1),transform 200ms cubic-bezier(.23,1,.32,1); }
@starting-style { .bq-profile-customizer:not([hidden]) { opacity:0; transform:translateY(-8px); } }
.bq-banner-picker__heading { display:flex; align-items:flex-start; justify-content:space-between; gap:25px; margin-bottom:18px; }.bq-banner-picker__heading > div { display:grid; gap:7px; }.bq-banner-picker__heading span { color:var(--bq-cyan); font:800 .55rem/1 var(--bq-mono); letter-spacing:.1em; text-transform:uppercase; }.bq-banner-picker__heading h2 { margin:0; color:#fff8df; font:900 1.45rem/1 var(--bq-display); text-transform:uppercase; }.bq-banner-picker__heading p { margin:0; color:#829fbb; font-size:.73rem; }.bq-banner-picker__heading > button { display:grid; width:34px; aspect-ratio:1; flex:0 0 auto; place-items:center; border:1px solid #2e668c; background:#04142d; color:#a6c2da; font:800 1.15rem/1 var(--bq-mono); cursor:pointer; }.bq-banner-picker__heading > button:hover { border-color:#e6a727; color:#ffd760; }
.bq-profile-customizer__tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:14px; padding:6px; border:1px solid #245b82; background:#020d24; }
.bq-profile-customizer__tabs button { display:flex; min-height:58px; align-items:center; justify-content:center; gap:12px; padding:10px 16px; border:1px solid transparent; background:#061831; color:#87a8c5; cursor:pointer; transition:border-color 160ms cubic-bezier(.23,1,.32,1),background-color 160ms cubic-bezier(.23,1,.32,1),color 160ms cubic-bezier(.23,1,.32,1),transform 160ms cubic-bezier(.23,1,.32,1); }
.bq-profile-customizer__tabs button > i { color:#55dce1; font-style:normal; }.bq-profile-customizer__family-icon { display:grid; width:34px; height:34px; flex:0 0 34px; place-items:center; border:1px solid currentColor; background:#03142e; box-shadow:inset 0 0 0 3px rgb(85 220 225 / 8%); clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px); }.bq-profile-customizer__family-icon svg { width:25px; height:25px; overflow:visible; fill:none; stroke:currentColor; stroke-linecap:square; stroke-linejoin:miter; stroke-width:1.8; vector-effect:non-scaling-stroke; }.bq-profile-customizer__family-icon--frame svg circle { fill:currentColor; stroke:none; }.bq-profile-customizer__tabs button > span { display:flex; align-items:center; gap:9px; color:inherit; font:900 .68rem/1 var(--bq-mono); letter-spacing:.04em; text-transform:uppercase; }.bq-profile-customizer__tabs button small { display:grid; min-width:28px; height:23px; place-items:center; background:#0b2a4e; color:#6fd4db; font:900 .52rem/1 var(--bq-mono); }
.bq-profile-customizer__tabs button.is-active { border-color:var(--bq-gold); background:linear-gradient(180deg,#15365a,#071a37); color:var(--bq-gold-hi); box-shadow:inset 0 -3px #d99e24; }.bq-profile-customizer__tabs button.is-active > i { color:var(--bq-gold-hi); }.bq-profile-customizer__tabs button.is-active small { background:var(--bq-gold); color:#06142f; }.bq-profile-customizer__tabs button:focus-visible { outline:2px solid var(--bq-cyan); outline-offset:2px; }.bq-profile-customizer__tabs button:active { transform:scale(.98); }
.bq-banner-picker__filters { display:flex; flex-wrap:nowrap; gap:7px; overflow-x:auto; overflow-y:hidden; padding-bottom:6px; scroll-snap-type:x proximity; overscroll-behavior-inline:contain; scrollbar-color:#2b658d transparent; scrollbar-width:thin; }.bq-banner-picker__filters > * { flex:0 0 auto; scroll-snap-align:start; }.bq-banner-picker__filters button { display:flex; min-width:max-content; align-items:center; gap:8px; padding:8px 10px; border:1px solid #24577e; background:#05162f; color:#88a5c0; font:800 .55rem/1 var(--bq-mono); text-transform:uppercase; cursor:pointer; }.bq-banner-picker__filters button span { color:#4fc8d1; }.bq-banner-picker__filters button[data-profile-customizer-filter="mine"] { border-color:#347f93; background:linear-gradient(135deg,#0b3452,#05162f); color:#c0edf0; }.bq-banner-picker__filters button[data-profile-customizer-filter="mine"] span { color:#ffe070; }.bq-banner-picker__filters button.is-active,.bq-banner-picker__filters button[data-profile-customizer-filter="mine"].is-active { border-color:var(--bq-gold); color:var(--bq-gold-hi); }
.bq-banner-picker__meta { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:10px 0 12px; }.bq-banner-picker__meta strong { color:#9ab5cf; font:800 .58rem/1 var(--bq-mono); text-transform:uppercase; }.bq-banner-picker__meta a { color:var(--bq-cyan); font:900 .57rem/1 var(--bq-mono); text-decoration:none; text-transform:uppercase; }
.bq-banner-picker__grid { display:grid; grid-auto-flow:column; grid-auto-columns:clamp(220px,23vw,292px); gap:10px; overflow-x:auto; overflow-y:hidden; padding:2px 5px 10px 2px; scroll-snap-type:x mandatory; overscroll-behavior-inline:contain; scrollbar-color:#2d6c96 #031027; scrollbar-width:thin; }
.bq-banner-choice { display:grid; min-width:0; overflow:hidden; border:1px solid #214f76; background:#020d24; scroll-snap-align:start; transition:border-color 160ms cubic-bezier(.23,1,.32,1),box-shadow 160ms cubic-bezier(.23,1,.32,1),transform 160ms cubic-bezier(.23,1,.32,1); }.bq-banner-choice.is-equipped { border-color:var(--cosmetic-accent); box-shadow:0 0 0 1px var(--cosmetic-accent); }.bq-banner-choice.is-previewed { border-color:var(--bq-gold); box-shadow:0 0 0 1px var(--bq-gold),inset 0 0 0 1px rgb(255 226 116 / 20%); }.bq-banner-choice > button:first-child { position:relative; display:grid; min-width:0; padding:7px; border:0; background:transparent; color:inherit; text-align:left; cursor:pointer; }.bq-banner-choice > button:first-child:focus-visible { outline:2px solid var(--bq-cyan); outline-offset:-4px; }.bq-banner-choice .bq-cosmetic-art { min-height:105px; margin-bottom:9px; border:1px solid #24577e; }.bq-banner-choice--profile .bq-cosmetic-art--image::after { display:none; }.bq-banner-choice small { color:#6688a8; font:800 .48rem/1.2 var(--bq-mono); text-transform:uppercase; }.bq-banner-choice strong { overflow:hidden; margin-top:5px; color:#eaf3fc; font:800 .61rem/1.25 var(--bq-mono); text-overflow:ellipsis; white-space:nowrap; }.bq-banner-choice > button:first-child > span { margin-top:7px; color:var(--cosmetic-accent); font:900 .51rem/1 var(--bq-mono); text-transform:uppercase; }.bq-banner-choice__action { display:flex; min-height:34px; align-items:center; justify-content:center; margin:0 7px 7px; padding:7px; border:1px solid #2d6288; background:#08213f; color:#add9e1; font:900 .5rem/1 var(--bq-mono); text-align:center; text-decoration:none; text-transform:uppercase; cursor:pointer; transition:border-color 160ms cubic-bezier(.23,1,.32,1),color 160ms cubic-bezier(.23,1,.32,1),transform 160ms cubic-bezier(.23,1,.32,1); }.bq-banner-choice__action:hover { border-color:var(--bq-gold); color:var(--bq-gold-hi); }.bq-banner-choice__action:active { transform:scale(.98); }.bq-banner-choice__action:disabled { opacity:.5; cursor:not-allowed; transform:none; }
.bq-banner-choice__purchase { display:flex; min-height:42px; align-items:center; justify-content:flex-end; gap:10px; margin:0 7px 7px; padding:5px 5px 5px 10px; border:1px solid #2d6288; background:#061a35; }.bq-banner-choice__purchase > strong { margin:0 auto 0 0; color:var(--bq-gold-hi); font:900 .64rem/1 var(--bq-mono); }.bq-banner-choice__purchase > button { display:grid; width:30px; aspect-ratio:1; flex:0 0 30px; place-items:center; border:1px solid var(--bq-gold); background:linear-gradient(145deg,#f4c349,#d48a12); color:#07152e; font:900 1rem/1 var(--bq-mono); cursor:pointer; box-shadow:2px 2px 0 #010817; }.bq-banner-choice__purchase > button:hover,.bq-banner-choice__purchase > button:focus-visible { outline:2px solid var(--bq-cyan); outline-offset:2px; background:#ffdb69; }.bq-banner-choice__purchase > button:active { transform:translate(1px,1px); box-shadow:1px 1px 0 #010817; }
.bq-profile-cart-open { overflow:hidden; }.bq-profile-cart { position:fixed; z-index:490; inset:0; }.bq-profile-cart[hidden] { display:none; }.bq-profile-cart__backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; background:rgb(1 6 18 / 76%); backdrop-filter:blur(7px); cursor:default; }.bq-profile-cart__panel { position:absolute; inset-block:0; inset-inline-end:0; display:grid; width:min(430px,calc(100vw - 24px)); align-content:start; gap:18px; overflow:auto; padding:44px 30px 30px; border-inline-start:2px solid #2a7d9d; background:radial-gradient(circle at 100% 0,rgb(53 229 233 / 16%),transparent 31%),linear-gradient(155deg,#0a2b50,#06142f 62%,#020a1d); box-shadow:-22px 0 70px #000b,inset 1px 0 rgb(95 226 231 / 17%); }.bq-profile-cart__close { position:absolute; top:16px; inset-inline-end:16px; display:grid; width:34px; aspect-ratio:1; place-items:center; border:1px solid #2b678d; background:#04142d; color:#b1cbe1; font:900 1.05rem/1 var(--bq-mono); cursor:pointer; }.bq-profile-cart__eyebrow { color:var(--bq-cyan); font:900 .56rem/1 var(--bq-mono); letter-spacing:.12em; text-transform:uppercase; }.bq-profile-cart__panel > h2 { margin:-6px 0 4px; color:#fff7db; font:900 2rem/1 var(--bq-display); text-transform:uppercase; }.bq-profile-cart__product { display:grid; grid-template-columns:104px minmax(0,1fr); align-items:center; gap:14px; padding:10px; border:1px solid #2b648b; background:#03122c; }.bq-profile-cart__product > div:first-child,.bq-profile-cart__product .bq-cosmetic-art { min-height:82px; height:82px; }.bq-profile-cart__product .bq-cosmetic-art { border:1px solid #367a9b; }.bq-profile-cart__product > div:nth-child(2) { display:grid; min-width:0; gap:5px; }.bq-profile-cart__product small { color:#6f96b5; font:800 .51rem/1.2 var(--bq-mono); text-transform:uppercase; }.bq-profile-cart__product strong { overflow:hidden; color:#f8f0cf; font:900 .78rem/1.25 var(--bq-mono); text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }.bq-profile-cart__product span { color:#8ba8c1; font-size:.62rem; }.bq-profile-cart__product > b { grid-column:1/-1; color:var(--bq-gold-hi); font:900 1rem/1 var(--bq-mono); text-align:right; }.bq-profile-cart__total { display:flex; align-items:center; justify-content:space-between; gap:18px; padding-top:16px; border-top:1px solid #244f74; }.bq-profile-cart__total > span { display:grid; gap:5px; color:#d9e7f5; font:900 .65rem/1 var(--bq-mono); text-transform:uppercase; }.bq-profile-cart__total small { color:#698ba9; font:600 .52rem/1.3 var(--bq-mono); text-transform:none; }.bq-profile-cart__total strong { color:#fff0ac; font:900 1.2rem/1 var(--bq-mono); }.bq-profile-cart__checkout { width:100%; }
.bq-cosmetic-art--image { background:#031128; }
.bq-cosmetic-art--image::before,.bq-cosmetic-art--image::after { display:none; }
.bq-cosmetic-art--image > img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; object-position:var(--cosmetic-image-position,center); filter:var(--cosmetic-image-filter,none); transform:scale(var(--cosmetic-image-scale,1)); }
/* Board scenes must show the complete perimeter, not a cropped banner. */
.bq-store-item--board .bq-cosmetic-art--image { aspect-ratio:1; min-height:0; }
.bq-store-item--board .bq-cosmetic-art--image > img,
.bq-cosmetic-art--board-scene > img { object-fit:contain; transform:none; filter:none; }
.bq-store-item--board .bq-cosmetic-art--image::after,
.bq-cosmetic-art--board-scene::after { display:none!important; }
.bq-cosmetic-art--profile-frame { background:#031128; }
.bq-cosmetic-art--profile-frame.bq-cosmetic-art--image > img { object-fit:contain; transform:none; }
.bq-cosmetic-art--profile-frame.bq-cosmetic-art--image::before,.bq-cosmetic-art--profile-frame.bq-cosmetic-art--image::after { display:none!important; }
.bq-cosmetic-art--free-frame { background:radial-gradient(circle at 22% 24%,color-mix(in srgb,var(--cosmetic-accent) 24%,transparent) 0 2px,transparent 3px),radial-gradient(circle at 78% 72%,color-mix(in srgb,var(--cosmetic-highlight) 20%,transparent) 0 2px,transparent 3px),linear-gradient(145deg,var(--cosmetic-primary),#020817); background-size:31px 29px,43px 41px,auto; }
.bq-cosmetic-art--free-frame::before { inset:-35%; opacity:.22; background:repeating-linear-gradient(45deg,transparent 0 20px,var(--cosmetic-accent) 21px 22px,transparent 23px 42px); }
.bq-cosmetic-art--free-frame::after { display:none; }
.bq-cosmetic-art--free-frame > span { position:relative; display:block; width:66px; aspect-ratio:1; border:4px solid var(--cosmetic-accent); background:#071a35; box-shadow:0 0 0 3px #020817,0 0 18px color-mix(in srgb,var(--cosmetic-accent) 32%,transparent),6px 6px 0 #010612; clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px); }
.bq-cosmetic-art--free-frame > span::before { content:""; position:absolute; inset:9px; border:1px solid color-mix(in srgb,var(--cosmetic-highlight) 68%,transparent); background:linear-gradient(145deg,color-mix(in srgb,var(--cosmetic-accent) 28%,#0b2c51),#061328); }
.bq-cosmetic-art--profile-frame.bq-cosmetic-art--free-frame { background:#031128; }
.bq-cosmetic-art--profile-frame.bq-cosmetic-art--free-frame::before { display:none; }
.bq-cosmetic-art--profile-frame.bq-cosmetic-art--free-frame > span { background:#031128; box-shadow:none; }
.bq-cosmetic-art--profile-frame.bq-cosmetic-art--free-frame > span::before { background:transparent; }
.bq-cosmetic-art--profile-frame.bq-cosmetic-art--free-frame > b { display:none; }
.bq-cosmetic-art--free-frame.bq-cosmetic-art--v2 > span { border-radius:50%; clip-path:none; }.bq-cosmetic-art--free-frame.bq-cosmetic-art--v3 > span { clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%); }.bq-cosmetic-art--free-frame.bq-cosmetic-art--v4 > span { border-radius:12px; clip-path:none; box-shadow:0 0 0 2px var(--cosmetic-highlight),0 0 0 5px #020817,6px 6px 0 #010612; }.bq-cosmetic-art--free-frame.bq-cosmetic-art--v5 > span { border-style:double; border-width:7px; clip-path:none; }.bq-cosmetic-art--free-frame.bq-cosmetic-art--v6 > span { border-radius:18px 3px; clip-path:none; }.bq-cosmetic-art--free-frame.bq-cosmetic-art--v7 > span { clip-path:polygon(14% 0,86% 0,100% 14%,94% 50%,100% 86%,86% 100%,14% 100%,0 86%,6% 50%,0 14%); }.bq-cosmetic-art--free-frame.bq-cosmetic-art--v8 > span { border-width:6px 2px; clip-path:none; }.bq-cosmetic-art--free-frame.bq-cosmetic-art--v9 > span { border-style:dashed; border-radius:8px; clip-path:none; }.bq-cosmetic-art--free-frame.bq-cosmetic-art--v10 > span { border-width:2px 7px; }.bq-cosmetic-art--free-frame.bq-cosmetic-art--v11 > span { border-color:var(--cosmetic-highlight); border-radius:50% 50% 7px 7px; clip-path:none; box-shadow:0 0 0 4px color-mix(in srgb,var(--cosmetic-accent) 58%,#020817),0 0 21px var(--cosmetic-accent),6px 6px 0 #010612; }.bq-cosmetic-art--free-frame.bq-cosmetic-art--v12 > span { border-style:solid double; border-width:4px 8px; clip-path:none; }.bq-cosmetic-art--free-frame.bq-cosmetic-art--v13 > span { border-radius:3px 22px; clip-path:none; }.bq-cosmetic-art--free-frame.bq-cosmetic-art--v14 > span { border-width:6px; border-radius:28% 7px; clip-path:none; box-shadow:0 0 0 2px var(--cosmetic-highlight),0 0 0 5px #020817,6px 6px 0 #010612; }.bq-cosmetic-art--free-frame.bq-cosmetic-art--v15 > span { border-width:2px; border-radius:2px; clip-path:none; box-shadow:0 0 0 5px #020817,0 0 13px var(--cosmetic-accent),6px 6px 0 #010612; }
.bq-cosmetic-art--image::after { content:""; display:block; position:absolute; inset:0; background:linear-gradient(90deg,rgb(2 8 23 / 55%),transparent 58%),linear-gradient(0deg,rgb(2 8 23 / 42%),transparent 55%); }
.bq-cosmetic-art--image.bq-cosmetic-art--v2::after,.bq-cosmetic-art--image.bq-cosmetic-art--v7::after,.bq-cosmetic-art--image.bq-cosmetic-art--v12::after { background:linear-gradient(105deg,rgb(2 8 23 / 66%),transparent 62%),linear-gradient(0deg,color-mix(in srgb,var(--cosmetic-primary) 38%,transparent),transparent 58%); }
.bq-cosmetic-art--image.bq-cosmetic-art--v3::after,.bq-cosmetic-art--image.bq-cosmetic-art--v8::after,.bq-cosmetic-art--image.bq-cosmetic-art--v13::after { background:radial-gradient(circle at 82% 32%,color-mix(in srgb,var(--cosmetic-accent) 18%,transparent),transparent 42%),linear-gradient(90deg,rgb(2 8 23 / 62%),transparent 60%); }
.bq-cosmetic-art--image.bq-cosmetic-art--v4::after,.bq-cosmetic-art--image.bq-cosmetic-art--v9::after,.bq-cosmetic-art--image.bq-cosmetic-art--v14::after { background:linear-gradient(90deg,rgb(2 8 23 / 62%),transparent 54%),linear-gradient(135deg,transparent 56%,color-mix(in srgb,var(--cosmetic-highlight) 17%,transparent)); }
.bq-cosmetic-art--image.bq-cosmetic-art--v5::after,.bq-cosmetic-art--image.bq-cosmetic-art--v10::after,.bq-cosmetic-art--image.bq-cosmetic-art--v15::after { background:linear-gradient(90deg,rgb(2 8 23 / 68%),transparent 64%),radial-gradient(circle at 75% 78%,color-mix(in srgb,var(--cosmetic-highlight) 14%,transparent),transparent 38%); }
.bq-account-store__intro { display:flex; align-items:end; justify-content:space-between; gap:24px; margin:-2px 0 20px; }
.bq-account-store__intro strong { color:#f7edbb; font:900 1rem/1.25 var(--bq-mono); }.bq-account-store__intro p { margin:6px 0 0; color:#7898b9; font-size:.76rem; }
.bq-account-store__intro > a { flex:0 0 auto; color:var(--bq-cyan); font:900 .67rem/1 var(--bq-mono); text-decoration:none; text-transform:uppercase; }
.bq-cosmetic-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.bq-cosmetic { position:relative; display:grid; min-width:0; padding:10px; border:1px solid #214f76; background:#020d24; }
.bq-cosmetic > div { position:relative; display:grid; aspect-ratio:1.55; place-items:center; overflow:hidden; margin-bottom:11px; border:1px solid #24577e; background:#061b3b; }
.bq-cosmetic small { color:#6384a3; font:800 .54rem/1.3 var(--bq-mono); text-transform:uppercase; }.bq-cosmetic strong { overflow:hidden; margin-top:5px; color:#e7f1fb; font:800 .69rem/1.35 var(--bq-mono); text-overflow:ellipsis; white-space:nowrap; }.bq-cosmetic > span { position:absolute; top:17px; right:17px; padding:4px 6px; background:rgb(2 10 25 / 84%); color:#a7deeb; font:800 .5rem/1 var(--bq-mono); text-transform:uppercase; }
.bq-cosmetic--midnight > div { background:radial-gradient(circle at 25% 28%,#fff 0 1px,transparent 2px),radial-gradient(circle at 74% 37%,#f6d95f 0 1px,transparent 2px),linear-gradient(145deg,#08194b,#0e3470 60%,#07132e); background-size:37px 41px,53px 47px,auto; }.bq-cosmetic--midnight i { width:38px; aspect-ratio:1; border-radius:50%; background:#e9dd9c; box-shadow:13px -4px 0 4px #0b2454,0 0 16px #f6d95f66; }
.bq-cosmetic--gold > div,.bq-cosmetic--jade > div { background:radial-gradient(circle,#12345d,#030e25 68%); }.bq-cosmetic--gold i,.bq-cosmetic--jade i { width:70px; aspect-ratio:1; border:8px ridge #e6a62a; box-shadow:0 0 0 3px #6d3b0a,0 0 16px #eaa41766; }.bq-cosmetic--jade i { border:8px double #43b778; border-radius:50%; box-shadow:0 0 0 3px #c49b35,0 0 19px #35d99355; }
.bq-cosmetic--arcade > div { background:linear-gradient(180deg,#061331 0 42%,transparent 43%),linear-gradient(145deg,#17296b,#75397a 54%,#0f768a); }.bq-cosmetic--arcade i { width:80%; height:36%; border:3px solid #eaa417; background:repeating-linear-gradient(90deg,#1de0e8 0 9px,#182b6c 9px 18px); box-shadow:-13px 11px 0 -7px #f34fa5,13px -11px 0 -7px #45e5ee; }
.bq-profile-store-tabs { display:flex; gap:11px; margin-bottom:16px; overflow-x:auto; padding:2px 1px 7px; scrollbar-color:#275d84 transparent; }
.bq-profile-store-tabs button { position:relative; display:grid; grid-template-columns:28px minmax(max-content,1fr) auto; grid-template-rows:1fr 1fr; column-gap:8px; min-width:154px; min-height:59px; padding:10px 12px; border:1px solid #285d83; background:linear-gradient(135deg,#0b2b4e,#061831 62%); color:#b3c8dc; text-align:left; cursor:pointer; clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%); }
.bq-profile-store-tabs button i { grid-row:1 / -1; display:grid; width:28px; aspect-ratio:1; place-items:center; align-self:center; border:1px solid #2f7198; background:#06142e; color:#51dce2; font:900 1rem/1 var(--bq-mono); font-style:normal; }
.bq-profile-store-tabs button i svg { display:block; width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.bq-profile-store-tabs .bq-store-family-icon__fill { fill:currentColor; stroke:none; }
.bq-profile-store-tabs button b { align-self:end; color:inherit; font:900 .6rem/1 var(--bq-mono); text-transform:uppercase; white-space:nowrap; }
.bq-profile-store-tabs button small { align-self:start; color:#6689a7; font:800 .43rem/1.2 var(--bq-mono); letter-spacing:.08em; text-transform:uppercase; }
.bq-profile-store-tabs button span { grid-row:1 / -1; grid-column:3; display:grid; min-width:25px; height:23px; place-items:center; align-self:center; background:#0b2a4e; color:#70a5c5; font:900 .54rem/1 var(--bq-mono); }
.bq-profile-store-tabs button.is-active { border-color:var(--bq-gold); background:linear-gradient(135deg,#3c2c08,#101a24 68%); color:var(--bq-gold-hi); box-shadow:0 0 0 1px rgb(242 189 52 / 18%),inset 0 0 24px rgb(242 189 52 / 8%); }.bq-profile-store-tabs button.is-active i,.bq-profile-store-tabs button.is-active span { border-color:var(--bq-gold); background:var(--bq-gold); color:#06142f; }.bq-profile-store-tabs button.is-active small { color:#d0b260; }
.bq-profile-store-topic-filters { display:flex; align-items:center; gap:8px; margin:-2px 0 12px; overflow-x:auto; padding:2px 0 5px; scrollbar-color:#275d84 transparent; }
.bq-profile-store-topic-filters[hidden] { display:none; }
.bq-profile-store-topic-filters__label { flex:0 0 auto; padding:0 8px 0 1px; color:#5e8fab; font:900 .48rem/1.2 var(--bq-mono); letter-spacing:.08em; text-transform:uppercase; }
.bq-profile-store-topic-filters button { display:flex; flex:0 0 auto; align-items:center; gap:8px; padding:8px 10px; border:1px solid #285d83; background:#061831; color:#8eabc7; font:900 .55rem/1 var(--bq-mono); text-transform:uppercase; cursor:pointer; }
.bq-profile-store-topic-filters button span { display:grid; min-width:20px; height:18px; place-items:center; background:#0b2a4e; color:#70a5c5; font-size:.49rem; }
.bq-profile-store-topic-filters button.is-active { border-color:var(--bq-gold); color:var(--bq-gold-hi); }.bq-profile-store-topic-filters button.is-active span { background:var(--bq-gold); color:#06142f; }
.bq-profile-store-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 0 12px; padding:10px 12px; border:1px solid #1e4f77; background:#04132c; }
.bq-profile-store-toolbar strong { color:#e8f4ff; font:900 .66rem/1 var(--bq-mono); text-transform:uppercase; }.bq-profile-store-toolbar span { color:#7898b7; font:.6rem/1.35 var(--bq-mono); }
.bq-profile-cosmetic-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; max-height:620px; overflow:auto; padding:2px 5px 6px 2px; scrollbar-color:#2d6c96 #031027; }
.bq-profile-cosmetic-grid.is-horizontal-rail { grid-auto-columns:clamp(220px,22vw,286px); grid-auto-flow:column; grid-template-columns:none; max-height:none; overflow-x:auto; overflow-y:hidden; padding:2px 4px 12px 2px; scroll-padding-inline:2px; scroll-snap-type:x proximity; }
.bq-profile-cosmetic-grid.is-horizontal-rail .bq-profile-cosmetic { scroll-snap-align:start; }
.bq-profile-cosmetic { min-width:0; border:1px solid #214f76; background:#020d24; }.bq-profile-cosmetic.is-equipped { border-color:var(--cosmetic-accent); box-shadow:0 0 0 1px var(--cosmetic-accent); }.bq-profile-cosmetic.is-concept .bq-cosmetic-art { filter:saturate(.45); }
.bq-profile-cosmetic > button { position:relative; display:grid; width:100%; min-width:0; padding:7px; border:0; background:transparent; color:inherit; text-align:left; cursor:pointer; }
.bq-profile-cosmetic .bq-cosmetic-art { min-height:108px; margin-bottom:9px; border:1px solid #24577e; }
.bq-profile-cosmetic--board .bq-cosmetic-art::before { inset:10%; opacity:.62; background:conic-gradient(from 90deg,var(--cosmetic-accent) 25%,var(--cosmetic-primary) 0 50%,var(--cosmetic-highlight) 0 75%,#06142f 0)/27px 27px; transform:perspective(180px) rotateX(55deg) rotateZ(var(--art-rotation,0deg)); }
.bq-profile-cosmetic--clan .bq-cosmetic-art::after { width:58px; border-width:0 19px 43px; border-style:solid; border-color:transparent transparent var(--cosmetic-highlight); border-radius:0; clip-path:polygon(50% 0,100% 22%,87% 78%,50% 100%,13% 78%,0 22%); opacity:.78; }
.bq-profile-cosmetic--banner .bq-cosmetic-art::after { width:72%; height:34px; aspect-ratio:auto; }
.bq-profile-cosmetic small { color:#6688a8; font:800 .48rem/1.2 var(--bq-mono); text-transform:uppercase; }.bq-profile-cosmetic strong { overflow:hidden; margin-top:5px; color:#eaf3fc; font:800 .61rem/1.25 var(--bq-mono); text-overflow:ellipsis; white-space:nowrap; }
.bq-profile-cosmetic__status { position:absolute; z-index:2; top:13px; right:13px; padding:4px 5px; background:rgb(2 10 25 / 88%); color:var(--cosmetic-accent); font:900 .45rem/1 var(--bq-mono); text-transform:uppercase; }
.bq-profile-cosmetic__price { margin-top:8px; color:var(--bq-gold-hi); font:900 .55rem/1 var(--bq-mono); }
.bq-profile-store-selection { position:sticky; z-index:8; bottom:12px; display:grid; grid-template-columns:116px minmax(0,1fr) auto; align-items:center; gap:16px; min-height:105px; margin-top:15px; padding:10px; border:1px solid #2b7395; background:rgb(3 15 35 / 96%); box-shadow:0 14px 38px #0009; backdrop-filter:blur(14px); }
.bq-profile-store-selection > .bq-cosmetic-art { min-height:82px; height:82px; border:1px solid #2a668b; }.bq-profile-store-selection > div { display:grid; min-width:0; gap:5px; }.bq-profile-store-selection small { color:#72bfc8; font:800 .54rem/1.2 var(--bq-mono); text-transform:uppercase; }.bq-profile-store-selection strong { overflow:hidden; color:#fff8dd; font:900 .84rem/1.2 var(--bq-mono); text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }.bq-profile-store-selection p { margin:0; color:#8ba8c2; font:.63rem/1.2 var(--bq-mono); }
.bq-profile-store-selection .bq-button:disabled { opacity:.55; cursor:not-allowed; transform:none; }
.bq-payment-open { overflow:hidden; }
body.bq-payment-open .bq-account-page { z-index:200; }
.bq-payment-gateway { position:fixed; z-index:500; inset:0; display:grid; place-items:center; padding:24px; }
.bq-payment-gateway[hidden] { display:none; }
.bq-payment-gateway__backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; background:rgb(1 6 18 / 84%); backdrop-filter:blur(8px); cursor:default; }
.bq-payment-gateway__dialog { position:relative; display:grid; width:min(620px,100%); max-height:min(850px,92vh); gap:16px; overflow:auto; padding:34px; border:2px solid #277da0; background:radial-gradient(circle at 90% 0,rgb(55 222 225 / 13%),transparent 30%),linear-gradient(155deg,#0a2b50,#06142f 60%,#020a1d); box-shadow:0 0 0 5px #020817,0 35px 100px #000d,inset 0 0 55px rgb(26 112 163 / 12%); clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px),0 13px); }
.bq-payment-gateway__close { position:absolute; top:16px; right:16px; display:grid; width:34px; aspect-ratio:1; place-items:center; border:1px solid #2b678d; background:#04142d; color:#b1cbe1; font:900 1.05rem/1 var(--bq-mono); cursor:pointer; }
.bq-payment-gateway__eyebrow { color:var(--bq-cyan); font:900 .58rem/1 var(--bq-mono); letter-spacing:.12em; text-transform:uppercase; }
.bq-payment-gateway__dialog > h2 { margin:0; color:#fff7db; font:900 2rem/1 var(--bq-display); text-transform:uppercase; }
.bq-payment-gateway__dialog > p { margin:-7px 45px 0 0; color:#91acc8; font-size:.77rem; line-height:1.5; }
.bq-payment-gateway__product { display:grid; grid-template-columns:120px minmax(0,1fr) auto; align-items:center; gap:15px; padding:10px; border:1px solid #2b648b; background:#03122c; }
.bq-payment-gateway__product > div:first-child { min-height:78px; }.bq-payment-gateway__product .bq-cosmetic-art { height:78px; border:1px solid #367a9b; }
.bq-payment-gateway__product > div:nth-child(2) { display:grid; min-width:0; gap:5px; }.bq-payment-gateway__product small { color:#6f96b5; font:800 .51rem/1.2 var(--bq-mono); text-transform:uppercase; }.bq-payment-gateway__product strong { color:#f8f0cf; font:900 .8rem/1.25 var(--bq-mono); text-transform:uppercase; }.bq-payment-gateway__product span { color:#8ba8c1; font-size:.66rem; }.bq-payment-gateway__product > b { color:var(--bq-gold-hi); font:900 1rem/1 var(--bq-mono); }
.bq-payment-gateway__methods { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:0; padding:0; border:0; }.bq-payment-gateway__methods legend { margin-bottom:9px; color:#9ab8d1; font:900 .58rem/1 var(--bq-mono); text-transform:uppercase; }.bq-payment-gateway__methods label { position:relative; display:block; }.bq-payment-gateway__methods input { position:absolute; opacity:0; }.bq-payment-gateway__methods label > span { display:grid; min-height:62px; align-content:center; gap:4px; padding:10px; border:1px solid #285b80; background:#061831; color:#c9dcef; font:900 .62rem/1 var(--bq-mono); cursor:pointer; }.bq-payment-gateway__methods label small { color:#6687a5; font:700 .5rem/1.2 var(--bq-mono); }.bq-payment-gateway__methods input:checked + span { border-color:var(--bq-gold); box-shadow:inset 0 -3px var(--bq-gold); color:var(--bq-gold-hi); }
.bq-payment-gateway__total { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:14px; border-top:1px solid #244f74; }.bq-payment-gateway__total > span { display:grid; gap:4px; color:#d9e7f5; font:900 .65rem/1 var(--bq-mono); text-transform:uppercase; }.bq-payment-gateway__total small { color:#698ba9; font:600 .52rem/1.3 var(--bq-mono); text-transform:none; }.bq-payment-gateway__total strong { color:#fff0ac; font:900 1.2rem/1 var(--bq-mono); }
.bq-payment-gateway__continue { width:100%; }.bq-payment-gateway__status { min-height:1.3em; margin:-6px 0 0!important; color:#65e5d9!important; font:700 .62rem/1.4 var(--bq-mono); }.bq-payment-gateway__legal { color:#5f7e9d; font:.54rem/1.4 var(--bq-mono); }
body.bq-profile-cart-open .bq-account-page { z-index:200; }
.bq-profile-customizer__controls { display:flex!important; align-items:flex-start; gap:8px; }.bq-profile-customizer__controls > button { display:grid; width:34px; aspect-ratio:1; place-items:center; border:1px solid #2e668c; background:#04142d; color:#a6c2da; font:800 1.15rem/1 var(--bq-mono); cursor:pointer; }.bq-profile-customizer__controls > button:hover:not(:disabled),.bq-profile-customizer__controls > button:focus-visible:not(:disabled) { border-color:#e6a727; color:#ffd760; outline:none; }.bq-profile-customizer__cart { position:relative; }.bq-profile-customizer__cart svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-linecap:square; stroke-linejoin:miter; stroke-width:1.8; }.bq-profile-customizer__cart small { position:absolute; right:-7px; bottom:-7px; display:grid; min-width:17px; height:17px; place-items:center; border:1px solid #06142f; background:var(--bq-gold); color:#06142f; font:900 .48rem/1 var(--bq-mono); }.bq-profile-customizer__cart:disabled { opacity:.45; cursor:not-allowed; }.bq-profile-cart__items,.bq-payment-gateway__products { display:grid; gap:10px; }.bq-profile-cart__product { position:relative; grid-template-columns:82px minmax(0,1fr); }.bq-profile-cart__product > b { grid-column:2; grid-row:2; text-align:left; }.bq-profile-cart__product > button { position:absolute; top:8px; right:8px; display:grid; width:25px; aspect-ratio:1; place-items:center; border:1px solid #2b678d; background:#04142d; color:#b1cbe1; font:900 .9rem/1 var(--bq-mono); cursor:pointer; }.bq-profile-cart__product > button:hover,.bq-profile-cart__product > button:focus-visible { border-color:#e6a727; color:#ffd760; outline:0; }
.bq-profile-cart__panel { right:0; left:auto; }.bq-profile-cart__close { right:16px; left:auto; }.bq-banner-choice__action { min-height:42px; }
@media (hover:hover) and (pointer:fine) { .bq-profile-banner__background-edit:hover { border-color:var(--bq-gold); color:var(--bq-gold-hi); transform:translateY(-2px); }.bq-banner-choice:hover,.bq-profile-cosmetic:hover { border-color:var(--cosmetic-accent); transform:translateY(-2px); }.bq-profile-cosmetic > button:hover { background:#082040; } }

@media (max-width:1100px) {
  .bq-profile-banner__content { gap:20px; padding-inline:30px; }
  .bq-profile-avatar-frame { width:122px; }
  .bq-profile-banner__rank { width:122px; }
  .bq-profile-banner__stats { right:30px; }
  .bq-cosmetic-grid { grid-template-columns:repeat(2,1fr); }
  .bq-profile-cosmetic-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .bq-avatar-editor { grid-template-columns:1fr; }.bq-avatar-editor__controls { border-top:1px solid #275d84; border-left:0; }
}

@media (max-width:900px) {
  body.bq-player-area .bq-route-main { width:calc(100vw - 82px); margin-inline-start:82px; }body.bq-player-area .bq-toast { margin-inline-start:82px; }
  .bq-player-sidebar { width:82px; }
  .bq-player-sidebar__brand { min-height:82px; padding:17px 10px; }
  .bq-player-sidebar__brand img { width:62px; }
  .bq-player-sidebar__identity { display:flex; justify-content:center; padding:13px 10px; }.bq-player-sidebar__identity div { display:none; }
  .bq-player-sidebar__nav { padding:13px 9px; }.bq-player-sidebar__nav a { display:flex; min-height:50px; justify-content:center; padding:12px; }.bq-player-sidebar__nav a span,.bq-player-sidebar__nav a > small { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }.bq-player-sidebar__nav a::before { left:-10px; }
  .bq-player-sidebar__bottom { padding:13px 9px 17px; }.bq-player-sidebar__play,.bq-player-sidebar__logout { display:flex; justify-content:center; padding:9px; }.bq-player-sidebar__bottom a span:last-child,.bq-player-sidebar__bottom button span:last-child { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
  .bq-player-sidebar__language .bq-language__trigger { min-width:0; padding:7px; }.bq-player-sidebar__language .bq-language__code,.bq-player-sidebar__language .bq-language__caret { display:none; }.bq-player-sidebar__language .bq-language__panel { left:calc(100% + 12px); bottom:0; }
  body.bq-player-area .bq-account-page__shell { width:calc(100% - 30px); }
  .bq-profile-hub { gap:7px; }
  .bq-profile-hub > a { flex-basis:132px; min-height:48px; padding-inline:14px; }
  .bq-profile-banner-wrap { margin-right:34px; }
  .bq-profile-banner__background-edit { right:-33px; width:34px; }
  .bq-profile-banner__content { grid-template-columns:auto minmax(0,1fr); padding:35px 28px 82px; }
  .bq-profile-banner__rank { grid-column:1/3; grid-row:2; width:100%; }.bq-profile-banner__identity { grid-row:1; grid-column:2; }
  .bq-profile-banner__stats { right:28px; bottom:22px; }
  body.bq-player-area .bq-account__columns { grid-template-columns:1fr; }
  .bq-profile-cosmetic-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
	.bq-banner-picker__grid { grid-auto-columns:min(42vw,280px); }
}

@media (max-width:620px) {
  html { scroll-padding-top:70px; }
  body.bq-player-area .bq-route-main { width:calc(100vw - 66px); margin-inline-start:66px; }body.bq-player-area .bq-toast { margin-inline-start:66px; }
  .bq-player-sidebar { width:66px; }.bq-player-sidebar__brand { min-height:66px; padding:13px 8px; }.bq-player-sidebar__brand img { width:50px; }.bq-player-sidebar__identity { padding:10px 7px; }.bq-player-sidebar__identity > span { width:38px; }.bq-player-sidebar__nav { padding-inline:7px; }.bq-player-sidebar__nav a::before { left:-8px; }
	body.bq-player-area .bq-account-page { padding-top:14px; }
  body.bq-player-area .bq-account-page__shell { width:calc(100vw - 86px); }
  .bq-profile-hub { margin-right:-2px; padding-bottom:5px; }
  .bq-profile-hub > a { flex:0 0 auto; min-height:45px; padding:10px 13px; font-size:.58rem; }
  .bq-profile-hub > a svg { width:17px; height:17px; }
  .bq-profile-banner-wrap { margin-right:28px; }
  .bq-profile-banner__background-edit { right:-27px; bottom:16px; width:28px; height:46px; }
  .bq-profile-banner { min-height:0; }.bq-profile-banner__content { min-height:0; grid-template-columns:82px minmax(0,1fr); gap:16px; padding:62px 18px 96px; }
  .bq-profile-avatar-frame { width:82px; padding:7px; border-width:3px; }.bq-profile-avatar { font-size:2.4rem; }
  .bq-profile-banner__identity > strong { font-size:clamp(1.65rem,8vw,2.25rem); }.bq-profile-banner__identity p { margin-top:11px; font-size:.76rem; }
  .bq-profile-banner__rank { grid-column:1/3; grid-row:2; width:100%; grid-template-columns:50px 1fr; justify-items:start; align-items:center; text-align:left; }.bq-profile-banner__rank > span { grid-row:1/3; width:45px; }.bq-profile-banner__rank strong { margin:2px 0 0; }
	.bq-profile-banner__stats { right:66px; bottom:17px; left:18px; }.bq-profile-banner__stats div { min-width:0; flex:1; }
  .bq-profile-banner__edit { top:21px; right:18px; }
  body.bq-player-area .bq-account__panel { padding:17px; }
  .bq-account-store__intro { align-items:start; flex-direction:column; gap:12px; }.bq-cosmetic-grid { grid-template-columns:1fr; }.bq-cosmetic > div { aspect-ratio:2.2; }
  .bq-profile-store-toolbar { align-items:flex-start; flex-direction:column; gap:5px; }.bq-profile-cosmetic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); max-height:540px; }.bq-profile-store-selection { grid-template-columns:76px minmax(0,1fr); gap:10px; }.bq-profile-store-selection > .bq-cosmetic-art { min-height:62px; height:62px; }.bq-profile-store-selection .bq-button { grid-column:1/-1; width:100%; }
  .bq-profile-preview { min-height:190px; }.bq-profile-preview__content { grid-template-columns:72px minmax(0,1fr); inset-inline:13px; }.bq-profile-preview__frame { width:72px; }.bq-profile-preview__content strong { font-size:1.25rem; }
	.bq-banner-picker { padding:16px; }.bq-banner-picker__grid { grid-auto-columns:min(78vw,270px); }.bq-banner-picker__heading h2 { font-size:1.15rem; }
	.bq-profile-cart__panel { width:min(390px,calc(100vw - 12px)); padding:42px 18px 22px; }.bq-profile-cart__panel > h2 { font-size:1.55rem; }.bq-profile-cart__product { grid-template-columns:78px minmax(0,1fr); }.bq-profile-cart__product > div:first-child,.bq-profile-cart__product .bq-cosmetic-art { min-height:66px; height:66px; }
  .bq-profile-invitation { grid-template-columns:90px minmax(0,1fr); gap:12px; }.bq-profile-invitation > img { width:90px; }.bq-profile-invitation .bq-button { grid-column:1/-1; width:100%; justify-self:stretch; }.bq-country-picker__options { grid-template-columns:1fr; }.bq-registration-invitation { grid-template-columns:90px minmax(0,1fr); }.bq-registration-invitation img { width:90px; }.bq-registration-invitation code { grid-column:1/-1; }
  .bq-payment-gateway { padding:10px; }.bq-payment-gateway__dialog { gap:13px; padding:26px 18px 20px; }.bq-payment-gateway__dialog > h2 { padding-right:30px; font-size:1.55rem; }.bq-payment-gateway__dialog > p { margin-right:0; }.bq-payment-gateway__product { grid-template-columns:88px minmax(0,1fr); }.bq-payment-gateway__product > b { grid-column:1/-1; text-align:right; }.bq-payment-gateway__product > div:first-child,.bq-payment-gateway__product .bq-cosmetic-art { min-height:62px; height:62px; }.bq-payment-gateway__methods { grid-template-columns:1fr; }.bq-payment-gateway__methods label > span { min-height:48px; }
  .bq-account-ranks { grid-template-columns:repeat(2,1fr); }.bq-account-rank > span { width:72px; }
}

@media (prefers-reduced-motion:reduce) {
  .bq-player-sidebar__nav a { transition:none; }
  .bq-profile-customizer:not([hidden]),.bq-profile-customizer__tabs button,.bq-banner-choice,.bq-banner-choice__action,.bq-profile-banner__background-edit { transition:none; transform:none; }.bq-vip-name::before { animation:none; opacity:.4; }.bq-vip-name::after { animation:none; opacity:.28; }
}

/* Account feature shells: KYC, battle passes, withdrawals and VIP. */
.bq-account-feature { position:relative; min-width:0; overflow:hidden; border:1px solid #27698e; background:radial-gradient(circle at 90% 0,rgb(53 229 233 / 10%),transparent 28%),linear-gradient(145deg,#071d3e,#020a1d 72%); box-shadow:0 24px 65px rgb(0 0 0 / 26%); }
.bq-account-feature__hero { position:relative; isolation:isolate; display:grid; min-height:250px; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:40px; padding:42px 46px; overflow:hidden; border-bottom:1px solid #28658c; background:linear-gradient(100deg,rgb(3 15 37 / 96%),rgb(7 47 78 / 73%)); }
.bq-account-feature__hero::before { content:""; position:absolute; z-index:-1; inset:0; opacity:.48; background-image:linear-gradient(135deg,transparent 43%,rgb(45 121 159 / 18%) 44% 50%,transparent 51%),radial-gradient(circle,var(--bq-cyan) 0 1px,transparent 2px); background-size:170px 100%,97px 83px; }
.bq-account-feature__hero > div:first-child { max-width:760px; }
.bq-account-feature__hero > div:first-child > span { color:var(--bq-cyan); font:900 .57rem/1 var(--bq-mono); letter-spacing:.13em; text-transform:uppercase; }
.bq-account-feature__hero h2 { margin:12px 0 13px; color:#fff4d5; font:900 clamp(2.5rem,5.6vw,5rem)/.9 var(--bq-display); letter-spacing:.02em; text-transform:uppercase; text-shadow:0 5px #020817; }
.bq-account-feature__hero p { max-width:680px; margin:0; color:#a8c1d9; font-size:.88rem; line-height:1.55; }
.bq-account-feature__seal { display:grid; width:132px; aspect-ratio:1; place-content:center; justify-items:center; gap:6px; border:3px double #3bd9d9; background:radial-gradient(circle,#12626b,#06142f 68%); color:#75f0bc; box-shadow:0 0 0 7px #04132d,0 0 45px rgb(53 229 233 / 22%); clip-path:polygon(50% 0,92% 19%,100% 64%,73% 100%,27% 100%,0 64%,8% 19%); }
.bq-account-feature__seal i { font:900 2.4rem/1 var(--bq-mono); font-style:normal; }.bq-account-feature__seal small { color:#bff8f1; font:900 .6rem/1 var(--bq-mono); letter-spacing:.12em; }
.bq-kyc-identity-mark { display:grid; width:178px; height:172px; place-items:center; border:0; background:transparent; box-shadow:none; clip-path:none; }
.bq-kyc-identity-mark img { display:block; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 14px 18px rgb(0 0 0 / 38%)) drop-shadow(0 0 18px rgb(53 229 233 / 18%)); }
.bq-feature-status { display:flex; align-items:center; gap:15px; margin:24px 26px 0; padding:18px 20px; border:1px solid #245d82; background:#04142e; }
.bq-feature-status__dot { width:13px; aspect-ratio:1; border:2px solid #0a1c35; background:#e3a521; box-shadow:0 0 0 3px #e3a52122,0 0 15px #e3a52188; }.bq-kyc-view--verified .bq-feature-status__dot { background:#58e8ae; box-shadow:0 0 0 3px #58e8ae22,0 0 15px #58e8ae88; }
.bq-feature-status > div { display:grid; gap:4px; }.bq-feature-status small { color:#6d90ae; font:800 .52rem/1 var(--bq-mono); text-transform:uppercase; }.bq-feature-status strong { color:#f7edcd; font:900 .84rem/1.25 var(--bq-mono); }.bq-feature-status p { margin:0; color:#8eabc4; font-size:.7rem; }
.bq-kyc-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:24px 26px; padding:0; border:1px solid #24577d; list-style:none; }
.bq-kyc-steps li { position:relative; display:grid; min-width:0; grid-template-columns:auto 1fr; align-items:center; gap:12px; padding:20px 17px; background:#030e26; }.bq-kyc-steps li + li { border-left:1px solid #24577d; }
.bq-kyc-steps li > span { display:grid; width:35px; aspect-ratio:1; place-items:center; border:1px solid #295b7e; color:#6989a5; font:900 .56rem/1 var(--bq-mono); }.bq-kyc-steps li strong,.bq-kyc-steps li small { display:block; }.bq-kyc-steps li strong { color:#b8cee0; font:900 .68rem/1.25 var(--bq-mono); }.bq-kyc-steps li small { margin-top:6px; color:#6585a1; font-size:.62rem; line-height:1.4; }
.bq-kyc-steps li.is-current { background:linear-gradient(145deg,#0a2b4e,#041229); box-shadow:inset 0 -3px var(--bq-gold); }.bq-kyc-steps li.is-current > span { border-color:var(--bq-gold); color:var(--bq-gold-hi); }.bq-kyc-steps li.is-complete > span { border-color:#45d9aa; background:#0a4a3e; color:#7bf4bf; }.bq-kyc-steps li.is-complete strong { color:#dff9ee; }
.bq-account-feature__split { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:0 26px 24px; }.bq-account-feature__split article { display:grid; grid-template-columns:auto 1fr; align-items:start; gap:13px; padding:18px; border:1px solid #1d4e74; background:rgb(2 12 31 / 70%); }.bq-account-feature__split article > span { display:grid; width:38px; aspect-ratio:1; place-items:center; border:1px solid #30728c; color:var(--bq-cyan); font:900 1rem/1 var(--bq-mono); }.bq-account-feature__split strong { color:#e9f3fa; font:900 .68rem/1.3 var(--bq-mono); }.bq-account-feature__split p { margin:7px 0 0; color:#7898b5; font-size:.67rem; line-height:1.5; }
.bq-account-feature__action { display:flex; align-items:center; justify-content:space-between; gap:22px; padding:22px 26px; border-top:1px solid #286087; background:#04142e; }.bq-account-feature__action > div { display:grid; gap:5px; }.bq-account-feature__action strong { color:#fff0bd; font:900 .72rem/1.3 var(--bq-mono); }.bq-account-feature__action small { color:#7895af; font-size:.65rem; line-height:1.4; }.bq-account-feature__action .bq-button:disabled { filter:saturate(.35); opacity:.6; cursor:not-allowed; }
.bq-account-feature__message { min-height:1.3em; margin:13px 26px 20px; color:#65e2d1; font:.61rem/1.45 var(--bq-mono); }
.bq-kyc-unavailable-modal[hidden] { display:none; }
.bq-kyc-unavailable-modal { position:fixed; z-index:10001; inset:0; display:grid; place-items:center; padding:24px; }
.bq-kyc-unavailable-modal__backdrop { position:absolute; inset:0; border:0; background:rgb(1 6 22 / 86%); backdrop-filter:blur(10px); cursor:default; }
.bq-kyc-unavailable-modal__dialog { position:relative; display:grid; justify-items:center; width:min(490px,100%); padding:42px 42px 35px; overflow:hidden; border:2px solid #2b779b; background:radial-gradient(circle at 50% 0,rgb(53 229 233 / 18%),transparent 32%),linear-gradient(160deg,#0b2b55,#06142f 62%,#030b20); box-shadow:0 0 0 5px #020817,0 34px 100px #000c,inset 0 0 70px rgb(17 73 135 / 18%); color:#d6e8f7; text-align:center; clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px),0 13px); }
.bq-kyc-unavailable-modal__dialog:focus { outline:none; }.bq-kyc-unavailable-modal__dialog:focus-visible { box-shadow:0 0 0 5px #020817,0 0 0 8px var(--bq-cyan),0 34px 100px #000c; }
.bq-kyc-unavailable-modal__close { position:absolute; top:13px; right:15px; display:grid; width:36px; height:36px; place-items:center; padding:0; border:1px solid #2a6d99; background:#071b39; color:#c8ddf2; font:400 1.55rem/1 Arial; cursor:pointer; }.bq-kyc-unavailable-modal__close:hover,.bq-kyc-unavailable-modal__close:focus-visible { border-color:var(--bq-gold); color:var(--bq-gold-hi); outline:none; }
.bq-kyc-unavailable-modal__icon { display:grid; width:145px; height:124px; place-items:center; margin:-6px 0 14px; }.bq-kyc-unavailable-modal__icon img { display:block; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 12px 18px rgb(0 0 0 / 42%)) drop-shadow(0 0 16px rgb(53 229 233 / 18%)); image-rendering:auto; }
.bq-kyc-unavailable-modal__dialog > span { color:var(--bq-cyan); font:900 .58rem/1 var(--bq-mono); letter-spacing:.13em; }.bq-kyc-unavailable-modal__dialog h2 { margin:12px 0; color:#fff3cc; font:900 clamp(1.8rem,7vw,2.65rem)/.95 var(--bq-display); text-transform:uppercase; text-shadow:0 4px #020817; }.bq-kyc-unavailable-modal__dialog h2 em { color:var(--bq-gold-hi); font:inherit; font-style:normal; }.bq-kyc-unavailable-modal__dialog p { margin:0; color:#c2d4e7; font-size:.91rem; line-height:1.55; }.bq-kyc-unavailable-modal__dialog > small { margin:13px 0 24px; color:#82a3bf; font-size:.72rem; line-height:1.5; }.bq-kyc-unavailable-modal__dialog .bq-button { min-width:145px; }

.bq-logout-confirmation[hidden] { display:none; }
.bq-logout-confirmation { position:fixed; z-index:10002; inset:0; display:grid; place-items:center; padding:24px; }
.bq-logout-confirmation__backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; background:rgb(1 6 22 / 88%); backdrop-filter:blur(10px); cursor:default; }
.bq-logout-confirmation__dialog { position:relative; display:grid; width:min(480px,100%); padding:40px 40px 34px; overflow:hidden; border:2px solid #2b779b; background:radial-gradient(circle at 50% 0,rgb(53 229 233 / 18%),transparent 32%),linear-gradient(160deg,#0b2b55,#06142f 62%,#030b20); box-shadow:0 0 0 5px #020817,0 34px 100px #000c,inset 0 0 70px rgb(17 73 135 / 18%); color:#d6e8f7; text-align:center; clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px),0 13px); }
.bq-logout-confirmation__dialog:focus { outline:none; }.bq-logout-confirmation__dialog:focus-visible { box-shadow:0 0 0 5px #020817,0 0 0 8px var(--bq-cyan),0 34px 100px #000c; }
.bq-logout-confirmation__close { position:absolute; top:13px; right:15px; display:grid; width:36px; height:36px; place-items:center; padding:0; border:1px solid #2a6d99; background:#071b39; color:#c8ddf2; font:400 1.55rem/1 Arial; cursor:pointer; }.bq-logout-confirmation__close:hover,.bq-logout-confirmation__close:focus-visible { border-color:var(--bq-gold); color:var(--bq-gold-hi); outline:none; }
.bq-logout-confirmation__eyebrow { color:var(--bq-cyan); font:900 .58rem/1 var(--bq-mono); letter-spacing:.13em; text-transform:uppercase; }.bq-logout-confirmation__dialog h2 { margin:12px 28px; color:#fff3cc; font:900 clamp(1.8rem,7vw,2.55rem)/.95 var(--bq-display); text-transform:uppercase; text-shadow:0 4px #020817; }.bq-logout-confirmation__dialog p { margin:0; color:#c2d4e7; font-size:.91rem; line-height:1.55; }.bq-logout-confirmation__dialog > small { margin:13px 0 24px; color:#82a3bf; font-size:.72rem; line-height:1.5; }.bq-logout-confirmation__actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.bq-logout-confirmation__actions .bq-button { min-height:47px; padding-inline:12px; font-size:.6rem; }.bq-logout-confirmation__confirm { border-color:#c85d68!important; background:linear-gradient(180deg,#732938,#461528)!important; color:#ffe1d1!important; box-shadow:inset 0 -3px #2b0c1c,0 0 16px rgb(207 81 95 / 16%); }.bq-logout-confirmation__confirm:hover,.bq-logout-confirmation__confirm:focus-visible { border-color:#ff9da5!important; background:linear-gradient(180deg,#93384b,#5b1b31)!important; outline:none; }
body.bq-logout-confirmation-open { overflow:hidden; }

.bq-account-feature__hero--passes { background:radial-gradient(circle at 75% 36%,rgb(112 68 229 / 24%),transparent 24%),linear-gradient(100deg,#061632,#171348 75%,#071327); }
.bq-season-progress { display:grid; width:220px; gap:7px; padding:20px; border:1px solid #6551a8; background:rgb(3 10 29 / 82%); }.bq-season-progress small,.bq-season-progress em { color:#8d8bbb; font:800 .53rem/1.3 var(--bq-mono); font-style:normal; text-transform:uppercase; }.bq-season-progress strong { color:#f1df83; font:900 .86rem/1.2 var(--bq-mono); }.bq-season-progress i { height:5px; background:#24214c; }.bq-season-progress i span { display:block; height:100%; background:linear-gradient(90deg,#925af0,var(--bq-cyan)); }
.bq-battle-pass-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; padding:26px; }
.bq-battle-pass { position:relative; min-width:0; padding:10px 10px 15px; overflow:hidden; border:1px solid #2b587c; background:linear-gradient(180deg,#0b2140,#030d23); box-shadow:inset 0 -4px var(--pass-accent,#3bcfd3); }.bq-battle-pass::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(120deg,transparent 42%,rgb(255 255 255 / 6%) 49%,transparent 56%); transform:translateX(-120%); transition:transform .35s ease; }.bq-battle-pass:hover::after { transform:translateX(120%); }
.bq-battle-pass--violet { --pass-accent:#9a5bf2; }.bq-battle-pass--green { --pass-accent:#3cda9c; }.bq-battle-pass--red { --pass-accent:#ef5555; }.bq-battle-pass--gold { --pass-accent:#e6aa29; }
.bq-battle-pass > div { overflow:hidden; border:1px solid color-mix(in srgb,var(--pass-accent) 65%,#153a60); background:#020817; }.bq-battle-pass img { display:block; width:100%; aspect-ratio:2/3; object-fit:cover; transition:transform .25s ease; }.bq-battle-pass:hover img { transform:scale(1.025); }.bq-battle-pass > span { display:block; margin-top:13px; color:var(--pass-accent); font:900 .49rem/1 var(--bq-mono); letter-spacing:.1em; text-transform:uppercase; }.bq-battle-pass h3 { min-height:2.5em; margin:7px 0 4px; color:#fff0bd; font:900 .69rem/1.25 var(--bq-mono); }.bq-battle-pass p { min-height:3.9em; margin:0 0 12px; color:#7895af; font-size:.62rem; line-height:1.45; }.bq-battle-pass dl { display:grid; gap:6px; margin:0 0 13px; }.bq-battle-pass dl div { display:flex; justify-content:space-between; gap:8px; padding-top:6px; border-top:1px solid #173a5d; }.bq-battle-pass dt { color:#5f7f9d; font:800 .47rem/1.3 var(--bq-mono); }.bq-battle-pass dd { margin:0; color:#bcd2e3; font:900 .5rem/1.3 var(--bq-mono); text-align:right; }.bq-battle-pass button { width:100%; min-height:34px; border:1px solid #2d587a; background:#07162e; color:#6885a0; font:900 .51rem/1 var(--bq-mono); text-transform:uppercase; cursor:not-allowed; }

/* Comunidad: un hub social de acciones concretas, separado de la gestión de clan. */
.bq-community { --community-line:#225f87; --community-panel:#041631; overflow:visible; }.bq-community__hero { min-height:286px; background:radial-gradient(circle at 78% 35%,rgb(54 225 225 / 20%),transparent 22%),radial-gradient(circle at 67% 4%,rgb(83 109 237 / 20%),transparent 20%),linear-gradient(100deg,#061530,#0b3154 80%,#07142d); }.bq-community-beacon { display:grid; width:135px; aspect-ratio:1; place-content:center; justify-items:center; gap:5px; border:1px solid #55dbde; background:radial-gradient(circle,#176a75,#061731 69%); box-shadow:0 0 0 8px rgb(4 21 46 / 72%),0 0 42px rgb(60 229 230 / 27%); clip-path:polygon(50% 0,91% 17%,100% 59%,72% 100%,28% 100%,0 59%,9% 17%); }.bq-community-beacon i { color:#c9ffff; font:900 2.45rem/1 var(--bq-mono); font-style:normal; text-shadow:0 0 16px #43e4e5; }.bq-community-beacon strong { color:#ffdfa0; font:900 .58rem/1 var(--bq-mono); letter-spacing:.13em; }.bq-community-beacon small { color:#9ed5e5; font:700 .48rem/1.25 var(--bq-mono); text-align:center; text-transform:uppercase; }
.bq-community-pulse { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-bottom:1px solid var(--community-line); background:linear-gradient(180deg,#081e3d,#04132c); }.bq-community-pulse article { display:flex; min-width:0; align-items:center; gap:13px; padding:18px 22px; border-right:1px solid #194968; }.bq-community-pulse article:last-child { border-right:0; }.bq-community-pulse i { display:grid; width:36px; aspect-ratio:1; flex:0 0 auto; place-items:center; border:1px solid #29879b; background:#072c4b; color:#6ce9e8; font:900 1.12rem/1 var(--bq-mono); font-style:normal; }.bq-community-pulse span { display:grid; min-width:0; gap:4px; color:#769ab7; font:700 .54rem/1.25 var(--bq-mono); letter-spacing:.06em; text-transform:uppercase; }.bq-community-pulse strong { overflow:hidden; color:#f9e6a9; font:900 .82rem/1.2 var(--bq-mono); text-overflow:ellipsis; white-space:nowrap; }
.bq-community-layout { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr); gap:16px; padding:24px; }.bq-community-main,.bq-community-side { display:grid; align-content:start; gap:16px; }.bq-community-section { min-width:0; border:1px solid #1e5278; background:linear-gradient(145deg,rgb(6 27 57 / 96%),rgb(2 12 30 / 98%)); box-shadow:inset 0 1px rgb(255 255 255 / 3%),0 14px 30px rgb(0 0 0 / 16%); }.bq-community-section > header { display:flex; min-width:0; align-items:center; gap:13px; padding:17px 19px; border-bottom:1px solid #1b4a6d; background:linear-gradient(90deg,rgb(11 47 80 / 72%),rgb(3 16 37 / 30%)); }.bq-community-section > header > span { color:#55e2df; font:900 .64rem/1 var(--bq-mono); }.bq-community-section > header > div { min-width:0; }.bq-community-section > header h3 { margin:0; color:#f2f7fb; font:900 .77rem/1.25 var(--bq-mono); letter-spacing:.04em; text-transform:uppercase; }.bq-community-section > header p { margin:4px 0 0; color:#7698b4; font-size:.67rem; line-height:1.35; }.bq-community-section > header > small { margin-left:auto; color:#ffdc88; font:800 .53rem/1.2 var(--bq-mono); text-align:right; text-transform:uppercase; }.bq-community-section > header > a,.bq-community-ranking > a,.bq-community-safety > a { margin-left:auto; color:#6ce8e5; font:900 .57rem/1.2 var(--bq-mono); letter-spacing:.035em; text-decoration:none; text-transform:uppercase; }.bq-community-section > header > a:hover,.bq-community-section > header > a:focus-visible,.bq-community-ranking > a:hover,.bq-community-safety > a:hover { color:#fff2b5; outline:none; }
.bq-community-activity { display:grid; gap:0; margin:0; padding:0; list-style:none; }.bq-community-activity li { display:grid; grid-template-columns:35px minmax(0,1fr) auto; align-items:center; gap:13px; padding:15px 19px; border-top:1px solid rgb(34 82 118 / 70%); }.bq-community-activity li:first-child { border-top:0; }.bq-community-activity i { display:grid; width:32px; aspect-ratio:1; place-items:center; border:1px solid #226e91; color:#6be6df; font:900 .9rem/1 var(--bq-mono); font-style:normal; }.bq-community-activity strong { color:#dcebf6; font:800 .67rem/1.3 var(--bq-mono); }.bq-community-activity p { margin:4px 0 0; color:#7897b1; font-size:.67rem; line-height:1.45; }.bq-community-activity a { color:#f6d98c; font:800 .52rem/1.2 var(--bq-mono); text-decoration:none; text-align:right; text-transform:uppercase; }
.bq-community-challenge > div { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:18px; padding:20px; background:radial-gradient(circle at 12% 50%,rgb(234 164 23 / 14%),transparent 25%),linear-gradient(120deg,#071a36,#06112a); }.bq-community-challenge__emblem { display:grid; width:62px; aspect-ratio:1; place-items:center; border:2px double #d9a84a; background:radial-gradient(circle,#74491a,#101832 72%); color:#fff0ab; font:900 1.8rem/1 var(--bq-mono); box-shadow:0 0 18px rgb(228 169 57 / 25%); }.bq-community-challenge strong { color:#fff0ba; font:900 .78rem/1.3 var(--bq-mono); text-transform:uppercase; }.bq-community-challenge p { margin:7px 0 11px; color:#8ca9c2; font-size:.68rem; line-height:1.48; }.bq-community-challenge small { color:#6ee4d9; font:800 .53rem/1.2 var(--bq-mono); }.bq-community-progress { height:5px; margin-bottom:7px; overflow:hidden; background:#102b4d; }.bq-community-progress span { display:block; width:0; height:100%; background:linear-gradient(90deg,#e9ad36,#59e1dc); }.bq-community-challenge .bq-button { white-space:nowrap; }
.bq-community-discovery-tools { display:flex; align-items:center; justify-content:space-between; gap:13px; padding:15px 19px; border-bottom:1px solid #1c4b6d; }.bq-community-discovery-tools label { position:relative; flex:1; }.bq-community-discovery-tools label::before { content:'⌕'; position:absolute; top:50%; left:11px; color:#65cfd6; font:900 .9rem/1 var(--bq-mono); transform:translateY(-50%); }.bq-community-discovery-tools input { width:100%; min-height:38px; padding:8px 11px 8px 32px; border:1px solid #225b7c; background:#03112a; color:#e6f4fb; font:.65rem/1 var(--bq-mono); }.bq-community-discovery-tools input:focus { border-color:#5ce4df; outline:2px solid rgb(92 228 223 / 22%); }.bq-community-discovery-tools > span { color:#7ea7c2; font:800 .55rem/1.2 var(--bq-mono); white-space:nowrap; }
.bq-community-players { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:16px; }.bq-community-player { min-width:0; padding:14px; border:1px solid #1e547b; background:linear-gradient(155deg,#082343,#031027); }.bq-community-player[hidden] { display:none; }.bq-community-player__top { display:grid; grid-template-columns:42px minmax(0,1fr) 8px; align-items:center; gap:10px; }.bq-community-avatar { display:grid; width:42px; aspect-ratio:1; place-items:center; overflow:hidden; border:1px solid #4595ad; background:linear-gradient(145deg,#174870,#092344); color:#fff1a8; font:900 1rem/1 var(--bq-mono); }.bq-community-avatar img { width:100%; height:100%; object-fit:cover; }.bq-community-avatar--small { width:29px; font-size:.66rem; }.bq-community-player__top strong { display:block; overflow:hidden; color:#ebf7ff; font:800 .68rem/1.2 var(--bq-mono); text-overflow:ellipsis; white-space:nowrap; }.bq-community-player__top small { display:block; overflow:hidden; margin-top:4px; color:#6ee6d8; font:700 .52rem/1.2 var(--bq-mono); text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }.bq-community-player__top > i { width:7px; aspect-ratio:1; background:#53eaa3; box-shadow:0 0 9px #53eaa3; }.bq-community-player dl,.bq-community-clans dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin:14px 0; }.bq-community-player dl div,.bq-community-clans dl div { padding:7px; border:1px solid #173e61; background:#04162f; }.bq-community-player dt,.bq-community-clans dt { color:#6384a2; font:800 .46rem/1.2 var(--bq-mono); text-transform:uppercase; }.bq-community-player dd,.bq-community-clans dd { overflow:hidden; margin:4px 0 0; color:#c5d8e8; font:800 .58rem/1.2 var(--bq-mono); text-overflow:ellipsis; white-space:nowrap; }.bq-community-player__actions { display:grid; grid-template-columns:minmax(0,1fr) 34px; gap:7px; }.bq-community-player__actions .bq-button { width:100%; min-height:34px; padding-inline:7px; font-size:.5rem; }.bq-community-icon-button { border:1px solid #7b3948; background:#25142a; color:#ff98a2; font:900 1rem/1 var(--bq-mono); cursor:pointer; }.bq-community-icon-button:hover,.bq-community-icon-button:focus-visible { border-color:#ff95a1; background:#45203a; outline:none; }.bq-community-report { margin-top:10px; color:#7798b4; font:700 .5rem/1.2 var(--bq-mono); text-transform:uppercase; }.bq-community-report summary { width:max-content; cursor:pointer; }.bq-community-report form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px; margin-top:8px; }.bq-community-report select,.bq-community-report button { min-height:30px; border:1px solid #2a5d80; background:#041730; color:#b9cee0; font:700 .49rem/1 var(--bq-mono); }.bq-community-report button { padding:0 8px; color:#ffbdc3; cursor:pointer; }.bq-community-empty { display:grid; min-height:210px; place-content:center; justify-items:center; gap:9px; grid-column:1/-1; padding:25px; color:#7795b2; text-align:center; }.bq-community-empty i { color:#5fe2dc; font:900 1.7rem/1 var(--bq-mono); font-style:normal; }.bq-community-empty strong { color:#dbeaf5; font:800 .7rem/1.3 var(--bq-mono); }.bq-community-empty p { max-width:360px; margin:0; font-size:.68rem; line-height:1.45; }
.bq-community-ranking ol { display:grid; gap:0; margin:0; padding:0; list-style:none; }.bq-community-ranking li { display:grid; grid-template-columns:22px 29px minmax(0,1fr) auto; align-items:center; gap:8px; padding:11px 15px; border-top:1px solid #1a4768; }.bq-community-ranking li.is-self { background:linear-gradient(90deg,rgb(234 164 23 / 16%),transparent); }.bq-community-ranking li > b { color:#7bdedc; font:900 .65rem/1 var(--bq-mono); }.bq-community-ranking li strong { display:block; overflow:hidden; color:#dcecf5; font:800 .58rem/1.2 var(--bq-mono); text-overflow:ellipsis; white-space:nowrap; }.bq-community-ranking li small { display:block; overflow:hidden; margin-top:3px; color:#6f92af; font:700 .45rem/1.2 var(--bq-mono); text-overflow:ellipsis; white-space:nowrap; }.bq-community-ranking li em { color:#f6d986; font:800 .5rem/1 var(--bq-mono); font-style:normal; }.bq-community-ranking > a,.bq-community-safety > a { display:block; padding:14px 16px; border-top:1px solid #1a4768; }
.bq-community-safety ul { display:grid; gap:10px; margin:0; padding:16px 18px 17px 32px; color:#a2bad0; font-size:.66rem; line-height:1.4; }.bq-community-safety li::marker { color:#5fe1dc; }.bq-community-clans,.bq-community-events { margin:0 24px 24px; }.bq-community-clan-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:16px; }.bq-community-clan-grid article { display:grid; grid-template-columns:48px minmax(0,1fr); gap:11px; padding:13px; border:1px solid #1e5479; background:radial-gradient(circle at 90% 10%,rgb(231 175 54 / 11%),transparent 24%),#04152e; }.bq-community-clan__emblem { display:grid; width:48px; aspect-ratio:1; place-items:center; border:1px solid #d39d3d; background:linear-gradient(145deg,#593b14,#102241); color:#ffdd83; font:900 1.35rem/1 var(--bq-mono); }.bq-community-clan-grid small { color:#60ddd8; font:800 .49rem/1 var(--bq-mono); }.bq-community-clan-grid h4 { overflow:hidden; margin:4px 0; color:#f6edc9; font:900 .72rem/1.2 var(--bq-mono); text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }.bq-community-clan-grid p { min-height:2.5em; margin:0; color:#7899b4; font-size:.62rem; line-height:1.35; }.bq-community-clan-grid dl,.bq-community-clan-grid button { grid-column:1/-1; }.bq-community-clan-grid dl { grid-template-columns:repeat(3,minmax(0,1fr)); margin:2px 0 0; }.bq-community-clan-grid button { min-height:34px; border:1px solid #327c91; background:#09314d; color:#aaf4ee; font:900 .52rem/1 var(--bq-mono); cursor:pointer; text-transform:uppercase; }.bq-community-clan-grid button:hover,.bq-community-clan-grid button:focus-visible { border-color:#6ce6df; background:#104b64; outline:none; }
.bq-community-events > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; }.bq-community-events article { display:grid; grid-template-columns:38px minmax(0,1fr); align-items:start; gap:12px; padding:17px; border-right:1px solid #1d4f71; }.bq-community-events article:last-child { border-right:0; }.bq-community-events article > span { display:grid; width:36px; aspect-ratio:1; place-items:center; border:1px solid #4db9ba; background:#07304c; color:#8af4e9; font:900 .62rem/1 var(--bq-mono); }.bq-community-events small { color:#f1cf77; font:800 .48rem/1 var(--bq-mono); text-transform:uppercase; }.bq-community-events h4 { margin:5px 0 4px; color:#edf5fb; font:900 .69rem/1.25 var(--bq-mono); text-transform:uppercase; }.bq-community-events p { min-height:2.6em; margin:0; color:#7999b5; font-size:.63rem; line-height:1.42; }.bq-community-events em { display:block; margin-top:8px; color:#65ded6; font:700 .5rem/1.3 var(--bq-mono); font-style:normal; }.bq-community-events .bq-button { grid-column:1/-1; width:100%; margin-top:12px; padding-inline:7px; font-size:.5rem; }.bq-community-message { min-height:1.3em; margin:0 24px 22px; color:#67e7b6; font:.62rem/1.4 var(--bq-mono); }

/* Comunidad: áreas separadas y privadas, sin tablón público. */
.bq-community-heading { padding:32px 28px 25px; border-bottom:1px solid var(--community-line); background:radial-gradient(circle at 82% 28%,rgb(57 223 221 / 16%),transparent 28%),linear-gradient(110deg,#071934,#0b3153); }.bq-community-heading > span { color:#61e4df; font:900 .57rem/1 var(--bq-mono); letter-spacing:.12em; text-transform:uppercase; }.bq-community-heading h2 { margin:10px 0 7px; color:#fff0c2; font:900 clamp(2rem,4vw,3.9rem)/.92 var(--bq-display); letter-spacing:.025em; text-transform:uppercase; }.bq-community-heading p { max-width:660px; margin:0; color:#9db8ce; font-size:.75rem; line-height:1.5; }
.bq-community-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-bottom:1px solid #205b80; background:#041630; }.bq-community-tabs button { min-height:59px; border:0; border-right:1px solid #1a4c70; background:transparent; color:#779bb9; font:900 .61rem/1 var(--bq-mono); letter-spacing:.04em; text-align:left; text-transform:uppercase; cursor:pointer; }.bq-community-tabs button:last-child { border-right:0; }.bq-community-tabs button[aria-selected="true"] { background:linear-gradient(90deg,rgb(24 117 153 / 42%),rgb(5 37 68 / 54%)); box-shadow:inset 3px 0 #f5b51d; color:#66e7e4; }.bq-community-tabs button:hover,.bq-community-tabs button:focus-visible { background:#0a3356; color:#fff0b3; outline:0; }
.bq-community-panel { margin:24px; border:1px solid #1e5278; background:linear-gradient(145deg,#061b3a,#020d22); }.bq-community-panel[hidden] { display:none; }.bq-community-panel > header { display:flex; align-items:center; gap:13px; padding:17px 19px; border-bottom:1px solid #1b4a6d; background:linear-gradient(90deg,rgb(11 47 80 / 72%),rgb(3 16 37 / 30%)); }.bq-community-panel > header > span { color:#55e2df; font:900 .64rem/1 var(--bq-mono); }.bq-community-panel > header h3 { margin:0; color:#f2f7fb; font:900 .77rem/1.25 var(--bq-mono); letter-spacing:.04em; text-transform:uppercase; }.bq-community-panel > header p { margin:4px 0 0; color:#7698b4; font-size:.67rem; line-height:1.35; }
.bq-community-friends-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,.82fr); gap:16px; padding:18px; }.bq-community-search { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }.bq-community-search input,.bq-community-ranking__filter select,.bq-community-chat textarea { width:100%; min-height:39px; border:1px solid #225b7c; background:#03112a; color:#e6f4fb; font:.65rem/1 var(--bq-mono); }.bq-community-search input { padding:8px 11px; }.bq-community-search input:focus,.bq-community-ranking__filter select:focus,.bq-community-chat textarea:focus { border-color:#5ce4df; outline:2px solid rgb(92 228 223 / 22%); }.bq-community-search__status { min-height:1.2em; margin:9px 0; color:#74dcd8; font:.56rem/1.3 var(--bq-mono); }.bq-community-friends-layout .bq-community-players { grid-template-columns:repeat(2,minmax(0,1fr)); padding:0; }.bq-community-presence { display:inline-flex; align-items:center; gap:5px; color:#718aa2; font:700 .48rem/1.2 var(--bq-mono); text-transform:uppercase; }.bq-community-presence i { width:6px; height:6px; border-radius:50%; background:#52667b; }.bq-community-presence.is-online { color:#6ee8ad; }.bq-community-presence.is-online i { background:#53eaa3; box-shadow:0 0 8px #53eaa3; }.bq-community-player__top .bq-community-presence { justify-self:end; text-align:right; }.bq-community-player__top .bq-community-presence i { flex:0 0 auto; }.bq-community-profile-link { max-width:100%; padding:0; border:0; background:transparent; color:#ebf7ff; font:800 .68rem/1.2 var(--bq-mono); text-align:left; cursor:pointer; }.bq-community-profile-link:hover,.bq-community-profile-link:focus-visible { color:#fff0ac; outline:0; text-decoration:underline; }
.bq-community-list { min-width:0; }.bq-community-list h4 { margin:0; padding:11px 13px; border:1px solid #1a4b6f; background:#082744; color:#67e5df; font:900 .56rem/1.2 var(--bq-mono); text-transform:uppercase; }.bq-community-list ul { display:grid; gap:0; margin:0 0 13px; padding:0; list-style:none; border:1px solid #173e61; border-top:0; }.bq-community-friend,.bq-community-request { display:grid; grid-template-columns:37px minmax(0,1fr) auto auto; align-items:center; gap:9px; padding:10px; border-top:1px solid #173e61; }.bq-community-friend:first-child,.bq-community-request:first-child { border-top:0; }.bq-community-friend .bq-community-avatar { width:36px; }.bq-community-friend small,.bq-community-request small,.bq-community-sent small { display:block; margin-top:3px; color:#7595ae; font:.5rem/1.3 var(--bq-mono); }.bq-community-friend__actions { display:flex; gap:5px; }.bq-community-friend__actions button,.bq-community-request button { min-height:29px; padding:0 7px; border:1px solid #327c91; background:#09314d; color:#aaf4ee; font:800 .46rem/1 var(--bq-mono); text-transform:uppercase; cursor:pointer; }.bq-community-friend__actions button:last-child,.bq-community-request button:last-child { border-color:#6b4053; background:#26182c; color:#f3a6af; }.bq-community-request__empty,.bq-community-sent li { padding:10px; color:#7896ae; font:.56rem/1.35 var(--bq-mono); }.bq-community-chat { grid-column:1/-1; min-height:230px; border:1px solid #225875; background:#020f26; }.bq-community-chat > header { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 14px; border-bottom:1px solid #194b6d; }.bq-community-chat > header > div { display:flex; align-items:center; gap:9px; }.bq-community-chat > header small { color:#f2d87e; font:800 .5rem/1 var(--bq-mono); text-transform:uppercase; }.bq-community-chat__messages { display:grid; align-content:start; gap:8px; min-height:130px; max-height:280px; margin:0; padding:14px; overflow:auto; list-style:none; }.bq-community-chat__messages li { justify-self:start; max-width:min(78%,550px); }.bq-community-chat__messages p { margin:0; padding:9px 11px; border:1px solid #205876; background:#082646; color:#d9e8f3; font-size:.68rem; line-height:1.4; white-space:pre-wrap; }.bq-community-chat__messages time { display:block; margin-top:3px; color:#698aa5; font:.46rem/1 var(--bq-mono); }.bq-community-chat__messages .is-own { justify-self:end; }.bq-community-chat__messages .is-own p { border-color:#7e692d; background:#3d3215; color:#fff0b4; }.bq-community-chat__messages .is-own time { text-align:right; }.bq-community-chat__empty { color:#7896ae; font:.62rem/1.4 var(--bq-mono); }.bq-community-chat__form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; padding:12px; border-top:1px solid #194b6d; }.bq-community-chat textarea { min-height:42px; padding:9px; resize:vertical; }
.bq-community-ranking__filter { display:flex; align-items:end; justify-content:space-between; gap:15px; padding:15px 18px; border-bottom:1px solid #194b6d; }.bq-community-ranking__filter label { display:grid; gap:6px; color:#94adc2; font:800 .53rem/1 var(--bq-mono); text-transform:uppercase; }.bq-community-ranking__filter select { min-width:220px; padding:7px; }.bq-community-ranking__filter > span { color:#69e4dc; font:800 .54rem/1 var(--bq-mono); }.bq-community-ranking ol { margin:0; }.bq-community-ranking li { grid-template-columns:30px 29px minmax(0,1fr) auto; }.bq-community-ranking li[hidden] { display:none; }.bq-community-ranking li small { white-space:normal; }.bq-community-clan-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.bq-community-clan { border:1px solid #1e5479; background:#04152e; }.bq-community-clan > header { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px; padding:13px; border-bottom:1px solid #1c4b6b; }.bq-community-clan > header b { color:#67e7df; font:900 .8rem/1 var(--bq-mono); }.bq-community-clan > header small { color:#64ded7; font:800 .47rem/1 var(--bq-mono); }.bq-community-clan h4 { margin:4px 0 0; color:#f6edc9; font:900 .68rem/1.2 var(--bq-mono); text-transform:uppercase; }.bq-community-clan > header strong { color:#f6d986; font:900 .52rem/1 var(--bq-mono); }.bq-community-clan dl { grid-template-columns:repeat(2,minmax(0,1fr)); margin:12px; }.bq-community-clan details { border-top:1px solid #1b4969; }.bq-community-clan summary { padding:11px 12px; color:#70e4de; font:800 .52rem/1 var(--bq-mono); text-transform:uppercase; cursor:pointer; }.bq-community-clan details ul { display:grid; gap:8px; margin:0; padding:0 12px 12px; list-style:none; }.bq-community-clan details li { display:flex; align-items:center; gap:8px; }.bq-community-clan details small { display:block; margin-top:3px; color:#7694ac; font:.48rem/1.3 var(--bq-mono); }.bq-community-message { margin:0 24px 22px; }
.bq-community-profile-preview { display:grid; grid-template-columns:auto minmax(0,1fr); gap:17px; margin:0 24px 20px; padding:16px; border:1px solid #9b7a35; background:radial-gradient(circle at 86% 20%,rgb(228 176 61 / 15%),transparent 28%),#17172b; }.bq-community-profile-preview > header { display:flex; align-items:center; gap:12px; }.bq-community-profile-preview > header .bq-community-avatar { width:54px; }.bq-community-profile-preview header small { color:#f5d97c; font:800 .48rem/1 var(--bq-mono); text-transform:uppercase; }.bq-community-profile-preview h3 { margin:4px 0; color:#fff1bf; font:900 .84rem/1.2 var(--bq-mono); }.bq-community-profile-preview dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:0; }.bq-community-profile-preview dl div { padding:8px; border:1px solid #454265; background:#11142a; }.bq-community-profile-preview dt { color:#8d90b0; font:800 .45rem/1 var(--bq-mono); text-transform:uppercase; }.bq-community-profile-preview dd { margin:5px 0 0; color:#dfe5fa; font:800 .57rem/1.2 var(--bq-mono); }.bq-community-profile-preview > p { grid-column:1/-1; margin:0; color:#a2a8c4; font-size:.61rem; line-height:1.4; }
.bq-community-social { display:grid; min-height:630px; grid-template-columns:minmax(245px,.86fr) minmax(360px,1.35fr) minmax(260px,.9fr); gap:12px; margin-top:14px; }.bq-community-social > section,.bq-community-social__side > section { min-width:0; border:1px solid #23638b; background:linear-gradient(155deg,rgb(6 28 58 / 97%),rgb(2 12 30 / 99%)); box-shadow:inset 0 1px rgb(255 255 255 / 3%),0 14px 28px rgb(0 0 0 / 16%); }.bq-community-social > section > header,.bq-community-social__side > section > header { display:flex; min-height:50px; align-items:center; justify-content:space-between; gap:10px; padding:12px 14px; border-bottom:1px solid #20597e; background:linear-gradient(90deg,#0a3455,#06172f); }.bq-community-social header > div { display:flex; align-items:center; gap:8px; }.bq-community-social header svg { width:20px; height:20px; fill:none; stroke:#66e4e2; stroke-width:1.8; }.bq-community-social h2 { margin:0; color:#ecf6fb; font:900 .66rem/1.2 var(--bq-mono); letter-spacing:.035em; text-transform:uppercase; }.bq-community-social > section > header > span { color:#7196b2; font:700 .47rem/1.3 var(--bq-mono); text-align:right; text-transform:uppercase; }.bq-community-social__directory > form { display:grid; grid-template-columns:minmax(0,1fr) 38px; gap:6px; padding:12px; border-bottom:1px solid #194b6d; }.bq-community-social__directory input { width:100%; min-height:39px; padding:8px 10px; border:1px solid #34779a; outline:0; background:#020f27; color:#e5f2f8; font:700 .6rem/1 var(--bq-mono); }.bq-community-social__directory input:focus { border-color:#63e5e0; box-shadow:0 0 0 2px rgb(76 225 221 / 14%); }.bq-community-social__directory form button { border:1px solid #c58b1c; background:linear-gradient(#f7c64e,#d48b0e); color:#061025; font:900 1rem/1 var(--bq-mono); cursor:pointer; }.bq-community-social__directory > p { min-height:18px; margin:0; padding:5px 12px 0; color:#6dded7; font:.48rem/1.2 var(--bq-mono); }.bq-community-social__results { display:grid; gap:8px; padding:8px 10px 12px; }.bq-community-directory-card { display:grid; grid-template-columns:44px minmax(0,1fr) auto; align-items:center; gap:9px; padding:9px; border:1px solid #1c5275; background:linear-gradient(135deg,#082443,#03142d); }.bq-community-directory-card > .bq-community-avatar { width:44px; grid-row:1/3; }.bq-community-directory-card__identity { min-width:0; }.bq-community-directory-card__identity small,.bq-community-directory-card__identity span { display:block; overflow:hidden; margin-top:3px; color:#7d9db8; font:700 .48rem/1.25 var(--bq-mono); text-overflow:ellipsis; white-space:nowrap; }.bq-community-directory-card__identity small { color:#dfbd65; }.bq-community-directory-card > .bq-community-presence { align-self:start; }.bq-community-directory-card__action { min-height:29px; grid-column:2/4; border:1px solid #d19622; background:linear-gradient(#f5c34a,#d88f12); color:#071128; font:900 .46rem/1 var(--bq-mono); text-transform:uppercase; cursor:pointer; }.bq-community-directory-card__action:disabled { filter:saturate(.35); opacity:.58; cursor:not-allowed; }
.bq-community-social__conversation { display:grid; grid-template-rows:auto minmax(0,1fr); }.bq-community-social__conversation > .bq-community-chat { min-height:0; height:100%; border:0; }.bq-community-social__conversation .bq-community-empty { min-height:520px; }.bq-community-social__conversation .bq-community-chat__messages { max-height:460px; min-height:400px; }.bq-community-social__side { display:grid; align-content:start; gap:12px; }.bq-community-social__side header b { display:grid; min-width:24px; height:24px; place-items:center; border:1px solid #d69b26; background:#f1b62e; color:#071128; font:900 .56rem/1 var(--bq-mono); }.bq-community-social__side header i { width:9px; height:9px; border-radius:50%; background:#54ec9d; box-shadow:0 0 10px #54ec9d; }.bq-community-social__requests,.bq-community-social__online { min-height:118px; margin:0; padding:0; list-style:none; }.bq-community-social__requests li { display:grid; grid-template-columns:32px minmax(0,1fr) auto auto; align-items:center; gap:6px; padding:10px; border-top:1px solid #184766; }.bq-community-social__requests li:first-child { border-top:0; }.bq-community-social__requests small { display:block; margin-top:4px; color:#7897af; font:.46rem/1.3 var(--bq-mono); }.bq-community-social__requests li > button { min-height:29px; padding:0 8px; border:1px solid #2f9a62; background:#0d6939; color:#a8ffd0; font:900 .43rem/1 var(--bq-mono); text-transform:uppercase; cursor:pointer; }.bq-community-social__requests li > button:last-child { border-color:#5a6276; background:#19243b; color:#c3d1df; }.bq-community-social__online li { border-top:1px solid #184766; }.bq-community-social__online li:first-child { border-top:0; }.bq-community-social__online li > button { display:grid; width:100%; grid-template-columns:30px minmax(0,1fr) auto; align-items:center; gap:8px; padding:8px 10px; border:0; background:transparent; text-align:left; cursor:pointer; }.bq-community-social__online li > button:hover,.bq-community-social__online li > button:focus-visible { background:#0a2b49; outline:0; }.bq-community-social__online li span { color:#dcecf5; font:800 .55rem/1.2 var(--bq-mono); }.bq-community-social__online li small { display:block; margin-top:3px; color:#708fa8; font:.44rem/1.2 var(--bq-mono); }

/* Ranking mundial: datos reales, podio social y cosméticos de perfil equipados. */
.bq-community-world { position:relative; min-height:650px; overflow:hidden; margin-top:14px; border:1px solid #2785aa; background:radial-gradient(circle at 62% 14%,rgb(40 145 193 / 24%),transparent 28%),radial-gradient(circle at 12% 32%,rgb(32 205 220 / 9%),transparent 24%),linear-gradient(155deg,#071f42,#020c21 72%); box-shadow:inset 0 0 80px rgb(8 66 111 / 16%),0 18px 34px rgb(0 0 0 / 20%); isolation:isolate; }.bq-community-world::before { content:""; position:absolute; z-index:-1; inset:0 0 auto; height:390px; opacity:.38; background:radial-gradient(circle,#9ffcff 0 1px,transparent 1.6px) 0 0/83px 61px,linear-gradient(145deg,transparent 41%,rgb(28 96 151 / 22%) 42% 48%,transparent 49%) 0 0/170px 115px; mask-image:linear-gradient(#000,transparent); pointer-events:none; }
.bq-community-world__hero { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:22px 25px 8px; }.bq-community-world__hero > div { display:flex; min-width:0; align-items:center; gap:15px; }.bq-community-world__mark { display:grid; width:52px; aspect-ratio:1; flex:0 0 auto; place-items:center; border:1px solid #e7b536; background:linear-gradient(145deg,rgb(234 172 39 / 18%),rgb(7 32 63 / 86%)); color:#ffe48a; box-shadow:inset 0 0 0 3px rgb(255 230 143 / 7%),0 0 22px rgb(233 179 45 / 18%); clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%); }.bq-community-world__mark svg { display:block; width:34px; height:34px; fill:none; stroke:currentColor; stroke-linecap:square; stroke-linejoin:miter; stroke-width:2; filter:drop-shadow(0 0 5px rgb(255 213 107 / 54%)); }.bq-community-world__hero h2 { margin:0; color:#d8ecff; font:900 clamp(1.5rem,2.7vw,2.45rem)/1 var(--bq-display); letter-spacing:.015em; }.bq-community-world__hero p { margin:7px 0 0; color:#59dce3; font-size:.68rem; line-height:1.4; }.bq-community-world__hero aside { display:grid; min-width:265px; grid-template-columns:62px minmax(0,1fr); align-items:center; gap:11px; padding:10px 13px; border:1px solid #29d6e3; background:linear-gradient(135deg,rgb(2 29 58 / 94%),rgb(4 56 78 / 86%)); box-shadow:inset 0 0 22px rgb(43 223 227 / 8%),0 0 20px rgb(24 180 207 / 10%); }.bq-community-world__hero aside > small { grid-column:1/-1; color:#64eef0; font:900 .57rem/1 var(--bq-mono); text-transform:uppercase; }.bq-community-world__hero aside > div { display:grid; gap:4px; }.bq-community-world__hero aside b { width:max-content; padding:4px 7px; border:1px solid #538bb1; background:#0a2849; color:#c7e9ff; font:900 .7rem/1 var(--bq-mono); }.bq-community-world__hero aside .bq-community-profile-link { font-size:.62rem; }.bq-community-world__hero aside strong { color:#58edf0; font:900 .62rem/1.2 var(--bq-mono); }
.bq-community-framed-avatar { --community-frame-primary:#061a3a; --community-frame-accent:#36dfe8; --community-frame-highlight:#b9fbff; position:relative; display:block; width:54px; aspect-ratio:1; flex:0 0 auto; border:3px solid var(--community-frame-accent); background:linear-gradient(145deg,var(--community-frame-primary),#02091a); box-shadow:0 0 0 2px #03132b,0 0 15px color-mix(in srgb,var(--community-frame-accent) 45%,transparent),inset 0 0 0 2px var(--community-frame-highlight); clip-path:polygon(12% 0,88% 0,100% 12%,100% 88%,88% 100%,12% 100%,0 88%,0 12%); }.bq-community-framed-avatar > span { position:absolute; z-index:1; display:grid; inset:12%; place-items:center; overflow:hidden; border:1px solid color-mix(in srgb,var(--community-frame-highlight) 65%,transparent); background:linear-gradient(145deg,color-mix(in srgb,var(--community-frame-primary) 80%,#2f8cb5),#071c3d); color:var(--community-frame-highlight); font:900 1.2rem/1 var(--bq-display); }.bq-community-framed-avatar img { display:block; width:100%; height:100%; object-fit:cover; }.bq-community-framed-avatar.has-frame-image { container-type:inline-size; border:0; background:transparent; box-shadow:none; clip-path:none; }.bq-community-framed-avatar.has-frame-image::after { content:""; position:absolute; z-index:2; inset:0; background:var(--community-frame-image) center/contain no-repeat; clip-path:var(--profile-frame-clip,none); filter:drop-shadow(0 0 7px color-mix(in srgb,var(--community-frame-accent) 45%,transparent)); pointer-events:none; }.bq-community-framed-avatar.has-frame-image > span { inset:var(--profile-avatar-top,27%) auto auto var(--profile-avatar-left,27%); width:var(--profile-avatar-width,46%); height:var(--profile-avatar-height,46%); border:0; clip-path:var(--profile-avatar-clip,none); font-size:var(--profile-avatar-font,24cqw); }.bq-community-framed-avatar:not(.has-frame-image)[data-frame-variant="2"] { border-radius:50%; clip-path:none; }.bq-community-framed-avatar:not(.has-frame-image)[data-frame-variant="4"] { border-radius:16%; clip-path:none; box-shadow:0 0 0 2px var(--community-frame-highlight),0 0 0 5px #03132b,0 0 18px var(--community-frame-accent); }.bq-community-framed-avatar:not(.has-frame-image)[data-frame-variant="7"] { clip-path:polygon(14% 0,86% 0,100% 14%,94% 50%,100% 86%,86% 100%,14% 100%,0 86%,6% 50%,0 14%); }.bq-community-framed-avatar:not(.has-frame-image)[data-frame-variant="9"] { border-style:dashed; border-radius:12%; clip-path:none; }.bq-community-framed-avatar:not(.has-frame-image)[data-frame-variant="11"] { border-radius:50% 50% 10% 10%; clip-path:none; }.bq-community-framed-avatar:not(.has-frame-image)[data-frame-variant="14"] { border-radius:28% 8%; clip-path:none; }
.bq-community-framed-avatar--champion { width:142px; }.bq-community-framed-avatar--podium { width:112px; }.bq-community-framed-avatar--self { width:62px; }.bq-community-framed-avatar--list { width:43px; }.bq-community-framed-avatar--champion > span,.bq-community-framed-avatar--podium > span { font-size:2.1rem; }
.bq-community-world-podium { display:flex; min-height:285px; align-items:flex-end; justify-content:center; gap:clamp(18px,4vw,58px); padding:10px 25px 22px; }.bq-community-world-podium__player { position:relative; display:grid; width:min(200px,28%); justify-items:center; padding:10px 12px 14px; border:1px solid #2d6e96; background:linear-gradient(180deg,rgb(7 35 68 / 88%),rgb(2 14 35 / 96%)); box-shadow:inset 0 -4px #376c94,0 12px 22px rgb(0 0 0 / 28%); }.bq-community-world-podium__player.is-position-1 { min-height:245px; align-content:start; border-color:#e2aa26; background:radial-gradient(circle at 50% 0,rgb(249 193 53 / 20%),transparent 47%),linear-gradient(#172643,#171205); box-shadow:inset 0 -5px #e2a523,0 0 25px rgb(232 177 39 / 18%),0 15px 25px rgb(0 0 0 / 34%); }.bq-community-world-podium__player.is-position-2 { min-height:207px; border-color:#91bfe1; box-shadow:inset 0 -5px #7fa8cc,0 12px 22px rgb(0 0 0 / 30%); }.bq-community-world-podium__player.is-position-3 { min-height:192px; border-color:#c77c56; box-shadow:inset 0 -5px #a65c3d,0 12px 22px rgb(0 0 0 / 30%); }.bq-community-world-podium__portrait { position:relative; margin-top:-48px; }.bq-community-world-podium__portrait > b { position:absolute; z-index:4; right:50%; bottom:-9px; display:grid; width:33px; aspect-ratio:1; place-items:center; border:2px solid #fff1a6; background:linear-gradient(#efbb31,#945d09); color:#08132b; font:900 .9rem/1 var(--bq-mono); box-shadow:0 0 0 3px #07142b,0 0 13px rgb(238 184 47 / 48%); clip-path:polygon(50% 0,94% 24%,94% 76%,50% 100%,6% 76%,6% 24%); transform:translateX(50%); }.bq-community-world-podium__player.is-position-2 .bq-community-world-podium__portrait > b { border-color:#e2f3ff; background:linear-gradient(#a7cce6,#476988); color:#061329; }.bq-community-world-podium__player.is-position-3 .bq-community-world-podium__portrait > b { border-color:#ffd0af; background:linear-gradient(#dc8a5e,#743c29); color:#1c0c08; }.bq-community-world-podium__player > .bq-community-profile-link { margin-top:20px; color:#f4f8fb; font-size:.66rem; text-align:center; }.bq-community-world-podium__player > span { margin-top:6px; color:#89a9c1; font:700 .5rem/1.2 var(--bq-mono); text-align:center; }.bq-community-world-podium__player > strong { margin-top:auto; padding-top:13px; color:#56edf1; font:900 .78rem/1 var(--bq-mono); text-align:center; }.bq-community-world-podium__player.is-position-1 > strong { color:#ffe06e; font-size:.9rem; }
.bq-community-world-tools { display:grid; grid-template-columns:minmax(205px,.72fr) minmax(250px,1fr) minmax(190px,.65fr); align-items:end; gap:14px; padding:10px 18px; border-block:1px solid #2781a5; background:rgb(2 17 39 / 88%); }.bq-community-world-tools > label:first-child { display:grid; grid-template-columns:auto minmax(130px,1fr); align-items:center; gap:10px; color:#c7dfef; font:900 .58rem/1 var(--bq-mono); }.bq-community-world-tools select,.bq-community-world-search input { width:100%; min-height:38px; padding:8px 10px; border:1px solid #337da5; outline:0; background:#03152f; color:#d8eaf5; font:700 .58rem/1 var(--bq-mono); }.bq-community-world-tools select:focus,.bq-community-world-search input:focus { border-color:#58e7e6; box-shadow:0 0 0 2px rgb(67 226 228 / 15%); }.bq-community-world-countries { display:flex; min-width:0; gap:6px; overflow:auto; padding-bottom:1px; }.bq-community-world-countries button { width:35px; height:35px; flex:0 0 35px; padding:0; border:1px solid #2a6288; background:#082441; font-size:.9rem; cursor:pointer; }.bq-community-world-countries button:hover,.bq-community-world-countries button:focus-visible,.bq-community-world-countries button.is-active { border-color:#e6b234; outline:0; background:#143253; box-shadow:inset 0 -2px #d79c20; }.bq-community-world-search { position:relative; display:block; }.bq-community-world-search i { position:absolute; top:50%; left:11px; color:#67dfe6; font:900 .8rem/1 var(--bq-mono); font-style:normal; transform:translateY(-50%); pointer-events:none; }.bq-community-world-search input { padding-left:32px; }
.bq-community-world-list { margin:0 10px; border:1px solid #245d83; border-top:0; background:rgb(2 14 33 / 92%); }.bq-community-world-list__head,.bq-community-world-list li { display:grid; grid-template-columns:74px minmax(220px,1.35fr) minmax(125px,.8fr) minmax(110px,.75fr) minmax(120px,.8fr) minmax(120px,.75fr); align-items:center; }.bq-community-world-list__head { min-height:39px; background:linear-gradient(90deg,#0a3153,#0a2848); color:#91c3e1; font:900 .53rem/1 var(--bq-mono); }.bq-community-world-list__head span { padding:0 14px; }.bq-community-world-list ol { margin:0; padding:0; list-style:none; }.bq-community-world-list li { min-height:60px; border-top:1px solid #1d4e70; color:#d5e4ef; }.bq-community-world-list li.is-self { background:linear-gradient(90deg,rgb(234 164 23 / 13%),transparent); }.bq-community-world-list li[hidden] { display:none; }.bq-community-world-list li > b { padding:0 14px; color:#e4edf3; font:900 .64rem/1 var(--bq-mono); text-align:center; }.bq-community-world-list li > span,.bq-community-world-list li > em { padding:0 14px; color:#a6c1d5; font:700 .54rem/1.25 var(--bq-mono); font-style:normal; }.bq-community-world-list li > em { color:#dceaf1; font-weight:900; }.bq-community-world-list__player { display:flex; min-width:0; align-items:center; gap:11px; padding:7px 14px; }.bq-community-world-list__player > div { min-width:0; }.bq-community-world-list__player .bq-community-profile-link { overflow:hidden; color:#9bd4f3; font-size:.57rem; text-overflow:ellipsis; white-space:nowrap; }.bq-community-world-list__player .bq-community-presence { display:flex; margin-top:4px; font-size:.4rem; }.bq-community-world-list__rank { color:#a7c8df!important; }.bq-community-world-list li > button { display:flex; min-height:32px; align-items:center; justify-content:center; gap:8px; margin-right:12px; padding:0 9px; border:1px solid #18bddd; background:#082d4d; color:#8feaff; font:800 .48rem/1 var(--bq-mono); text-transform:uppercase; cursor:pointer; }.bq-community-world-list li > button:hover,.bq-community-world-list li > button:focus-visible { border-color:#f0b72d; outline:0; color:#fff0ab; }.bq-community-world-list .bq-community-empty { display:block; min-height:75px; padding:26px; text-align:center; }.bq-community-world > footer { display:flex; justify-content:flex-end; padding:11px 18px 14px; color:#62e6e2; font:800 .52rem/1 var(--bq-mono); }.bq-community-world > .bq-community-profile-preview { margin:0 18px 18px; }
.bq-community-profile-link .bq-vip-name { font-size:inherit; }.bq-community-profile-link .bq-vip-name__crown { width:.78rem; margin-inline-start:5px; }.bq-community-world-list__player .bq-community-profile-link { overflow:visible; text-overflow:clip; }

/* Clanes: clasificación basada únicamente en los grupos y miembros reales. */
.bq-community-clans-world { position:relative; min-height:650px; overflow:hidden; margin-top:14px; border:1px solid #2785aa; background:radial-gradient(circle at 78% 5%,rgb(226 169 43 / 18%),transparent 26%),radial-gradient(circle at 13% 42%,rgb(34 205 210 / 12%),transparent 26%),linear-gradient(155deg,#071f42,#020c21 72%); box-shadow:inset 0 0 80px rgb(8 66 111 / 16%),0 18px 34px rgb(0 0 0 / 20%); isolation:isolate; }.bq-community-clans-world::before { content:""; position:absolute; z-index:-1; inset:0 0 auto; height:390px; opacity:.38; background:radial-gradient(circle,#ffe59b 0 1px,transparent 1.6px) 0 0/83px 61px,linear-gradient(145deg,transparent 41%,rgb(123 92 25 / 30%) 42% 48%,transparent 49%) 0 0/170px 115px; mask-image:linear-gradient(#000,transparent); pointer-events:none; }
.bq-community-clans-world__hero { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px 25px 12px; }.bq-community-clans-world__hero > div { display:flex; min-width:0; align-items:center; gap:15px; }.bq-community-clans-world__mark { display:grid; width:54px; aspect-ratio:1; flex:0 0 auto; place-items:center; border:1px solid #e7b536; background:linear-gradient(145deg,rgb(234 172 39 / 22%),rgb(7 32 63 / 86%)); color:#ffe48a; box-shadow:inset 0 0 0 3px rgb(255 230 143 / 7%),0 0 22px rgb(233 179 45 / 18%); clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%); }.bq-community-clans-world__mark svg { display:block; width:35px; height:35px; fill:none; stroke:currentColor; stroke-linecap:square; stroke-linejoin:miter; stroke-width:2; filter:drop-shadow(0 0 5px rgb(255 213 107 / 54%)); }.bq-community-clans-world__hero h2 { margin:0; color:#f2e7bd; font:900 clamp(1.5rem,2.7vw,2.45rem)/1 var(--bq-display); letter-spacing:.015em; }.bq-community-clans-world__hero p { margin:7px 0 0; color:#68d9db; font-size:.68rem; line-height:1.4; }
.bq-community-clan-crest { --clan-hue:194; position:relative; display:grid; width:61px; aspect-ratio:1; flex:0 0 auto; place-items:center; overflow:hidden; border:2px solid hsl(var(--clan-hue) 75% 66%); background:linear-gradient(145deg,hsl(var(--clan-hue) 53% 31%),#07152d 72%); color:#fff0ad; box-shadow:0 0 0 3px #03132b,0 0 18px hsl(var(--clan-hue) 80% 55% / .28%),inset 0 0 0 3px hsl(var(--clan-hue) 80% 80% / .22%); clip-path:polygon(50% 0,94% 16%,89% 75%,50% 100%,11% 75%,6% 16%); }.bq-community-clan-crest::before { content:""; position:absolute; inset:11%; border:1px solid rgb(255 242 177 / 55%); clip-path:inherit; }.bq-community-clan-crest i { position:absolute; top:7px; left:9px; color:#ffdc60; font:900 .72rem/1 var(--bq-mono); font-style:normal; text-shadow:0 0 8px #f6c63c; }.bq-community-clan-crest b { position:relative; z-index:1; max-width:78%; overflow:hidden; color:#f5f9ef; font:900 .76rem/1 var(--bq-mono); letter-spacing:.03em; text-overflow:ellipsis; white-space:nowrap; text-shadow:0 2px #061126; }.bq-community-clan-crest--champion { width:122px; }.bq-community-clan-crest--podium { width:96px; }.bq-community-clan-crest--champion b { font-size:1rem; }.bq-community-clan-crest--detail { width:94px; }.bq-community-clan-crest--detail b { font-size:.88rem; }.bq-community-clan-crest--list { width:45px; }.bq-community-clan-crest--list b { font-size:.54rem; }.bq-community-clan-crest--list i { top:4px; left:7px; font-size:.53rem; }
.bq-community-clans-podium { display:flex; min-height:270px; align-items:flex-end; justify-content:center; gap:clamp(18px,4vw,58px); padding:8px 25px 22px; }.bq-community-clans-podium__clan { position:relative; display:grid; width:min(205px,29%); min-height:180px; justify-items:center; padding:12px 12px 15px; border:1px solid #2d6e96; background:linear-gradient(180deg,rgb(7 35 68 / 88%),rgb(2 14 35 / 96%)); box-shadow:inset 0 -4px #376c94,0 12px 22px rgb(0 0 0 / 28%); }.bq-community-clans-podium__clan.is-position-1 { min-height:230px; border-color:#e2aa26; background:radial-gradient(circle at 50% 0,rgb(249 193 53 / 20%),transparent 47%),linear-gradient(#172643,#171205); box-shadow:inset 0 -5px #e2a523,0 0 25px rgb(232 177 39 / 18%),0 15px 25px rgb(0 0 0 / 34%); }.bq-community-clans-podium__clan.is-position-2 { min-height:205px; border-color:#91bfe1; box-shadow:inset 0 -5px #7fa8cc,0 12px 22px rgb(0 0 0 / 30%); }.bq-community-clans-podium__clan.is-position-3 { min-height:190px; border-color:#c77c56; box-shadow:inset 0 -5px #a65c3d,0 12px 22px rgb(0 0 0 / 30%); }.bq-community-clans-podium__clan > b { position:absolute; z-index:3; top:-17px; left:50%; display:grid; width:33px; aspect-ratio:1; place-items:center; border:2px solid #fff1a6; background:linear-gradient(#efbb31,#945d09); color:#08132b; font:900 .9rem/1 var(--bq-mono); box-shadow:0 0 0 3px #07142b,0 0 13px rgb(238 184 47 / 48%); clip-path:polygon(50% 0,94% 24%,94% 76%,50% 100%,6% 76%,6% 24%); transform:translateX(-50%); }.bq-community-clans-podium__clan.is-position-2 > b { border-color:#e2f3ff; background:linear-gradient(#a7cce6,#476988); }.bq-community-clans-podium__clan.is-position-3 > b { border-color:#ffd0af; background:linear-gradient(#dc8a5e,#743c29); }.bq-community-clans-podium__clan .bq-community-clan-crest { margin-top:-42px; }.bq-community-clans-podium__clan small { min-height:12px; margin-top:13px; color:#8faec4; font:800 .48rem/1 var(--bq-mono); }.bq-community-clans-podium__clan strong { max-width:100%; overflow:hidden; margin-top:5px; color:#f5fafc; font:900 .66rem/1.2 var(--bq-mono); text-align:center; text-overflow:ellipsis; white-space:nowrap; }.bq-community-clans-podium__clan span { margin-top:7px; color:#8ca6bd; font:700 .48rem/1 var(--bq-mono); }.bq-community-clans-podium__clan em { margin-top:auto; padding-top:12px; color:#57ecee; font:900 .74rem/1 var(--bq-mono); font-style:normal; }.bq-community-clans-podium__clan.is-position-1 em { color:#ffe176; font-size:.84rem; }
.bq-community-clans-layout { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(280px,.78fr); gap:14px; padding:0 18px 18px; }.bq-community-clans-list { min-width:0; overflow:hidden; border:1px solid #245d83; background:rgb(2 14 33 / 92%); }.bq-community-clans-list__head,.bq-community-clans-list li { display:grid; grid-template-columns:52px minmax(190px,1.45fr) minmax(75px,.46fr) minmax(120px,.75fr) minmax(100px,.65fr) minmax(122px,.75fr); align-items:center; }.bq-community-clans-list__head { min-height:39px; background:linear-gradient(90deg,#0a3153,#0a2848); color:#91c3e1; font:900 .53rem/1 var(--bq-mono); }.bq-community-clans-list__head > span { padding:0 10px; }.bq-community-clans-list ol { margin:0; padding:0; list-style:none; }.bq-community-clans-list li { min-height:64px; border-top:1px solid #1d4e70; color:#d5e4ef; }.bq-community-clans-list li.is-selected { background:linear-gradient(90deg,rgb(234 164 23 / 13%),transparent); }.bq-community-clans-list li > b { padding:0 10px; color:#e4edf3; font:900 .64rem/1 var(--bq-mono); text-align:center; }.bq-community-clans-list li > span,.bq-community-clans-list li > em { padding:0 10px; color:#a6c1d5; font:700 .54rem/1.25 var(--bq-mono); font-style:normal; }.bq-community-clans-list li > em { color:#dceaf1; font-weight:900; }.bq-community-clans-list__identity { display:flex; min-width:0; align-items:center; gap:10px; padding:7px 10px; }.bq-community-clans-list__identity > div { min-width:0; }.bq-community-clans-list__identity small,.bq-community-clans-list__identity strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.bq-community-clans-list__identity small { min-height:10px; color:#8ba7bc; font:800 .45rem/1 var(--bq-mono); }.bq-community-clans-list__identity strong { margin-top:4px; color:#dcecf5; font:900 .59rem/1.15 var(--bq-mono); }.bq-community-clans-list__countries { display:flex; gap:4px; font-size:.72rem!important; }.bq-community-clans-list li > button { display:flex; min-height:32px; align-items:center; justify-content:center; gap:8px; margin-right:10px; padding:0 8px; border:1px solid #18bddd; background:#082d4d; color:#8feaff; font:800 .46rem/1 var(--bq-mono); text-transform:uppercase; cursor:pointer; }.bq-community-clans-list li > button:hover,.bq-community-clans-list li > button:focus-visible { border-color:#f0b72d; outline:0; color:#fff0ab; }
.bq-community-clan-detail { align-self:start; overflow:hidden; border:1px solid #28698c; background:linear-gradient(155deg,#071e3d,#020c20); box-shadow:inset 0 1px rgb(255 255 255 / 4%); }.bq-community-clan-detail > header { display:flex; align-items:center; gap:13px; padding:16px; border-bottom:1px solid #205978; background:radial-gradient(circle at 80% 0,rgb(229 169 38 / 16%),transparent 38%),linear-gradient(90deg,#0a3455,#06172f); }.bq-community-clan-detail > header > div { min-width:0; }.bq-community-clan-detail > header small { color:#8faec4; font:800 .48rem/1 var(--bq-mono); }.bq-community-clan-detail h3 { overflow:hidden; margin:5px 0 0; color:#f7edc7; font:900 .82rem/1.15 var(--bq-mono); text-overflow:ellipsis; white-space:nowrap; }.bq-community-clan-detail dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin:0; border-bottom:1px solid #1e5275; }.bq-community-clan-detail dl > div { min-width:0; padding:12px 10px; border-right:1px solid #1c4d6f; }.bq-community-clan-detail dl > div:last-child { border-right:0; }.bq-community-clan-detail dt { color:#789bb6; font:800 .43rem/1.2 var(--bq-mono); text-transform:uppercase; }.bq-community-clan-detail dd { overflow:hidden; margin:7px 0 0; color:#dbeaf4; font:900 .57rem/1.2 var(--bq-mono); text-overflow:ellipsis; white-space:nowrap; }.bq-community-clan-detail__countries { color:#ffe182!important; font-size:.75rem!important; letter-spacing:.05em; }.bq-community-clan-detail__members { display:grid; gap:0; margin:0; padding:0; list-style:none; }.bq-community-clan-detail__members li { display:flex; min-width:0; align-items:center; gap:10px; padding:10px 12px; border-top:1px solid #194665; }.bq-community-clan-detail__members li:first-child { border-top:0; }.bq-community-clan-detail__members li > div { min-width:0; }.bq-community-clan-detail__members small { display:block; overflow:hidden; margin-top:4px; color:#7897af; font:.45rem/1.25 var(--bq-mono); text-overflow:ellipsis; white-space:nowrap; }.bq-community-clans-world > .bq-community-empty { display:grid; min-height:420px; place-content:center; justify-items:center; padding:34px; text-align:center; }.bq-community-clans-world > .bq-community-empty i { display:grid; width:55px; aspect-ratio:1; place-items:center; margin-bottom:13px; border:1px solid #dba62d; background:#172033; color:#ffe182; font:900 1.1rem/1 var(--bq-mono); font-style:normal; clip-path:polygon(50% 0,94% 16%,89% 75%,50% 100%,11% 75%,6% 16%); }.bq-community-clans-world > .bq-community-empty strong { color:#f4ebc6; font:900 .75rem/1.3 var(--bq-mono); }.bq-community-clans-world > .bq-community-empty p { max-width:420px; margin:8px 0 0; color:#829db5; font-size:.66rem; line-height:1.45; }.bq-community-clans-world > .bq-community-profile-preview { margin:0 18px 18px; }

@media (max-width:1120px) { .bq-community-clans-layout { grid-template-columns:1fr; }.bq-community-clans-list { overflow-x:auto; }.bq-community-clans-list__head,.bq-community-clans-list li { min-width:760px; }.bq-community-clan-detail { display:grid; grid-template-columns:minmax(250px,.9fr) minmax(280px,1.1fr); }.bq-community-clan-detail > header { grid-row:1/3; }.bq-community-clan-detail__members { grid-column:2; } }
@media (max-width:760px) { .bq-community-clans-world { margin:10px 0 0; }.bq-community-clans-world__hero { padding:18px 14px 14px; }.bq-community-clans-world__hero h2 { font-size:1.5rem; }.bq-community-clans-podium { min-height:226px; gap:7px; padding:49px 8px 17px; }.bq-community-clans-podium__clan { width:32%; min-height:145px!important; padding:8px 5px 10px; }.bq-community-clans-podium__clan.is-position-1 { min-height:170px!important; }.bq-community-clan-crest--champion { width:83px; }.bq-community-clan-crest--podium { width:68px; }.bq-community-clans-podium__clan small { margin-top:8px; }.bq-community-clans-podium__clan strong { font-size:.48rem; }.bq-community-clans-podium__clan span { display:none; }.bq-community-clans-podium__clan em,.bq-community-clans-podium__clan.is-position-1 em { font-size:.5rem; }.bq-community-clans-layout { padding:0; }.bq-community-clans-list { margin:0; border-inline:0; }.bq-community-clan-detail { display:block; margin:12px; }.bq-community-clan-detail dl { grid-template-columns:repeat(3,minmax(0,1fr)); }.bq-community-clans-world > .bq-community-profile-preview { margin:0 12px 12px; } }

.bq-account-feature__hero--withdrawal { background:radial-gradient(circle at 80% 32%,rgb(48 196 172 / 20%),transparent 25%),linear-gradient(100deg,#06152f,#073d4b 78%,#04152a); }
.bq-withdrawal-balance { display:grid; min-width:255px; gap:8px; padding:23px; border:1px solid #318d91; background:rgb(2 15 31 / 86%); box-shadow:inset 0 -4px #208f7c; }.bq-withdrawal-balance small { color:#6e9eae; font:800 .53rem/1 var(--bq-mono); text-transform:uppercase; }.bq-withdrawal-balance strong { color:#f7e6a2; font:900 1.45rem/1.2 var(--bq-mono); }.bq-withdrawal-balance span { color:#61e6bb; font:800 .57rem/1.3 var(--bq-mono); }.bq-withdrawal-view.is-locked .bq-withdrawal-balance { border-color:#5e5366; box-shadow:inset 0 -4px #6b4f68; }.bq-withdrawal-view.is-locked .bq-withdrawal-balance span { color:#d19caf; }
.bq-withdrawal-lock,.bq-vip-current { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:16px; margin:24px 26px 0; padding:18px; border:1px solid #725b69; background:linear-gradient(90deg,#241426,#100d21); }.bq-withdrawal-lock > span,.bq-vip-current > span { display:grid; width:45px; aspect-ratio:1; place-items:center; border:1px solid #a87589; color:#e5aabe; font:900 1.1rem/1 var(--bq-mono); }.bq-withdrawal-lock__kyc-mark { border:0!important; background:transparent; }.bq-withdrawal-lock__kyc-mark img { display:block; width:42px; height:42px; object-fit:contain; filter:drop-shadow(0 0 9px rgb(53 229 233 / 34%)); }.bq-withdrawal-lock strong,.bq-vip-current strong { color:#f6dbe4; font:900 .72rem/1.25 var(--bq-mono); }.bq-withdrawal-lock p,.bq-vip-current p { margin:6px 0 0; color:#a38494; font-size:.66rem; line-height:1.45; }.bq-withdrawal-lock .bq-button,.bq-vip-current .bq-button { text-decoration:none; }.bq-withdrawal-form .bq-button:disabled { filter:grayscale(1) saturate(.2); opacity:.5; cursor:not-allowed; pointer-events:none; transform:none; }
.bq-withdrawal-layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr); gap:16px; padding:24px 26px 26px; }.bq-withdrawal-form { display:grid; gap:15px; }.bq-withdrawal-form > label { display:grid; gap:7px; color:#bcd0e2; font:900 .57rem/1 var(--bq-mono); text-transform:uppercase; }.bq-withdrawal-form input,.bq-withdrawal-form select { width:100%; min-height:44px; padding:10px 12px; border:1px solid #2d6389; outline:0; background:#020d25; color:#e9f4fb; font:700 .7rem/1 var(--bq-mono); }.bq-withdrawal-form input:focus,.bq-withdrawal-form select:focus { border-color:var(--bq-cyan); box-shadow:0 0 0 2px rgb(53 229 233 / 12%); }.bq-withdrawal-form input:disabled,.bq-withdrawal-form select:disabled { opacity:.45; cursor:not-allowed; }.bq-withdrawal-form label > small { color:#6887a3; font:400 .63rem/1.4 var(--bq-body); text-transform:none; }.bq-withdrawal-amount { display:grid; grid-template-columns:1fr auto; }.bq-withdrawal-amount span { display:grid; min-width:70px; place-items:center; border:1px solid #2d6389; border-left:0; background:#08203d; color:#e4c75c; font:900 .58rem/1 var(--bq-mono); }.bq-withdrawal-form > .bq-button { justify-self:start; }.bq-withdrawal-flow ol { display:grid; gap:0; margin:0; padding:0; list-style:none; }.bq-withdrawal-flow li { display:grid; grid-template-columns:auto 1fr; gap:12px; padding:13px 0; }.bq-withdrawal-flow li + li { border-top:1px solid #173e60; }.bq-withdrawal-flow i { display:grid; width:29px; aspect-ratio:1; place-items:center; border:1px solid #277479; color:#64ded0; font:900 .52rem/1 var(--bq-mono); font-style:normal; }.bq-withdrawal-flow strong,.bq-withdrawal-flow small { display:block; }.bq-withdrawal-flow strong { color:#dfeef8; font:900 .65rem/1.3 var(--bq-mono); }.bq-withdrawal-flow small { margin-top:5px; color:#6e8ba7; font-size:.61rem; line-height:1.4; }

.bq-account-feature__hero--vip { background:radial-gradient(circle at 80% 32%,rgb(234 164 23 / 22%),transparent 24%),radial-gradient(circle at 68% 12%,rgb(108 75 224 / 24%),transparent 20%),linear-gradient(100deg,#07152f,#24143f 74%,#07142c); }
.bq-vip-account__badge { display:grid; width:140px; aspect-ratio:1; place-content:center; justify-items:center; gap:5px; border:3px double #e4a721; background:radial-gradient(circle,#2c275c,#07152d 70%); box-shadow:0 0 0 7px #061127,0 0 45px rgb(231 170 37 / 22%); clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%); }.bq-vip-account__badge .bq-vip-account__crown { display:block; width:50px; margin-bottom:2px; filter:drop-shadow(0 0 4px rgb(255 245 170 / 92%)) drop-shadow(0 0 13px rgb(226 158 32 / 64%)); font-style:normal; transform:rotate(4deg); }.bq-vip-account__crown svg { display:block; width:100%; height:auto; overflow:visible; }.bq-vip-account__badge strong { color:#ffe181; font:900 1.05rem/1 var(--bq-mono); }.bq-vip-account__badge small { color:#a09ac1; font:800 .46rem/1 var(--bq-mono); text-transform:uppercase; }
.bq-vip-benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; padding:26px; counter-reset:vip-benefit; }.bq-vip-benefits article { position:relative; min-width:0; overflow:hidden; padding:20px; border:1px solid #3b4f7c; background:linear-gradient(145deg,#0b2042,#060e27); counter-increment:vip-benefit; transition:border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease; }.bq-vip-benefits article::before { content:""; position:absolute; inset:0 0 auto; height:2px; background:linear-gradient(90deg,#e5ad31,#b46df0 52%,#35e5e9); opacity:.82; }.bq-vip-benefits article::after { content:attr(data-benefit-group); position:absolute; top:13px; right:14px; color:rgb(151 112 228 / 13%); font:900 2.35rem/1 var(--bq-display); pointer-events:none; }.bq-vip-benefits article:hover { border-color:#6b62a5; box-shadow:0 14px 30px rgb(1 6 22 / 28%),inset 0 0 28px rgb(140 89 219 / 5%); transform:translateY(-2px); }.bq-vip-benefits article > span { display:grid; width:40px; aspect-ratio:1; place-items:center; margin-bottom:16px; border:1px solid #b47f24; background:linear-gradient(145deg,rgb(231 174 48 / 8%),rgb(95 61 157 / 12%)); color:#f4c853; box-shadow:inset 0 0 13px rgb(238 190 61 / 7%); font:900 1rem/1 var(--bq-mono); }.bq-vip-benefits strong { position:relative; z-index:1; color:#fff0bc; font:900 .72rem/1.35 var(--bq-mono); }.bq-vip-benefits ul { display:grid; gap:8px; margin:14px 0 0; padding:0; list-style:none; }.bq-vip-benefits li { position:relative; min-height:34px; padding:8px 9px 8px 27px; border-left:1px solid rgb(53 229 233 / 26%); background:linear-gradient(90deg,rgb(53 229 233 / 5%),transparent); color:#91aac3; font-size:.61rem; line-height:1.42; }.bq-vip-benefits li::before { content:"✦"; position:absolute; top:9px; left:9px; color:#d7ad4d; font-size:.54rem; text-shadow:0 0 8px rgb(189 93 238 / 58%); }.bq-vip-benefits li:nth-child(2)::before { color:#b47af3; }.bq-vip-benefits li:nth-child(3)::before { color:#53dfe0; }
.bq-vip-benefit--signature { position:relative; overflow:hidden; }
.bq-vip-name-demo { display:flex; min-height:54px; align-items:center; margin-bottom:15px; font:900 1.32rem/1 var(--bq-display); letter-spacing:.04em; }
.bq-vip-name-demo .bq-vip-name { width:max-content; }
.bq-vip-account__purchase { margin:0 auto 26px; padding:0 26px; }.bq-vip-account__purchase [data-vip-status] { min-height:1.3em; margin:0 0 8px; color:#86a0bb; font:.6rem/1.4 var(--bq-mono); }.bq-vip-current { margin-bottom:26px; border-color:#2a846e; background:linear-gradient(90deg,#0a302e,#07142e); }.bq-vip-current > span { border-color:#4bddad; color:#71efbd; }.bq-vip-current strong { color:#dff9ed; }.bq-vip-current p { color:#7caa9e; }.bq-vip-account__note { margin:0; padding:17px 26px; border-top:1px solid #493c65; background:#070e25; color:#8c89a9; font:.59rem/1.45 var(--bq-mono); text-align:center; }
.bq-vip-account__purchase { width:min(1120px,100%); }.bq-vip-account__purchase .bq-vip-gate__plans { grid-template-columns:repeat(4,minmax(0,1fr)); }.bq-vip-gate__plans label > span.is-best-value { border-color:#e5ad31; background:radial-gradient(circle at 50% 0,rgb(229 173 49 / 20%),transparent 45%),linear-gradient(145deg,#183252,#07162f); box-shadow:inset 0 -4px #cb8618,0 10px 25px rgb(229 173 49 / 15%); }.bq-vip-gate__plans label > span.is-best-value::after { content:""; position:absolute; inset:5px; border:1px solid rgb(255 229 128 / 16%); pointer-events:none; }.bq-vip-gate__plans label > span:active { transform:scale(.98); }
.bq-vip-current--pending,.bq-vip-current--not_subscribed { border-color:#725b69; background:linear-gradient(90deg,#241426,#100d21); }.bq-vip-current--pending > span,.bq-vip-current--not_subscribed > span { border-color:#a87589; color:#e5aabe; }.bq-vip-current--grace,.bq-vip-current--expired { border-color:#936b2c; background:linear-gradient(90deg,#30210b,#171108); }.bq-vip-current--grace > span,.bq-vip-current--expired > span { border-color:#e5bc5b; color:#ffe17f; }

@media (max-width:1120px) {
  .bq-community-world-tools { grid-template-columns:minmax(200px,.8fr) minmax(250px,1.2fr); }.bq-community-world-search { grid-column:1/-1; }.bq-community-world-list { overflow-x:auto; }.bq-community-world-list__head,.bq-community-world-list li { min-width:900px; }
  .bq-community-social { grid-template-columns:minmax(240px,.85fr) minmax(360px,1.15fr); }.bq-community-social__side { grid-column:1/-1; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .bq-community-friends-layout { grid-template-columns:1fr; }.bq-community-clan-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .bq-battle-pass-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .bq-community-layout { grid-template-columns:1fr; }.bq-community-clan-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .bq-vip-benefits { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .bq-vip-account__purchase .bq-vip-gate__plans { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .bq-kyc-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }.bq-kyc-steps li:nth-child(3) { border-left:0; border-top:1px solid #24577d; }.bq-kyc-steps li:nth-child(4) { border-top:1px solid #24577d; }
}
@media (max-width:760px) {
  .bq-community-world { margin:10px 0 0; }.bq-community-world__hero { align-items:stretch; flex-direction:column; padding:18px 14px 8px; }.bq-community-world__hero aside { width:100%; min-width:0; }.bq-community-world-podium { min-height:235px; gap:7px; padding:55px 8px 17px; }.bq-community-world-podium__player { width:32%; min-height:150px!important; padding:8px 5px 10px; }.bq-community-world-podium__player.is-position-1 { min-height:180px!important; }.bq-community-framed-avatar--champion { width:94px; }.bq-community-framed-avatar--podium { width:76px; }.bq-community-world-podium__player > .bq-community-profile-link { max-width:100%; font-size:.49rem; }.bq-community-world-podium__player > span { display:none; }.bq-community-world-podium__player > strong,.bq-community-world-podium__player.is-position-1 > strong { font-size:.52rem; }.bq-community-world-tools { grid-template-columns:1fr; gap:9px; padding:11px; }.bq-community-world-search { grid-column:auto; }.bq-community-world-tools > label:first-child { grid-template-columns:1fr; }.bq-community-world-countries { order:3; }.bq-community-world-list { margin-inline:0; border-inline:0; }.bq-community-world > footer { justify-content:center; }
  .bq-community-social { grid-template-columns:1fr; }.bq-community-social__side { grid-column:auto; grid-template-columns:1fr; }.bq-community-social__conversation .bq-community-empty { min-height:260px; }.bq-community-social__conversation .bq-community-chat__messages { min-height:260px; }
  .bq-community-heading { padding:25px 16px 20px; }.bq-community-tabs button { min-height:50px; padding:0 10px; font-size:.5rem; }.bq-community-panel { margin:14px; }.bq-community-friends-layout { padding:12px; }.bq-community-friends-layout .bq-community-players,.bq-community-clan-grid { grid-template-columns:1fr; }.bq-community-friend { grid-template-columns:37px minmax(0,1fr); }.bq-community-friend__actions { grid-column:2; }.bq-community-request { grid-template-columns:29px minmax(0,1fr) auto auto; gap:6px; }.bq-community-ranking__filter { align-items:stretch; flex-direction:column; }.bq-community-ranking__filter select { min-width:0; }.bq-community-ranking li { grid-template-columns:24px 29px minmax(0,1fr); }.bq-community-ranking li em { grid-column:3; }.bq-community-chat__form { grid-template-columns:1fr; }.bq-community-profile-preview { grid-template-columns:1fr; margin:0 14px 16px; }.bq-community-profile-preview dl { grid-template-columns:1fr; }
  .bq-account-feature__hero { grid-template-columns:1fr; gap:25px; padding:30px 24px; }.bq-account-feature__hero h2 { font-size:clamp(2.25rem,11vw,3.4rem); }.bq-account-feature__seal,.bq-vip-account__badge { width:105px; }
  .bq-community__hero { min-height:0; }.bq-community-pulse { grid-template-columns:repeat(2,minmax(0,1fr)); }.bq-community-pulse article:nth-child(2) { border-right:0; }.bq-community-pulse article:nth-child(-n+2) { border-bottom:1px solid #194968; }.bq-community-pulse article { padding:14px; }.bq-community-pulse i { width:30px; }.bq-community-layout { padding:14px; }.bq-community-clans,.bq-community-events { margin:0 14px 14px; }.bq-community-players,.bq-community-clan-grid { grid-template-columns:1fr; padding:12px; }.bq-community-events > div { grid-template-columns:1fr; }.bq-community-events article { border-right:0; border-bottom:1px solid #1d4f71; }.bq-community-events article:last-child { border-bottom:0; }.bq-community-challenge > div { grid-template-columns:auto minmax(0,1fr); gap:12px; }.bq-community-challenge .bq-button { grid-column:1/-1; width:100%; }.bq-community-activity li { grid-template-columns:32px minmax(0,1fr); gap:10px; padding:14px; }.bq-community-activity a { grid-column:2; text-align:left; }.bq-community-section > header { padding:15px; }.bq-community-clan-grid dl { grid-template-columns:repeat(3,minmax(0,1fr)); }.bq-community-message { margin:0 14px 16px; }
  .bq-kyc-identity-mark { width:125px; height:121px; }
  .bq-account-feature__split,.bq-withdrawal-layout { grid-template-columns:1fr; }.bq-withdrawal-lock,.bq-vip-current { grid-template-columns:auto 1fr; }.bq-withdrawal-lock .bq-button,.bq-vip-current .bq-button { grid-column:1/-1; width:100%; }
  .bq-battle-pass-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.bq-season-progress,.bq-withdrawal-balance { width:100%; min-width:0; }
}
@media (max-width:520px) {
  .bq-feature-status,.bq-kyc-steps,.bq-account-feature__split,.bq-withdrawal-lock,.bq-vip-current { margin-right:14px; margin-left:14px; }.bq-battle-pass-grid,.bq-withdrawal-layout,.bq-vip-benefits { padding-right:14px; padding-left:14px; }
  .bq-kyc-steps,.bq-battle-pass-grid,.bq-vip-benefits { grid-template-columns:1fr; }.bq-kyc-steps li + li { border-top:1px solid #24577d; border-left:0; }.bq-account-feature__action { align-items:stretch; flex-direction:column; padding:20px 14px; }.bq-account-feature__action .bq-button { width:100%; }
  .bq-account-feature__hero { padding:27px 19px; }.bq-account-feature__hero p { font-size:.76rem; }.bq-account-feature__split { grid-template-columns:1fr; }.bq-withdrawal-form > .bq-button { width:100%; }
}

/* VIP pixel banner studio */
.bq-account > [hidden] { display:none !important; }
.bq-banner-picker__create { display:flex; min-width:max-content; align-items:center; gap:8px; margin-left:auto; padding:8px 11px; border:1px solid #d79b23; background:linear-gradient(180deg,#5c3b0b,#211707); color:#ffe486; font:900 .55rem/1 var(--bq-mono); text-decoration:none; text-transform:uppercase; box-shadow:inset 0 -2px #9a5d0d; }
.bq-banner-picker__create i { color:var(--bq-cyan); font-style:normal; }.bq-banner-picker__create small { padding:3px 4px; background:#e3a51f; color:#07142c; font-size:.44rem; }
.bq-banner-picker__create:hover { border-color:#ffe078; color:#fff5c9; transform:translateY(-1px); }
.bq-banner-picker__empty { grid-column:1/-1; display:grid; min-height:220px; place-content:center; justify-items:center; padding:30px; border:1px dashed #285f86; background:radial-gradient(circle,#0a2a4e,#031128 70%); text-align:center; }
.bq-banner-picker__empty strong { color:#f7edc8; font:900 .82rem/1.2 var(--bq-mono); }.bq-banner-picker__empty p { margin:8px 0 18px; color:#7897b6; font-size:.7rem; }
.bq-banner-picker__empty .bq-button { color:#07142d; text-decoration:none; }

.bq-pixel-studio { overflow:hidden; border:1px solid #2b7798; background:radial-gradient(circle at 88% 0,rgb(53 229 233 / 13%),transparent 24%),linear-gradient(145deg,#082448,#030d22 70%); box-shadow:0 28px 70px rgb(0 0 0 / 30%); }
.bq-pixel-studio__header { display:flex; align-items:center; justify-content:space-between; gap:28px; padding:27px 30px 24px; border-bottom:1px solid #285e82; background:linear-gradient(90deg,rgb(4 17 41 / 96%),rgb(8 44 72 / 72%)); }
.bq-pixel-studio__header > div:first-child { display:grid; gap:7px; }.bq-pixel-studio__header span,.bq-pixel-preview > span,.bq-pixel-library > div > span { color:var(--bq-cyan); font:900 .56rem/1 var(--bq-mono); letter-spacing:.11em; text-transform:uppercase; }
.bq-pixel-studio__header h2 { margin:0; color:#fff5d5; font:900 clamp(1.8rem,3.2vw,3.2rem)/.92 var(--bq-display); text-transform:uppercase; text-shadow:0 4px #020817; }
.bq-pixel-studio__header p { max-width:720px; margin:0; color:#8aa7c2; font-size:.75rem; line-height:1.45; }
.bq-pixel-studio__vip { display:grid; min-width:110px; justify-items:center; gap:3px; padding:12px 16px; border:1px solid #c68e20; background:#06142d; box-shadow:inset 0 0 20px rgb(230 166 39 / 12%); clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px); }
.bq-pixel-studio__vip i { color:#44e9e5; font-style:normal; }.bq-pixel-studio__vip strong { color:#ffe07b; font:900 .86rem/1 var(--bq-mono); }.bq-pixel-studio__vip small { color:#7897b5; font:800 .48rem/1 var(--bq-mono); text-transform:uppercase; }
.bq-pixel-studio__layout { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(300px,.72fr); gap:18px; padding:22px; }
.bq-pixel-workbench,.bq-pixel-studio__side { min-width:0; }.bq-pixel-workbench { display:grid; align-content:start; gap:14px; padding:18px; border:1px solid #24587e; background:#020c20; }
.bq-pixel-name { display:grid; gap:7px; color:#b7cce0; font:900 .57rem/1 var(--bq-mono); text-transform:uppercase; }.bq-pixel-name input { min-height:44px; padding:10px 12px; border:1px solid #2c678f; outline:0; background:#041632; color:#f1f7ff; font:800 .72rem/1 var(--bq-mono); }.bq-pixel-name input:focus { border-color:var(--bq-cyan); box-shadow:0 0 0 2px rgb(53 229 233 / 12%); }
.bq-pixel-tools { display:flex; flex-wrap:wrap; gap:7px; }.bq-pixel-tools button,.bq-pixel-history button { display:flex; min-height:36px; align-items:center; gap:7px; padding:8px 10px; border:1px solid #285c82; background:#061a34; color:#91abc4; font:900 .51rem/1 var(--bq-mono); text-transform:uppercase; cursor:pointer; }.bq-pixel-tools button span { color:#65dce1; font-size:.8rem; }.bq-pixel-tools button:hover,.bq-pixel-history button:hover { border-color:#4fcbd3; color:#e4fbff; }.bq-pixel-tools button.is-active { border-color:var(--bq-gold); background:#2c230c; color:#ffe38a; box-shadow:inset 0 -3px #c68612; }
.bq-pixel-canvas-shell { position:relative; padding:13px; border:1px solid #34789b; background-color:#0a1b31; background-image:linear-gradient(45deg,#122a44 25%,transparent 25%),linear-gradient(-45deg,#122a44 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#122a44 75%),linear-gradient(-45deg,transparent 75%,#122a44 75%); background-position:0 0,0 7px,7px -7px,-7px 0; background-size:14px 14px; box-shadow:inset 0 0 35px #0009; }
.bq-pixel-canvas-shell canvas { display:block; width:100%; aspect-ratio:4/1; border:1px solid #60cad2; background:#06152f; cursor:crosshair; image-rendering:pixelated; image-rendering:crisp-edges; touch-action:none; box-shadow:0 0 0 4px #020817,0 0 24px rgb(53 229 233 / 15%); }
.bq-pixel-canvas-shell > span { position:absolute; right:18px; bottom:17px; padding:4px 5px; background:rgb(2 10 27 / 82%); color:#87b2ca; font:800 .47rem/1 var(--bq-mono); }
.bq-pixel-controls { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }.bq-pixel-palette { display:flex; flex-wrap:wrap; gap:6px; }.bq-pixel-palette > button { width:28px; height:28px; padding:0; border:2px solid #193c5f; outline:0; background:var(--pixel-color); box-shadow:inset 0 0 0 2px #020817; cursor:pointer; }.bq-pixel-palette > button.is-active { border-color:#fff3b0; transform:translateY(-3px); box-shadow:0 3px #b97911,inset 0 0 0 2px #020817; }
.bq-pixel-palette > label { position:relative; display:grid; width:28px; height:28px; place-items:center; overflow:hidden; border:1px dashed #4c7797; color:#b6d4e8; cursor:pointer; }.bq-pixel-palette input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }.bq-pixel-palette span { font:900 .85rem/1 var(--bq-mono); }
.bq-pixel-history { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; }.bq-pixel-history button:disabled { opacity:.35; cursor:not-allowed; }
.bq-pixel-save { display:flex; min-height:48px; align-items:center; justify-content:space-between; gap:16px; border-top:1px solid #173f64; padding-top:14px; }.bq-pixel-save p { margin:0; color:#62e3d4; font:700 .57rem/1.35 var(--bq-mono); }.bq-pixel-save .bq-button { flex:0 0 auto; }
.bq-pixel-studio__side { display:grid; align-content:start; gap:18px; }.bq-pixel-preview,.bq-pixel-library { display:grid; gap:12px; padding:16px; border:1px solid #24587e; background:#020c20; }
.bq-pixel-preview > div { position:relative; isolation:isolate; min-height:188px; overflow:hidden; border:1px solid #377a9b; background:#06152f; }.bq-pixel-preview > div::after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgb(1 9 25 / 90%) 0 48%,rgb(1 9 25 / 35%) 75%,rgb(1 9 25 / 58%)); }
.bq-pixel-preview img { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; image-rendering:pixelated; }.bq-pixel-preview > div > i { position:absolute; z-index:-1; inset:auto 0 0; height:40%; background:linear-gradient(145deg,transparent 36%,rgb(15 70 111 / 55%) 37% 45%,transparent 46%) 0 0/70px 100%; }
.bq-pixel-preview figure { position:absolute; left:15px; bottom:24px; display:grid; width:64px; height:64px; place-items:center; overflow:hidden; margin:0; border:4px ridge #eab02e; background:#0d4f72; color:#fff1af; font:900 1.7rem/1 var(--bq-display); }.bq-pixel-preview figure img { position:static; z-index:auto; object-fit:cover; }
.bq-pixel-preview section { position:absolute; right:12px; bottom:36px; left:92px; display:grid; gap:5px; }.bq-pixel-preview section small { color:#65dbe1; font:800 .48rem/1 var(--bq-mono); text-transform:uppercase; }.bq-pixel-preview section strong { overflow:hidden; color:#fff7d8; font:900 1.25rem/1 var(--bq-display); text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }.bq-pixel-preview section em { color:#5df1a8; font:800 .49rem/1 var(--bq-mono); font-style:normal; text-transform:uppercase; }.bq-pixel-preview > div > b { position:absolute; right:12px; bottom:10px; color:#ffe278; font:900 .51rem/1 var(--bq-mono); }
.bq-pixel-library > div { display:flex; align-items:center; justify-content:space-between; gap:12px; }.bq-pixel-library > div button { border:0; background:none; color:#ffe078; font:900 .51rem/1 var(--bq-mono); text-transform:uppercase; cursor:pointer; }.bq-pixel-library > section { display:grid; max-height:325px; gap:7px; overflow:auto; padding-right:4px; scrollbar-color:#285f86 #020c20; }.bq-pixel-library > section > button { display:grid; grid-template-columns:92px minmax(0,1fr); gap:10px; align-items:center; padding:7px; border:1px solid #1f4b70; background:#05152e; color:inherit; text-align:left; cursor:pointer; }.bq-pixel-library > section > button:hover,.bq-pixel-library > section > button.is-active { border-color:#4ac8d1; background:#08213e; }.bq-pixel-library img { display:block; width:92px; aspect-ratio:4/1; object-fit:cover; image-rendering:pixelated; }.bq-pixel-library button span { display:grid; gap:4px; min-width:0; }.bq-pixel-library button strong { overflow:hidden; color:#e9f4ff; font:800 .58rem/1.2 var(--bq-mono); text-overflow:ellipsis; white-space:nowrap; }.bq-pixel-library button small,.bq-pixel-library > small { color:#6989a7; font:700 .49rem/1.2 var(--bq-mono); text-transform:uppercase; }.bq-pixel-library__empty { padding:18px 10px; border:1px dashed #214c70; text-align:center; }.bq-pixel-library__empty strong { color:#d9e7f3; font:800 .62rem/1.2 var(--bq-mono); }.bq-pixel-library__empty p { margin:6px 0 0; color:#6989a7; font-size:.64rem; }
.bq-pixel-studio > footer { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:14px 22px; border-top:1px solid #1d4c71; background:#020a1b; }.bq-pixel-studio > footer a { color:#83dce2; font:900 .55rem/1 var(--bq-mono); text-decoration:none; text-transform:uppercase; }.bq-pixel-studio > footer p { margin:0; color:#617f9c; font:.54rem/1.35 var(--bq-mono); }

.bq-vip-gate { display:grid; min-height:660px; place-content:center; justify-items:center; padding:70px 28px; border:1px solid #2e7196; background:radial-gradient(circle at 50% 22%,rgb(53 229 233 / 16%),transparent 20%),radial-gradient(circle at 50% 62%,rgb(232 166 34 / 12%),transparent 28%),linear-gradient(145deg,#071e40,#020a1d); text-align:center; }
.bq-vip-gate__diamond { display:grid; width:92px; aspect-ratio:1; place-items:center; margin-bottom:24px; border:3px double #e4a721; background:#07152d; color:#ffe181; font:900 1rem/1 var(--bq-mono); box-shadow:0 0 0 6px #061127,0 0 40px rgb(53 229 233 / 18%); clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%); }
.bq-vip-gate > span { color:var(--bq-cyan); font:900 .58rem/1 var(--bq-mono); letter-spacing:.12em; text-transform:uppercase; }.bq-vip-gate h2 { max-width:720px; margin:10px 0 12px; color:#fff4d2; font:900 clamp(2rem,4vw,3.7rem)/.93 var(--bq-display); text-transform:uppercase; text-shadow:0 4px #020817; }.bq-vip-gate > p { max-width:670px; margin:0; color:#91abc3; font-size:.78rem; line-height:1.55; }
.bq-vip-gate__purchase { display:grid; width:min(520px,100%); justify-items:center; }.bq-vip-gate__plans { display:grid; width:100%; grid-template-columns:1fr 1fr; gap:10px; margin:28px 0 13px; padding:0; border:0; }.bq-vip-gate__plans label { position:relative; display:block; }.bq-vip-gate__plans input { position:absolute; opacity:0; pointer-events:none; }.bq-vip-gate__plans label > span { position:relative; display:grid; min-height:112px; align-content:center; gap:6px; padding:18px; border:1px solid #376a8c; background:#04132c; cursor:pointer; transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease; }.bq-vip-gate__plans label > span::before { content:""; position:absolute; top:10px; right:10px; width:11px; height:11px; border:1px solid #47799a; background:#020b20; box-shadow:inset 0 0 0 3px #020b20; }.bq-vip-gate__plans input:checked + span { border-color:var(--bq-gold); background:linear-gradient(145deg,#102a45,#07162f); box-shadow:inset 0 -4px #cb8618,0 8px 22px rgb(0 0 0 / 22%); transform:translateY(-2px); }.bq-vip-gate__plans input:checked + span::before { border-color:#ffe27e; background:var(--bq-gold); }.bq-vip-gate__plans small { color:#79a6c2; font:800 .53rem/1 var(--bq-mono); text-transform:uppercase; }.bq-vip-gate__plans strong { color:#ffe17c; font:900 1.25rem/1 var(--bq-mono); }.bq-vip-gate__plans em { color:#7893ac; font-size:.66rem; font-style:normal; }.bq-vip-gate__plans b { position:absolute; top:10px; left:10px; padding:4px 5px; background:#0d614e; color:#75f0bc; font:900 .42rem/1 var(--bq-mono); text-transform:uppercase; }
.bq-vip-gate .bq-button { margin-top:8px; }.bq-vip-gate [data-vip-status] { min-height:1.3em; margin:10px 0 14px; color:#61e0cf; font:.58rem/1.3 var(--bq-mono); }.bq-vip-gate > a { color:#88a8c5; font:800 .55rem/1 var(--bq-mono); text-decoration:none; text-transform:uppercase; }
.bq-vip-payment__diamond { display:grid; width:78px; min-height:78px!important; aspect-ratio:1; place-items:center; border:3px double #dca11f!important; background:radial-gradient(circle,#164168,#06152e 70%); color:#ffe17d; font:900 .82rem/1 var(--bq-mono); clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%); }.bq-vip-payment__product > div:nth-child(2) strong span { color:#fff4c4; font:inherit; }

@media (max-width:1100px) {
  .bq-pixel-studio__layout { grid-template-columns:1fr; }.bq-pixel-studio__side { grid-template-columns:1fr 1fr; }.bq-banner-picker__create { margin-left:0; }
}
@media (max-width:720px) {
  .bq-pixel-studio__header { align-items:flex-start; padding:21px; }.bq-pixel-studio__vip { min-width:76px; padding-inline:9px; }.bq-pixel-studio__layout { padding:12px; }.bq-pixel-workbench { padding:12px; }.bq-pixel-studio__side { grid-template-columns:1fr; }.bq-pixel-controls,.bq-pixel-save,.bq-pixel-studio > footer { align-items:stretch; flex-direction:column; }.bq-pixel-history { justify-content:flex-start; }.bq-pixel-save .bq-button { width:100%; }.bq-vip-gate__plans { grid-template-columns:1fr; }
}

/* Xiangqi: motor jugable dentro del marco común de partida. */
.bq-game-stage--xiangqi .bq-game-stage__battlefield { display:grid; place-items:center; }
.bq-xiangqi-game__board { position:relative; width:min(100%,calc((100vh - 230px) * .9)); min-width:360px; aspect-ratio:9/10; overflow:hidden; border:clamp(6px,.9vw,9px) ridge #a7772a; outline:2px solid #251608; background:radial-gradient(circle at 50% 45%,rgb(46 104 140 / 20%),transparent 45%),linear-gradient(135deg,#0b345b,#061b35 70%); box-shadow:0 16px 38px #000c,0 0 0 2px #6e491b,inset 0 0 42px #000b; isolation:isolate; }
.bq-xiangqi-game__board::before { content:""; position:absolute; z-index:0; inset:1.4%; border:1px solid rgb(221 174 83 / 52%); box-shadow:inset 0 0 22px #0008; pointer-events:none; }
.bq-xiangqi-game__field { position:absolute; z-index:1; inset:6%; background:repeating-linear-gradient(90deg,#b08c4d 0 1px,transparent 1px 12.5%),repeating-linear-gradient(180deg,#b08c4d 0 1px,transparent 1px 11.111%); box-shadow:inset -1px -1px #b08c4d; pointer-events:none; }
.bq-xiangqi-game__field::before,.bq-xiangqi-game__field::after { content:""; position:absolute; inset:-3%; border:1px solid rgb(208 164 76 / 30%); pointer-events:none; }
.bq-xiangqi-game__field::after { inset:-4.4%; border-color:rgb(208 164 76 / 18%); }
.bq-xiangqi-game__river { position:absolute; z-index:2; top:44.444%; left:0; display:flex; width:100%; height:11.111%; align-items:center; justify-content:space-around; border-block:1px solid #b08c4d; background:linear-gradient(90deg,#092e51,#0d3e65 50%,#092e51); color:rgb(224 183 99 / 72%); font:700 clamp(.72rem,1.4vw,1.05rem)/1 serif; letter-spacing:.16em; text-shadow:0 2px #020a19; }
.bq-xiangqi-game__river span { transform:rotate(-4deg); }.bq-xiangqi-game__river span:last-child { transform:rotate(4deg); }
.bq-xiangqi-game__river .is-chu::before { content:"楚河"; }.bq-xiangqi-game__river .is-han::before { content:"漢界"; }
.bq-xiangqi-game__palace { position:absolute; z-index:1; left:37.5%; width:25%; height:22.222%; background:linear-gradient(34deg,transparent calc(50% - .8px),#b08c4d calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .8px)),linear-gradient(-34deg,transparent calc(50% - .8px),#b08c4d calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .8px)); }
.bq-xiangqi-game__palace.is-black { top:0; }.bq-xiangqi-game__palace.is-red { bottom:0; }
.bq-xiangqi-game__point { --x:0%; --y:0%; position:absolute; z-index:3; top:var(--y); left:var(--x); display:grid; width:10.5%; min-width:29px; aspect-ratio:1; place-items:center; padding:0; border:0; outline:0; background:transparent; cursor:pointer; transform:translate(-50%,-50%); }
.bq-xiangqi-game__point:focus-visible { z-index:7; outline:2px solid #66e8e6; outline-offset:3px; border-radius:50%; }
.bq-xiangqi-game__point.is-legal::after { content:""; position:absolute; width:21%; aspect-ratio:1; border-radius:50%; background:#65d8bd; box-shadow:0 0 0 2px rgb(207 255 239 / 25%),0 0 13px #41cbb2; }
.bq-xiangqi-game__point.is-capture::after { content:""; position:absolute; inset:3%; border:3px solid #ff6b57; border-radius:50%; box-shadow:0 0 15px rgb(244 71 53 / 60%); }
.bq-xiangqi-game__point.is-last::before { content:""; position:absolute; inset:3%; border:2px solid rgb(246 217 95 / 74%); border-radius:50%; box-shadow:0 0 15px rgb(246 217 95 / 28%); }
.bq-xiangqi-game__piece { position:absolute; z-index:2; display:grid; inset:2%; place-items:center; border:2px solid #d3aa61; border-radius:50%; background:radial-gradient(circle at 34% 25%,#32526c 0 8%,#122d46 28%,#071827 74%); box-shadow:inset 0 0 0 3px #07111d,inset 0 0 0 5px rgb(203 159 77 / 47%),0 7px 7px #000b,0 0 13px rgb(225 181 94 / 14%); color:#e3bd73; font:700 clamp(1rem,3vw,2rem)/1 serif; text-shadow:0 2px 1px #000,0 0 5px rgb(236 193 106 / 32%); pointer-events:none; transition:filter 150ms ease,transform 180ms cubic-bezier(.23,1,.32,1); }
.bq-xiangqi-game__piece[data-color="red"] { border-color:#e38a72; background:radial-gradient(circle at 34% 25%,#8d3340 0 8%,#541725 32%,#210a13 76%); box-shadow:inset 0 0 0 3px #18070d,inset 0 0 0 5px rgb(236 150 121 / 45%),0 7px 7px #000b,0 0 13px rgb(230 84 70 / 18%); color:#ffd09b; }
.bq-xiangqi-game__point.is-selected .bq-xiangqi-game__piece { filter:brightness(1.24) drop-shadow(0 0 9px #ffe083); transform:translateY(-6%) scale(1.08); }
.bq-xiangqi-game__point.is-check .bq-xiangqi-game__piece { box-shadow:inset 0 0 0 3px #25070b,inset 0 0 0 5px #ff6e58,0 0 0 3px #ff513c,0 0 24px #ff3d35; animation:bq-xiangqi-check 760ms ease-in-out infinite alternate; }
.bq-xiangqi-game__board.is-waiting { cursor:wait; }.bq-xiangqi-game__board.is-finished { filter:saturate(.68); }
.bq-xiangqi-game__ghost { position:fixed; z-index:10050; display:grid; place-items:center; border-radius:50%; pointer-events:none; filter:drop-shadow(0 10px 9px #000b) drop-shadow(0 0 9px #ffe18a); }
.bq-xiangqi-game__captured-piece { display:grid; width:34px; aspect-ratio:1; flex:0 0 34px; place-items:center; border:1px solid #ba9352; border-radius:50%; background:#0a1d30; color:#dfb770; font:700 1rem/1 serif; box-shadow:inset 0 0 0 2px #020a16,0 3px 5px #0009; animation:bq-captured-arrive 220ms cubic-bezier(.23,1,.32,1); }
.bq-xiangqi-game__captured-piece[data-color="red"] { border-color:#bc5d58; background:#35101a; color:#ffc192; }
@keyframes bq-xiangqi-check { from { filter:brightness(.95); transform:scale(.98); } to { filter:brightness(1.28); transform:scale(1.05); } }

@media (max-width:1180px) { .bq-xiangqi-game__board { width:min(100%,610px); } }
@media (max-width:760px) { .bq-xiangqi-game__board { width:100%; min-width:0; }.bq-xiangqi-game__piece { font-size:clamp(.78rem,5vw,1.65rem); }.bq-xiangqi-game__captured-piece { width:29px; flex-basis:29px; } }
@media (prefers-reduced-motion:reduce) { .bq-xiangqi-game__piece { transition:filter 120ms ease; }.bq-xiangqi-game__point.is-check .bq-xiangqi-game__piece { animation:none; } }

/* Janggi: tablero coreano 9 × 10 y diagonales de palacio. */
.bq-game-stage--janggi .bq-game-stage__battlefield { display:grid; place-items:center; }
.bq-janggi-game__board { position:relative; width:min(100%,calc((100vh - 230px) * .9)); min-width:360px; aspect-ratio:9/10; overflow:hidden; border:clamp(6px,.9vw,9px) ridge #a7772a; outline:2px solid #251608; background:radial-gradient(circle at 47% 32%,rgb(197 145 73 / 22%),transparent 38%),repeating-linear-gradient(91deg,rgb(255 236 181 / 3%) 0 2px,transparent 2px 23px),linear-gradient(135deg,#52351f,#29180f 70%); box-shadow:0 16px 38px #000c,0 0 0 2px #6e491b,inset 0 0 42px #0009; isolation:isolate; }
.bq-janggi-game__board::before { content:""; position:absolute; z-index:0; inset:1.4%; border:1px solid rgb(238 192 104 / 45%); box-shadow:inset 0 0 24px #0008; pointer-events:none; }
.bq-janggi-game__field { position:absolute; z-index:1; inset:6%; background:repeating-linear-gradient(90deg,#c5a15f 0 1px,transparent 1px 12.5%),repeating-linear-gradient(180deg,#c5a15f 0 1px,transparent 1px 11.111%); box-shadow:inset -1px -1px #c5a15f; pointer-events:none; }
.bq-janggi-game__field::before,.bq-janggi-game__field::after { content:""; position:absolute; inset:-3%; border:1px solid rgb(220 171 82 / 29%); pointer-events:none; }
.bq-janggi-game__field::after { inset:-4.4%; border-color:rgb(220 171 82 / 17%); }
.bq-janggi-game__palace { position:absolute; z-index:1; left:37.5%; width:25%; height:22.222%; background:linear-gradient(34deg,transparent calc(50% - .8px),#c5a15f calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .8px)),linear-gradient(-34deg,transparent calc(50% - .8px),#c5a15f calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .8px)); }
.bq-janggi-game__palace.is-red { top:0; }.bq-janggi-game__palace.is-blue { bottom:0; }
.bq-janggi-game__point { --x:0%; --y:0%; position:absolute; z-index:3; top:var(--y); left:var(--x); display:grid; width:10.5%; min-width:29px; aspect-ratio:1; place-items:center; padding:0; border:0; outline:0; background:transparent; cursor:pointer; transform:translate(-50%,-50%); }
.bq-janggi-game__point:focus-visible { z-index:7; outline:2px solid #66e8e6; outline-offset:3px; border-radius:50%; }
.bq-janggi-game__point.is-legal::after { content:""; position:absolute; width:21%; aspect-ratio:1; border-radius:50%; background:#65d8bd; box-shadow:0 0 0 2px rgb(207 255 239 / 25%),0 0 13px #41cbb2; }
.bq-janggi-game__point.is-capture::after { content:""; position:absolute; inset:3%; border:3px solid #ff6b57; border-radius:50%; box-shadow:0 0 15px rgb(244 71 53 / 60%); }
.bq-janggi-game__point.is-last::before { content:""; position:absolute; inset:3%; border:2px solid rgb(246 217 95 / 78%); border-radius:50%; box-shadow:0 0 15px rgb(246 217 95 / 30%); }
.bq-janggi-game__piece { position:absolute; z-index:2; display:grid; inset:2%; place-items:center; border:2px solid #d8ad5e; border-radius:50%; background:radial-gradient(circle at 34% 25%,#264e70 0 8%,#133654 31%,#071827 76%); box-shadow:inset 0 0 0 3px #07111d,inset 0 0 0 5px rgb(203 159 77 / 47%),0 7px 7px #000b,0 0 13px rgb(58 166 237 / 18%); color:#f0c56f; font:700 clamp(1rem,3vw,2rem)/1 serif; text-shadow:0 2px 1px #000,0 0 5px rgb(236 193 106 / 32%); pointer-events:none; transition:filter 150ms ease,transform 180ms cubic-bezier(.23,1,.32,1); }
.bq-janggi-game__piece[data-color="red"] { border-color:#e38a72; background:radial-gradient(circle at 34% 25%,#8d3340 0 8%,#541725 32%,#210a13 76%); box-shadow:inset 0 0 0 3px #18070d,inset 0 0 0 5px rgb(236 150 121 / 45%),0 7px 7px #000b,0 0 13px rgb(230 84 70 / 18%); color:#ffd09b; }
.bq-janggi-game__point.is-selected .bq-janggi-game__piece { filter:brightness(1.24) drop-shadow(0 0 9px #ffe083); transform:translateY(-6%) scale(1.08); }
.bq-janggi-game__point.is-check .bq-janggi-game__piece { box-shadow:inset 0 0 0 3px #25070b,inset 0 0 0 5px #ff6e58,0 0 0 3px #ff513c,0 0 24px #ff3d35; animation:bq-janggi-check 760ms ease-in-out infinite alternate; }
.bq-janggi-game__board.is-waiting { cursor:wait; }.bq-janggi-game__board.is-finished { filter:saturate(.68); }
.bq-janggi-game__ghost { position:fixed; z-index:10050; display:grid; place-items:center; border-radius:50%; pointer-events:none; filter:drop-shadow(0 10px 9px #000b) drop-shadow(0 0 9px #ffe18a); }
.bq-janggi-game__captured-piece { display:grid; width:34px; aspect-ratio:1; flex:0 0 34px; place-items:center; border:1px solid #ba9352; border-radius:50%; background:#0a2740; color:#e8bd6d; font:700 1rem/1 serif; box-shadow:inset 0 0 0 2px #020a16,0 3px 5px #0009; animation:bq-captured-arrive 220ms cubic-bezier(.23,1,.32,1); }
.bq-janggi-game__captured-piece[data-color="red"] { border-color:#bc5d58; background:#35101a; color:#ffc192; }
@keyframes bq-janggi-check { from { filter:brightness(.95); transform:scale(.98); } to { filter:brightness(1.28); transform:scale(1.05); } }

@media (max-width:1180px) { .bq-janggi-game__board { width:min(100%,610px); } }
@media (max-width:760px) { .bq-janggi-game__board { width:100%; min-width:0; }.bq-janggi-game__piece { font-size:clamp(.78rem,5vw,1.65rem); }.bq-janggi-game__captured-piece { width:29px; flex-basis:29px; }.bq-game-stage__player.has-actions.has-pass { gap:5px; }.bq-game-stage__player.has-actions.has-pass .bq-game-stage__pass,.bq-game-stage__player.has-actions.has-pass .bq-game-stage__resign { padding-inline:6px; font-size:.46rem; } }
@media (prefers-reduced-motion:reduce) { .bq-janggi-game__piece { transition:filter 120ms ease; }.bq-janggi-game__point.is-check .bq-janggi-game__piece { animation:none; } }

/* Janggi: entradas, batalla y recompensas exclusivas inspiradas en tambores buk y sellos reales. */
.bq-game-stage--janggi.is-entering .bq-janggi-game__piece { animation-duration:520ms; animation-delay:var(--jg-enter-delay,0ms); animation-timing-function:cubic-bezier(.23,1,.32,1); animation-fill-mode:both; }
.bq-game-stage--janggi.is-entering .bq-janggi-game__piece[data-type="soldier"] { animation-name:bq-janggi-enter-soldier; }.bq-game-stage--janggi.is-entering .bq-janggi-game__piece[data-type="horse"] { animation-name:bq-janggi-enter-horse; }.bq-game-stage--janggi.is-entering .bq-janggi-game__piece[data-type="elephant"] { animation-name:bq-janggi-enter-elephant; }.bq-game-stage--janggi.is-entering .bq-janggi-game__piece[data-type="chariot"] { animation-name:bq-janggi-enter-chariot; }.bq-game-stage--janggi.is-entering .bq-janggi-game__piece[data-type="cannon"] { animation-name:bq-janggi-enter-cannon; }.bq-game-stage--janggi.is-entering .bq-janggi-game__piece[data-type="guard"] { animation-name:bq-janggi-enter-guard; }.bq-game-stage--janggi.is-entering .bq-janggi-game__piece[data-type="general"] { animation-name:bq-janggi-enter-general; }
@keyframes bq-janggi-enter-soldier { from { opacity:0; transform:translateY(36%) scale(.94); } to { opacity:1; transform:translateY(0) scale(1); } }
@keyframes bq-janggi-enter-horse { from { opacity:0; transform:translate(-28%,22%) rotate(-10deg) scale(.92); } to { opacity:1; transform:translate(0,0) rotate(0) scale(1); } }
@keyframes bq-janggi-enter-elephant { from { opacity:0; transform:translateY(-18%) scale(.9,.78); } to { opacity:1; transform:translateY(0) scale(1); } }
@keyframes bq-janggi-enter-chariot { from { opacity:0; transform:translateX(-34%) rotate(-5deg) scale(.93); } to { opacity:1; transform:translateX(0) rotate(0) scale(1); } }
@keyframes bq-janggi-enter-cannon { from { opacity:0; transform:translateY(-32%) scale(1.12); } to { opacity:1; transform:translateY(0) scale(1); } }
@keyframes bq-janggi-enter-guard { from { opacity:0; transform:rotate(-22deg) scale(.92); } to { opacity:1; transform:rotate(0) scale(1); } }
@keyframes bq-janggi-enter-general { from { opacity:0; transform:translateY(-24%) scale(.94); } to { opacity:1; transform:translateY(0) scale(1); } }

.bq-janggi-room-opening { position:fixed; z-index:12000; inset:0; display:grid; place-items:center; overflow:hidden; background:radial-gradient(circle at 50% 50%,rgb(190 57 44 / 35%),transparent 28%),linear-gradient(135deg,rgb(3 16 32 / 97%),rgb(27 8 15 / 98%)); pointer-events:none; animation:bq-janggi-opening-shell 680ms cubic-bezier(.23,1,.32,1) both; }
.bq-janggi-room-opening i { position:relative; z-index:2; display:grid; width:min(22vw,170px); aspect-ratio:1; place-items:center; border:4px double #efbe62; border-radius:50%; background:radial-gradient(circle at 35% 27%,#7e2531,#2a0911 72%); box-shadow:0 0 0 8px rgb(3 14 27 / 75%),0 0 46px rgb(237 174 66 / 65%); color:#ffe4a2; font:900 clamp(3.5rem,10vw,7rem)/1 serif; font-style:normal; animation:bq-janggi-opening-seal 620ms cubic-bezier(.23,1,.32,1) both; }
.bq-janggi-room-opening b { position:absolute; width:72vw; height:2px; background:linear-gradient(90deg,transparent,#efbe62,#fff3be,#efbe62,transparent); opacity:0; animation:bq-janggi-opening-line 520ms cubic-bezier(.23,1,.32,1) both; }.bq-janggi-room-opening b:nth-of-type(2) { transform:rotate(60deg); animation-delay:55ms; }.bq-janggi-room-opening b:nth-of-type(3) { transform:rotate(-60deg); animation-delay:100ms; }
@keyframes bq-janggi-opening-shell { 0% { opacity:0; } 20%,70% { opacity:1; } 100% { opacity:0; } }
@keyframes bq-janggi-opening-seal { 0% { opacity:0; transform:scale(.92) rotate(-12deg); } 48% { opacity:1; transform:scale(1.04) rotate(0); } 100% { opacity:0; transform:scale(1.12) rotate(6deg); } }
@keyframes bq-janggi-opening-line { 0% { opacity:0; transform:scaleX(.9); } 35% { opacity:1; } 100% { opacity:0; transform:scaleX(1.18); } }

.bq-janggi-capture-vfx { --jg-accent:#efbd62; --jg-glow:#e94a38; --jg-shard:#733328; position:fixed; z-index:10100; top:var(--jg-vfx-y); left:var(--jg-vfx-x); width:var(--jg-vfx-size); aspect-ratio:1; pointer-events:none; transform:translate(-50%,-50%); animation:bq-janggi-vfx-shell 900ms cubic-bezier(.23,1,.32,1) both; }
.bq-janggi-capture-vfx[data-piece="general"] { --jg-accent:#fff1a4; --jg-glow:#e93831; --jg-shard:#8d2828; }.bq-janggi-capture-vfx[data-piece="guard"] { --jg-accent:#8fd5ff; --jg-glow:#e8c46b; --jg-shard:#3d5c82; }.bq-janggi-capture-vfx[data-piece="elephant"] { --jg-accent:#ddb179; --jg-glow:#ffdf8a; --jg-shard:#69432a; }.bq-janggi-capture-vfx[data-piece="horse"] { --jg-accent:#86b6ff; --jg-glow:#f1c45f; --jg-shard:#3e4d86; }.bq-janggi-capture-vfx[data-piece="chariot"] { --jg-accent:#ff9358; --jg-glow:#ffd56d; --jg-shard:#7b3822; }.bq-janggi-capture-vfx[data-piece="cannon"] { --jg-accent:#ff4e3c; --jg-glow:#ffb332; --jg-shard:#7a1c22; }.bq-janggi-capture-vfx[data-piece="soldier"] { --jg-accent:#ef7658; --jg-glow:#f6d46d; --jg-shard:#7d302a; }
.bq-janggi-capture-vfx::before { content:attr(data-mark); position:absolute; z-index:3; inset:23%; display:grid; place-items:center; border:3px double var(--jg-accent); border-radius:50%; background:radial-gradient(circle,#fff8cb 0 3%,var(--jg-glow) 7%,rgb(19 8 13 / 91%) 46%,transparent 72%); box-shadow:0 0 14px #fff6,0 0 32px var(--jg-glow),inset 0 0 21px var(--jg-accent); color:#fff0b8; font:900 clamp(1rem,3.5vw,2.4rem)/1 serif; text-shadow:0 0 8px #fff,0 0 18px var(--jg-accent); animation:bq-janggi-vfx-seal 720ms cubic-bezier(.77,0,.175,1) both; }
.bq-janggi-capture-vfx::after { content:""; position:absolute; inset:8%; border:2px solid var(--jg-accent); border-radius:50%; box-shadow:0 0 12px var(--jg-accent),inset 0 0 26px var(--jg-glow); opacity:0; animation:bq-janggi-vfx-ring 760ms cubic-bezier(.23,1,.32,1) both; }
.bq-janggi-capture-vfx i { --jg-ray:0deg; position:absolute; z-index:2; top:49%; left:4%; width:92%; height:3px; border-radius:999px; background:linear-gradient(90deg,transparent,var(--jg-accent) 20%,#fff 50%,var(--jg-glow) 80%,transparent); box-shadow:0 0 11px var(--jg-glow); opacity:0; animation:bq-janggi-vfx-ray 580ms cubic-bezier(.23,1,.32,1) both; }.bq-janggi-capture-vfx i:nth-child(2) { --jg-ray:60deg; animation-delay:35ms; }.bq-janggi-capture-vfx i:nth-child(3) { --jg-ray:-60deg; animation-delay:70ms; }
.bq-janggi-capture-vfx b { position:absolute; z-index:4; top:44%; left:46%; width:11%; height:18%; clip-path:polygon(50% 0,100% 100%,0 74%); background:linear-gradient(150deg,#fff2ba,var(--jg-accent) 38%,var(--jg-shard)); filter:drop-shadow(0 0 5px var(--jg-glow)); opacity:0; animation:bq-janggi-vfx-shard 720ms cubic-bezier(.23,1,.32,1) both; }.bq-janggi-capture-vfx b:nth-of-type(2) { --jg-shard-x:94%; --jg-shard-y:-56%; animation-delay:22ms; }.bq-janggi-capture-vfx b:nth-of-type(3) { --jg-shard-x:108%; --jg-shard-y:22%; animation-delay:52ms; }.bq-janggi-capture-vfx b:nth-of-type(4) { --jg-shard-x:38%; --jg-shard-y:106%; animation-delay:12ms; }.bq-janggi-capture-vfx b:nth-of-type(5) { --jg-shard-x:-96%; --jg-shard-y:62%; animation-delay:68ms; }.bq-janggi-capture-vfx b:nth-of-type(6) { --jg-shard-x:-106%; --jg-shard-y:-46%; animation-delay:38ms; }
@keyframes bq-janggi-vfx-shell { 0%,72% { opacity:1; } 100% { opacity:0; } }
@keyframes bq-janggi-vfx-seal { 0% { opacity:0; transform:scale(.9) rotate(-10deg); } 34% { opacity:1; transform:scale(1.09) rotate(0); } 100% { opacity:0; transform:scale(.28) rotate(132deg); } }
@keyframes bq-janggi-vfx-ring { 0% { opacity:0; transform:scale(.9); } 30% { opacity:1; } 100% { opacity:0; transform:scale(1.46); } }
@keyframes bq-janggi-vfx-ray { 0% { opacity:0; transform:rotate(var(--jg-ray)) scaleX(.9); } 32% { opacity:1; } 100% { opacity:0; transform:rotate(var(--jg-ray)) scaleX(1.3); } }
@keyframes bq-janggi-vfx-shard { 0% { opacity:0; transform:translate3d(0,0,0) rotate(0) scale(.9); } 24% { opacity:1; } 100% { opacity:0; transform:translate3d(var(--jg-shard-x,78%),var(--jg-shard-y,-80%),0) rotate(118deg) scale(1.04); } }

.bq-janggi-capture-vfx__victim { position:fixed !important; z-index:10101 !important; inset:auto !important; margin:0 !important; pointer-events:none !important; transform-origin:50% 72% !important; filter:drop-shadow(0 8px 7px #000b) drop-shadow(0 0 12px #efbd62) !important; animation-duration:820ms !important; animation-timing-function:cubic-bezier(.77,0,.175,1) !important; animation-fill-mode:both !important; }
.bq-janggi-capture-vfx__victim[data-death="royal-gate"] { animation-name:bq-janggi-death-royal-gate !important; }.bq-janggi-capture-vfx__victim[data-death="shield-shatter"] { animation-name:bq-janggi-death-shield-shatter !important; }.bq-janggi-capture-vfx__victim[data-death="earthfall"] { animation-name:bq-janggi-death-earthfall !important; }.bq-janggi-capture-vfx__victim[data-death="wind-gallop"] { animation-name:bq-janggi-death-wind-gallop !important; }.bq-janggi-capture-vfx__victim[data-death="wheel-break"] { animation-name:bq-janggi-death-wheel-break !important; }.bq-janggi-capture-vfx__victim[data-death="thunderburst"] { animation-name:bq-janggi-death-thunderburst !important; }.bq-janggi-capture-vfx__victim[data-death="banner-dust"] { animation-name:bq-janggi-death-banner-dust !important; }
@keyframes bq-janggi-death-royal-gate { 0% { opacity:1; transform:rotate(0) scale(1); } 42% { opacity:1; transform:rotate(88deg) scale(1.12); } 100% { opacity:0; transform:rotate(286deg) scale(.22); } }
@keyframes bq-janggi-death-shield-shatter { 0% { opacity:1; transform:translate3d(0,0,0) rotate(0) scale(1); } 36% { opacity:1; transform:translate3d(-8%,0,0) rotate(-5deg) scale(1.05); } 100% { opacity:0; transform:translate3d(18%,42%,0) rotate(34deg) scale(.34); } }
@keyframes bq-janggi-death-earthfall { 0% { opacity:1; transform:translate3d(0,0,0) scale(1); } 36% { opacity:1; transform:translate3d(0,9%,0) scale(1.17,.84); } 100% { opacity:0; transform:translate3d(0,48%,0) scale(1.52,.14); } }
@keyframes bq-janggi-death-wind-gallop { 0% { opacity:1; transform:translate3d(0,0,0) rotate(0) scale(1); } 44% { opacity:1; transform:translate3d(14%,-38%,0) rotate(-22deg) scale(1.1); } 100% { opacity:0; transform:translate3d(76%,20%,0) rotate(58deg) scale(.4); } }
@keyframes bq-janggi-death-wheel-break { 0% { opacity:1; transform:translate3d(0,0,0) rotate(0) scale(1); } 38% { opacity:1; transform:translate3d(20%,4%,0) rotate(16deg) scale(1.08); } 100% { opacity:0; transform:translate3d(-56%,40%,0) rotate(-74deg) scale(.36); } }
@keyframes bq-janggi-death-thunderburst { 0% { opacity:1; transform:rotate(0) scale(1); } 30% { opacity:1; transform:rotate(-8deg) scale(1.26); } 100% { opacity:0; transform:rotate(66deg) scale(1.82); } }
@keyframes bq-janggi-death-banner-dust { 0% { opacity:1; transform:translate3d(0,0,0) rotate(0) scale(1); } 34% { opacity:1; transform:translate3d(-10%,3%,0) rotate(-10deg) scale(1.03); } 100% { opacity:0; transform:translate3d(34%,82%,0) rotate(33deg) scale(.43); } }

.bq-janggi-reward-animation { position:relative; display:grid; width:min(420px,100%); grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:6px auto 0; pointer-events:none; }.bq-janggi-reward-animation::before { content:"勝"; position:absolute; z-index:0; top:50%; left:50%; color:rgb(255 213 105 / 17%); font:900 clamp(5rem,15vw,9rem)/1 serif; text-shadow:0 0 28px rgb(223 59 47 / 32%); transform:translate(-50%,-50%) rotate(-6deg); animation:bq-janggi-reward-mark 880ms cubic-bezier(.23,1,.32,1) both; }.bq-janggi-reward-animation span { position:relative; z-index:2; display:grid; gap:2px; min-height:66px; place-content:center; border:1px solid rgb(239 190 98 / 82%); background:linear-gradient(145deg,rgb(73 19 28 / 95%),rgb(5 24 45 / 97%)); box-shadow:inset 0 0 0 2px rgb(255 226 146 / 11%),inset 0 0 24px rgb(211 57 44 / 14%),0 8px 22px #0008; animation:bq-janggi-reward-card 540ms cubic-bezier(.23,1,.32,1) both; }.bq-janggi-reward-animation span:nth-child(2) { animation-delay:75ms; }.bq-janggi-reward-animation b { color:#ffe6a2; font:900 clamp(1rem,3vw,1.55rem)/1 var(--bq-display); text-shadow:0 0 13px rgb(236 69 49 / 42%); }.bq-janggi-reward-animation i { color:#83e8e2; font:900 .56rem/1 var(--bq-mono); font-style:normal; letter-spacing:.12em; }.bq-janggi-reward-animation em { position:absolute; z-index:3; top:50%; left:50%; width:6px; aspect-ratio:1; border-radius:50%; background:#ffd66a; box-shadow:0 0 9px #ef5b3e; opacity:0; animation:bq-janggi-reward-spark 860ms cubic-bezier(.23,1,.32,1) both; }.bq-janggi-reward-animation em:nth-of-type(2) { --jg-reward-x:132px; --jg-reward-y:-54px; animation-delay:70ms; }.bq-janggi-reward-animation em:nth-of-type(3) { --jg-reward-x:88px; --jg-reward-y:64px; animation-delay:120ms; }.bq-janggi-reward-animation em:nth-of-type(4) { --jg-reward-x:-134px; --jg-reward-y:-50px; animation-delay:45ms; }.bq-janggi-reward-animation em:nth-of-type(5) { --jg-reward-x:-80px; --jg-reward-y:68px; animation-delay:145ms; }.bq-janggi-reward-animation em:nth-of-type(6) { --jg-reward-x:0; --jg-reward-y:-80px; animation-delay:100ms; }
@keyframes bq-janggi-reward-card { from { opacity:0; transform:translateY(18px) scale(.94); } to { opacity:1; transform:translateY(0) scale(1); } } @keyframes bq-janggi-reward-mark { from { opacity:0; transform:translate(-50%,-50%) rotate(-18deg) scale(.92); } to { opacity:.18; transform:translate(-50%,-50%) rotate(-6deg) scale(1.1); } } @keyframes bq-janggi-reward-spark { 0% { opacity:0; transform:translate(-50%,-50%) scale(.9); } 24% { opacity:1; } 100% { opacity:0; transform:translate(calc(-50% + var(--jg-reward-x,46px)),calc(-50% + var(--jg-reward-y,-56px))) scale(1.12); } }

@media (prefers-reduced-motion:reduce) {
  .bq-game-stage--janggi.is-entering .bq-janggi-game__piece { animation:bq-janggi-enter-reduced 180ms cubic-bezier(.23,1,.32,1) both; }
  .bq-janggi-room-opening { animation:bq-janggi-opening-reduced 220ms cubic-bezier(.23,1,.32,1) both; }.bq-janggi-room-opening i,.bq-janggi-room-opening b { animation:none; }
  .bq-janggi-capture-vfx,.bq-janggi-capture-vfx::before,.bq-janggi-capture-vfx::after,.bq-janggi-capture-vfx i,.bq-janggi-capture-vfx b { animation:none; opacity:.8; }.bq-janggi-capture-vfx__victim { animation:bq-death-reduced 180ms cubic-bezier(.23,1,.32,1) both !important; }.bq-janggi-reward-animation span,.bq-janggi-reward-animation::before,.bq-janggi-reward-animation em { animation:none; }.bq-janggi-reward-animation em { display:none; }
}
@keyframes bq-janggi-enter-reduced { from { opacity:0; } to { opacity:1; } } @keyframes bq-janggi-opening-reduced { from { opacity:0; } to { opacity:1; } }

/* Makruk: tablero tailandés 8 × 8 con promoción a met y conteo final. */
.bq-game-stage--makruk .bq-game-stage__battlefield { display:grid; place-items:center; background:linear-gradient(rgb(1 11 32 / 88%),rgb(1 10 29 / 94%)),url("../images/games/makruk.png") 50%/cover; }
.bq-makruk-game__board { position:relative; display:grid; width:min(100%,calc(100vh - 260px)); min-width:360px; aspect-ratio:1; grid-template-columns:repeat(8,minmax(0,1fr)); overflow:hidden; border:clamp(7px,1vw,11px) double #e1ae45; outline:2px solid #07162d; background:#071a38; box-shadow:0 18px 42px #000e,0 0 0 3px #694817,0 0 30px rgb(225 174 69 / 22%),inset 0 0 48px #000b; isolation:isolate; touch-action:manipulation; }
.bq-makruk-game__board::before { content:""; position:absolute; z-index:7; inset:1%; border:1px solid rgb(255 224 143 / 48%); box-shadow:inset 0 0 30px #0008,0 0 0 2px rgb(5 19 45 / 82%); pointer-events:none; }
.bq-makruk-game__square { position:relative; display:grid; min-width:0; aspect-ratio:1; place-items:center; overflow:visible; padding:0; border:0; background:radial-gradient(circle at 50% 50%,rgb(243 202 104 / 8%) 0 4%,transparent 5%),linear-gradient(145deg,rgb(255 244 202 / 7%),transparent 44%),#16365d; cursor:pointer; isolation:isolate; transition:filter 120ms ease,box-shadow 120ms ease; -webkit-tap-highlight-color:transparent; }
.bq-makruk-game__square:nth-of-type(16n + 2),.bq-makruk-game__square:nth-of-type(16n + 4),.bq-makruk-game__square:nth-of-type(16n + 6),.bq-makruk-game__square:nth-of-type(16n + 8),.bq-makruk-game__square:nth-of-type(16n + 9),.bq-makruk-game__square:nth-of-type(16n + 11),.bq-makruk-game__square:nth-of-type(16n + 13),.bq-makruk-game__square:nth-of-type(16n + 15) { background:radial-gradient(circle at 50% 50%,rgb(239 185 75 / 8%) 0 4%,transparent 5%),linear-gradient(145deg,rgb(255 226 159 / 6%),transparent 44%),#0a2348; }
.bq-makruk-game__square::before { content:""; position:absolute; z-index:-1; inset:6%; border:1px solid rgb(225 174 69 / 12%); background:linear-gradient(45deg,transparent 47%,rgb(237 194 91 / 8%) 48% 52%,transparent 53%),linear-gradient(-45deg,transparent 47%,rgb(237 194 91 / 8%) 48% 52%,transparent 53%); pointer-events:none; }
.bq-makruk-game__square:focus-visible { z-index:8; outline:3px solid #64e6dc; outline-offset:-3px; }
.bq-makruk-game__square.is-selected { z-index:6; box-shadow:inset 0 0 0 3px #ffe287,inset 0 0 26px rgb(255 207 74 / 35%); }
.bq-makruk-game__square.is-legal::after { content:""; position:absolute; z-index:4; width:19%; aspect-ratio:1; border:1px solid #dffff7; border-radius:50%; background:#49d6bc; box-shadow:0 0 13px #27c5aa; }
.bq-makruk-game__square.is-capture::after { content:""; position:absolute; z-index:4; inset:7%; border:3px double #ff745d; border-radius:50%; box-shadow:inset 0 0 20px rgb(255 64 49 / 28%),0 0 17px rgb(255 70 46 / 55%); }
.bq-makruk-game__square.is-last { background-image:linear-gradient(rgb(246 197 63 / 24%),rgb(246 197 63 / 24%)); }
.bq-makruk-game__piece { position:absolute; z-index:3; display:grid; inset:9% 12% 8%; place-items:center; border:2px solid #fff0bd; border-radius:46% 46% 25% 25%/34% 34% 62% 62%; background:radial-gradient(circle at 35% 18%,#fffdf1 0 7%,#f0d99d 28%,#c2943f 70%,#6e461d 100%); box-shadow:inset 0 0 0 2px #8c622a,inset 0 -8px 12px rgb(61 29 7 / 34%),0 8px 7px #000b,0 0 11px rgb(248 213 120 / 18%); color:#39230f; font:900 clamp(.82rem,2.45vw,1.65rem)/1 serif; text-shadow:0 1px #fff0b1; pointer-events:none; transform:translateY(0) scale(.97); transform-origin:50% 82%; transition:filter 150ms ease,transform 180ms cubic-bezier(.23,1,.32,1); }
.bq-makruk-game__piece::before { content:""; position:absolute; z-index:-1; right:-7%; bottom:-7%; left:-7%; height:24%; border:2px solid #f6d987; border-radius:50%; background:linear-gradient(#d7a950,#70471c); box-shadow:0 4px 5px #0008; }
.bq-makruk-game__piece[data-color="black"] { border-color:#d7ab53; background:radial-gradient(circle at 34% 18%,#655e69 0 7%,#33303e 30%,#111525 72%,#030712 100%); box-shadow:inset 0 0 0 2px #6f5123,inset 0 -8px 12px #0008,0 8px 7px #000c,0 0 12px rgb(216 170 75 / 20%); color:#f3ca67; text-shadow:0 2px #03040a; }
.bq-makruk-game__piece[data-color="black"]::before { border-color:#bd8b35; background:linear-gradient(#332b2e,#090d18); }
.bq-makruk-game__piece[data-type="pawn"] { inset:19% 21% 10%; border-radius:50% 50% 34% 34%; font-size:clamp(.68rem,2vw,1.2rem); }
.bq-makruk-game__piece[data-type="knight"] { border-radius:58% 34% 24% 31%/42% 37% 58% 55%; }
.bq-makruk-game__piece[data-type="bishop"] { inset:8% 13% 7%; border-radius:50% 50% 22% 22%/30% 30% 65% 65%; }
.bq-makruk-game__piece[data-type="queen"] { inset:13% 16% 8%; border-radius:50% 50% 26% 26%/38% 38% 57% 57%; }
.bq-makruk-game__piece[data-type="rook"] { inset:10% 11% 7%; border-radius:18% 18% 24% 24%; }
.bq-makruk-game__piece[data-type="king"] { inset:5% 10% 7%; border-radius:48% 48% 23% 23%/27% 27% 67% 67%; }
.bq-makruk-game__piece[data-promoted="true"]::after { content:""; position:absolute; top:4%; right:8%; width:12%; aspect-ratio:1; border-radius:50%; background:#fff2a5; box-shadow:0 0 9px #ffd95d; }
.bq-makruk-game__piece.is-entering { animation-duration:520ms; animation-delay:var(--bq-entry-delay,0ms); animation-timing-function:cubic-bezier(.23,1,.32,1); animation-fill-mode:both; }
.bq-makruk-game__piece.is-entering[data-type="pawn"] { animation-name:bq-makruk-enter-pawn; }.bq-makruk-game__piece.is-entering[data-type="knight"] { animation-name:bq-makruk-enter-knight; }.bq-makruk-game__piece.is-entering[data-type="bishop"] { animation-name:bq-makruk-enter-bishop; }.bq-makruk-game__piece.is-entering[data-type="queen"] { animation-name:bq-makruk-enter-queen; }.bq-makruk-game__piece.is-entering[data-type="rook"] { animation-name:bq-makruk-enter-rook; }.bq-makruk-game__piece.is-entering[data-type="king"] { animation-name:bq-makruk-enter-king; }
.bq-makruk-game__square.is-selected .bq-makruk-game__piece { filter:brightness(1.2) drop-shadow(0 0 9px #ffe083); transform:translateY(-6%) scale(1.06); }
.bq-makruk-game__square.is-check .bq-makruk-game__piece { box-shadow:inset 0 0 0 3px #25070b,inset 0 0 0 5px #ff6e58,0 0 0 3px #ff513c,0 0 24px #ff3d35; animation:bq-makruk-check 760ms ease-in-out infinite alternate; }
.bq-makruk-game__board.is-waiting { cursor:wait; }.bq-makruk-game__board.is-finished { filter:saturate(.68); }
.bq-makruk-game__count { position:absolute; z-index:9; top:10px; left:50%; min-width:112px; padding:7px 11px; border:1px solid #efbd5b; border-radius:999px; background:rgb(3 15 37 / 92%); color:#ffe29a; font:900 .55rem/1 var(--bq-mono); letter-spacing:.05em; text-align:center; text-transform:uppercase; box-shadow:0 4px 14px #0009,0 0 16px rgb(239 189 91 / 20%); transform:translateX(-50%); pointer-events:none; }
.bq-makruk-game__ghost { position:fixed; z-index:10050; display:grid; place-items:center; pointer-events:none; filter:drop-shadow(0 12px 9px #000c) drop-shadow(0 0 10px #ffe18a); }
.bq-makruk-game__captured-piece { display:grid; width:34px; aspect-ratio:1; flex:0 0 34px; place-items:center; border:1px solid #efd17a; border-radius:45% 45% 26% 26%; background:linear-gradient(145deg,#fff0b4,#a8782f); color:#30200e; font:800 1rem/1 serif; box-shadow:inset 0 0 0 2px #785321,0 3px 5px #0009; }
.bq-makruk-game__captured-piece[data-color="black"] { border-color:#bd8d3c; background:linear-gradient(145deg,#393643,#090d18); color:#f1c66f; }
@keyframes bq-makruk-enter-pawn { from { opacity:0; transform:translate3d(0,42%,0) scale(.62); } to { opacity:1; transform:translate3d(0,0,0) scale(.97); } }
@keyframes bq-makruk-enter-knight { from { opacity:0; transform:translate3d(-35%,-26%,0) rotate(-18deg) scale(.64); } to { opacity:1; transform:translate3d(0,0,0) rotate(0) scale(.97); } }
@keyframes bq-makruk-enter-bishop { from { opacity:0; transform:translate3d(0,-34%,0) rotate(22deg) scale(.65); } to { opacity:1; transform:translate3d(0,0,0) rotate(0) scale(.97); } }
@keyframes bq-makruk-enter-queen { from { opacity:0; transform:translate3d(0,-42%,0) scale(.45) rotate(-26deg); } to { opacity:1; transform:translate3d(0,0,0) scale(.97) rotate(0); } }
@keyframes bq-makruk-enter-rook { from { opacity:0; transform:translate3d(0,18%,0) scale(1.18,.42); } to { opacity:1; transform:translate3d(0,0,0) scale(.97); } }
@keyframes bq-makruk-enter-king { from { opacity:0; transform:translate3d(0,-50%,0) scale(1.3); } to { opacity:1; transform:translate3d(0,0,0) scale(.97); } }
@keyframes bq-makruk-check { from { filter:brightness(.95); transform:scale(.98); } to { filter:brightness(1.28); transform:scale(1.05); } }

@media (max-width:1180px) { .bq-makruk-game__board { width:min(100%,610px); } }
@media (max-width:760px) { .bq-makruk-game__board { width:100%; min-width:0; }.bq-makruk-game__piece { font-size:clamp(.72rem,4.8vw,1.5rem); }.bq-makruk-game__captured-piece { width:29px; flex-basis:29px; }.bq-makruk-game__count { top:6px; min-width:92px; padding:5px 8px; font-size:.45rem; } }
@media (prefers-reduced-motion:reduce) { .bq-makruk-game__piece { transition:filter 120ms ease; }.bq-makruk-game__piece.is-entering,.bq-makruk-game__square.is-check .bq-makruk-game__piece { animation:none; } }

/* Sittuyin: ajedrez birmano con despliegue alterno y diagonales de promoción. */
.bq-game-stage--sittuyin .bq-game-stage__battlefield { display:grid; place-items:center; }
.bq-sittuyin-game__board { position:relative; display:grid; width:min(100%,calc(100vh - 260px)); min-width:360px; aspect-ratio:1; grid-template-columns:repeat(8,minmax(0,1fr)); overflow:hidden; border:clamp(8px,1.15vw,12px) solid #aa7a2d; outline:3px solid #07111e; background:#071a31; box-shadow:0 20px 46px #000d,0 0 0 2px #d9af59,0 0 0 6px #08192d,inset 0 0 44px #000c; isolation:isolate; animation:bq-sittuyin-board-arrive 420ms cubic-bezier(.23,1,.32,1) both; }
.bq-sittuyin-game__board::before { content:""; position:absolute; z-index:7; inset:0; border:2px solid rgb(236 196 105 / 54%); background:radial-gradient(circle at 1.2% 1.2%,#e4b65d 0 2px,transparent 3px),radial-gradient(circle at 98.8% 1.2%,#e4b65d 0 2px,transparent 3px),radial-gradient(circle at 1.2% 98.8%,#e4b65d 0 2px,transparent 3px),radial-gradient(circle at 98.8% 98.8%,#e4b65d 0 2px,transparent 3px); box-shadow:inset 0 0 28px #000a,inset 0 0 0 5px rgb(3 13 26 / 42%); pointer-events:none; }
.bq-sittuyin-game__field { position:absolute; z-index:3; inset:0; background:linear-gradient(45deg,transparent calc(50% - .8px),rgb(214 166 76 / 56%) 50%,transparent calc(50% + .8px)),linear-gradient(-45deg,transparent calc(50% - .8px),rgb(214 166 76 / 56%) 50%,transparent calc(50% + .8px)); filter:drop-shadow(0 0 3px rgb(238 190 94 / 22%)); pointer-events:none; }
.bq-sittuyin-game__square { position:relative; z-index:2; display:grid; min-width:0; aspect-ratio:1; place-items:center; overflow:visible; padding:0; border:0 solid rgb(204 157 75 / 72%); border-right-width:1px; border-bottom-width:1px; background:radial-gradient(circle at 34% 22%,rgb(54 95 145 / 33%),transparent 38%),linear-gradient(142deg,#102e53,#071b34 72%); cursor:pointer; isolation:isolate; transition:filter 140ms ease,box-shadow 180ms cubic-bezier(.23,1,.32,1),background 180ms ease; }
.bq-sittuyin-game__square.is-dark { background:radial-gradient(circle at 68% 76%,rgb(44 82 132 / 29%),transparent 42%),linear-gradient(142deg,#0d294b,#06172d 74%); }
.bq-sittuyin-game__square::before { content:""; position:absolute; z-index:-1; inset:0; opacity:.28; background:repeating-linear-gradient(112deg,transparent 0 12px,rgb(114 157 206 / 10%) 13px,rgb(2 9 20 / 17%) 14px,transparent 17px),radial-gradient(ellipse at center,rgb(58 95 142 / 22%),transparent 68%); pointer-events:none; }
.bq-sittuyin-game__square.is-promotion-zone::before { opacity:.52; background:radial-gradient(circle at center,transparent 0 15%,rgb(218 169 77 / 76%) 16% 18%,transparent 19% 27%,rgb(218 169 77 / 56%) 28% 30%,transparent 31%),conic-gradient(from 45deg at center,transparent 0 9%,rgb(218 169 77 / 46%) 10% 11%,transparent 12% 21%,rgb(218 169 77 / 46%) 22% 23%,transparent 24% 100%); transform:scale(.52) rotate(45deg); }
.bq-sittuyin-game__square:focus-visible { z-index:8; outline:3px solid #80e9f2; outline-offset:-3px; }
.bq-sittuyin-game__square.is-selected { z-index:6; box-shadow:inset 0 0 0 3px #f5cc69,inset 0 0 26px rgb(246 197 88 / 29%); }
.bq-sittuyin-game__square.is-legal::after { content:""; position:absolute; z-index:5; width:18%; aspect-ratio:1; border:1px solid #d8ffef; border-radius:50%; background:#28c99c; box-shadow:0 0 0 3px rgb(40 201 156 / 18%),0 0 16px rgb(30 213 159 / 64%); }
.bq-sittuyin-game__square.is-capture::after { content:""; position:absolute; z-index:5; inset:7%; border:3px solid #ff6a54; border-radius:50%; box-shadow:inset 0 0 18px rgb(237 61 42 / 24%),0 0 17px rgb(255 69 48 / 54%); }
.bq-sittuyin-game__square.is-promotion::after { content:""; position:absolute; z-index:5; width:34%; aspect-ratio:1; border:3px solid #ffd978; box-shadow:0 0 14px #eab84d,inset 0 0 8px rgb(255 220 96 / 38%); transform:rotate(45deg); }
.bq-sittuyin-game__square.is-last { background-image:linear-gradient(rgb(228 178 72 / 24%),rgb(228 178 72 / 24%)); }
.bq-sittuyin-game__piece { position:absolute; z-index:4; display:grid; inset:5% 10% 7%; place-items:center; padding-top:4%; border:1px solid #ffe2a0; border-radius:48% 48% 26% 26%; background:radial-gradient(circle at 31% 16%,#fff6cc 0 5%,transparent 6%),radial-gradient(ellipse at 42% 30%,#f5cf79 0 13%,#c98a2f 44%,#734214 76%,#321906 100%); box-shadow:inset 0 0 0 2px #81501d,inset 0 -8px 12px rgb(45 21 3 / 48%),inset 5px 5px 8px rgb(255 240 181 / 29%),0 8px 8px #000b,0 0 13px rgb(244 191 82 / 22%); clip-path:polygon(39% 0,61% 0,66% 13%,63% 25%,76% 39%,73% 63%,91% 79%,88% 100%,12% 100%,9% 79%,27% 63%,24% 39%,37% 25%,34% 13%); color:#2e1606; font:900 clamp(1rem,2.8vw,2rem)/1 Georgia,serif; text-shadow:0 1px #ffe9a9,0 -1px #7b4515; pointer-events:none; transform:translateY(0) scale(.97); transform-origin:50% 88%; transition:filter 160ms ease,transform 190ms cubic-bezier(.23,1,.32,1); }
.bq-sittuyin-game__piece::before { content:""; position:absolute; inset:9% 13% 20%; border:1px solid rgb(255 230 163 / 34%); border-radius:50% 50% 32% 32%; box-shadow:inset 0 0 7px rgb(39 18 3 / 34%); }
.bq-sittuyin-game__piece[data-color="black"] { border-color:#d3a95b; background:radial-gradient(circle at 31% 16%,#b5c0c8 0 4%,transparent 6%),radial-gradient(ellipse at 42% 29%,#526476 0 11%,#182536 42%,#080e18 76%,#02050a 100%); box-shadow:inset 0 0 0 2px #a1722c,inset 0 -8px 12px #000b,inset 5px 5px 8px rgb(179 199 215 / 15%),0 8px 9px #000d,0 0 13px rgb(216 170 78 / 18%); color:#e9bc61; text-shadow:0 1px #33200a,0 0 5px rgb(239 190 94 / 25%); }
.bq-sittuyin-game__piece[data-type="pawn"] { inset:13% 18% 9%; padding-top:11%; border-radius:50% 50% 34% 34%; clip-path:polygon(42% 0,58% 0,64% 13%,62% 25%,79% 42%,76% 72%,94% 85%,89% 100%,11% 100%,6% 85%,24% 72%,21% 42%,38% 25%,36% 13%); font-size:clamp(.76rem,2vw,1.28rem); }
.bq-sittuyin-game__piece[data-type="horse"] { clip-path:polygon(38% 1%,67% 12%,82% 31%,68% 43%,72% 65%,91% 79%,88% 100%,12% 100%,9% 79%,26% 64%,22% 42%,34% 25%); }
.bq-sittuyin-game__piece[data-type="chariot"] { border-radius:16% 16% 25% 25%; clip-path:polygon(15% 3%,31% 3%,31% 14%,43% 14%,43% 3%,57% 3%,57% 14%,69% 14%,69% 3%,85% 3%,82% 51%,91% 78%,88% 100%,12% 100%,9% 78%,18% 51%); }
.bq-sittuyin-game__piece[data-promoted="true"]::after { content:""; position:absolute; top:7%; right:11%; width:13%; aspect-ratio:1; border:1px solid #70400e; background:#ffe27d; box-shadow:0 0 9px #ffd35e; transform:rotate(45deg); }
.bq-sittuyin-game__piece.is-entering { animation:bq-sittuyin-piece-arrive 260ms cubic-bezier(.23,1,.32,1) both; }
.bq-sittuyin-game__piece.is-entering[data-entry="capture"] { animation-name:bq-sittuyin-capture-land; }
.bq-sittuyin-game__piece.is-entering[data-entry="promotion"] { animation-name:bq-sittuyin-promote; animation-duration:420ms; }
.bq-sittuyin-game__square.is-selected .bq-sittuyin-game__piece { filter:brightness(1.17) drop-shadow(0 0 10px #ffd86d); transform:translateY(-7%) scale(1.055); }
.bq-sittuyin-game__square.is-check .bq-sittuyin-game__piece { box-shadow:inset 0 0 0 2px #2d0908,inset 0 0 0 4px #ff735d,0 0 0 3px #ff4f3d,0 0 25px #ff3d35; animation:bq-sittuyin-check 760ms ease-in-out infinite alternate; }
.bq-sittuyin-game__board.is-waiting { cursor:wait; }.bq-sittuyin-game__board.is-waiting::after { content:""; position:absolute; z-index:8; right:10px; bottom:10px; width:8px; aspect-ratio:1; border-radius:50%; background:#efc462; box-shadow:-14px 0 #efc462aa,-28px 0 #efc46255; animation:bq-sittuyin-thinking 700ms ease-in-out infinite alternate; }.bq-sittuyin-game__board.is-finished { filter:saturate(.68); }
.bq-sittuyin-game__status { position:absolute; z-index:9; top:10px; left:50%; min-width:112px; padding:7px 11px; border:1px solid #d8ac55; border-radius:999px; background:rgb(4 14 28 / 94%); color:#f6d783; font:900 .55rem/1 var(--bq-mono); letter-spacing:.05em; text-align:center; text-transform:uppercase; box-shadow:0 4px 14px #000b,0 0 18px rgb(224 175 76 / 22%),inset 0 0 10px rgb(48 84 126 / 36%); transform:translateX(-50%); pointer-events:none; }
.bq-sittuyin-game__status[hidden] { display:none; }
.bq-sittuyin-game__ghost { position:fixed; z-index:10050; inset:auto!important; display:grid; place-items:center; pointer-events:none; filter:drop-shadow(0 12px 10px #000d) drop-shadow(0 0 10px #f3ca70); }
.bq-sittuyin-game__reserve-piece,.bq-sittuyin-game__captured-piece { display:grid; width:38px; aspect-ratio:1; flex:0 0 38px; place-items:center; border:1px solid #f0d18b; border-radius:50% 50% 28% 28%; background:radial-gradient(circle at 33% 20%,#fff1b7,#c78930 45%,#63330d 100%); color:#261205; font:900 1rem/1 Georgia,serif; text-shadow:0 1px #ffe5a1; box-shadow:inset 0 0 0 2px #724216,0 4px 6px #000b; transition:filter 150ms ease,transform 180ms cubic-bezier(.23,1,.32,1),box-shadow 180ms ease; }
.bq-sittuyin-game__reserve-piece[data-color="black"],.bq-sittuyin-game__captured-piece[data-color="black"] { border-color:#cda354; background:radial-gradient(circle at 33% 20%,#75889a,#172536 45%,#03070d 100%); color:#e8ba5c; text-shadow:0 1px #140d04; box-shadow:inset 0 0 0 2px #916526,0 4px 6px #000c; }
.bq-sittuyin-game__reserve-piece:not(:disabled) { cursor:pointer; }.bq-sittuyin-game__reserve-piece:disabled { cursor:default; opacity:.68; }
.bq-sittuyin-game__reserve-piece:not(:disabled):focus-visible,.bq-sittuyin-game__reserve-piece.is-selected { outline:0; border-color:#ffe68f; filter:brightness(1.15); box-shadow:0 0 0 2px #f2c95e,0 0 17px rgb(255 214 86 / 42%); transform:translateY(-3px) scale(1.04); }
.bq-sittuyin-game__captured-piece.is-entering { animation:bq-captured-arrive 240ms cubic-bezier(.23,1,.32,1); }
@media (hover:hover) and (pointer:fine) { .bq-sittuyin-game__square:hover:not(.is-selected) { filter:brightness(1.12); }.bq-sittuyin-game__reserve-piece:not(:disabled):hover { border-color:#ffe68f; filter:brightness(1.15); box-shadow:0 0 0 2px #f2c95e,0 0 17px rgb(255 214 86 / 42%); transform:translateY(-3px) scale(1.04); } }
@keyframes bq-sittuyin-board-arrive { from { opacity:0; transform:translateY(10px) scale(.985); } to { opacity:1; transform:none; } }
@keyframes bq-sittuyin-piece-arrive { 0% { opacity:0; transform:translateY(-18%) scale(.74); filter:brightness(1.45); } 72% { opacity:1; transform:translateY(2%) scale(1.035); } 100% { transform:translateY(0) scale(.97); filter:none; } }
@keyframes bq-sittuyin-capture-land { 0% { opacity:.2; transform:translateY(-24%) scale(1.18); filter:brightness(1.65); } 62% { opacity:1; transform:translateY(3%) scale(.91); } 100% { transform:translateY(0) scale(.97); filter:none; } }
@keyframes bq-sittuyin-promote { 0% { opacity:.4; transform:scale(.72) rotateY(0); filter:brightness(1.7); } 70% { opacity:1; transform:scale(1.08) rotateY(180deg); filter:brightness(1.35) drop-shadow(0 0 13px #ffd761); } 100% { transform:scale(.97) rotateY(360deg); filter:none; } }
@keyframes bq-sittuyin-check { from { filter:brightness(.95); transform:scale(.98); } to { filter:brightness(1.28); transform:scale(1.05); } }
@keyframes bq-sittuyin-thinking { from { opacity:.35; transform:translateX(0); } to { opacity:1; transform:translateX(-3px); } }

@media (max-width:1180px) { .bq-sittuyin-game__board { width:min(100%,610px); } }
@media (max-width:760px) { .bq-sittuyin-game__board { width:100%; min-width:0; }.bq-sittuyin-game__piece { font-size:clamp(.78rem,5vw,1.55rem); }.bq-sittuyin-game__reserve-piece,.bq-sittuyin-game__captured-piece { width:30px; flex-basis:30px; }.bq-sittuyin-game__status { top:6px; min-width:92px; padding:5px 8px; font-size:.45rem; } }
@media (prefers-reduced-motion:reduce) { .bq-sittuyin-game__board,.bq-sittuyin-game__piece,.bq-sittuyin-game__captured-piece,.bq-sittuyin-game__board.is-waiting::after { animation:none!important; }.bq-sittuyin-game__piece { transition:filter 120ms ease; } }

/* Cover-matched Sittuyin artwork: continuous lapis stone and individually sculpted armies. */
.bq-sittuyin-game__board { border:9px solid #b88a3f; outline:2px solid #061020; background:#102e56 url("../images/games/sittuyin/lapis-tile.webp") center/cover no-repeat; box-shadow:0 20px 46px #000d,0 0 0 2px #e3bf71,0 0 0 6px #101a28,inset 0 0 38px #0009; }
.bq-sittuyin-game__board::before { border:2px solid rgb(246 212 136 / 72%); box-shadow:inset 0 0 0 3px rgb(5 14 28 / 65%),inset 0 0 26px #0008; }
.bq-sittuyin-game__field { display:none; }
.bq-sittuyin-game__square { border-color:rgb(210 163 76 / 76%); background:linear-gradient(145deg,rgb(42 78 125 / 9%),rgb(3 11 26 / 12%)); }
.bq-sittuyin-game__square.is-dark { background:linear-gradient(130deg,rgb(1 9 24 / 12%),rgb(7 21 43 / 19%)); }
.bq-sittuyin-game__square::before { inset:0; z-index:0; opacity:0; background:none; }
.bq-sittuyin-game__square.is-promotion-zone::before { opacity:.38; background:url("../images/games/sittuyin/gold-rosette.png") center/64% 64% no-repeat; transform:none; }
.bq-sittuyin-game__square.is-legal::after { width:13%; border-color:#f7dda0; background:#d2a955; box-shadow:0 0 0 3px rgb(7 27 51 / 55%),0 0 9px rgb(223 177 80 / 55%); }
.bq-sittuyin-game__square.is-last { background-color:rgb(218 173 76 / 20%); }
.bq-sittuyin-game__piece { inset:-3%; padding:0; border:0; border-radius:0; clip-path:none; background-color:transparent; background-position:center; background-size:contain; background-repeat:no-repeat; box-shadow:none; color:transparent; font-size:0; text-shadow:none; filter:drop-shadow(0 5px 4px rgb(0 0 0 / 70%)); }
.bq-sittuyin-game__piece[data-color="black"] { border:0; background-color:transparent; box-shadow:none; color:transparent; text-shadow:none; }
.bq-sittuyin-game__piece::before { display:none; }
.bq-sittuyin-game__piece[data-type="pawn"],.bq-sittuyin-game__piece[data-type="horse"],.bq-sittuyin-game__piece[data-type="chariot"] { inset:-3%; padding:0; border:0; border-radius:0; clip-path:none; font-size:0; }
.bq-sittuyin-game__square.is-selected .bq-sittuyin-game__piece { filter:brightness(1.12) drop-shadow(0 5px 4px #000b) drop-shadow(0 0 8px #ffd875); }
.bq-sittuyin-game__square.is-check .bq-sittuyin-game__piece { box-shadow:none; filter:drop-shadow(0 0 12px #ff5847) drop-shadow(0 5px 4px #000b); }
.bq-sittuyin-game__reserve-piece,.bq-sittuyin-game__captured-piece { border:1px solid rgb(218 178 100 / 35%); border-radius:8px; background-color:rgb(5 20 40 / 75%); background-position:center; background-size:88% 88%; background-repeat:no-repeat; color:transparent; font-size:0; text-shadow:none; box-shadow:inset 0 0 10px rgb(29 73 116 / 25%),0 3px 5px #0008; }
.bq-sittuyin-game__reserve-piece[data-color="black"],.bq-sittuyin-game__captured-piece[data-color="black"] { border-color:rgb(218 178 100 / 35%); background-color:rgb(5 20 40 / 75%); color:transparent; text-shadow:none; box-shadow:inset 0 0 10px rgb(29 73 116 / 25%),0 3px 5px #0008; }
:is(.bq-sittuyin-game__piece,.bq-sittuyin-game__reserve-piece,.bq-sittuyin-game__captured-piece)[data-color="red"][data-type="king"] { background-image:url("../images/games/sittuyin/red-king.png"); }
:is(.bq-sittuyin-game__piece,.bq-sittuyin-game__reserve-piece,.bq-sittuyin-game__captured-piece)[data-color="red"][data-type="general"] { background-image:url("../images/games/sittuyin/red-general.png"); }
:is(.bq-sittuyin-game__piece,.bq-sittuyin-game__reserve-piece,.bq-sittuyin-game__captured-piece)[data-color="red"][data-type="elephant"] { background-image:url("../images/games/sittuyin/red-elephant.png"); }
:is(.bq-sittuyin-game__piece,.bq-sittuyin-game__reserve-piece,.bq-sittuyin-game__captured-piece)[data-color="red"][data-type="horse"] { background-image:url("../images/games/sittuyin/red-horse.png"); }
:is(.bq-sittuyin-game__piece,.bq-sittuyin-game__reserve-piece,.bq-sittuyin-game__captured-piece)[data-color="red"][data-type="chariot"] { background-image:url("../images/games/sittuyin/red-chariot.png"); }
:is(.bq-sittuyin-game__piece,.bq-sittuyin-game__reserve-piece,.bq-sittuyin-game__captured-piece)[data-color="red"][data-type="pawn"] { background-image:url("../images/games/sittuyin/red-pawn.png"); }
:is(.bq-sittuyin-game__piece,.bq-sittuyin-game__reserve-piece,.bq-sittuyin-game__captured-piece)[data-color="black"][data-type="king"] { background-image:url("../images/games/sittuyin/black-king.png"); }
:is(.bq-sittuyin-game__piece,.bq-sittuyin-game__reserve-piece,.bq-sittuyin-game__captured-piece)[data-color="black"][data-type="general"] { background-image:url("../images/games/sittuyin/black-general.png"); }
:is(.bq-sittuyin-game__piece,.bq-sittuyin-game__reserve-piece,.bq-sittuyin-game__captured-piece)[data-color="black"][data-type="elephant"] { background-image:url("../images/games/sittuyin/black-elephant.png"); }
:is(.bq-sittuyin-game__piece,.bq-sittuyin-game__reserve-piece,.bq-sittuyin-game__captured-piece)[data-color="black"][data-type="horse"] { background-image:url("../images/games/sittuyin/black-horse.png"); }
:is(.bq-sittuyin-game__piece,.bq-sittuyin-game__reserve-piece,.bq-sittuyin-game__captured-piece)[data-color="black"][data-type="chariot"] { background-image:url("../images/games/sittuyin/black-chariot.png"); }
:is(.bq-sittuyin-game__piece,.bq-sittuyin-game__reserve-piece,.bq-sittuyin-game__captured-piece)[data-color="black"][data-type="pawn"] { background-image:url("../images/games/sittuyin/black-pawn.png"); }

/* Shogi: tablero 9 × 9, promoción y piezas capturadas reutilizables. */
.bq-game-stage--shogi .bq-game-stage__battlefield { display:grid; place-items:center; }
.bq-shogi-game__board { position:relative; display:grid; grid-template-columns:repeat(9,minmax(0,1fr)); aspect-ratio:1; width:min(100%,calc(100vh - 230px)); min-width:390px; overflow:hidden; border:clamp(9px,1.15vw,13px) solid #3b2110; outline:3px solid #d5952f; background:#895524 url("../images/games/shogi/shogi-board-wood.png") center/cover no-repeat; box-shadow:0 0 0 2px #140b05,0 0 0 6px #5c3516,0 19px 44px #000e,inset 0 0 0 2px rgb(236 178 91 / 54%),inset 0 0 52px #120904b8; isolation:isolate; animation:bq-shogi-board-enter 220ms cubic-bezier(.23,1,.32,1) both; }
.bq-shogi-game__board::before { content:""; position:absolute; z-index:7; inset:0; background:radial-gradient(circle at 33.333% 33.333%,#181008 0 3px,transparent 4px),radial-gradient(circle at 66.666% 33.333%,#181008 0 3px,transparent 4px),radial-gradient(circle at 33.333% 66.666%,#181008 0 3px,transparent 4px),radial-gradient(circle at 66.666% 66.666%,#181008 0 3px,transparent 4px); filter:drop-shadow(0 1px 1px rgb(255 210 132 / 18%)); pointer-events:none; }
.bq-shogi-game__board::after { content:""; position:absolute; z-index:6; inset:0; box-shadow:inset 0 0 34px rgb(24 10 2 / 62%),inset 0 0 0 1px rgb(252 198 107 / 30%); pointer-events:none; }
.bq-shogi-game__square { position:relative; display:grid; min-width:0; aspect-ratio:1; place-items:center; overflow:visible; padding:0; border:0 solid rgb(31 20 12 / 88%); border-right-width:2px; border-bottom-width:2px; background:linear-gradient(116deg,rgb(255 231 176 / 5%),transparent 34%,rgb(59 28 9 / 4%)); cursor:pointer; isolation:isolate; }
.bq-shogi-game__square:nth-child(-n+27),.bq-shogi-game__square:nth-child(n+55) { background:linear-gradient(116deg,rgb(255 231 176 / 8%),transparent 34%,rgb(59 28 9 / 6%)); }
.bq-shogi-game__square::before { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgb(255 220 153 / 4%),transparent 22% 76%,rgb(35 17 7 / 5%)); pointer-events:none; }
.bq-shogi-game__square:focus-visible { z-index:8; outline:3px solid #66e8e6; outline-offset:-3px; }
.bq-shogi-game__square.is-selected { z-index:6; box-shadow:inset 0 0 0 4px #ffe372,inset 0 0 24px rgb(255 218 76 / 35%); }
.bq-shogi-game__square.is-legal::after { content:""; position:absolute; z-index:4; width:21%; aspect-ratio:1; border-radius:50%; background:#2bbf91; box-shadow:0 0 0 2px rgb(223 255 239 / 32%),0 0 14px rgb(21 143 110 / 54%); }
.bq-shogi-game__square.is-capture::after { content:""; position:absolute; z-index:4; inset:6%; border:3px solid #ee4938; box-shadow:inset 0 0 16px rgb(224 48 38 / 26%),0 0 14px rgb(224 48 38 / 44%); clip-path:polygon(50% 0,95% 24%,87% 100%,13% 100%,5% 24%); }
.bq-shogi-game__square.is-last { background-image:linear-gradient(rgb(250 215 68 / 27%),rgb(250 215 68 / 27%)); }
.bq-shogi-game__piece { position:absolute; z-index:3; display:grid; inset:2% 5% 0; place-items:center; padding-top:9%; border:0; background:url("../images/games/shogi/shogi-piece-wood.png") center/100% 100% no-repeat; box-shadow:none; color:#17100b; font:900 clamp(.82rem,2.55vw,1.8rem)/1 "YuMincho","Hiragino Mincho ProN","Noto Serif JP",serif; text-shadow:0 1px rgb(240 200 132 / 44%),0 2px 2px rgb(24 12 5 / 19%); pointer-events:none; transform-origin:50% 54%; filter:drop-shadow(3px 6px 4px rgb(22 10 3 / 62%)); transition:filter 150ms ease,transform 180ms cubic-bezier(.23,1,.32,1); }
.bq-shogi-game__piece[data-color="gote"] { transform:rotate(180deg); }
.bq-shogi-game__piece[data-promoted="true"] { color:#b32125; text-shadow:0 1px #ffd6b1; }
.bq-shogi-game__square.is-selected .bq-shogi-game__piece[data-color="sente"] { filter:brightness(1.12) drop-shadow(0 0 8px #ffe27b); transform:translateY(-7%) scale(1.06); }
.bq-shogi-game__square.is-selected .bq-shogi-game__piece[data-color="gote"] { filter:brightness(1.12) drop-shadow(0 0 8px #ffe27b); transform:rotate(180deg) translateY(-7%) scale(1.06); }
.bq-shogi-game__square.is-check .bq-shogi-game__piece { filter:drop-shadow(0 0 3px #ffcf79) drop-shadow(0 0 10px #ed2937) drop-shadow(3px 6px 4px rgb(22 10 3 / 62%)); animation:bq-shogi-check 760ms ease-in-out infinite alternate; }
.bq-shogi-game__board.is-waiting { cursor:wait; }.bq-shogi-game__board.is-finished { filter:saturate(.68); }
.bq-shogi-game__ghost { position:fixed; z-index:10050; inset:auto; display:grid; margin:0!important; place-items:center; pointer-events:none; filter:drop-shadow(4px 11px 7px rgb(17 7 2 / 68%)); transition:none!important; will-change:transform; }
.bq-shogi-game__hand-piece { display:grid; width:52px; min-height:58px; flex:0 0 52px; grid-template-columns:1fr; place-items:center; gap:0; padding:8px 5px 5px; border:0; background:url("../images/games/shogi/shogi-piece-wood.png") center/100% 100% no-repeat; box-shadow:none; color:#21150d; cursor:pointer; filter:drop-shadow(2px 4px 3px rgb(0 0 0 / 58%)); }
.bq-shogi-game__hand-piece span { font:800 1.18rem/1 serif; }.bq-shogi-game__hand-piece b { color:#3a240f; font:900 .55rem/1 var(--bq-mono); }
.bq-shogi-game__hand-piece[data-color="gote"] span { transform:rotate(180deg); }
.bq-shogi-game__hand-piece:disabled { cursor:default; opacity:.7; }.bq-shogi-game__hand-piece:not(:disabled):hover,.bq-shogi-game__hand-piece:not(:disabled):focus-visible,.bq-shogi-game__hand-piece.is-selected { outline:0; border-color:#ffe276; filter:brightness(1.15); box-shadow:0 0 0 2px #ffe276,0 0 16px rgb(255 214 86 / 38%); transform:translateY(-2px); }
.bq-shogi-promotion[hidden] { display:none !important; }.bq-shogi-promotion { position:absolute; z-index:14; top:50%; left:50%; display:grid; grid-template-columns:1fr 1fr; gap:8px; width:min(360px,calc(100% - 32px)); padding:12px; border:1px solid #f0c54e; background:linear-gradient(145deg,#102c54,#06142f); box-shadow:0 0 0 4px #020817,0 18px 50px #000d,inset 0 0 28px rgb(239 190 63 / 15%); transform:translate(-50%,-50%); }
.bq-shogi-promotion button { min-height:48px; padding:10px; border:1px solid #396f91; background:linear-gradient(145deg,#0b2448,#06142f); color:#fff0bd; font:900 .62rem/1 var(--bq-mono); text-transform:uppercase; cursor:pointer; }.bq-shogi-promotion button:hover,.bq-shogi-promotion button:focus-visible { outline:0; border-color:#ffe47c; background:#173b67; color:#fff8df; }
.bq-shogi-declare[hidden] { display:none; }
@keyframes bq-shogi-check { from { filter:brightness(.94) drop-shadow(0 0 4px #ffcf79) drop-shadow(0 0 8px #e52c35) drop-shadow(3px 6px 4px rgb(22 10 3 / 62%)); } to { filter:brightness(1.22) drop-shadow(0 0 7px #ffe1a1) drop-shadow(0 0 18px #ff3341) drop-shadow(3px 6px 4px rgb(22 10 3 / 62%)); } }
@keyframes bq-shogi-board-enter { from { opacity:0; transform:scale(.97); } to { opacity:1; transform:scale(1); } }

@media (max-width:1180px) { .bq-shogi-game__board { width:min(100%,610px); } }
@media (max-width:760px) { .bq-shogi-game__board { width:100%; min-width:0; }.bq-shogi-game__piece { font-size:clamp(.7rem,4.8vw,1.5rem); }.bq-shogi-game__hand-piece { width:44px; min-height:50px; flex-basis:44px; } }
@media (prefers-reduced-motion:reduce) { .bq-shogi-game__board { animation:bq-shogi-board-fade 160ms ease both; }.bq-shogi-game__piece { transition:filter 120ms ease; }.bq-shogi-game__square.is-check .bq-shogi-game__piece { animation:none; } }
@keyframes bq-shogi-board-fade { from { opacity:.72; } to { opacity:1; } }

/* International draughts -------------------------------------------------- */
.bq-game-stage--international-draughts .bq-game-stage__battlefield { display:grid; place-items:center; }
.bq-international-draughts__board { --bq-draughts-gold:#d3af5b; --bq-draughts-blue:#06284d; position:relative; display:grid; width:min(100%,calc(100vh - 226px)); min-width:410px; aspect-ratio:1; grid-template-columns:repeat(10,minmax(0,1fr)); overflow:hidden; border:clamp(8px,1vw,11px) solid #071a34; outline:1px solid #d5ae50; background:#c8aa63; box-shadow:0 17px 42px #000d,0 0 0 3px #020b19,0 0 0 5px #9b742d,0 0 24px rgb(20 111 184 / 26%),inset 0 0 0 2px #e3c36e,inset 0 0 34px #000b; isolation:isolate; animation:bq-draughts-board-enter 260ms cubic-bezier(.23,1,.32,1) both; }
.bq-international-draughts__board::before { content:""; position:absolute; z-index:8; inset:0; border:2px solid rgb(235 195 99 / 82%); box-shadow:inset 0 0 0 2px #061a33,inset 0 0 26px #0009; pointer-events:none; }
.bq-international-draughts__board::after { content:""; position:absolute; z-index:7; inset:0; background:radial-gradient(circle at 1.2% 1.2%,rgb(255 227 139 / 42%) 0 1px,transparent 2px),radial-gradient(circle at 98.8% 98.8%,rgb(255 227 139 / 42%) 0 1px,transparent 2px); background-size:10% 10%; mix-blend-mode:screen; opacity:.45; pointer-events:none; }
.bq-international-draughts__square { position:relative; display:grid; min-width:0; aspect-ratio:1; place-items:center; overflow:visible; padding:0; border:0; border-right:1px solid rgb(66 43 12 / 24%); border-bottom:1px solid rgb(66 43 12 / 24%); background:radial-gradient(circle at 28% 22%,rgb(255 242 180 / 38%),transparent 31%),linear-gradient(145deg,rgb(255 239 164 / 17%),transparent 36%),linear-gradient(155deg,#d8bd78,#ad8b46 74%,#bea05b); cursor:pointer; isolation:isolate; }
.bq-international-draughts__square::before { content:""; position:absolute; z-index:0; inset:0; background:linear-gradient(112deg,transparent 0 31%,rgb(255 247 204 / 15%) 32%,transparent 34% 70%,rgb(78 51 17 / 11%) 71%,transparent 73%),repeating-linear-gradient(24deg,transparent 0 13px,rgb(255 246 210 / 7%) 14px,transparent 16px 27px); opacity:.78; pointer-events:none; }
.bq-international-draughts__square:nth-of-type(20n + 2),.bq-international-draughts__square:nth-of-type(20n + 4),.bq-international-draughts__square:nth-of-type(20n + 6),.bq-international-draughts__square:nth-of-type(20n + 8),.bq-international-draughts__square:nth-of-type(20n + 10),.bq-international-draughts__square:nth-of-type(20n + 11),.bq-international-draughts__square:nth-of-type(20n + 13),.bq-international-draughts__square:nth-of-type(20n + 15),.bq-international-draughts__square:nth-of-type(20n + 17),.bq-international-draughts__square:nth-of-type(20n + 19) { border-color:rgb(210 180 103 / 15%); background:radial-gradient(circle at 68% 18%,rgb(42 112 164 / 32%),transparent 29%),linear-gradient(142deg,rgb(0 8 24 / 8%),transparent 40%),linear-gradient(155deg,#0b3b6c,#041d3c 72%,#082b55); }
.bq-international-draughts__square:nth-of-type(20n + 2)::before,.bq-international-draughts__square:nth-of-type(20n + 4)::before,.bq-international-draughts__square:nth-of-type(20n + 6)::before,.bq-international-draughts__square:nth-of-type(20n + 8)::before,.bq-international-draughts__square:nth-of-type(20n + 10)::before,.bq-international-draughts__square:nth-of-type(20n + 11)::before,.bq-international-draughts__square:nth-of-type(20n + 13)::before,.bq-international-draughts__square:nth-of-type(20n + 15)::before,.bq-international-draughts__square:nth-of-type(20n + 17)::before,.bq-international-draughts__square:nth-of-type(20n + 19)::before { background:linear-gradient(116deg,transparent 0 35%,rgb(68 141 192 / 15%) 36%,transparent 38% 68%,rgb(255 255 255 / 6%) 69%,transparent 71%),repeating-linear-gradient(28deg,transparent 0 15px,rgb(26 100 151 / 9%) 16px,transparent 18px 29px); }
.bq-international-draughts__square:disabled { cursor:default; }
.bq-international-draughts__square:not(:disabled):focus-visible { z-index:9; outline:3px solid #66e8e6; outline-offset:-3px; }
.bq-international-draughts__square.is-selected { z-index:6; box-shadow:inset 0 0 0 3px #f4cf69,inset 0 0 25px rgb(255 217 92 / 45%),0 0 16px rgb(45 151 215 / 28%); }
.bq-international-draughts__square.is-legal::after { content:""; position:absolute; z-index:4; width:20%; aspect-ratio:1; border:1px solid #fff0a6; border-radius:50%; background:#d6b352; box-shadow:0 0 0 3px rgb(5 30 56 / 42%),0 0 14px rgb(248 208 92 / 65%); animation:bq-draughts-marker-in 150ms cubic-bezier(.23,1,.32,1) both; }
.bq-international-draughts__square.is-capture::after { content:""; position:absolute; z-index:4; inset:8%; border:3px solid #efc557; border-radius:50%; box-shadow:inset 0 0 16px rgb(255 211 83 / 27%),0 0 0 2px #081c36,0 0 17px rgb(255 198 64 / 68%); animation:bq-draughts-marker-in 150ms cubic-bezier(.23,1,.32,1) both; }
.bq-international-draughts__square.is-last { background-image:linear-gradient(rgb(245 198 65 / 24%),rgb(245 198 65 / 24%)); }
.bq-international-draughts__square.is-route { box-shadow:inset 0 0 0 2px rgb(242 198 82 / 48%); }
.bq-international-draughts__piece { position:absolute; z-index:3; display:grid; inset:9%; place-items:center; border:2px solid #f1d88d; border-radius:50%; background:radial-gradient(circle at 35% 23%,#fff 0 7%,#fffaf0 21%,#e8dfcc 54%,#b99b63 82%,#6e4b1f 100%); box-shadow:inset 0 0 0 2px #80602d,inset 0 0 0 5px rgb(255 250 226 / 76%),inset 0 -7px 10px rgb(72 45 13 / 23%),0 6px 8px #000b,0 0 0 1px #1d1308,0 0 12px rgb(255 220 126 / 25%); pointer-events:none; transform-origin:50% 55%; transition:filter 140ms ease,transform 160ms cubic-bezier(.23,1,.32,1),box-shadow 160ms ease; }
.bq-international-draughts__piece::before { content:""; position:absolute; z-index:1; inset:19%; border:1px solid rgb(126 86 30 / 62%); border-radius:50%; background:radial-gradient(circle at 42% 34%,rgb(255 255 255 / 23%),transparent 48%); box-shadow:inset 0 0 0 2px rgb(255 255 255 / 25%),0 1px 2px rgb(68 41 10 / 25%); }
.bq-international-draughts__piece::after { content:"♛"; position:relative; z-index:2; color:#9d6d1f; font:700 clamp(.72rem,2.15vw,1.4rem)/1 Georgia,serif; text-shadow:0 1px #fff8dd,0 0 5px rgb(197 141 38 / 28%); transform:translateY(-1%); }
.bq-international-draughts__piece[data-color="black"] { border-color:#d0a74f; background:radial-gradient(circle at 35% 23%,#637b98 0 5%,#18395f 18%,#071b38 57%,#020a17 84%,#00040b 100%); box-shadow:inset 0 0 0 2px #020812,inset 0 0 0 5px rgb(75 127 178 / 38%),inset 0 -7px 10px #0009,0 6px 8px #000d,0 0 0 1px #d0a74f,0 0 12px rgb(36 137 214 / 21%); }
.bq-international-draughts__piece[data-color="black"]::before { border-color:rgb(224 186 92 / 48%); background:radial-gradient(circle at 42% 34%,rgb(95 142 188 / 24%),transparent 48%); box-shadow:inset 0 0 0 2px rgb(0 0 0 / 48%),0 1px 2px #000; }
.bq-international-draughts__piece[data-color="black"]::after { color:#dfbd65; text-shadow:0 1px #090f18,0 0 6px rgb(255 210 96 / 38%); }
.bq-international-draughts__piece[data-king="true"] i { position:absolute; z-index:4; inset:-7%; border:2px solid #f4ce67; border-radius:50%; box-shadow:0 0 0 1px #3d290b,0 0 11px rgb(255 210 95 / 78%),inset 0 0 8px rgb(255 223 127 / 32%); }
.bq-international-draughts__piece[data-king="true"] i::before { content:"◆"; position:absolute; top:-22%; left:50%; color:#ffe497; font:.52rem/1 serif; text-shadow:0 0 6px #ffd35c; transform:translateX(-50%); }
.bq-international-draughts__piece[data-king="true"]::after { color:#f2c95f; font-size:clamp(.86rem,2.5vw,1.62rem); }
.bq-international-draughts__square.is-selected .bq-international-draughts__piece { filter:brightness(1.13) drop-shadow(0 0 8px #f7d166); transform:translateY(-6%) scale(1.055); box-shadow:inset 0 0 0 2px #80602d,inset 0 0 0 5px rgb(255 250 226 / 76%),0 9px 12px #000c,0 0 0 2px #f4ce67,0 0 16px rgb(255 210 88 / 42%); }
.bq-international-draughts__piece.is-promoted { animation:bq-draughts-promotion 520ms cubic-bezier(.23,1,.32,1); }
.bq-international-draughts__board.is-waiting { cursor:wait; }.bq-international-draughts__board.is-finished { filter:saturate(.68); }
.bq-international-draughts__count { position:absolute; z-index:10; top:8px; left:50%; min-width:108px; padding:6px 10px; border:1px solid #d9b45b; border-radius:999px; background:rgb(3 18 37 / 92%); color:#f7d883; font:900 .52rem/1 var(--bq-mono); letter-spacing:.05em; text-align:center; text-transform:uppercase; box-shadow:0 4px 14px #0009,0 0 10px rgb(29 112 176 / 22%); transform:translateX(-50%); pointer-events:none; }
.bq-international-draughts__captured-piece { position:relative; display:grid; width:32px; aspect-ratio:1; flex:0 0 32px; place-items:center; border:1px solid #e8c96f; border-radius:50%; background:radial-gradient(circle at 34% 24%,#fff,#ede4d2 55%,#a48148 100%); box-shadow:inset 0 0 0 3px rgb(255 250 224 / 55%),0 3px 5px #0009; }
.bq-international-draughts__captured-piece::after { content:"♛"; color:#97691e; font:700 .7rem/1 Georgia,serif; text-shadow:0 1px #fff7dc; }
.bq-international-draughts__captured-piece[data-color="black"] { background:radial-gradient(circle at 34% 24%,#58718e,#0a2142 58%,#010713); box-shadow:inset 0 0 0 3px rgb(62 107 151 / 38%),0 3px 5px #000b; }
.bq-international-draughts__captured-piece[data-color="black"]::after { color:#dcba61; text-shadow:0 1px #020812; }
.bq-international-draughts__captured-piece[data-king="true"] { box-shadow:inset 0 0 0 3px rgb(255 224 137 / 46%),0 0 0 2px #e3bd5c,0 3px 7px #000b; }
.bq-international-draughts__captured-piece.is-new { animation:bq-captured-arrive 220ms cubic-bezier(.23,1,.32,1); }
@media (hover:hover) and (pointer:fine) { .bq-international-draughts__square:not(:disabled):hover .bq-international-draughts__piece { filter:brightness(1.08); transform:translateY(-3%) scale(1.025); } }
@keyframes bq-draughts-board-enter { from { opacity:0; transform:scale(.97); } to { opacity:1; transform:scale(1); } }
@keyframes bq-draughts-marker-in { from { opacity:0; transform:scale(.92); } to { opacity:1; transform:scale(1); } }
@keyframes bq-draughts-promotion { 0% { filter:brightness(1); transform:scale(1); } 44% { filter:brightness(1.42) drop-shadow(0 0 13px #ffd35e); transform:scale(1.13); } 100% { filter:brightness(1); transform:scale(1); } }
@media (max-width:1180px) { .bq-international-draughts__board { width:min(100%,620px); } }
@media (max-width:760px) { .bq-international-draughts__board { width:100%; min-width:0; }.bq-international-draughts__captured-piece { width:27px; flex-basis:27px; }.bq-international-draughts__count { top:5px; min-width:88px; padding:4px 7px; font-size:.44rem; } }
@media (prefers-reduced-motion:reduce) { .bq-international-draughts__board { animation:bq-draughts-fade 160ms ease both; }.bq-international-draughts__piece { transition:filter 120ms ease,box-shadow 120ms ease; }.bq-international-draughts__piece.is-promoted { animation:none; filter:brightness(1.12); }.bq-international-draughts__square.is-legal::after,.bq-international-draughts__square.is-capture::after,.bq-international-draughts__captured-piece.is-new { animation:none; } }
@keyframes bq-draughts-fade { from { opacity:.72; } to { opacity:1; } }

/* Biblioteca audiovisual exclusiva de Damas internacionales. */
.bq-international-draughts__piece.is-entering { animation:bq-draughts-piece-enter 260ms cubic-bezier(.23,1,.32,1) both; }
.bq-draughts-entry-vfx { position:fixed; z-index:10110; inset:0; overflow:hidden; background:radial-gradient(circle at 50% 50%,rgb(9 45 82 / 18%),rgb(1 7 18 / 88%)); pointer-events:none; animation:bq-draughts-entry-exit 1180ms cubic-bezier(.23,1,.32,1) both; }
.bq-draughts-entry-vfx::before { content:""; position:absolute; top:50%; left:50%; width:min(72vmin,720px); aspect-ratio:1; background:url("../images/games/damas-internacionales/capture-vfx-atlas-imagineart.jpg") 0 0/200% 200% no-repeat; mix-blend-mode:screen; filter:contrast(1.16) saturate(1.08); transform:translate(-50%,-50%); animation:bq-draughts-entry-crown 980ms cubic-bezier(.23,1,.32,1) both; }
.bq-draughts-entry-vfx::after { content:""; position:absolute; top:50%; left:50%; width:min(38vmin,390px); aspect-ratio:1; border:3px solid #f0ca66; border-radius:50%; box-shadow:0 0 18px #fff4bd,0 0 68px #dfaa35,inset 0 0 38px rgb(255 213 90 / 36%); transform:translate(-50%,-50%); animation:bq-draughts-entry-ring 840ms cubic-bezier(.23,1,.32,1) both; }
.bq-draughts-entry-vfx i { position:absolute; top:50%; left:50%; width:2px; height:72vmin; background:linear-gradient(transparent,#f9d77d 44%,#fff 50%,#f9d77d 56%,transparent); box-shadow:0 0 13px #f6c85f; transform:translate(-50%,-50%) rotate(45deg); animation:bq-draughts-entry-ray 760ms cubic-bezier(.23,1,.32,1) both; }
.bq-draughts-entry-vfx b { position:absolute; top:50%; left:50%; width:5px; aspect-ratio:1; border-radius:50%; background:#fff2b0; box-shadow:0 0 12px #ffc84f; animation:bq-draughts-entry-particle 820ms cubic-bezier(.23,1,.32,1) both; }
.bq-draughts-entry-vfx b:nth-of-type(1) { --bq-draughts-entry-x:31vmin; --bq-draughts-entry-y:-22vmin; }.bq-draughts-entry-vfx b:nth-of-type(2) { --bq-draughts-entry-x:-29vmin; --bq-draughts-entry-y:-18vmin; animation-delay:60ms; }.bq-draughts-entry-vfx b:nth-of-type(3) { --bq-draughts-entry-x:8vmin; --bq-draughts-entry-y:32vmin; animation-delay:105ms; }
.bq-draughts-entry-vfx span { position:absolute; z-index:3; top:50%; left:50%; color:#ffe69a; font:700 clamp(2.6rem,8vw,6.8rem)/1 Georgia,serif; text-shadow:0 0 8px #fff,0 0 24px #ffc74d,0 8px 18px #000c; transform:translate(-50%,-50%); animation:bq-draughts-entry-mark 900ms cubic-bezier(.23,1,.32,1) both; }
.bq-draughts-capture-vfx { position:fixed; z-index:10090; top:var(--bq-draughts-vfx-y); left:var(--bq-draughts-vfx-x); width:var(--bq-draughts-vfx-size); aspect-ratio:1; border-radius:50%; pointer-events:none; transform:translate(-50%,-50%); isolation:isolate; animation:bq-draughts-capture-exit 920ms cubic-bezier(.77,0,.175,1) both; }
.bq-draughts-capture-vfx::before { content:""; position:absolute; inset:-10%; background:url("../images/games/damas-internacionales/capture-vfx-atlas-imagineart.jpg") 100% 0/200% 200% no-repeat; mix-blend-mode:screen; filter:contrast(1.22) saturate(.9); animation:bq-draughts-capture-atlas 780ms cubic-bezier(.23,1,.32,1) both; }
.bq-draughts-capture-vfx[data-piece="king"]::before { background-position:0 0; filter:contrast(1.18) saturate(1.15); }
.bq-draughts-capture-vfx::after { content:""; position:absolute; inset:21%; border:3px solid #83cfff; border-radius:50%; box-shadow:0 0 10px #fff,0 0 29px #4eb4ff,inset 0 0 19px #082c59; animation:bq-draughts-capture-ring 620ms cubic-bezier(.23,1,.32,1) both; }
.bq-draughts-capture-vfx[data-piece="king"]::after { border-color:#f5cf68; box-shadow:0 0 10px #fff8cf,0 0 34px #f2b93e,inset 0 0 22px #9c6414; }
.bq-draughts-capture-vfx i { position:absolute; z-index:2; inset:39%; border-radius:50%; background:#fff; box-shadow:0 0 17px 7px #72c9ff,0 0 35px 16px #164b86; opacity:0; animation:bq-draughts-capture-core 420ms cubic-bezier(.23,1,.32,1) both; }
.bq-draughts-capture-vfx[data-piece="king"] i { box-shadow:0 0 17px 7px #ffe696,0 0 38px 17px #d79727; }
.bq-draughts-capture-vfx i:nth-child(2) { inset:15% 47%; border-radius:999px; animation-delay:45ms; }.bq-draughts-capture-vfx i:nth-child(3) { inset:47% 15%; border-radius:999px; animation-delay:75ms; }
.bq-draughts-capture-vfx b { position:absolute; z-index:3; top:45%; left:46%; width:10%; height:17%; clip-path:polygon(50% 0,100% 100%,0 72%); background:linear-gradient(145deg,#eef8ff,#285f98 65%,#06172f); box-shadow:0 0 8px #65c1ff; opacity:0; animation:bq-draughts-capture-shard 700ms cubic-bezier(.23,1,.32,1) both; }
.bq-draughts-capture-vfx[data-piece="king"] b { background:linear-gradient(145deg,#fff9d8,#d7a63d 65%,#51320c); box-shadow:0 0 8px #ffd66d; }
.bq-draughts-capture-vfx b:nth-of-type(2) { --bq-draughts-shard-x:78%; --bq-draughts-shard-y:-50%; animation-delay:25ms; }.bq-draughts-capture-vfx b:nth-of-type(3) { --bq-draughts-shard-x:91%; --bq-draughts-shard-y:16%; animation-delay:55ms; }.bq-draughts-capture-vfx b:nth-of-type(4) { --bq-draughts-shard-x:45%; --bq-draughts-shard-y:82%; animation-delay:15ms; }.bq-draughts-capture-vfx b:nth-of-type(5) { --bq-draughts-shard-x:-80%; --bq-draughts-shard-y:58%; animation-delay:70ms; }.bq-draughts-capture-vfx b:nth-of-type(6) { --bq-draughts-shard-x:-89%; --bq-draughts-shard-y:-42%; animation-delay:42ms; }
.bq-draughts-capture-vfx__victim { position:fixed !important; z-index:10092 !important; inset:auto !important; margin:0 !important; pointer-events:none !important; transform-origin:50% 70% !important; animation-duration:820ms !important; animation-timing-function:cubic-bezier(.77,0,.175,1) !important; animation-fill-mode:both !important; }
.bq-draughts-capture-vfx__victim[data-piece="man"] { animation-name:bq-draughts-death-man !important; }.bq-draughts-capture-vfx__victim[data-piece="king"] { animation-name:bq-draughts-death-king !important; }
.bq-draughts-reward-animation { position:relative; display:grid; width:min(420px,100%); grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:7px auto 0; pointer-events:none; }
.bq-draughts-reward-animation span { position:relative; z-index:2; display:grid; gap:3px; min-height:68px; place-content:center; border:1px solid rgb(239 198 90 / 84%); background:radial-gradient(circle at 50% 0,rgb(45 117 171 / 28%),transparent 52%),linear-gradient(145deg,#0a315a,#03152e); box-shadow:inset 0 0 25px rgb(71 178 238 / 12%),0 8px 24px #0009,0 0 0 2px rgb(3 13 29 / 75%); animation:bq-draughts-reward-card 520ms cubic-bezier(.23,1,.32,1) both; }
.bq-draughts-reward-animation span:nth-child(2) { animation-delay:70ms; }.bq-draughts-reward-animation b { color:#ffe391; font:900 clamp(1rem,3vw,1.55rem)/1 var(--bq-display); text-shadow:0 0 14px rgb(255 194 54 / 55%); }.bq-draughts-reward-animation i { color:#8edaff; font:900 .56rem/1 var(--bq-mono); font-style:normal; letter-spacing:.12em; }
.bq-draughts-reward-animation em { position:absolute; z-index:1; top:50%; left:50%; width:5px; aspect-ratio:1; border-radius:50%; background:#ffdc6a; box-shadow:0 0 8px #ffdb56; opacity:0; animation:bq-draughts-reward-particle 900ms cubic-bezier(.23,1,.32,1) both; }
.bq-draughts-reward-animation em:nth-of-type(2) { --bq-draughts-reward-x:126px; --bq-draughts-reward-y:-49px; animation-delay:70ms; }.bq-draughts-reward-animation em:nth-of-type(3) { --bq-draughts-reward-x:82px; --bq-draughts-reward-y:60px; animation-delay:120ms; }.bq-draughts-reward-animation em:nth-of-type(4) { --bq-draughts-reward-x:-128px; --bq-draughts-reward-y:-46px; animation-delay:45ms; }.bq-draughts-reward-animation em:nth-of-type(5) { --bq-draughts-reward-x:-78px; --bq-draughts-reward-y:64px; animation-delay:145ms; }.bq-draughts-reward-animation em:nth-of-type(6) { --bq-draughts-reward-x:0; --bq-draughts-reward-y:-78px; animation-delay:95ms; }
.bq-game-stage--international-draughts.has-local-victory .bq-international-draughts__board { box-shadow:0 17px 42px #000d,0 0 0 3px #020b19,0 0 0 5px #d3a63f,0 0 38px rgb(255 200 68 / 48%),inset 0 0 34px #000b; }.bq-game-stage--international-draughts.has-local-defeat .bq-international-draughts__board { filter:saturate(.46) brightness(.72); }
@keyframes bq-draughts-piece-enter { from { opacity:0; transform:translateY(-14%) scale(.94); } to { opacity:1; transform:translateY(0) scale(1); } }
@keyframes bq-draughts-entry-exit { 0% { opacity:0; } 14%,72% { opacity:1; } 100% { opacity:0; } }
@keyframes bq-draughts-entry-crown { from { opacity:0; transform:translate(-50%,-50%) scale(.94); } 55% { opacity:1; transform:translate(-50%,-50%) scale(1.04); } to { opacity:0; transform:translate(-50%,-50%) scale(1.08); } }
@keyframes bq-draughts-entry-ring { from { opacity:0; transform:translate(-50%,-50%) scale(.94); } 45% { opacity:1; } to { opacity:0; transform:translate(-50%,-50%) scale(1.18); } }
@keyframes bq-draughts-entry-ray { from { opacity:0; transform:translate(-50%,-50%) rotate(45deg) scaleY(.92); } 40% { opacity:1; } to { opacity:0; transform:translate(-50%,-50%) rotate(45deg) scaleY(1.06); } }
@keyframes bq-draughts-entry-particle { from { opacity:0; transform:translate(-50%,-50%) scale(.94); } 30% { opacity:1; } to { opacity:0; transform:translate(calc(-50% + var(--bq-draughts-entry-x)),calc(-50% + var(--bq-draughts-entry-y))) scale(1); } }
@keyframes bq-draughts-entry-mark { from { opacity:0; transform:translate(-50%,-50%) scale(.94); } 42% { opacity:1; transform:translate(-50%,-50%) scale(1.06); } to { opacity:0; transform:translate(-50%,-50%) scale(1); } }
@keyframes bq-draughts-capture-exit { 0%,70% { opacity:1; } 100% { opacity:0; } }
@keyframes bq-draughts-capture-atlas { from { opacity:0; transform:scale(.94); } 34% { opacity:1; transform:scale(1.04); } to { opacity:0; transform:scale(1.12); } }
@keyframes bq-draughts-capture-ring { from { opacity:0; transform:scale(.94); } 38% { opacity:1; } to { opacity:0; transform:scale(1.2); } }
@keyframes bq-draughts-capture-core { from { opacity:0; transform:scale(.94); } 42% { opacity:1; transform:scale(1.08); } to { opacity:0; transform:scale(.98); } }
@keyframes bq-draughts-capture-shard { 0% { opacity:0; transform:translate(0,0) rotate(0) scale(.94); } 20% { opacity:1; } 100% { opacity:0; transform:translate(var(--bq-draughts-shard-x),var(--bq-draughts-shard-y)) rotate(165deg) scale(1); } }
@keyframes bq-draughts-death-man { from { opacity:1; transform:scale(1); filter:brightness(1); } 32% { opacity:1; transform:scale(1.06) rotate(-4deg); filter:brightness(1.5); } to { opacity:0; transform:translateY(34%) scale(.92) rotate(18deg); filter:brightness(.55) blur(1px); } }
@keyframes bq-draughts-death-king { from { opacity:1; transform:scale(1); filter:brightness(1); } 38% { opacity:1; transform:translateY(-9%) scale(1.12); filter:brightness(1.65) drop-shadow(0 0 12px #ffd566); } to { opacity:0; transform:translateY(-28%) scale(.96) rotate(12deg); filter:brightness(.7) blur(1px); } }
@keyframes bq-draughts-reward-card { from { opacity:0; transform:translateY(18%) scale(.96); } to { opacity:1; transform:translateY(0) scale(1); } }
@keyframes bq-draughts-reward-particle { from { opacity:0; transform:translate(-50%,-50%) scale(.94); } 30% { opacity:1; } to { opacity:0; transform:translate(calc(-50% + var(--bq-draughts-reward-x)),calc(-50% + var(--bq-draughts-reward-y))) scale(1); } }
@media (max-width:760px) { .bq-draughts-reward-animation { width:100%; gap:7px; }.bq-draughts-reward-animation span { min-height:58px; }.bq-draughts-entry-vfx::before { width:min(92vmin,620px); } }
@media (prefers-reduced-motion:reduce) { .bq-international-draughts__piece.is-entering,.bq-draughts-entry-vfx,.bq-draughts-entry-vfx::before,.bq-draughts-entry-vfx::after,.bq-draughts-entry-vfx i,.bq-draughts-entry-vfx b,.bq-draughts-entry-vfx span,.bq-draughts-capture-vfx,.bq-draughts-capture-vfx::before,.bq-draughts-capture-vfx::after,.bq-draughts-capture-vfx i,.bq-draughts-capture-vfx b,.bq-draughts-reward-animation span,.bq-draughts-reward-animation em { animation:none; }.bq-draughts-entry-vfx { opacity:.82; }.bq-draughts-capture-vfx { opacity:.78; }.bq-draughts-capture-vfx__victim { animation:bq-death-reduced 180ms cubic-bezier(.23,1,.32,1) both !important; }.bq-draughts-reward-animation em { display:none; } }

.bq-game-stage--turkish-draughts .bq-game-stage__battlefield { display:grid; place-items:center; min-width:0; }
.bq-turkish-draughts__board { position:relative; display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); grid-template-rows:repeat(8,minmax(0,1fr)); width:min(100%,calc(100dvh - 225px)); min-width:0; aspect-ratio:1; padding:clamp(8px,1.3vw,15px); border:clamp(6px,.9vw,9px) ridge #b77c25; outline:2px solid #26170a; background:linear-gradient(135deg,#f5c65d,#674019 23%,#d89b32 53%,#5c3916); box-shadow:0 16px 38px #000c,0 0 0 2px #6e491b,inset 0 0 0 2px #ffdc78; touch-action:manipulation; }
.bq-turkish-draughts__square { position:relative; display:grid; place-items:center; min-width:0; min-height:0; padding:0; border:0; border-radius:0; background:radial-gradient(circle at 28% 24%,#ffe6aa88,transparent 42%),radial-gradient(circle at 82% 78%,#77502c55,transparent 50%),#d5aa60; cursor:pointer; -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
.bq-turkish-draughts__square:nth-child(16n + 2),.bq-turkish-draughts__square:nth-child(16n + 4),.bq-turkish-draughts__square:nth-child(16n + 6),.bq-turkish-draughts__square:nth-child(16n + 8),.bq-turkish-draughts__square:nth-child(16n + 9),.bq-turkish-draughts__square:nth-child(16n + 11),.bq-turkish-draughts__square:nth-child(16n + 13),.bq-turkish-draughts__square:nth-child(16n + 15) { background:radial-gradient(circle at 28% 23%,#52708b72,transparent 45%),radial-gradient(circle at 78% 78%,#07142699,transparent 52%),#183653; }
.bq-turkish-draughts__square::before { position:absolute; inset:0; content:""; pointer-events:none; background:linear-gradient(140deg,#fff2 0,transparent 24%,#0001 100%),repeating-linear-gradient(27deg,transparent 0 17px,#fff1 18px,transparent 19px 33px); opacity:.45; }
.bq-turkish-draughts__square.is-selected { box-shadow:inset 0 0 0 3px #f9de74,inset 0 0 18px #ffda60a6; z-index:1; }
.bq-turkish-draughts__square.is-destination::after { position:absolute; width:32%; aspect-ratio:1; border:2px solid #f5d776; border-radius:50%; background:#ffe49b9e; box-shadow:0 0 0 2px #17324b9c; content:""; pointer-events:none; }
.bq-turkish-draughts__square:focus-visible { z-index:2; outline:3px solid #fff1a2; outline-offset:-3px; }
.bq-turkish-draughts__piece { position:relative; z-index:1; display:block; width:72%; aspect-ratio:1; border-radius:50%; border:3px solid #eee0b8; background:radial-gradient(circle at 35% 28%,#fffcef,#e8dec2 48%,#a59572 86%); box-shadow:0 3px 0 #826b46,0 5px 6px #0009,inset 0 0 0 2px #fff8dc,inset 0 0 0 5px #b8a882,inset 0 0 0 7px #f7edcf; transition:transform 140ms cubic-bezier(.2,.75,.25,1),filter 140ms ease; pointer-events:none; }
.bq-turkish-draughts__piece.is-black { border-color:#070d13; background:radial-gradient(circle at 35% 28%,#3d4651,#141a22 62%,#020509); box-shadow:0 3px 0 #020509,0 5px 6px #000b,inset 0 0 0 2px #66717b,inset 0 0 0 5px #111820,inset 0 0 0 7px #5a626a; }
.bq-turkish-draughts__piece.is-king::after { position:absolute; inset:31%; display:grid; place-items:center; border-radius:50%; color:#f4c95d; content:"♛"; font-size:clamp(12px,2vw,26px); line-height:1; text-shadow:0 1px 2px #0009; }
.bq-turkish-draughts__square.is-selected .bq-turkish-draughts__piece { transform:translateY(-5%) scale(1.07); filter:drop-shadow(0 0 7px #f5d776); }
.bq-turkish-draughts__piece.is-arriving { visibility:hidden; }
.bq-turkish-draughts__piece.is-flying { position:absolute; z-index:9; margin:0; pointer-events:none; }
@media (prefers-reduced-motion:reduce) { .bq-turkish-draughts__piece { transition:none; } }
.bq-game-stage--turkish-draughts .bq-game-stage__player.has-actions.has-pass { grid-template-columns:auto minmax(0,1fr) auto auto auto; }
.bq-game-stage--turkish-draughts .bq-game-stage__player > strong { min-width:0; }
@media (max-width:760px) { .bq-turkish-draughts__board { width:100%; }.bq-game-stage--turkish-draughts .bq-game-stage__player { gap:5px; padding:7px; }.bq-game-stage--turkish-draughts .bq-game-stage__resign,.bq-game-stage--turkish-draughts .bq-game-stage__pass { padding:5px; font-size:.43rem; } }
@media (max-width:1000px) and (max-height:520px) { .bq-turkish-draughts__board { width:min(100%,390px); } }
@media (max-width:480px) { .bq-game-play-placeholder:has([data-turkish-game]) > .bq-shell { width:calc(100% - 8px); }.bq-game-play-placeholder:has([data-turkish-game]) .bq-game-board-slot { padding:6px; }.bq-game-stage--turkish-draughts { padding:6px; }.bq-turkish-draughts__board { border-width:6px; padding:7px; }.bq-turkish-draughts__piece { border-width:2px; } }
@media (max-width:480px) { .bq-game-stage--turkish-draughts .bq-game-stage__player.has-actions.has-pass { grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:auto auto; }.bq-game-stage--turkish-draughts .bq-game-stage__player.has-actions.has-pass > span:first-child { grid-column:1; grid-row:1; }.bq-game-stage--turkish-draughts .bq-game-stage__player.has-actions.has-pass > strong { grid-column:2 / 4; grid-row:1; }.bq-game-stage--turkish-draughts .bq-game-stage__player.has-actions.has-pass > button { min-height:36px; font-size:.55rem; }.bq-game-stage--turkish-draughts .bq-game-stage__player.has-actions.has-pass > button:nth-of-type(1) { grid-column:1; grid-row:2; }.bq-game-stage--turkish-draughts .bq-game-stage__player.has-actions.has-pass > button:nth-of-type(2) { grid-column:2; grid-row:2; }.bq-game-stage--turkish-draughts .bq-game-stage__player.has-actions.has-pass > button:nth-of-type(3) { grid-column:3; grid-row:2; } }
@media (max-width:480px) { .bq-game-stage--turkish-draughts .bq-game-stage__player.has-actions.has-pass > button { min-height:42px; font-size:.62rem; line-height:1.15; white-space:normal; text-align:center; } }

/* Alquerque: a live 25-point line board inside the shared match frame. */
.bq-game-stage--alquerque .bq-game-stage__battlefield { display:grid; place-items:center; min-width:0; }
.bq-alquerque__board { position:relative; width:min(100%,calc(100dvh - 300px)); min-width:0; aspect-ratio:1; overflow:hidden; border:clamp(6px,.9vw,9px) ridge #b98736; outline:2px solid #26170a; background:radial-gradient(circle at 45% 38%,rgb(59 97 123 / 30%),transparent 55%),repeating-linear-gradient(24deg,transparent 0 21px,rgb(220 233 242 / 2%) 22px,transparent 23px 41px),#193149; box-shadow:0 16px 38px #000c,0 0 0 5px #091a2b,inset 0 0 0 7px #d2a559,inset 0 0 35px #0009; touch-action:manipulation; }
.bq-alquerque__board::before,.bq-alquerque__board::after { position:absolute; z-index:1; top:5%; bottom:5%; width:6%; border:1px solid rgb(215 170 85 / 70%); background:repeating-linear-gradient(180deg,transparent 0 12px,#d4a554 13px 15px,transparent 16px 34px),linear-gradient(#091b2e,#152e44); box-shadow:inset 0 0 0 3px #071624; content:""; pointer-events:none; }
.bq-alquerque__board::before { left:3%; }.bq-alquerque__board::after { right:3%; }
.bq-alquerque__lines { position:absolute; z-index:2; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; }
.bq-alquerque__lines line { stroke:#d4a75e; stroke-width:1.45; stroke-linecap:round; filter:drop-shadow(0 1px 1px #201307); }
.bq-alquerque__ornament { position:absolute; z-index:3; width:6%; aspect-ratio:1; border:1px solid #d4ab60; border-radius:50%; background:radial-gradient(circle,#d6ad60 0 12%,transparent 15%),repeating-conic-gradient(from 10deg,#d2a457 0 8deg,transparent 10deg 45deg),#10283d; box-shadow:0 0 0 2px #071624; pointer-events:none; }
.bq-alquerque__ornament.is-tl { top:4%; left:3%; }.bq-alquerque__ornament.is-tr { top:4%; right:3%; }.bq-alquerque__ornament.is-bl { bottom:4%; left:3%; }.bq-alquerque__ornament.is-br { bottom:4%; right:3%; }
.bq-alquerque__point { position:absolute; z-index:4; display:grid; width:14%; height:14%; padding:0; place-items:center; border:0; border-radius:50%; background:transparent; transform:translate(-50%,-50%); cursor:pointer; -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
.bq-alquerque__point::before { position:absolute; width:16%; aspect-ratio:1; border:2px solid #644a28; border-radius:50%; background:radial-gradient(circle at 35% 30%,#fff0c0,#d1a55a 60%,#684b29); box-shadow:0 1px 2px #0009; content:""; pointer-events:none; }
.bq-alquerque__point.is-destination::after { position:absolute; width:47%; aspect-ratio:1; border:3px solid #83dce8; border-radius:50%; background:rgb(8 37 53 / 75%); box-shadow:0 0 0 2px #071b2c; content:""; pointer-events:none; }
.bq-alquerque__point.is-capture::after { border-color:#f2c171; }
.bq-alquerque__point:focus-visible { outline:3px solid #fff1a2; outline-offset:-4px; }
.bq-alquerque__point.is-selected { z-index:6; }
.bq-alquerque__point.is-selected::after { position:absolute; inset:7%; border:3px solid #80deea; border-radius:50%; content:""; pointer-events:none; animation:bq-alquerque-select 1.5s ease-in-out infinite; }
@keyframes bq-alquerque-select { 50% { transform:scale(1.09); opacity:.62; } }
.bq-alquerque__piece { position:relative; z-index:1; display:block; width:58%; aspect-ratio:1; border:0; border-radius:50%; background-color:#e8ddc4; background-image:url("../images/games/alquerque.png"); background-size:1620% auto; background-position:50% 94.7%; box-shadow:0 3px 5px #0009; pointer-events:none; }
.bq-alquerque__piece.is-black { background-color:#151b20; background-position:50% 1.25%; box-shadow:0 3px 5px #000c; }
.bq-alquerque__piece.is-arriving { visibility:hidden; }
.bq-alquerque__piece.is-flying { position:absolute; z-index:10; margin:0; pointer-events:none; }
.bq-game-stage--alquerque .bq-game-stage__player.has-actions.has-pass { grid-template-columns:auto minmax(0,1fr) auto auto auto; }
.bq-game-stage--alquerque .bq-game-stage__player > strong { min-width:0; }
@media (max-width:760px) { .bq-alquerque__board { width:100%; }.bq-game-stage--alquerque .bq-game-stage__player { gap:5px; padding:7px; }.bq-game-stage--alquerque .bq-game-stage__resign,.bq-game-stage--alquerque .bq-game-stage__pass { padding:5px; font-size:.43rem; } }
@media (max-width:1000px) and (max-height:520px) { .bq-alquerque__board { width:min(100%,calc(100dvh - 148px)); }.bq-alquerque__point { width:18.5%; height:18.5%; } }
@media (max-width:480px) { .bq-game-play-placeholder:has([data-alquerque-game]) > .bq-shell { width:calc(100% - 8px); }.bq-game-play-placeholder:has([data-alquerque-game]) .bq-game-board-slot { padding:6px; }.bq-game-stage--alquerque { padding:6px; }.bq-alquerque__board { border-width:6px; }.bq-alquerque__piece { border-width:2px; }.bq-game-stage--alquerque .bq-game-stage__player.has-actions.has-pass { grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:auto auto; }.bq-game-stage--alquerque .bq-game-stage__player.has-actions.has-pass > span:first-child { grid-column:1; grid-row:1; }.bq-game-stage--alquerque .bq-game-stage__player.has-actions.has-pass > strong { grid-column:2 / 4; grid-row:1; }.bq-game-stage--alquerque .bq-game-stage__player.has-actions.has-pass > button { min-height:42px; font-size:.62rem; line-height:1.15; white-space:normal; text-align:center; }.bq-game-stage--alquerque .bq-game-stage__player.has-actions.has-pass > button:nth-of-type(1) { grid-column:1; grid-row:2; }.bq-game-stage--alquerque .bq-game-stage__player.has-actions.has-pass > button:nth-of-type(2) { grid-column:2; grid-row:2; }.bq-game-stage--alquerque .bq-game-stage__player.has-actions.has-pass > button:nth-of-type(3) { grid-column:3; grid-row:2; } }

/* Reversi: midnight-blue and gold board from its catalogue cover. */
.bq-game-stage--reversi { min-width:0; justify-items:center; }
.bq-game-stage--reversi .bq-game-stage__battlefield { display:grid; width:100%; min-width:0; place-items:center; }
.bq-game-stage--reversi .bq-game-stage__player { width:100%; }
.bq-game-stage--reversi .bq-game-stage__player output { font:900 1.1rem/1 var(--bq-mono); color:#fff1cf; }
.bq-reversi__board { position:relative; display:grid; width:min(100%,calc(100dvh - 310px)); aspect-ratio:1; grid-template-columns:repeat(8,minmax(0,1fr)); grid-template-rows:repeat(8,minmax(0,1fr)); padding:5.3%; border:clamp(5px,.8vw,9px) ridge #c99850; outline:2px solid #19131c; background:radial-gradient(circle at 4% 50%,#f4ddaa 0 1.5%,#ac7c38 2%,transparent 3.2%),radial-gradient(circle at 96% 50%,#f4ddaa 0 1.5%,#ac7c38 2%,transparent 3.2%),linear-gradient(135deg,#152c4a,#0a1830 55%,#193556); box-shadow:0 0 0 5px #091529,0 20px 44px #000a,inset 0 0 0 3px #d2ac70,inset 0 0 0 9px #101e36; touch-action:manipulation; }
.bq-reversi__board::before,.bq-reversi__board::after { position:absolute; z-index:2; top:47%; width:6%; aspect-ratio:1; border:2px solid #cda261; border-radius:50%; background:radial-gradient(circle,#fff0b9 0 16%,#c9984c 19% 38%,transparent 42%),repeating-conic-gradient(#e1b968 0 10deg,#182a43 12deg 44deg); box-shadow:0 0 0 3px #071528; content:""; pointer-events:none; }
.bq-reversi__board::before { left:1%; }.bq-reversi__board::after { right:1%; }
.bq-reversi__cell { position:relative; display:grid; min-width:0; min-height:0; place-items:center; padding:0; border:1px solid #af8952; border-radius:0; background:linear-gradient(145deg,rgb(73 104 137 / 15%),transparent 60%),#122b49; cursor:pointer; -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
.bq-reversi__cell:nth-child(16n + 2),.bq-reversi__cell:nth-child(16n + 4),.bq-reversi__cell:nth-child(16n + 6),.bq-reversi__cell:nth-child(16n + 8),.bq-reversi__cell:nth-child(16n + 9),.bq-reversi__cell:nth-child(16n + 11),.bq-reversi__cell:nth-child(16n + 13),.bq-reversi__cell:nth-child(16n + 15) { background-color:#193553; }
.bq-reversi__cell.is-legal::before { width:21%; aspect-ratio:1; border-radius:50%; background:#81e4e9; box-shadow:0 0 0 2px #06445e,0 0 8px #66e0e6; content:""; }
.bq-reversi__cell.is-selected { z-index:1; box-shadow:inset 0 0 0 3px #f3db96,inset 0 0 13px #b5f5e888; }
.bq-reversi__cell.is-selected::before { width:74%; aspect-ratio:1; border:2px solid #d5a969; border-radius:50%; background:radial-gradient(circle at 31% 25%,#43454a,#12141c 58%,#04070b); box-shadow:0 3px 5px #0009; content:""; animation:bq-reversi-select 900ms ease-in-out infinite alternate; }
.bq-reversi__cell:focus-visible { z-index:2; outline:3px solid #8df6ff; outline-offset:-4px; }
.bq-reversi__disc { position:absolute; width:76%; aspect-ratio:1; border:clamp(1px,.17vw,3px) solid #ba8b50; border-radius:50%; box-shadow:0 3px 5px #000b,inset 0 -4px 5px #0007; pointer-events:none; }
.bq-reversi__disc.is-black { background:radial-gradient(ellipse at 30% 19%,#aaaeb0 0 3%,#3a3c42 7%,#111217 43%,#05070a 85%); }
.bq-reversi__disc.is-white { background:radial-gradient(ellipse at 30% 19%,#fff 0 11%,#f7f1e8 28%,#e6dbcd 72%,#b6a18b); box-shadow:0 3px 5px #0009,inset 0 -3px 4px #ac9e8a; }
.bq-reversi__disc.is-arriving { animation:bq-reversi-place 220ms cubic-bezier(.18,.82,.2,1) both; }
.bq-reversi__status { width:100%; min-height:2.5em; margin:2px 0 0; color:#b9e7e9; font:800 clamp(.68rem,1.25vw,.82rem)/1.45 var(--bq-mono); text-align:center; }
.bq-reversi__actions { display:flex; justify-content:center; gap:12px; width:100%; }
.bq-reversi__actions button { min-width:128px; min-height:44px; font-size:.65rem; }
.bq-game-stage--reversi .bq-game-result { animation:none; }
@keyframes bq-reversi-select { from { transform:scale(.87); opacity:.72; } to { transform:scale(.96); opacity:.94; } }
@keyframes bq-reversi-place { from { transform:scale(.52); opacity:.45; } to { transform:scale(1); opacity:1; } }
@media (max-width:760px) { .bq-game-play-placeholder:has([data-reversi-game]) { padding:8px 0 16px; }.bq-game-play-placeholder:has([data-reversi-game]) .bq-game-detail__back { display:none; }.bq-game-play-placeholder:has([data-reversi-game]) > .bq-shell { width:calc(100% - 8px); }.bq-game-play-placeholder:has([data-reversi-game]) .bq-game-board-slot { padding:6px; }.bq-game-stage--reversi { padding:7px; gap:7px; }.bq-reversi__board { width:100%; }.bq-game-play-placeholder:has([data-reversi-game]) .bq-game-room__header { margin-bottom:6px; }.bq-game-play-placeholder:has([data-reversi-game]) .bq-game-room__header h1 { font-size:1.45rem; } }
@media (max-width:1000px) and (max-height:520px) { .bq-reversi__board { width:min(100%,calc(100dvh - 46px)); }.bq-game-stage--reversi { align-content:start; } }
@media (prefers-reduced-motion:reduce) { .bq-reversi__disc.is-arriving,.bq-reversi__cell.is-selected::before { animation:none; } }
@media (min-width:761px) { .bq-game-play-placeholder:has([data-reversi-game]) { padding:12px 0; }.bq-game-play-placeholder:has([data-reversi-game]) .bq-game-room__header { margin-bottom:9px; }.bq-game-play-placeholder:has([data-reversi-game]) .bq-game-room__header h1 { font-size:clamp(2rem,3vw,3.2rem); } }
@media (max-width:1000px) and (max-height:520px) {
  body:has([data-reversi-game]) .bq-header__inner { width:calc(100% - 24px); min-height:70px; gap:10px; }
  body:has([data-reversi-game]) .bq-brand { width:155px; flex:0 0 155px; }
  body:has([data-reversi-game]) .bq-menu-button { display:block; }
  body:has([data-reversi-game]) .bq-nav { position:absolute; z-index:30; top:72px; right:12px; left:12px; display:none; padding:12px; border:2px solid var(--bq-border); background:#061631; }
  body:has([data-reversi-game]) .bq-nav.is-open { display:block; }
  body:has([data-reversi-game]) .bq-nav__list { align-items:stretch; flex-direction:column; }
  body:has([data-reversi-game]) .bq-nav a { padding:12px; }
  .bq-game-play-placeholder:has([data-reversi-game]) { padding:4px 0 12px; }
  .bq-game-play-placeholder:has([data-reversi-game]) .bq-game-detail__back,.bq-game-play-placeholder:has([data-reversi-game]) .bq-game-room__header { display:none; }
  .bq-game-play-placeholder:has([data-reversi-game]) .bq-game-board-slot { padding:5px; }
  .bq-game-play-placeholder:has([data-reversi-game]) .bq-game-arena { grid-template-columns:minmax(0,1fr); gap:9px; }
  .bq-game-play-placeholder:has([data-reversi-game]) .bq-game-stage { grid-column:1; grid-row:1; }
  .bq-game-play-placeholder:has([data-reversi-game]) .bq-game-profile--opponent { grid-column:1; grid-row:2; }
  .bq-game-play-placeholder:has([data-reversi-game]) .bq-game-chat { grid-column:1; grid-row:3; }
  .bq-game-play-placeholder:has([data-reversi-game]) .bq-game-side-panel { grid-column:1; grid-row:4; }
  .bq-game-play-placeholder:has([data-reversi-game]) .bq-game-profile--self { grid-column:1; grid-row:5; }
  .bq-reversi__board { width:min(100%,calc(100dvh - 60px)); }
}
@media (max-width:760px) { .bq-game-play-placeholder:has([data-alquerque-game]) { padding:8px 0 14px; }.bq-game-play-placeholder:has([data-alquerque-game]) .bq-game-detail__back { display:none; }.bq-game-play-placeholder:has([data-alquerque-game]) .bq-game-room__header { display:flex; align-items:center; flex-direction:row; gap:6px; margin-bottom:7px; }.bq-game-play-placeholder:has([data-alquerque-game]) .bq-game-room__header h1 { margin:2px 0 0; font-size:clamp(1.3rem,6vw,1.8rem); }.bq-game-play-placeholder:has([data-alquerque-game]) .bq-game-room__board-label { display:none; }.bq-game-play-placeholder:has([data-alquerque-game]) .bq-game-board-slot { padding:6px; }.bq-game-play-placeholder:has([data-alquerque-game]) .bq-game-arena { gap:6px; }.bq-game-play-placeholder:has([data-alquerque-game]) .bq-game-profile--opponent { grid-template-columns:42px minmax(0,1fr); gap:8px; padding:7px; }.bq-game-play-placeholder:has([data-alquerque-game]) .bq-game-profile--opponent .bq-game-profile__avatar { width:42px; }.bq-game-play-placeholder:has([data-alquerque-game]) .bq-game-profile--opponent .bq-game-profile__identity p { display:none; }.bq-alquerque__board { width:100%; } }
@media (prefers-reduced-motion:reduce) { .bq-alquerque__point.is-selected::after { animation:none; } }

/* Sistema audiovisual común para todos los tableros. */
@media (min-width:761px) { .bq-chess-game__board { width:min(100%,calc(100vh - 230px)); margin-inline:auto; } }
.bq-game-capture-vfx { --death-accent:#68f2ff; --death-glow:#e8b94e; --death-shard:#4da2bf; position:fixed; z-index:10080; top:var(--bq-vfx-y); left:var(--bq-vfx-x); width:var(--bq-vfx-size); aspect-ratio:1; border-radius:50%; pointer-events:none; transform:translate(-50%,-50%); isolation:isolate; animation:bq-capture-vfx-exit 920ms cubic-bezier(.77,0,.175,1) both; }
.bq-game-capture-vfx[data-piece="pawn"] { --death-accent:#66e9d0; --death-glow:#bcefa1; --death-shard:#367d70; }.bq-game-capture-vfx[data-piece="soldier"] { --death-accent:#ff835f; --death-glow:#ffd369; --death-shard:#963932; }.bq-game-capture-vfx[data-piece="man"] { --death-accent:#84cfff; --death-glow:#f5e4ae; --death-shard:#315b86; }
.bq-game-capture-vfx[data-piece="knight"] { --death-accent:#aa86ff; --death-glow:#63eaff; --death-shard:#563c9c; }.bq-game-capture-vfx[data-piece="horse"] { --death-accent:#8eacff; --death-glow:#f6ca62; --death-shard:#394e94; }.bq-game-capture-vfx[data-piece="bishop"] { --death-accent:#ec8cff; --death-glow:#fff2a3; --death-shard:#874797; }.bq-game-capture-vfx[data-piece="elephant"] { --death-accent:#d99d63; --death-glow:#ffe09a; --death-shard:#704326; }
.bq-game-capture-vfx[data-piece="rook"] { --death-accent:#8ec7dc; --death-glow:#ffd477; --death-shard:#365d70; }.bq-game-capture-vfx[data-piece="chariot"] { --death-accent:#ff9a58; --death-glow:#ffe086; --death-shard:#833f26; }.bq-game-capture-vfx[data-piece="lance"] { --death-accent:#77f2ff; --death-glow:#ffffff; --death-shard:#317f98; }.bq-game-capture-vfx[data-piece="cannon"] { --death-accent:#ff554e; --death-glow:#ffb73e; --death-shard:#7c2026; }
.bq-game-capture-vfx[data-piece="queen"] { --death-accent:#ff71dc; --death-glow:#ffe071; --death-shard:#8e3979; }.bq-game-capture-vfx[data-piece="general"] { --death-accent:#ffbd54; --death-glow:#fff1a0; --death-shard:#996122; }.bq-game-capture-vfx[data-piece="advisor"] { --death-accent:#73f3e9; --death-glow:#d2fff7; --death-shard:#2e8881; }.bq-game-capture-vfx[data-piece="guard"] { --death-accent:#72a9ff; --death-glow:#dbe8ff; --death-shard:#365a98; }
.bq-game-capture-vfx[data-piece="gold"] { --death-accent:#ffd24f; --death-glow:#fff4af; --death-shard:#a67319; }.bq-game-capture-vfx[data-piece="silver"] { --death-accent:#dcecff; --death-glow:#79e7ff; --death-shard:#6b829f; }.bq-game-capture-vfx[data-piece="king"] { --death-accent:#fff0a0; --death-glow:#905dff; --death-shard:#4a3780; }.bq-game-capture-vfx[data-piece="met"] { --death-accent:#ff83d7; --death-glow:#ffeaa3; --death-shard:#914b7b; }.bq-game-capture-vfx[data-piece="khon"] { --death-accent:#f0d08f; --death-glow:#9beeff; --death-shard:#7e6942; }.bq-game-capture-vfx[data-piece="ferz"] { --death-accent:#d597ff; --death-glow:#fff0a6; --death-shard:#70469a; }.bq-game-capture-vfx[data-piece="queen_promoted"] { --death-accent:#ffffff; --death-glow:#ffbf3e; --death-shard:#6bdcff; }
.bq-game-capture-vfx::before { content:""; position:absolute; inset:0; border-radius:50%; background:url("../images/effects/arcane-capture-rift.webp") 50%/contain no-repeat; mix-blend-mode:screen; opacity:.92; animation:bq-capture-vfx-texture 760ms cubic-bezier(.23,1,.32,1) both; }
.bq-game-capture-vfx::after { content:""; position:absolute; inset:21%; border:clamp(2px,.24vw,4px) solid var(--death-accent); border-radius:50%; box-shadow:0 0 9px #fff,0 0 24px var(--death-accent),inset 0 0 20px var(--death-glow); animation:bq-capture-vfx-ring 720ms cubic-bezier(.23,1,.32,1) both; }
.bq-game-capture-vfx[data-death="blast"]::after,.bq-game-capture-vfx[data-death="quake"]::after { border-style:dashed; }.bq-game-capture-vfx[data-death="cross"]::after,.bq-game-capture-vfx[data-death="pierce"]::after { border-radius:16%; transform:rotate(45deg); }.bq-game-capture-vfx[data-death="eclipse"]::after { border-width:6px; background:#020712; }
.bq-game-capture-vfx i { position:absolute; z-index:2; inset:36%; border-radius:50%; background:#efffff; box-shadow:0 0 18px 8px var(--death-accent),0 0 34px 17px var(--death-glow); opacity:0; animation:bq-capture-vfx-core 440ms cubic-bezier(.23,1,.32,1) both; }
.bq-game-capture-vfx i:nth-child(2) { inset:12% 46%; border-radius:999px; background:linear-gradient(#fff,var(--death-accent) 55%,transparent); box-shadow:0 0 12px var(--death-accent); animation-delay:50ms; }
.bq-game-capture-vfx i:nth-child(3) { inset:46% 12%; border-radius:999px; background:linear-gradient(90deg,transparent,var(--death-glow) 45%,#fff 55%,transparent); box-shadow:0 0 12px var(--death-glow); animation-delay:85ms; }
.bq-game-capture-vfx b { position:absolute; z-index:3; top:44%; left:46%; width:11%; height:17%; clip-path:polygon(50% 0,100% 100%,0 72%); background:linear-gradient(145deg,#eefcff,var(--death-shard) 62%,#102b4a); box-shadow:0 0 8px var(--death-accent); opacity:0; animation:bq-capture-vfx-shard 720ms cubic-bezier(.23,1,.32,1) both; }
.bq-game-capture-vfx b:nth-of-type(2) { --bq-shard-x:72%; --bq-shard-y:-47%; animation-delay:30ms; }.bq-game-capture-vfx b:nth-of-type(3) { --bq-shard-x:88%; --bq-shard-y:12%; animation-delay:60ms; }.bq-game-capture-vfx b:nth-of-type(4) { --bq-shard-x:48%; --bq-shard-y:74%; animation-delay:20ms; }.bq-game-capture-vfx b:nth-of-type(5) { --bq-shard-x:-74%; --bq-shard-y:52%; animation-delay:75ms; }.bq-game-capture-vfx b:nth-of-type(6) { --bq-shard-x:-84%; --bq-shard-y:-36%; animation-delay:45ms; }
@keyframes bq-capture-vfx-exit { 0%,70% { opacity:1; } 100% { opacity:0; } }
@keyframes bq-capture-vfx-texture { 0% { opacity:0; transform:scale(.58) rotate(-9deg); } 28% { opacity:1; transform:scale(1.06) rotate(0deg); } 100% { opacity:0; transform:scale(1.18) rotate(7deg); } }
@keyframes bq-capture-vfx-ring { 0% { opacity:0; transform:scale(.48); } 38% { opacity:1; transform:scale(1); } 100% { opacity:0; transform:scale(1.36); } }
@keyframes bq-capture-vfx-core { 0% { opacity:0; transform:scale(.72); } 28% { opacity:1; transform:scale(1.18); } 100% { opacity:0; transform:scale(.2); } }
@keyframes bq-capture-vfx-shard { 0% { opacity:0; transform:translate(0,0) rotate(0deg) scale(.55); } 22% { opacity:1; } 100% { opacity:0; transform:translate(var(--bq-shard-x,62%),var(--bq-shard-y,-62%)) rotate(95deg) scale(1); } }

.bq-game-capture-vfx__victim { position:fixed !important; z-index:10082 !important; inset:auto !important; margin:0 !important; pointer-events:none !important; transform-origin:50% 76% !important; filter:drop-shadow(0 8px 7px #000b) drop-shadow(0 0 12px #8ceeff) !important; animation-duration:820ms !important; animation-timing-function:cubic-bezier(.77,0,.175,1) !important; animation-fill-mode:both !important; }
.bq-game-capture-vfx__victim[data-death="sink"] { animation-name:bq-death-sink !important; }.bq-game-capture-vfx__victim[data-death="march"] { animation-name:bq-death-march !important; }.bq-game-capture-vfx__victim[data-death="split"] { animation-name:bq-death-split !important; }.bq-game-capture-vfx__victim[data-death="leap"] { animation-name:bq-death-leap !important; }.bq-game-capture-vfx__victim[data-death="rear"] { animation-name:bq-death-rear !important; }.bq-game-capture-vfx__victim[data-death="cross"] { animation-name:bq-death-cross !important; }.bq-game-capture-vfx__victim[data-death="quake"] { animation-name:bq-death-quake !important; }.bq-game-capture-vfx__victim[data-death="collapse"] { animation-name:bq-death-collapse !important; }.bq-game-capture-vfx__victim[data-death="ram"] { animation-name:bq-death-ram !important; }.bq-game-capture-vfx__victim[data-death="pierce"] { animation-name:bq-death-pierce !important; }.bq-game-capture-vfx__victim[data-death="blast"] { animation-name:bq-death-blast !important; }.bq-game-capture-vfx__victim[data-death="crown"] { animation-name:bq-death-crown !important; }.bq-game-capture-vfx__victim[data-death="seal"] { animation-name:bq-death-seal !important; }.bq-game-capture-vfx__victim[data-death="rune"] { animation-name:bq-death-rune !important; }.bq-game-capture-vfx__victim[data-death="shield"] { animation-name:bq-death-shield !important; }.bq-game-capture-vfx__victim[data-death="melt"] { animation-name:bq-death-melt !important; }.bq-game-capture-vfx__victim[data-death="frost"] { animation-name:bq-death-frost !important; }.bq-game-capture-vfx__victim[data-death="eclipse"] { animation-name:bq-death-eclipse !important; }.bq-game-capture-vfx__victim[data-death="lotus"] { animation-name:bq-death-lotus !important; }.bq-game-capture-vfx__victim[data-death="ivory"] { animation-name:bq-death-ivory !important; }.bq-game-capture-vfx__victim[data-death="veil"] { animation-name:bq-death-veil !important; }.bq-game-capture-vfx__victim[data-death="ascend"] { animation-name:bq-death-ascend !important; }
@keyframes bq-death-sink { 0% { opacity:1; transform:translate3d(0,0,0) scale(1); } 38% { opacity:1; transform:translate3d(0,8%,0) scale(.96); } 100% { opacity:0; transform:translate3d(0,88%,0) scale(.62,.18); } }
@keyframes bq-death-march { 0% { opacity:1; transform:translate3d(0,0,0) rotate(0) scale(1); } 28% { transform:translate3d(-12%,2%,0) rotate(-8deg) scale(1.02); } 52% { opacity:1; transform:translate3d(12%,8%,0) rotate(7deg) scale(.9); } 100% { opacity:0; transform:translate3d(22%,72%,0) rotate(24deg) scale(.48); } }
@keyframes bq-death-split { 0% { opacity:1; transform:scale(1) rotate(0); } 42% { opacity:1; transform:scale(1.18,.78) rotate(-12deg); } 100% { opacity:0; transform:scale(1.48,.16) rotate(52deg); } }
@keyframes bq-death-leap { 0% { opacity:1; transform:translate3d(0,0,0) rotate(0) scale(1); } 44% { opacity:1; transform:translate3d(8%,-38%,0) rotate(-16deg) scale(1.1); } 100% { opacity:0; transform:translate3d(58%,24%,0) rotate(42deg) scale(.42); } }
@keyframes bq-death-rear { 0% { opacity:1; transform:translate3d(0,0,0) rotate(0) scale(1); } 43% { opacity:1; transform:translate3d(-6%,-30%,0) rotate(-22deg) scale(1.08); } 100% { opacity:0; transform:translate3d(-38%,54%,0) rotate(-48deg) scale(.5); } }
@keyframes bq-death-cross { 0% { opacity:1; transform:rotate(0) scale(1); } 46% { opacity:1; transform:rotate(45deg) scale(1.12); } 100% { opacity:0; transform:rotate(138deg) scale(.28,1.5); } }
@keyframes bq-death-quake { 0% { opacity:1; transform:translate3d(0,0,0) scale(1); } 38% { opacity:1; transform:translate3d(0,7%,0) scale(1.12,.88); } 100% { opacity:0; transform:translate3d(0,34%,0) scale(1.42,.16); } }
@keyframes bq-death-collapse { 0% { opacity:1; transform:translate3d(0,0,0) rotate(0) scale(1); } 36% { opacity:1; transform:translate3d(0,10%,0) rotate(5deg) scale(1.08,.86); } 100% { opacity:0; transform:translate3d(0,58%,0) rotate(16deg) scale(1.16,.2); } }
@keyframes bq-death-ram { 0% { opacity:1; transform:translate3d(0,0,0) rotate(0) scale(1); } 40% { opacity:1; transform:translate3d(24%,0,0) rotate(7deg) scale(1.1); } 100% { opacity:0; transform:translate3d(-52%,36%,0) rotate(-42deg) scale(.4); } }
@keyframes bq-death-pierce { 0% { opacity:1; transform:translate3d(0,0,0) scale(1); } 40% { opacity:1; transform:translate3d(0,-18%,0) scale(.72,1.28); } 100% { opacity:0; transform:translate3d(0,-94%,0) scale(.2,1.52); } }
@keyframes bq-death-blast { 0% { opacity:1; transform:rotate(0) scale(1); } 34% { opacity:1; transform:rotate(-8deg) scale(1.22); } 100% { opacity:0; transform:rotate(38deg) scale(1.72); } }
@keyframes bq-death-crown { 0% { opacity:1; transform:translate3d(0,0,0) rotate(0) scale(1); } 38% { opacity:1; transform:translate3d(0,-24%,0) rotate(-6deg) scale(1.14); } 100% { opacity:0; transform:translate3d(0,20%,0) rotate(28deg) scale(.34); } }
@keyframes bq-death-seal { 0% { opacity:1; transform:rotate(0) scale(1); } 42% { opacity:1; transform:rotate(92deg) scale(1.12); } 100% { opacity:0; transform:rotate(276deg) scale(.22); } }
@keyframes bq-death-rune { 0% { opacity:1; transform:translate3d(0,0,0) rotate(0) scale(1); } 45% { opacity:1; transform:translate3d(0,-12%,0) rotate(70deg) scale(1.08); } 100% { opacity:0; transform:translate3d(0,-48%,0) rotate(190deg) scale(1.3); } }
@keyframes bq-death-shield { 0% { opacity:1; transform:translate3d(0,0,0) rotate(0) scale(1); } 28% { transform:translate3d(-8%,0,0) rotate(-4deg) scale(1.04); } 50% { opacity:1; transform:translate3d(8%,2%,0) rotate(5deg) scale(.96); } 100% { opacity:0; transform:translate3d(0,32%,0) rotate(-20deg) scale(.76,.2); } }
@keyframes bq-death-melt { 0% { opacity:1; transform:translate3d(0,0,0) scale(1); } 50% { opacity:1; transform:translate3d(0,12%,0) scale(.92,.72); } 100% { opacity:0; transform:translate3d(0,54%,0) scale(.7,.14); } }
@keyframes bq-death-frost { 0% { opacity:1; transform:rotate(0) scale(1); } 40% { opacity:1; transform:rotate(8deg) scale(1.15); } 100% { opacity:0; transform:rotate(-24deg) scale(1.42); } }
@keyframes bq-death-eclipse { 0% { opacity:1; transform:rotate(0) scale(1); } 46% { opacity:1; transform:rotate(182deg) scale(1.18); } 100% { opacity:0; transform:rotate(362deg) scale(.1); } }
@keyframes bq-death-lotus { 0% { opacity:1; transform:translate3d(0,0,0) rotate(0) scale(1); } 43% { opacity:1; transform:translate3d(0,-20%,0) rotate(-12deg) scale(1.12); } 100% { opacity:0; transform:translate3d(0,-48%,0) rotate(28deg) scale(1.48); } }
@keyframes bq-death-ivory { 0% { opacity:1; transform:translate3d(0,0,0) rotate(0) scale(1); } 38% { opacity:1; transform:translate3d(10%,-8%,0) rotate(18deg) scale(1.04); } 100% { opacity:0; transform:translate3d(28%,42%,0) rotate(68deg) scale(.38,.82); } }
@keyframes bq-death-veil { 0% { opacity:1; transform:translate3d(0,0,0) rotate(0) scale(1); } 48% { opacity:1; transform:translate3d(0,-18%,0) rotate(-7deg) scale(1.2,.72); } 100% { opacity:0; transform:translate3d(0,-76%,0) rotate(14deg) scale(1.58,.26); } }
@keyframes bq-death-ascend { 0% { opacity:1; transform:translate3d(0,0,0) rotate(0) scale(1); } 50% { opacity:1; transform:translate3d(0,-40%,0) rotate(84deg) scale(1.24); } 100% { opacity:0; transform:translate3d(0,-98%,0) rotate(184deg) scale(1.62); } }

/* La bandeja registra la captura sin lanzar una segunda animación de muerte. */
.bq-chess-game__captured-piece,.bq-xiangqi-game__captured-piece,.bq-janggi-game__captured-piece,.bq-makruk-game__captured-piece,.bq-sittuyin-game__captured-piece.is-entering,.bq-international-draughts__captured-piece.is-new { animation:none; }

.bq-game-result.is-victory { background:radial-gradient(circle at 50% 32%,rgb(53 210 173 / 40%),transparent 35%),linear-gradient(150deg,rgb(5 44 58 / 98%),rgb(2 8 23 / 98%)); }
.bq-game-result.is-defeat { background:radial-gradient(circle at 50% 32%,rgb(190 49 63 / 35%),transparent 35%),linear-gradient(150deg,rgb(48 12 28 / 98%),rgb(2 8 23 / 98%)); }
.bq-game-reward-animation { position:relative; display:grid; width:min(420px,100%); grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:6px auto 0; pointer-events:none; }
.bq-game-reward-animation span { position:relative; z-index:2; display:grid; gap:2px; min-height:66px; place-content:center; border:1px solid rgb(255 221 111 / 72%); background:linear-gradient(145deg,rgb(12 57 83 / 92%),rgb(4 20 42 / 96%)); box-shadow:inset 0 0 24px rgb(74 230 219 / 11%),0 8px 22px #0008; animation:bq-game-reward-card 540ms cubic-bezier(.23,1,.32,1) both; }
.bq-game-reward-animation span:nth-child(2) { animation-delay:90ms; }
.bq-game-reward-animation b { color:#fff0a8; font:900 clamp(1rem,3vw,1.55rem)/1 var(--bq-display); text-shadow:0 0 13px rgb(255 199 67 / 48%); }
.bq-game-reward-animation i { color:#76f2e8; font:900 .56rem/1 var(--bq-mono); font-style:normal; letter-spacing:.12em; }
.bq-game-reward-animation em { position:absolute; z-index:1; top:50%; left:50%; width:5px; aspect-ratio:1; border-radius:50%; background:#ffdc6a; box-shadow:0 0 8px #ffdb56; opacity:0; animation:bq-game-reward-particle 920ms cubic-bezier(.23,1,.32,1) both; }
.bq-game-reward-animation em:nth-of-type(2) { --bq-reward-x:128px; --bq-reward-y:-48px; animation-delay:80ms; }.bq-game-reward-animation em:nth-of-type(3) { --bq-reward-x:84px; --bq-reward-y:58px; animation-delay:135ms; }.bq-game-reward-animation em:nth-of-type(4) { --bq-reward-x:-130px; --bq-reward-y:-45px; animation-delay:55ms; }.bq-game-reward-animation em:nth-of-type(5) { --bq-reward-x:-75px; --bq-reward-y:66px; animation-delay:160ms; }.bq-game-reward-animation em:nth-of-type(6) { --bq-reward-x:0; --bq-reward-y:-76px; animation-delay:115ms; }
@keyframes bq-game-reward-card { 0% { opacity:0; transform:translateY(18px) scale(.94); } 100% { opacity:1; transform:translateY(0) scale(1); } }
@keyframes bq-game-reward-particle { 0% { opacity:0; transform:translate(-50%,-50%) scale(.7); } 22% { opacity:1; } 100% { opacity:0; transform:translate(calc(-50% + var(--bq-reward-x,42px)),calc(-50% + var(--bq-reward-y,-55px))) scale(1.18); } }

@media (max-width:560px) {
  .bq-game-result { inset:44px 8px; padding:20px 12px; gap:8px; }
  .bq-game-result h2 { font-size:clamp(1.35rem,9vw,2.25rem); }
  .bq-game-reward-animation { width:100%; gap:7px; }
  .bq-game-reward-animation span { min-height:58px; }
}
@media (max-width:760px) {
  html.bq-game-playing,body.bq-game-playing { overflow-x:hidden; overflow-y:auto; }
  body.bq-game-playing .bq-game-play-placeholder > .bq-shell { height:auto; min-height:calc(100vh - 84px); }
  body.bq-game-playing .bq-game-board-slot { height:auto; min-height:calc(100vh - 84px); }
  body.bq-game-playing .bq-game-arena { height:auto; grid-template-columns:minmax(0,1fr); grid-template-rows:auto; align-content:start; }
  body.bq-game-playing .bq-game-profile--opponent { grid-column:1; grid-row:1; }
  body.bq-game-playing .bq-game-stage { grid-column:1; grid-row:2; }
  body.bq-game-playing .bq-game-chat { min-height:270px; max-height:320px; grid-column:1; grid-row:3; grid-template-rows:auto minmax(92px,1fr) auto auto; }
  body.bq-game-playing .bq-game-side-panel { grid-column:1; grid-row:4; }
  body.bq-game-playing .bq-game-profile--self { grid-column:1; grid-row:5; }
  .bq-game-arena .bq-game-profile--opponent { grid-column:1; grid-row:1; }
  .bq-game-arena .bq-game-stage { grid-column:1; grid-row:2; }
  .bq-game-arena .bq-game-chat { min-height:270px; max-height:320px; grid-column:1; grid-row:3; grid-template-rows:auto minmax(92px,1fr) auto auto; }
  .bq-game-arena .bq-game-side-panel { grid-column:1; grid-row:4; }
  .bq-game-arena .bq-game-profile--self { grid-column:1; grid-row:5; }
}
@media (prefers-reduced-motion:reduce) {
  .bq-game-capture-vfx,.bq-game-capture-vfx::before,.bq-game-capture-vfx::after,.bq-game-capture-vfx i,.bq-game-capture-vfx b { animation:none; opacity:.8; }
  .bq-game-capture-vfx__victim { animation:bq-death-reduced 180ms cubic-bezier(.23,1,.32,1) both !important; }
  .bq-game-reward-animation span,.bq-game-reward-animation em { animation:none; }
  .bq-game-reward-animation em { display:none; }
}
@keyframes bq-death-reduced { from { opacity:1; } to { opacity:0; } }

/* Makruk: golden lotus energy, carved ivory and midnight-blue lacquer. */
.bq-makruk-entry-vfx { position:fixed; z-index:11000; inset:0; display:grid; overflow:hidden; place-items:center; background:radial-gradient(circle at 50% 50%,rgb(29 72 115 / 72%),rgb(1 8 26 / 98%) 64%); pointer-events:none; animation:bq-makruk-entry-shell 2.05s cubic-bezier(.23,1,.32,1) both; }
.bq-makruk-entry-vfx::before,.bq-makruk-entry-vfx::after { content:""; position:absolute; width:min(72vmin,720px); aspect-ratio:1; border:2px solid rgb(241 195 86 / 72%); transform:rotate(45deg); box-shadow:0 0 38px rgb(227 174 57 / 26%),inset 0 0 54px rgb(227 174 57 / 13%); animation:bq-makruk-entry-seal 1.65s cubic-bezier(.23,1,.32,1) both; }
.bq-makruk-entry-vfx::after { width:min(52vmin,520px); border-style:double; animation-direction:reverse; }
.bq-makruk-entry-vfx span { position:relative; z-index:2; display:grid; width:min(24vmin,210px); aspect-ratio:1; place-items:center; border:4px double #f3c768; border-radius:50%; background:radial-gradient(circle,#213e66,#020b22 70%); box-shadow:0 0 0 8px rgb(241 195 86 / 10%),0 0 72px rgb(242 190 70 / 45%); color:#ffe69a; font:900 clamp(3rem,11vw,7rem)/1 serif; text-shadow:0 0 20px #f1bc4c; animation:bq-makruk-entry-mark 1.7s cubic-bezier(.23,1,.32,1) both; }
.bq-makruk-entry-vfx i,.bq-makruk-entry-vfx b { position:absolute; top:50%; left:50%; width:7px; height:min(38vmin,360px); border-radius:999px; background:linear-gradient(transparent,#f2c866,transparent); transform-origin:50% 0; opacity:.8; animation:bq-makruk-entry-ray 1.45s cubic-bezier(.23,1,.32,1) both; }
.bq-makruk-entry-vfx i:nth-child(2) { --ray:60deg; }.bq-makruk-entry-vfx i:nth-child(3) { --ray:120deg; }.bq-makruk-entry-vfx b:nth-of-type(1) { --ray:30deg; }.bq-makruk-entry-vfx b:nth-of-type(2) { --ray:90deg; }.bq-makruk-entry-vfx b:nth-of-type(3) { --ray:150deg; }
@keyframes bq-makruk-entry-shell { 0% { opacity:0; } 12%,74% { opacity:1; } 100% { opacity:0; } }
@keyframes bq-makruk-entry-seal { from { opacity:0; transform:rotate(20deg) scale(.42); } 42% { opacity:1; } to { opacity:0; transform:rotate(135deg) scale(1.15); } }
@keyframes bq-makruk-entry-mark { from { opacity:0; transform:translate3d(0,18%,0) scale(.58); } 38%,70% { opacity:1; transform:translate3d(0,0,0) scale(1); } to { opacity:0; transform:translate3d(0,-10%,0) scale(1.12); } }
@keyframes bq-makruk-entry-ray { from { opacity:0; transform:rotate(var(--ray,0deg)) scaleY(.25); } 40% { opacity:.8; } to { opacity:0; transform:rotate(var(--ray,0deg)) scaleY(1.25); } }

.bq-makruk-capture-vfx { --mk-accent:#f4ca69; --mk-glow:#78e4dc; --mk-dark:#12355f; position:fixed; z-index:10090; top:var(--bq-makruk-vfx-y); left:var(--bq-makruk-vfx-x); width:var(--bq-makruk-vfx-size); aspect-ratio:1; pointer-events:none; transform:translate(-50%,-50%); animation:bq-makruk-vfx-shell 980ms cubic-bezier(.23,1,.32,1) both; }
.bq-makruk-capture-vfx[data-piece="pawn"] { --mk-accent:#f4dea3; --mk-glow:#64e0c3; --mk-dark:#315e68; }.bq-makruk-capture-vfx[data-piece="knight"] { --mk-accent:#8fd9ff; --mk-glow:#ffd26e; --mk-dark:#304f82; }.bq-makruk-capture-vfx[data-piece="bishop"] { --mk-accent:#fff0bd; --mk-glow:#8ce7ee; --mk-dark:#4d6680; }.bq-makruk-capture-vfx[data-piece="queen"] { --mk-accent:#ff9edc; --mk-glow:#ffe278; --mk-dark:#763e75; }.bq-makruk-capture-vfx[data-piece="rook"] { --mk-accent:#d5a348; --mk-glow:#ff744f; --mk-dark:#573927; }.bq-makruk-capture-vfx[data-piece="king"] { --mk-accent:#fff2a4; --mk-glow:#866cff; --mk-dark:#161631; }
.bq-makruk-capture-vfx::before,.bq-makruk-capture-vfx::after { content:""; position:absolute; inset:18%; border:2px solid var(--mk-accent); border-radius:50%; box-shadow:0 0 14px var(--mk-glow),inset 0 0 20px var(--mk-dark); animation:bq-makruk-vfx-ring 760ms cubic-bezier(.23,1,.32,1) both; }
.bq-makruk-capture-vfx::before { inset:2%; border:0; background:url("../images/effects/makruk-lotus-sigil.webp") 50%/contain no-repeat; mix-blend-mode:screen; }
.bq-makruk-capture-vfx::after { inset:29%; border-style:dashed; animation-delay:55ms; animation-direction:reverse; }
.bq-makruk-capture-vfx i { position:absolute; top:48%; left:47%; width:12%; height:32%; border-radius:80% 5% 80% 5%; background:linear-gradient(#fff,var(--mk-accent) 46%,transparent); box-shadow:0 0 11px var(--mk-glow); transform-origin:50% 6%; opacity:0; animation:bq-makruk-vfx-petal 740ms cubic-bezier(.23,1,.32,1) both; }
.bq-makruk-capture-vfx i:nth-child(2) { --petal:60deg; animation-delay:25ms; }.bq-makruk-capture-vfx i:nth-child(3) { --petal:120deg; animation-delay:50ms; }.bq-makruk-capture-vfx i:nth-child(4) { --petal:180deg; animation-delay:75ms; }.bq-makruk-capture-vfx i:nth-child(5) { --petal:240deg; animation-delay:100ms; }.bq-makruk-capture-vfx i:nth-child(6) { --petal:300deg; animation-delay:125ms; }
.bq-makruk-capture-vfx b { position:absolute; top:46%; left:48%; width:5%; aspect-ratio:1; border-radius:50%; background:#fff6c7; box-shadow:0 0 8px var(--mk-accent); opacity:0; animation:bq-makruk-vfx-spark 670ms cubic-bezier(.23,1,.32,1) both; }
.bq-makruk-capture-vfx b:nth-of-type(2) { --spark-x:84px; --spark-y:-44px; animation-delay:30ms; }.bq-makruk-capture-vfx b:nth-of-type(3) { --spark-x:-74px; --spark-y:-52px; animation-delay:70ms; }.bq-makruk-capture-vfx b:nth-of-type(4) { --spark-x:-18px; --spark-y:82px; animation-delay:95ms; }
@keyframes bq-makruk-vfx-shell { 0%,72% { opacity:1; } 100% { opacity:0; } }
@keyframes bq-makruk-vfx-ring { from { opacity:0; transform:scale(.42) rotate(-25deg); } 38% { opacity:1; } to { opacity:0; transform:scale(1.42) rotate(78deg); } }
@keyframes bq-makruk-vfx-petal { from { opacity:0; transform:rotate(var(--petal,0deg)) translateY(0) scale(.35); } 28% { opacity:1; } to { opacity:0; transform:rotate(var(--petal,0deg)) translateY(-112%) scale(1.2); } }
@keyframes bq-makruk-vfx-spark { from { opacity:0; transform:translate3d(0,0,0) scale(.5); } 20% { opacity:1; } to { opacity:0; transform:translate3d(var(--spark-x,62px),var(--spark-y,-70px),0) scale(1.2); } }

.bq-makruk-capture-vfx__victim { position:fixed !important; z-index:10092 !important; inset:auto !important; margin:0 !important; pointer-events:none !important; transform-origin:50% 82% !important; animation-duration:840ms !important; animation-timing-function:cubic-bezier(.77,0,.175,1) !important; animation-fill-mode:both !important; }
.bq-makruk-capture-vfx__victim[data-death="seed-scatter"] { animation-name:bq-makruk-death-seed !important; }.bq-makruk-capture-vfx__victim[data-death="royal-rear"] { animation-name:bq-makruk-death-knight !important; }.bq-makruk-capture-vfx__victim[data-death="ivory-seal"] { animation-name:bq-makruk-death-seal !important; }.bq-makruk-capture-vfx__victim[data-death="lotus-fall"] { animation-name:bq-makruk-death-lotus !important; }.bq-makruk-capture-vfx__victim[data-death="teak-collapse"] { animation-name:bq-makruk-death-rook !important; }.bq-makruk-capture-vfx__victim[data-death="solar-eclipse"] { animation-name:bq-makruk-death-king !important; }
@keyframes bq-makruk-death-seed { 0% { opacity:1; transform:translate3d(0,0,0) scale(1); } 46% { opacity:1; transform:translate3d(0,-16%,0) scale(1.14,.78); } 100% { opacity:0; transform:translate3d(0,68%,0) scale(1.45,.12); } }
@keyframes bq-makruk-death-knight { 0% { opacity:1; transform:translate3d(0,0,0) rotate(0) scale(1); } 44% { opacity:1; transform:translate3d(-12%,-45%,0) rotate(-28deg) scale(1.12); } 100% { opacity:0; transform:translate3d(62%,20%,0) rotate(58deg) scale(.38); } }
@keyframes bq-makruk-death-seal { 0% { opacity:1; transform:rotate(0) scale(1); } 48% { opacity:1; transform:rotate(92deg) scale(1.16); } 100% { opacity:0; transform:rotate(268deg) scale(.16); } }
@keyframes bq-makruk-death-lotus { 0% { opacity:1; transform:translate3d(0,0,0) rotate(0) scale(1); } 48% { opacity:1; transform:translate3d(0,-26%,0) rotate(-14deg) scale(1.18); } 100% { opacity:0; transform:translate3d(0,-70%,0) rotate(38deg) scale(1.62); } }
@keyframes bq-makruk-death-rook { 0% { opacity:1; transform:translate3d(0,0,0) scale(1); } 44% { opacity:1; transform:translate3d(0,10%,0) scale(1.12,.82); } 100% { opacity:0; transform:translate3d(0,58%,0) scale(1.38,.16); } }
@keyframes bq-makruk-death-king { 0% { opacity:1; transform:rotate(0) scale(1); } 52% { opacity:1; transform:rotate(180deg) scale(1.22); } 100% { opacity:0; transform:rotate(360deg) scale(.08); } }

.bq-game-stage--makruk .bq-game-result { border-color:#f0c469; background:radial-gradient(circle at 50% 34%,rgb(36 91 130 / 52%),transparent 37%),linear-gradient(150deg,rgb(3 24 57 / 98%),rgb(1 7 22 / 99%)); box-shadow:0 0 0 5px #020817,0 28px 80px #000e,inset 0 0 90px rgb(225 178 73 / 13%); }
.bq-game-stage--makruk .bq-game-result::before { content:"ม"; position:absolute; color:rgb(241 196 95 / 9%); font:900 clamp(10rem,30vw,24rem)/1 serif; animation:bq-makruk-result-seal 1.2s cubic-bezier(.23,1,.32,1) both; pointer-events:none; }
.bq-makruk-reward-animation { position:relative; display:grid; width:min(420px,100%); grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:6px auto 0; pointer-events:none; }
.bq-makruk-reward-animation span { position:relative; z-index:2; display:grid; gap:2px; min-height:66px; place-content:center; border:1px solid rgb(255 222 119 / 78%); background:linear-gradient(145deg,rgb(17 54 91 / 95%),rgb(3 16 40 / 98%)); box-shadow:inset 0 0 24px rgb(227 184 79 / 13%),0 8px 22px #0009; animation:bq-makruk-reward-card 560ms cubic-bezier(.23,1,.32,1) both; }
.bq-makruk-reward-animation span:nth-child(2) { animation-delay:90ms; }.bq-makruk-reward-animation b { color:#fff0a8; font:900 clamp(1rem,3vw,1.55rem)/1 var(--bq-display); }.bq-makruk-reward-animation i { color:#77e5df; font:900 .56rem/1 var(--bq-mono); font-style:normal; letter-spacing:.12em; }
.bq-makruk-reward-animation em { position:absolute; z-index:1; top:50%; left:50%; width:6px; aspect-ratio:1; border-radius:60% 5% 60% 5%; background:#ffdc6a; box-shadow:0 0 9px #ffdb56; opacity:0; animation:bq-makruk-reward-petal 960ms cubic-bezier(.23,1,.32,1) both; }
.bq-makruk-reward-animation em:nth-of-type(2) { --reward-x:128px; --reward-y:-48px; animation-delay:80ms; }.bq-makruk-reward-animation em:nth-of-type(3) { --reward-x:84px; --reward-y:58px; animation-delay:135ms; }.bq-makruk-reward-animation em:nth-of-type(4) { --reward-x:-130px; --reward-y:-45px; animation-delay:55ms; }.bq-makruk-reward-animation em:nth-of-type(5) { --reward-x:-75px; --reward-y:66px; animation-delay:160ms; }.bq-makruk-reward-animation em:nth-of-type(6) { --reward-x:0; --reward-y:-76px; animation-delay:115ms; }
@keyframes bq-makruk-result-seal { from { opacity:0; transform:rotate(-36deg) scale(.45); } to { opacity:1; transform:rotate(0) scale(1); } }
@keyframes bq-makruk-reward-card { from { opacity:0; transform:translate3d(0,18px,0) scale(.92); } to { opacity:1; transform:translate3d(0,0,0) scale(1); } }
@keyframes bq-makruk-reward-petal { from { opacity:0; transform:translate3d(-50%,-50%,0) rotate(0) scale(.6); } 22% { opacity:1; } to { opacity:0; transform:translate3d(calc(-50% + var(--reward-x,42px)),calc(-50% + var(--reward-y,-55px)),0) rotate(130deg) scale(1.2); } }

@media (prefers-reduced-motion:reduce) {
  .bq-makruk-entry-vfx,.bq-makruk-entry-vfx::before,.bq-makruk-entry-vfx::after,.bq-makruk-entry-vfx span,.bq-makruk-entry-vfx i,.bq-makruk-entry-vfx b,.bq-makruk-capture-vfx,.bq-makruk-capture-vfx::before,.bq-makruk-capture-vfx::after,.bq-makruk-capture-vfx i,.bq-makruk-capture-vfx b,.bq-game-stage--makruk .bq-game-result::before,.bq-makruk-reward-animation span,.bq-makruk-reward-animation em { animation:none; }
  .bq-makruk-entry-vfx { opacity:.92; }.bq-makruk-capture-vfx { opacity:.8; }.bq-makruk-capture-vfx__victim { animation:bq-death-reduced 180ms cubic-bezier(.23,1,.32,1) both !important; }.bq-makruk-reward-animation em { display:none; }
}

/* Xiangqi owns its complete visual language: jade seals, ink strokes and bronze sparks. */
.bq-xiangqi-capture-vfx { --xq-accent:#f0bc58; --xq-glow:#6ef1e6; --xq-shard:#446f78; position:fixed; z-index:10090; top:var(--bq-xiangqi-vfx-y); left:var(--bq-xiangqi-vfx-x); width:var(--bq-xiangqi-vfx-size); aspect-ratio:1; pointer-events:none; transform:translate(-50%,-50%); animation:bq-xiangqi-vfx-shell 920ms cubic-bezier(.23,1,.32,1) both; }
.bq-xiangqi-capture-vfx[data-piece="general"] { --xq-accent:#ffcf68; --xq-glow:#e33f35; --xq-shard:#8f2d25; }.bq-xiangqi-capture-vfx[data-piece="advisor"] { --xq-accent:#90ffe2; --xq-glow:#f5e6a4; --xq-shard:#2d8373; }.bq-xiangqi-capture-vfx[data-piece="elephant"] { --xq-accent:#d69755; --xq-glow:#ffd77c; --xq-shard:#694429; }.bq-xiangqi-capture-vfx[data-piece="horse"] { --xq-accent:#7ee8e2; --xq-glow:#e9bd58; --xq-shard:#275d68; }.bq-xiangqi-capture-vfx[data-piece="rook"] { --xq-accent:#9ac7d3; --xq-glow:#ffbf4f; --xq-shard:#3e5963; }.bq-xiangqi-capture-vfx[data-piece="cannon"] { --xq-accent:#ff5d3e; --xq-glow:#ffc64d; --xq-shard:#86261f; }.bq-xiangqi-capture-vfx[data-piece="soldier"] { --xq-accent:#d95f51; --xq-glow:#f4c96d; --xq-shard:#6d2924; }
.bq-xiangqi-capture-vfx::before { content:attr(data-mark); position:absolute; z-index:3; inset:24%; display:grid; place-items:center; border:2px solid var(--xq-accent); border-radius:50%; background:radial-gradient(circle,#fff9d6 0 4%,var(--xq-glow) 7%,rgb(3 17 28 / 88%) 44%,transparent 71%); box-shadow:0 0 13px #fff7,0 0 28px var(--xq-glow),inset 0 0 19px var(--xq-accent); color:#fff4c5; font:800 clamp(1.1rem,3.5vw,2.5rem)/1 serif; text-shadow:0 0 7px #fff,0 0 17px var(--xq-accent); animation:bq-xiangqi-vfx-seal 760ms cubic-bezier(.77,0,.175,1) both; }
.bq-xiangqi-capture-vfx::after { content:""; position:absolute; inset:9%; border:2px solid var(--xq-accent); border-radius:50%; box-shadow:0 0 12px var(--xq-accent),inset 0 0 24px var(--xq-glow); opacity:0; animation:bq-xiangqi-vfx-ring 800ms cubic-bezier(.23,1,.32,1) both; }
.bq-xiangqi-capture-vfx i { --xq-stroke-rotation:0deg; position:absolute; z-index:2; top:48%; left:4%; width:92%; height:3px; border-radius:999px; background:linear-gradient(90deg,transparent,var(--xq-accent) 22%,#fff 50%,var(--xq-glow) 78%,transparent); box-shadow:0 0 10px var(--xq-glow); opacity:0; animation:bq-xiangqi-vfx-stroke 620ms cubic-bezier(.23,1,.32,1) both; }
.bq-xiangqi-capture-vfx i:nth-child(2) { --xq-stroke-rotation:60deg; animation-delay:35ms; }.bq-xiangqi-capture-vfx i:nth-child(3) { --xq-stroke-rotation:-60deg; animation-delay:70ms; }
.bq-xiangqi-capture-vfx b { position:absolute; z-index:4; top:44%; left:46%; width:10%; height:18%; clip-path:polygon(50% 0,100% 100%,0 76%); background:linear-gradient(150deg,#fff5c1,var(--xq-accent) 35%,var(--xq-shard)); filter:drop-shadow(0 0 5px var(--xq-glow)); opacity:0; animation:bq-xiangqi-vfx-shard 760ms cubic-bezier(.23,1,.32,1) both; }
.bq-xiangqi-capture-vfx b:nth-of-type(2) { --xq-shard-x:96%; --xq-shard-y:-52%; animation-delay:25ms; }.bq-xiangqi-capture-vfx b:nth-of-type(3) { --xq-shard-x:112%; --xq-shard-y:24%; animation-delay:55ms; }.bq-xiangqi-capture-vfx b:nth-of-type(4) { --xq-shard-x:42%; --xq-shard-y:104%; animation-delay:15ms; }.bq-xiangqi-capture-vfx b:nth-of-type(5) { --xq-shard-x:-98%; --xq-shard-y:63%; animation-delay:70ms; }.bq-xiangqi-capture-vfx b:nth-of-type(6) { --xq-shard-x:-108%; --xq-shard-y:-44%; animation-delay:40ms; }
@keyframes bq-xiangqi-vfx-shell { 0%,74% { opacity:1; } 100% { opacity:0; } }
@keyframes bq-xiangqi-vfx-seal { 0% { opacity:0; transform:scale(.9) rotate(-12deg); } 33% { opacity:1; transform:scale(1.08) rotate(0); } 100% { opacity:0; transform:scale(.32) rotate(150deg); } }
@keyframes bq-xiangqi-vfx-ring { 0% { opacity:0; transform:scale(.9); } 30% { opacity:1; } 100% { opacity:0; transform:scale(1.42); } }
@keyframes bq-xiangqi-vfx-stroke { 0% { opacity:0; transform:rotate(var(--xq-stroke-rotation)) scaleX(.9); } 32% { opacity:1; transform:rotate(var(--xq-stroke-rotation)) scaleX(1); } 100% { opacity:0; transform:rotate(var(--xq-stroke-rotation)) scaleX(1.28); } }
@keyframes bq-xiangqi-vfx-shard { 0% { opacity:0; transform:translate3d(0,0,0) rotate(0) scale(.9); } 24% { opacity:1; } 100% { opacity:0; transform:translate3d(var(--xq-shard-x,78%),var(--xq-shard-y,-80%),0) rotate(128deg) scale(1.06); } }

.bq-xiangqi-capture-vfx__victim { position:fixed !important; z-index:10091 !important; inset:auto !important; margin:0 !important; pointer-events:none !important; transform-origin:50% 72% !important; filter:drop-shadow(0 8px 7px #000b) drop-shadow(0 0 12px #f1ba54) !important; animation-duration:840ms !important; animation-timing-function:cubic-bezier(.77,0,.175,1) !important; animation-fill-mode:both !important; }
.bq-xiangqi-capture-vfx__victim[data-death="dragon-seal"] { animation-name:bq-xiangqi-death-dragon-seal !important; }.bq-xiangqi-capture-vfx__victim[data-death="jade-rune"] { animation-name:bq-xiangqi-death-jade-rune !important; }.bq-xiangqi-capture-vfx__victim[data-death="earth-seal"] { animation-name:bq-xiangqi-death-earth-seal !important; }.bq-xiangqi-capture-vfx__victim[data-death="jade-gallop"] { animation-name:bq-xiangqi-death-jade-gallop !important; }.bq-xiangqi-capture-vfx__victim[data-death="iron-gate"] { animation-name:bq-xiangqi-death-iron-gate !important; }.bq-xiangqi-capture-vfx__victim[data-death="firework-breach"] { animation-name:bq-xiangqi-death-firework-breach !important; }.bq-xiangqi-capture-vfx__victim[data-death="banner-fall"] { animation-name:bq-xiangqi-death-banner-fall !important; }
@keyframes bq-xiangqi-death-dragon-seal { 0% { opacity:1; transform:rotate(0) scale(1); } 42% { opacity:1; transform:rotate(108deg) scale(1.12); } 100% { opacity:0; transform:rotate(324deg) scale(.24); } }
@keyframes bq-xiangqi-death-jade-rune { 0% { opacity:1; transform:translate3d(0,0,0) rotate(0) scale(1); } 46% { opacity:1; transform:translate3d(0,-22%,0) rotate(76deg) scale(1.1); } 100% { opacity:0; transform:translate3d(0,-82%,0) rotate(204deg) scale(1.38); } }
@keyframes bq-xiangqi-death-earth-seal { 0% { opacity:1; transform:translate3d(0,0,0) scale(1); } 36% { opacity:1; transform:translate3d(0,8%,0) scale(1.16,.86); } 100% { opacity:0; transform:translate3d(0,43%,0) scale(1.5,.16); } }
@keyframes bq-xiangqi-death-jade-gallop { 0% { opacity:1; transform:translate3d(0,0,0) rotate(0) scale(1); } 44% { opacity:1; transform:translate3d(12%,-36%,0) rotate(-24deg) scale(1.1); } 100% { opacity:0; transform:translate3d(72%,18%,0) rotate(54deg) scale(.42); } }
@keyframes bq-xiangqi-death-iron-gate { 0% { opacity:1; transform:translate3d(0,0,0) rotate(0) scale(1); } 38% { opacity:1; transform:translate3d(0,12%,0) rotate(4deg) scale(1.12,.84); } 100% { opacity:0; transform:translate3d(0,68%,0) rotate(18deg) scale(1.22,.18); } }
@keyframes bq-xiangqi-death-firework-breach { 0% { opacity:1; transform:rotate(0) scale(1); } 32% { opacity:1; transform:rotate(-9deg) scale(1.24); } 100% { opacity:0; transform:rotate(62deg) scale(1.78); } }
@keyframes bq-xiangqi-death-banner-fall { 0% { opacity:1; transform:translate3d(0,0,0) rotate(0) scale(1); } 35% { opacity:1; transform:translate3d(-8%,2%,0) rotate(-11deg) scale(1.02); } 100% { opacity:0; transform:translate3d(30%,78%,0) rotate(31deg) scale(.46); } }

.bq-xiangqi-reward-animation { position:relative; display:grid; width:min(420px,100%); grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:6px auto 0; pointer-events:none; }
.bq-xiangqi-reward-animation::before { content:"龍"; position:absolute; z-index:0; top:50%; left:50%; color:rgb(255 210 93 / 18%); font:900 clamp(5rem,15vw,9rem)/1 serif; text-shadow:0 0 26px rgb(255 182 53 / 28%); transform:translate(-50%,-50%) rotate(-8deg); animation:bq-xiangqi-reward-dragon 920ms cubic-bezier(.23,1,.32,1) both; }
.bq-xiangqi-reward-animation span { position:relative; z-index:2; display:grid; gap:2px; min-height:66px; place-content:center; border:1px solid rgb(241 185 76 / 82%); background:linear-gradient(145deg,rgb(69 21 27 / 94%),rgb(10 27 43 / 96%)); box-shadow:inset 0 0 0 2px rgb(248 206 111 / 13%),inset 0 0 24px rgb(211 57 44 / 13%),0 8px 22px #0008; animation:bq-xiangqi-reward-card 560ms cubic-bezier(.23,1,.32,1) both; }
.bq-xiangqi-reward-animation span:nth-child(2) { animation-delay:70ms; }.bq-xiangqi-reward-animation b { color:#ffe5a1; font:900 clamp(1rem,3vw,1.55rem)/1 var(--bq-display); text-shadow:0 0 13px rgb(255 78 55 / 42%); }.bq-xiangqi-reward-animation i { color:#82efe0; font:900 .56rem/1 var(--bq-mono); font-style:normal; letter-spacing:.12em; }.bq-xiangqi-reward-animation em { position:absolute; z-index:3; top:50%; left:50%; width:6px; aspect-ratio:1; transform:rotate(45deg); background:#ffd76c; box-shadow:0 0 9px #ff5f3b; opacity:0; animation:bq-xiangqi-reward-spark 900ms cubic-bezier(.23,1,.32,1) both; }
.bq-xiangqi-reward-animation em:nth-of-type(2) { --xq-reward-x:132px; --xq-reward-y:-54px; animation-delay:70ms; }.bq-xiangqi-reward-animation em:nth-of-type(3) { --xq-reward-x:90px; --xq-reward-y:64px; animation-delay:120ms; }.bq-xiangqi-reward-animation em:nth-of-type(4) { --xq-reward-x:-136px; --xq-reward-y:-48px; animation-delay:45ms; }.bq-xiangqi-reward-animation em:nth-of-type(5) { --xq-reward-x:-82px; --xq-reward-y:69px; animation-delay:145ms; }.bq-xiangqi-reward-animation em:nth-of-type(6) { --xq-reward-x:0; --xq-reward-y:-82px; animation-delay:100ms; }
@keyframes bq-xiangqi-reward-card { 0% { opacity:0; transform:translateY(18px) scale(.94); } 100% { opacity:1; transform:translateY(0) scale(1); } }
@keyframes bq-xiangqi-reward-dragon { 0% { opacity:0; transform:translate(-50%,-50%) rotate(-24deg) scale(.9); } 35% { opacity:1; } 100% { opacity:.18; transform:translate(-50%,-50%) rotate(-8deg) scale(1.12); } }
@keyframes bq-xiangqi-reward-spark { 0% { opacity:0; transform:translate(-50%,-50%) rotate(45deg) scale(.9); } 24% { opacity:1; } 100% { opacity:0; transform:translate(calc(-50% + var(--xq-reward-x,48px)),calc(-50% + var(--xq-reward-y,-58px))) rotate(225deg) scale(1.12); } }

@media (max-width:560px) { .bq-xiangqi-reward-animation { width:100%; gap:7px; }.bq-xiangqi-reward-animation span { min-height:58px; } }
@media (prefers-reduced-motion:reduce) {
  .bq-xiangqi-capture-vfx,.bq-xiangqi-capture-vfx::before,.bq-xiangqi-capture-vfx::after,.bq-xiangqi-capture-vfx i,.bq-xiangqi-capture-vfx b { animation:none; opacity:.82; }
  .bq-xiangqi-capture-vfx__victim { animation:bq-xiangqi-death-reduced 180ms cubic-bezier(.23,1,.32,1) both !important; }
  .bq-xiangqi-reward-animation::before,.bq-xiangqi-reward-animation span,.bq-xiangqi-reward-animation em { animation:none; }
  .bq-xiangqi-reward-animation em { display:none; }
}
@keyframes bq-xiangqi-death-reduced { from { opacity:1; } to { opacity:0; } }

/* Mi clan: creación VIP, estandarte 100 × 100 y reglas sociales. */
body.bq-player-area .bq-account-page__shell:has(.bq-clan-studio) { width:calc(100% - 28px); }
.bq-clan-studio { --clan-line:#18bfe3; position:relative; min-width:0; overflow:hidden; border:1px solid #164a72; background:linear-gradient(180deg,rgb(3 18 42 / 94%),rgb(1 8 25 / 98%)); box-shadow:0 22px 70px rgb(0 0 0 / 30%); }
.bq-clan-studio::before { position:absolute; z-index:0; inset:0; opacity:.32; background-image:linear-gradient(rgb(45 156 199 / 7%) 1px,transparent 1px),linear-gradient(90deg,rgb(45 156 199 / 7%) 1px,transparent 1px); background-size:42px 42px; content:""; pointer-events:none; }
.bq-clan-studio > * { position:relative; z-index:1; }
.bq-clan-studio__header { display:flex; min-height:104px; align-items:center; gap:18px; padding:18px 27px 12px; }
.bq-clan-studio__flag { display:grid; width:60px; aspect-ratio:1; flex:0 0 auto; place-items:center; border:1px solid #1e82ad; background:linear-gradient(145deg,#0e4770,#05142d); color:#ffd25a; font:900 2rem/1 var(--bq-mono); box-shadow:inset 0 0 0 4px rgb(32 211 230 / 8%),0 0 19px rgb(32 211 230 / 13%); clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%); }
.bq-clan-studio__header h2 { margin:0; color:#78ecff; font:900 clamp(1.8rem,3vw,3.2rem)/.95 var(--bq-display); letter-spacing:.035em; text-transform:uppercase; text-shadow:0 4px #02091c,0 0 19px rgb(36 217 239 / 16%); }
.bq-clan-studio__header p { margin:7px 0 0; color:#9ec5df; font:.74rem/1.3 var(--bq-mono); }
.bq-clan-studio__vip { display:flex; min-height:42px; align-items:center; gap:8px; margin-left:15px; padding:0 17px; border:2px solid #f1bc31; background:linear-gradient(#3b2e08,#171305); color:#ffe46f; font:800 .63rem/1 var(--bq-mono); letter-spacing:.04em; text-transform:uppercase; box-shadow:0 0 16px rgb(238 183 38 / 20%),inset 0 0 0 3px rgb(255 226 104 / 5%); }
.bq-clan-studio__vip b { color:#fff0a7; }
.bq-clan-steps { display:grid; grid-template-columns:repeat(3,1fr); margin:0; padding:0 6.5% 16px; list-style:none; }
.bq-clan-steps li { position:relative; display:grid; justify-items:center; gap:7px; color:#789bbb; font:800 .6rem/1 var(--bq-mono); }
.bq-clan-steps li::before { position:absolute; z-index:-1; top:16px; right:50%; left:-50%; height:2px; background:#245679; content:""; }
.bq-clan-steps li:first-child::before { display:none; }
.bq-clan-steps b { display:grid; width:34px; aspect-ratio:1; place-items:center; border:2px solid #276089; border-radius:50%; background:#06172f; color:#8ab5d2; font:900 .72rem/1 var(--bq-mono); }
.bq-clan-steps .is-active { color:#ffd75f; }.bq-clan-steps .is-active b { border-color:#ffc23a; background:linear-gradient(#ffc94f,#e89918); color:#111626; box-shadow:0 0 15px rgb(255 190 46 / 34%); }.bq-clan-steps .is-active + li::before { background:linear-gradient(90deg,#ffc43c 0 50%,#245679 50%); }
.bq-clan-studio form { margin:0; }
.bq-clan-grid { display:grid; grid-template-columns:minmax(340px,1.08fr) minmax(320px,.94fr) minmax(295px,.86fr); gap:13px; padding:0 12px 13px; }
.bq-clan-panel { min-width:0; overflow:hidden; border:1px solid var(--clan-line); background:linear-gradient(160deg,rgb(7 34 65 / 96%),rgb(2 14 34 / 98%)); box-shadow:inset 0 1px rgb(255 255 255 / 4%),0 12px 25px rgb(0 0 0 / 22%); }
.bq-clan-panel > header { display:flex; min-height:58px; align-items:center; gap:11px; padding:0 20px; border-bottom:1px solid #145477; background:linear-gradient(90deg,#093454,#071b38); }
.bq-clan-panel > header > span { color:#21def2; font:900 1.2rem/1 var(--bq-mono); }.bq-clan-panel > header h3 { margin:0; color:#39e2f0; font:900 .74rem/1 var(--bq-mono); letter-spacing:.025em; text-transform:uppercase; }
.bq-clan-panel__body { padding:17px 20px; }
.bq-clan-identity .bq-clan-panel__body { display:grid; gap:13px; }
.bq-clan-identity label,.bq-clan-identity .bq-country-field { position:relative; display:grid; gap:7px; color:#a9c7dc; font:700 .58rem/1.2 var(--bq-mono); }
.bq-clan-identity input,.bq-clan-identity textarea,.bq-clan-identity select,.bq-clan-rules select,.bq-clan-rules input[type="number"] { width:100%; border:1px solid #1aa7da; border-radius:0; outline:0; background:#06182f; color:#eef8ff; font:700 .65rem/1.35 var(--bq-mono); box-shadow:inset 0 0 15px rgb(0 0 0 / 16%); }.bq-clan-identity input,.bq-clan-identity select,.bq-clan-rules select,.bq-clan-rules input[type="number"] { height:44px; }
.bq-clan-identity input { padding:0 13px; }.bq-clan-identity textarea { min-height:92px; padding:12px 13px; resize:vertical; }.bq-clan-identity select,.bq-clan-rules select { padding:0 36px 0 13px; }.bq-clan-rules input[type="number"] { padding:0 12px; }
.bq-clan-identity input::placeholder { color:#d4e0e8; opacity:.82; }.bq-clan-identity input:focus,.bq-clan-identity textarea:focus,.bq-clan-identity select:focus,.bq-clan-rules select:focus,.bq-clan-rules input[type="number"]:focus { border-color:#ffca43; box-shadow:0 0 0 2px rgb(255 199 49 / 12%); }
.bq-clan-identity label > small { position:absolute; right:8px; bottom:-2px; color:#6f9bb8; font-size:.48rem; transform:translateY(100%); }
.bq-clan-field--short > span { display:grid; grid-template-columns:minmax(130px,.62fr) 1fr; align-items:center; gap:12px; }.bq-clan-field--short em { color:#789bb5; font-size:.54rem; font-style:normal; }
.bq-clan-identity .bq-country-field__label { color:#a9c7dc; font:700 .58rem/1.2 var(--bq-mono); }.bq-clan-identity .bq-country-picker__trigger { min-height:44px; border-color:#1aa7da; border-radius:0; background:#06182f; }.bq-clan-identity .bq-country-field__hint { display:none; }.bq-clan-identity .bq-country-picker__panel { z-index:30; }
.bq-clan-games { margin:3px 0 0; padding:0; border:0; }.bq-clan-games legend { display:flex; width:100%; justify-content:space-between; color:#a9c7dc; font:700 .58rem/1.2 var(--bq-mono); }.bq-clan-games legend small { color:#35cbdc; font-size:.48rem; }.bq-clan-games > div { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }.bq-clan-games label { display:block; }.bq-clan-games input { position:absolute; opacity:0; pointer-events:none; }.bq-clan-games label > span { display:flex; min-height:36px; align-items:center; gap:8px; padding:0 12px; border:1px solid #28638b; background:#071c38; color:#9db7ca; cursor:pointer; }.bq-clan-games input:checked + span { border-color:#f1b92b; background:linear-gradient(#503908,#251d08); color:#ffe06e; box-shadow:inset 0 0 0 2px rgb(255 219 91 / 7%); }.bq-clan-games i { font-style:normal; }
.bq-clan-canvas-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(132px,150px); align-items:start; gap:13px; }.bq-clan-canvas-viewport { display:grid; min-width:0; place-items:start center; overflow:auto; overscroll-behavior:contain; scrollbar-color:#1aa8ca #04152b; }.bq-clan-canvas { display:grid; width:100%; aspect-ratio:1; place-items:center; overflow:hidden; border:1px solid #1d7095; background:#020d1d; box-shadow:inset 0 0 30px #000a; transform-origin:top center; }.bq-clan-canvas canvas { display:block; width:100%; height:100%; image-rendering:pixelated; touch-action:none; cursor:crosshair; }
.bq-clan-studio[data-clan-shape="shield"] .bq-clan-canvas canvas { clip-path:polygon(12% 8%,88% 8%,88% 72%,50% 96%,12% 72%); }.bq-clan-studio[data-clan-shape="circle"] .bq-clan-canvas canvas { clip-path:circle(45%); }.bq-clan-studio[data-clan-shape="hexagon"] .bq-clan-canvas canvas { clip-path:polygon(25% 6%,75% 6%,96% 50%,75% 94%,25% 94%,4% 50%); }.bq-clan-studio[data-clan-shape="pennant"] .bq-clan-canvas canvas { clip-path:polygon(15% 6%,85% 6%,85% 72%,50% 94%,15% 72%); }
.bq-clan-editor-rail { display:grid; gap:12px; min-width:0; }.bq-clan-tools { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-content:start; gap:6px; }.bq-clan-tools button { display:grid; min-width:0; min-height:48px; place-items:center; align-content:center; gap:4px; padding:5px 2px; border:1px solid #2a638e; background:#071b36; color:#99bad2; font:800 .39rem/1 var(--bq-mono); cursor:pointer; }.bq-clan-tools svg { width:18px; height:18px; fill:none; stroke:currentcolor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }.bq-clan-tools button:hover,.bq-clan-tools button:focus-visible,.bq-clan-tools button.is-active { border-color:#ffc236; outline:0; background:#173454; color:#ffe177; }.bq-clan-tools button:disabled { opacity:.38; cursor:not-allowed; }
.bq-clan-palette,.bq-clan-shapes { display:grid; gap:8px; }.bq-clan-palette > span,.bq-clan-shapes > span { color:#b6cad9; font:700 .5rem/1 var(--bq-mono); }.bq-clan-palette > div { display:grid; grid-template-columns:repeat(6,1fr); gap:5px; }.bq-clan-palette button,.bq-clan-palette label { display:grid; width:100%; aspect-ratio:1; place-items:center; padding:0; border:1px solid #416a8a; background:var(--clan-color); cursor:pointer; box-shadow:inset 0 0 0 2px rgb(0 0 0 / 18%); }.bq-clan-palette button.is-active { z-index:1; border-color:#35e5f2; outline:2px solid #35e5f2; outline-offset:1px; }.bq-clan-palette label { position:relative; overflow:hidden; background:linear-gradient(135deg,#ed4040 0 18%,#f6bf35 18% 36%,#45c95d 36% 54%,#26cae7 54% 72%,#7f5ced 72% 88%,#f167b1 88%); color:#fff; font:900 .75rem/1 var(--bq-mono); }.bq-clan-palette label input { position:absolute; width:1px; height:1px; opacity:0; }.bq-clan-palette label span { display:grid; width:100%; height:100%; place-items:center; background:rgb(1 9 24 / 42%); text-shadow:0 1px 2px #000; }
.bq-clan-zoom-controls { display:grid; grid-template-columns:32px 1fr 32px; gap:5px; }.bq-clan-zoom-controls > button,.bq-clan-zoom-controls output { display:grid; min-height:32px; place-items:center; border:1px solid #2b668d; background:#061a34; color:#b9d4e6; font:800 .54rem/1 var(--bq-mono); }.bq-clan-zoom-controls > button { cursor:pointer; }.bq-clan-zoom-controls > button:hover,.bq-clan-zoom-controls > button:focus-visible { border-color:#ffc236; outline:0; color:#ffe177; }.bq-clan-zoom-controls .bq-clan-expand { grid-column:1/-1; grid-template-columns:18px 1fr; gap:6px; padding:7px; }.bq-clan-expand svg { width:17px; fill:none; stroke:currentcolor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.bq-clan-shapes { margin-top:14px; }.bq-clan-shapes > div { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }.bq-clan-shapes button { display:grid; min-width:0; min-height:65px; place-content:center; justify-items:center; gap:6px; padding:7px 3px; border:1px solid #28658d; background:#071b36; color:#9cb8cc; font:700 .46rem/1 var(--bq-mono); cursor:pointer; }.bq-clan-shapes button svg { width:20px; height:20px; fill:currentcolor; }.bq-clan-shapes button.is-active { border-color:#ffc132; color:#ffe06d; box-shadow:inset 0 -3px #cf8e17; }.bq-clan-shapes button.is-active svg { color:#ffc132; }
.bq-clan-zoom-close { display:none; width:38px; aspect-ratio:1; margin-left:auto; padding:0; border:1px solid #2a638e; background:#071b36; color:#d8ecf7; font:400 1.55rem/1 sans-serif; cursor:pointer; }
.bq-clan-side { display:grid; align-content:start; gap:13px; }.bq-clan-rules { display:grid; gap:14px; }.bq-clan-rules > label:not(.bq-clan-conduct) { display:grid; grid-template-columns:minmax(105px,.82fr) minmax(135px,1.18fr); align-items:center; gap:10px; color:#aec9dc; font:700 .55rem/1.25 var(--bq-mono); }.bq-clan-rules select { height:43px; font-size:.54rem; }
.bq-clan-conduct { position:relative; display:flex; min-height:42px; align-items:center; justify-content:space-between; gap:12px; color:#aec9dc; font:700 .53rem/1.25 var(--bq-mono); }.bq-clan-conduct input { position:absolute; opacity:0; pointer-events:none; }.bq-clan-conduct i { position:relative; width:52px; height:28px; flex:0 0 auto; border:1px solid #2b7192; border-radius:99px; background:#06172f; cursor:pointer; }.bq-clan-conduct i::after { position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:50%; background:#7692a8; box-shadow:0 0 8px #000; content:""; transition:transform .18s ease,background .18s ease; }.bq-clan-conduct input:checked + i { border-color:#17bee2; background:#07577b; }.bq-clan-conduct input:checked + i::after { background:#1ce5f2; box-shadow:0 0 11px #18d9ed; transform:translateX(23px); }
.bq-clan-rule-note { display:grid; grid-template-columns:28px 1fr; align-items:center; gap:9px; margin:0; padding:11px; border:1px solid #245d82; background:#06172e; color:#91b2ca; font:.52rem/1.45 var(--bq-mono); }.bq-clan-rule-note i { display:grid; width:23px; aspect-ratio:1; place-items:center; border-radius:50%; background:#549dc2; color:#041426; font:900 .66rem/1 var(--bq-mono); font-style:normal; }
.bq-clan-custom-rules { display:grid; gap:9px; padding-top:4px; border-top:1px solid #174666; }.bq-clan-custom-rules > header { display:flex; align-items:center; justify-content:space-between; gap:8px; }.bq-clan-custom-rules > header div { display:grid; gap:4px; }.bq-clan-custom-rules strong { color:#d3e4ee; font:800 .55rem/1.2 var(--bq-mono); }.bq-clan-custom-rules small { color:#7199b5; font:.45rem/1.25 var(--bq-mono); }.bq-clan-custom-rules > header button { min-height:30px; padding:0 9px; border:1px solid #1ab8d9; background:#092641; color:#7eeaf2; font:800 .45rem/1 var(--bq-mono); cursor:pointer; }.bq-clan-custom-rules > header button:disabled { opacity:.4; cursor:not-allowed; }.bq-clan-custom-rules > div { display:grid; gap:7px; }.bq-clan-custom-rule { display:grid; grid-template-columns:27px minmax(0,1fr) 30px; align-items:center; gap:6px; }.bq-clan-custom-rule b { display:grid; width:27px; aspect-ratio:1; place-items:center; border:1px solid #356b8e; background:#0a2341; color:#cee3ef; font:800 .47rem/1 var(--bq-mono); }.bq-clan-custom-rule input { height:36px; min-width:0; padding:0 9px; border:1px solid #276589; background:#06182f; color:#eef8ff; font:600 .5rem/1 var(--bq-mono); }.bq-clan-custom-rule button { display:grid; width:30px; aspect-ratio:1; place-items:center; padding:0; border:1px solid #754b5b; background:#2b1421; color:#ff91a3; font:700 1rem/1 sans-serif; cursor:pointer; }
.bq-clan-basics ol { display:grid; gap:0; margin:0; padding:11px 18px 16px; list-style:none; }.bq-clan-basics li { display:grid; min-height:51px; grid-template-columns:34px 1fr; align-items:center; gap:12px; border-bottom:1px solid #174666; color:#bdd0df; font:700 .54rem/1.35 var(--bq-mono); }.bq-clan-basics li:last-child { border-bottom:0; }.bq-clan-basics li b { display:grid; width:29px; aspect-ratio:1; place-items:center; border:1px solid #376c91; background:#0a2341; color:#dbeaf4; }
.bq-clan-actions { display:grid; grid-template-columns:auto minmax(260px,390px) minmax(210px,1fr); align-items:center; justify-content:end; gap:15px; padding:4px 12px 16px; }.bq-clan-actions button { min-height:49px; }.bq-clan-draft { padding:0 22px; border:1px solid #23c8e8; background:#061a34; color:#d8e8f2; font:800 .58rem/1 var(--bq-mono); text-transform:uppercase; cursor:pointer; }.bq-clan-actions .bq-button { margin:0; border-color:#ffd35c; background:linear-gradient(#ffc649,#ee9e1b); color:#111725; font-size:.68rem; box-shadow:inset 0 -4px #c67710,0 9px 19px rgb(0 0 0 / 24%); }.bq-clan-actions small { justify-self:end; color:#70a4c1; font:.49rem/1.4 var(--bq-mono); }.bq-clan-actions small::first-letter { color:#ffd358; }.bq-clan-actions p { min-height:1.2em; grid-column:1/-1; margin:0; color:#64dfce; font:.54rem/1.3 var(--bq-mono); text-align:right; }
body.bq-clan-zoom-open { overflow:hidden; }.bq-clan-studio.is-canvas-zoomed .bq-clan-banner { position:fixed; z-index:10020; inset:2vh 4vw; display:flex; flex-direction:column; overflow:hidden; border-color:#ffd04d; background:#020d20; box-shadow:0 0 0 100vmax rgb(0 5 17 / 92%),0 20px 80px #000; }.bq-clan-studio.is-canvas-zoomed .bq-clan-banner > header { flex:0 0 auto; }.bq-clan-studio.is-canvas-zoomed .bq-clan-zoom-close { display:grid; place-items:center; }.bq-clan-studio.is-canvas-zoomed .bq-clan-banner > .bq-clan-panel__body { display:grid; min-height:0; flex:1; grid-template-rows:minmax(0,1fr) auto; overflow:hidden; }.bq-clan-studio.is-canvas-zoomed .bq-clan-canvas-row { min-height:0; grid-template-columns:minmax(0,1fr) 190px; }.bq-clan-studio.is-canvas-zoomed .bq-clan-canvas-viewport { min-height:0; padding:20px; border:1px solid #123e60; background:radial-gradient(circle,#082140,#010817 70%); }.bq-clan-studio.is-canvas-zoomed .bq-clan-canvas { width:calc(min(76vh,820px) * var(--clan-zoom,1)); max-width:none; flex:none; }.bq-clan-studio.is-canvas-zoomed .bq-clan-editor-rail { align-content:start; padding-right:4px; overflow:auto; }.bq-clan-studio.is-canvas-zoomed .bq-clan-shapes { margin-top:12px; }
.bq-clan-created { display:grid; min-height:620px; grid-template-columns:auto minmax(0,620px); place-content:center; align-items:center; gap:30px; padding:50px; border:1px solid #2686a9; background:radial-gradient(circle at 50% 38%,rgb(29 203 217 / 15%),transparent 28%),linear-gradient(145deg,#071f40,#020a1c); }.bq-clan-created__crest { position:relative; display:grid; width:140px; aspect-ratio:1; place-items:center; overflow:hidden; border:3px solid #f1bd39; background:linear-gradient(145deg,#0b526c,#07152e); color:#ffe785; box-shadow:0 0 0 7px #06142d,0 0 36px rgb(32 218 232 / 24%); clip-path:polygon(50% 0,92% 17%,88% 76%,50% 100%,12% 76%,8% 17%); }.bq-clan-created__crest[data-clan-shape="circle"] { clip-path:circle(48%); }.bq-clan-created__crest[data-clan-shape="hexagon"] { clip-path:polygon(25% 3%,75% 3%,98% 50%,75% 97%,25% 97%,2% 50%); }.bq-clan-created__crest[data-clan-shape="pennant"] { clip-path:polygon(7% 3%,93% 3%,93% 70%,50% 98%,7% 70%); }.bq-clan-created__crest canvas { position:absolute; inset:0; width:100%; height:100%; image-rendering:pixelated; }.bq-clan-created__crest span { position:relative; z-index:1; padding:5px 7px; background:rgb(1 12 31 / 62%); color:#ffe785; font:900 1.2rem/1 var(--bq-mono); text-shadow:0 2px 4px #000; }.bq-clan-created > div:nth-child(2) > span { color:#39dce8; font:800 .57rem/1 var(--bq-mono); text-transform:uppercase; }.bq-clan-created h2 { margin:8px 0; color:#fff0bc; font:900 clamp(2rem,5vw,4.3rem)/.95 var(--bq-display); }.bq-clan-created p { color:#9eb9ce; }.bq-clan-edit { min-width:170px; min-height:42px; margin-top:10px; }.bq-clan-created dl { display:grid; grid-column:1/-1; grid-template-columns:repeat(3,1fr); margin:5px 0 0; border:1px solid #245d82; }.bq-clan-created dl > div { padding:15px; border-right:1px solid #245d82; }.bq-clan-created dl > div:last-child { border-right:0; }.bq-clan-created dt { color:#789ab5; font:.5rem/1 var(--bq-mono); text-transform:uppercase; }.bq-clan-created dd { margin:7px 0 0; color:#f6e7ad; font:800 .65rem/1.2 var(--bq-mono); }
@media (max-width:1280px) { .bq-clan-grid { grid-template-columns:minmax(320px,1fr) minmax(310px,1fr); }.bq-clan-side { grid-column:1/-1; grid-template-columns:1fr 1fr; }.bq-clan-actions { grid-template-columns:auto minmax(240px,360px); }.bq-clan-actions small { grid-column:1/-1; }.bq-clan-actions p { grid-column:1/-1; } }
@media (max-width:850px) { body.bq-player-area .bq-account-page__shell:has(.bq-clan-studio) { width:calc(100% - 20px); }.bq-clan-studio__header { align-items:flex-start; flex-wrap:wrap; padding:18px; }.bq-clan-studio__vip { margin-left:0; }.bq-clan-grid { grid-template-columns:1fr; padding-inline:8px; }.bq-clan-side { grid-column:auto; grid-template-columns:1fr; }.bq-clan-actions { grid-template-columns:1fr; padding-inline:8px; }.bq-clan-actions small,.bq-clan-actions p { grid-column:auto; justify-self:start; text-align:left; }.bq-clan-created { grid-template-columns:1fr; justify-items:center; padding:35px 20px; text-align:center; }.bq-clan-created dl { grid-column:auto; width:100%; grid-template-columns:1fr; }.bq-clan-created dl > div { border-right:0; border-bottom:1px solid #245d82; } }
@media (max-width:520px) { .bq-clan-studio__header h2 { font-size:1.65rem; }.bq-clan-steps { padding-inline:2%; }.bq-clan-panel__body { padding:14px; }.bq-clan-canvas-row,.bq-clan-studio.is-canvas-zoomed .bq-clan-canvas-row { grid-template-columns:1fr; }.bq-clan-tools { grid-template-columns:repeat(4,1fr); }.bq-clan-palette > div { grid-template-columns:repeat(8,1fr); }.bq-clan-zoom-controls { grid-template-columns:38px 1fr 38px; }.bq-clan-shapes > div { grid-template-columns:repeat(2,1fr); }.bq-clan-rules > label:not(.bq-clan-conduct) { grid-template-columns:1fr; }.bq-clan-field--short > span { grid-template-columns:1fr; }.bq-clan-field--short em { display:none; }.bq-clan-studio.is-canvas-zoomed .bq-clan-banner { inset:1vh 2vw; }.bq-clan-studio.is-canvas-zoomed .bq-clan-banner > .bq-clan-panel__body { overflow:auto; }.bq-clan-studio.is-canvas-zoomed .bq-clan-canvas-viewport { min-height:65vh; }.bq-clan-studio.is-canvas-zoomed .bq-clan-editor-rail { overflow:visible; } }

.bq-game-stage--go .bq-game-stage__battlefield { display:block; min-width:0; }
.bq-game-arena:has([data-go-game]) .bq-game-chat,.bq-game-arena:has([data-go-game]) .bq-game-side-panel { display:none; }
.bq-game-stage--go iframe { display:block; width:100%; height:780px; border:1px solid #ad834d; background:#091827; }
.bq-go__local-note { margin:0; padding:8px 12px; color:#e9d5a5; font-size:.75rem; text-align:center; }
@media (max-width:760px) { .bq-game-stage--go { padding:6px; }.bq-game-stage--go iframe { height:780px; } }
.bq-game-stage--fanorona { padding:8px; }
.bq-game-stage--fanorona .bq-game-stage__battlefield { display:block; min-width:0; }
.bq-game-arena:has([data-fanorona-game]) .bq-game-chat,.bq-game-arena:has([data-fanorona-game]) .bq-game-side-panel { display:none; }
.bq-game-stage--fanorona iframe { display:block; width:100%; height:clamp(420px,78dvh,780px); border:1px solid #c99a4d; background:#11202a; }
.bq-fanorona__local-note { margin:0; padding:8px 12px; color:#e9d5a5; font-size:.75rem; text-align:center; }
@media (max-width:760px) { .bq-game-stage--fanorona { padding:6px; } }

/* Extended clan profile and owner-defined admission rules. */
.bq-clan-created .bq-clan-created__description { max-width:620px; color:#afc7d8; font:.65rem/1.65 var(--bq-mono); }
.bq-clan-created dl { grid-template-columns:repeat(4,1fr); }
.bq-clan-created__rules { grid-column:1/-1; padding:17px 20px; border:1px solid #245d82; background:#06172e; }
.bq-clan-created__rules h3 { margin:0 0 12px; color:#38deed; font:900 .62rem/1 var(--bq-mono); text-transform:uppercase; }
.bq-clan-created__rules ol { display:grid; gap:8px; margin:0; padding-left:25px; color:#bed2df; font:.58rem/1.5 var(--bq-mono); }
@media (max-width:850px) { .bq-clan-created dl { grid-template-columns:1fr; } }

/* VIP passport: premium identity, benefits and membership status. */
.bq-vip-portal {
  --vip-line:#2086b0;
  --vip-gold:#ffc542;
  --vip-cyan:#28e4f0;
  --vip-violet:#9b63ff;
  --vip-fuchsia:#f44cc7;
  overflow:visible;
  border-color:#23749c;
  background:
    linear-gradient(rgb(46 149 198 / 5%) 1px,transparent 1px),
    linear-gradient(90deg,rgb(46 149 198 / 5%) 1px,transparent 1px),
    radial-gradient(circle at 58% 4%,rgb(92 53 194 / 18%),transparent 27%),
    linear-gradient(160deg,#061a36,#02091c 72%);
  background-size:42px 42px,42px 42px,auto,auto;
  box-shadow:0 28px 80px rgb(0 0 0 / 34%),inset 0 1px rgb(255 255 255 / 4%);
}
.bq-vip-portal__hero {
  position:relative;
  isolation:isolate;
  display:grid;
  min-height:218px;
  grid-template-columns:minmax(0,1fr) 310px;
  align-items:center;
  padding:34px 48px;
  overflow:hidden;
  border-bottom:1px solid var(--vip-line);
  background:
    linear-gradient(180deg,transparent 70%,rgb(2 10 28 / 75%)),
    radial-gradient(circle at 72% 42%,rgb(229 65 215 / 18%),transparent 19%),
    radial-gradient(circle at 69% 35%,rgb(42 220 240 / 17%),transparent 26%),
    linear-gradient(100deg,#071d3e 0,#091b42 55%,#14134a 100%);
}
.bq-vip-portal__hero::before,.bq-vip-portal__hero::after { position:absolute; z-index:-1; content:""; pointer-events:none; }
.bq-vip-portal__hero::before { inset:0; opacity:.68; background-image:radial-gradient(circle,var(--vip-cyan) 0 1px,transparent 1.6px),radial-gradient(circle,var(--vip-gold) 0 1px,transparent 1.8px); background-position:0 0,36px 25px; background-size:86px 72px,133px 94px; }
.bq-vip-portal__hero::after { right:5%; bottom:-68px; width:420px; height:145px; border:4px solid rgb(37 223 243 / 38%); border-radius:50%; box-shadow:0 0 0 9px rgb(238 63 214 / 14%),0 0 42px rgb(68 194 255 / 25%); transform:rotate(-8deg); }
.bq-vip-portal__intro { position:relative; z-index:2; }
.bq-vip-portal__intro > span { color:var(--vip-cyan); font:900 .58rem/1 var(--bq-mono); letter-spacing:.15em; text-transform:uppercase; }
.bq-vip-portal__intro h2 { margin:12px 0 10px; color:#fff2ce; font:900 clamp(3rem,6vw,5.65rem)/.82 var(--bq-display); letter-spacing:.015em; text-transform:uppercase; text-shadow:0 5px #020615,0 0 30px rgb(255 206 92 / 9%); }
.bq-vip-portal__intro > strong { display:flex; align-items:center; gap:12px; color:#f6cf5e; font:900 .83rem/1 var(--bq-mono); letter-spacing:.28em; text-transform:uppercase; }
.bq-vip-portal__intro > strong i { width:26px; color:var(--vip-gold); filter:drop-shadow(0 0 8px rgb(255 197 66 / 65%)); }
.bq-vip-portal__intro svg,.bq-vip-portal__orbit svg,.bq-vip-passport svg,.bq-vip-status-panel svg,.bq-vip-perks-rail svg { display:block; width:100%; fill:currentcolor; }
.bq-vip-portal__orbit { position:absolute; z-index:1; right:13%; bottom:20px; display:grid; width:178px; height:135px; place-items:center; }
.bq-vip-portal__orbit::before,.bq-vip-portal__orbit::after { position:absolute; width:205px; height:68px; border:3px solid var(--vip-cyan); border-radius:50%; box-shadow:0 0 16px rgb(40 228 240 / 52%); content:""; transform:rotate(-9deg); }
.bq-vip-portal__orbit::after { width:226px; height:79px; border-color:var(--vip-fuchsia); box-shadow:0 0 19px rgb(244 76 199 / 43%); transform:rotate(8deg); }
.bq-vip-portal__orbit > i { z-index:2; width:74px; color:var(--vip-gold); filter:drop-shadow(0 7px 0 #6c4108) drop-shadow(0 0 15px rgb(255 197 66 / 68%)); transform:translateY(-12px) rotate(4deg); }
.bq-vip-portal__orbit > span { position:absolute; bottom:9px; width:118px; height:26px; border:2px solid #d79522; background:linear-gradient(180deg,#553811,#171106); box-shadow:0 0 24px rgb(255 192 55 / 27%),inset 0 0 16px rgb(255 207 86 / 13%); clip-path:polygon(10% 0,90% 0,100% 36%,88% 100%,12% 100%,0 36%); }
.bq-vip-portal__state { position:absolute; z-index:3; top:27px; right:27px; display:flex; min-height:35px; align-items:center; gap:10px; padding:0 16px; border:1px solid #2d7fa8; background:rgb(3 17 40 / 78%); color:#c8daeb; font:900 .58rem/1 var(--bq-mono); letter-spacing:.12em; text-transform:uppercase; }
.bq-vip-portal__state i { width:8px; aspect-ratio:1; border-radius:50%; background:#4bf3a7; box-shadow:0 0 11px #4bf3a7; }

.bq-vip-portal__stage { display:grid; grid-template-columns:minmax(360px,1.5fr) minmax(340px,1.05fr) minmax(205px,.62fr); gap:14px; padding:16px; }
.bq-vip-passport,.bq-vip-status-panel { min-width:0; border:1px solid var(--vip-line); background:linear-gradient(150deg,rgb(8 34 67 / 96%),rgb(2 12 31 / 98%)); box-shadow:inset 0 1px rgb(255 255 255 / 4%),0 15px 35px rgb(0 0 0 / 24%); }
.bq-vip-passport { padding:18px; }
.bq-vip-passport > header,.bq-vip-status-panel > header,.bq-vip-perks-rail > header { display:flex; align-items:center; gap:10px; color:#ffe16e; font:900 .78rem/1 var(--bq-mono); letter-spacing:.06em; }
.bq-vip-passport > header i,.bq-vip-perks-rail > header i { width:24px; color:var(--vip-gold); filter:drop-shadow(0 0 8px rgb(255 197 66 / 45%)); }
.bq-vip-passport__card { position:relative; isolation:isolate; display:grid; min-height:330px; align-content:center; margin-top:15px; padding:35px 42px; overflow:hidden; border:2px solid #d6a632; background:radial-gradient(circle at 27% 45%,rgb(119 73 206 / 25%),transparent 28%),linear-gradient(140deg,#06162f,#111a3d 60%,#06142a); box-shadow:0 0 0 5px #06142c,0 17px 34px rgb(0 0 0 / 35%),inset 0 0 35px rgb(104 75 207 / 13%); clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px); }
.bq-vip-passport__card::before { position:absolute; z-index:-1; top:-12%; right:-6%; width:28%; height:125%; background:linear-gradient(110deg,transparent 5%,rgb(48 226 244 / 58%) 22%,rgb(160 94 255 / 75%) 44%,rgb(255 208 82 / 60%) 64%,transparent 83%); content:""; filter:blur(.3px); opacity:.68; transform:skewX(-12deg); }
.bq-vip-passport__card::after { position:absolute; z-index:-1; inset:8px; border:1px solid rgb(255 218 105 / 30%); background-image:linear-gradient(rgb(100 129 183 / 8%) 1px,transparent 1px),linear-gradient(90deg,rgb(100 129 183 / 8%) 1px,transparent 1px); background-size:18px 18px; content:""; clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px); }
.bq-vip-passport__card > span { position:absolute; top:26px; left:42px; color:#f6cf5d; font:800 .55rem/1 var(--bq-mono); letter-spacing:.35em; }
.bq-vip-passport__name { position:relative; z-index:2; font:900 clamp(2.2rem,4vw,4.1rem)/1 var(--bq-display); }
.bq-vip-passport__name .bq-vip-name { width:max-content; max-width:88%; }
.bq-vip-passport__name .bq-vip-name__crown { width:.68em; }
.bq-vip-passport__card p { display:flex; align-items:center; gap:10px; margin:19px 0 0; color:#c8ddec; font:800 .59rem/1 var(--bq-mono); letter-spacing:.14em; text-transform:uppercase; }
.bq-vip-passport__card p i { width:9px; aspect-ratio:1; border-radius:50%; background:#48f0a2; box-shadow:0 0 10px #48f0a2; }
.bq-vip-passport__card > small { position:absolute; bottom:31px; left:42px; max-width:230px; color:#91aac2; font:700 .5rem/1.7 var(--bq-mono); letter-spacing:.13em; text-transform:uppercase; }
.bq-vip-passport__card > b { position:absolute; right:38px; bottom:31px; color:#ffe16b; font:900 1.05rem/1 var(--bq-mono); letter-spacing:.12em; text-shadow:0 0 12px rgb(255 202 65 / 48%); }

.bq-vip-showcase { display:grid; min-width:0; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.bq-vip-showcase-card { --card-accent:#f0bd3d; position:relative; display:grid; min-height:196px; align-content:end; padding:17px; overflow:hidden; border:2px solid var(--card-accent); background:radial-gradient(circle at 50% 36%,rgb(101 64 176 / 28%),transparent 33%),linear-gradient(150deg,#0a2347,#06142d); box-shadow:inset 0 -4px rgb(0 0 0 / 24%),0 12px 27px rgb(0 0 0 / 23%); clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px); transition:transform 180ms cubic-bezier(.23,1,.32,1),filter 180ms ease; }
.bq-vip-showcase-card--banner { --card-accent:#25d8ee; }.bq-vip-showcase-card--collection { --card-accent:#9d5dff; }.bq-vip-showcase-card--ads { --card-accent:#ef52c4; }
.bq-vip-showcase-card > small { position:absolute; top:14px; left:15px; color:var(--card-accent); font:900 .67rem/1 var(--bq-mono); }
.bq-vip-showcase-card__icon { position:absolute; top:15px; left:50%; display:grid; width:118px; height:112px; place-items:center; transform:translateX(-50%); }
.bq-vip-showcase-card__icon img { display:block; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 0 13px var(--card-accent)); }
.bq-vip-showcase-card > strong { overflow:hidden; color:#fff2cb; font:900 .66rem/1.25 var(--bq-mono); text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }
.bq-vip-showcase-card > span { display:block; overflow:hidden; margin-top:5px; color:#7798b6; font-size:.53rem; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }

.bq-vip-status-panel { display:grid; grid-template-rows:auto auto 1fr auto auto; padding:20px; }
.bq-vip-status-panel > header { min-height:40px; padding-bottom:15px; border-bottom:1px solid #1e5375; color:#9bb4cc; }
.bq-vip-status-panel > header i { color:var(--vip-gold); font-style:normal; }
.bq-vip-status-panel__value { display:grid; grid-template-columns:42px minmax(0,1fr); align-items:center; gap:12px; padding:18px 0 9px; }
.bq-vip-status-panel__value > i { display:grid; width:42px; aspect-ratio:1; place-items:center; padding:8px; border:1px solid #d8a833; border-radius:50%; color:#ffe164; box-shadow:0 0 13px rgb(255 202 58 / 25%); }
.bq-vip-status-panel__value strong,.bq-vip-status-panel__value span { display:block; }.bq-vip-status-panel__value strong { color:#ffe88a; font:900 .72rem/1.25 var(--bq-mono); text-transform:uppercase; }.bq-vip-status-panel__value span { margin-top:5px; color:#4af0ad; font:800 .5rem/1.25 var(--bq-mono); text-transform:uppercase; }
.bq-vip-status-panel ol { position:relative; display:grid; align-content:start; gap:0; margin:0 0 9px 20px; padding:0; list-style:none; }
.bq-vip-status-panel ol::before { position:absolute; top:12px; bottom:12px; left:4px; width:2px; background:linear-gradient(#ffe36a,#49dff0); box-shadow:0 0 8px rgb(65 218 240 / 45%); content:""; }
.bq-vip-status-panel li { position:relative; display:flex; min-height:42px; align-items:center; gap:14px; color:#6f8faa; font:800 .49rem/1 var(--bq-mono); text-transform:uppercase; }
.bq-vip-status-panel li i { position:relative; z-index:1; width:10px; aspect-ratio:1; border:2px solid #bfdef0; border-radius:50%; background:#eaf8ff; box-shadow:0 0 9px #8ee9f1; }
.bq-vip-status-panel li.is-current { color:#ffe374; }.bq-vip-status-panel li.is-current i { border-color:#ffe374; background:#ffc832; box-shadow:0 0 11px #ffc832; }
.bq-vip-reward { display:grid; width:145px; height:106px; place-items:center; justify-self:center; margin-top:2px; }
.bq-vip-reward img { display:block; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 0 15px rgb(255 193 45 / 30%)); }
.bq-vip-status-panel > small { margin-top:18px; color:#e4c35e; font:800 .44rem/1.45 var(--bq-mono); letter-spacing:.11em; text-align:center; text-transform:uppercase; }

.bq-vip-halo-studio { display:grid; grid-template-columns:minmax(300px,.82fr) minmax(480px,1.18fr); gap:0; margin:0 16px 16px; overflow:hidden; border:1px solid #396ca0; background:linear-gradient(115deg,#091d43,#07142f 58%,#10123a); box-shadow:inset 0 1px rgb(255 255 255 / 5%),0 16px 34px rgb(0 0 0 / 20%); }
.bq-vip-halo-studio__visual { position:relative; isolation:isolate; display:grid; min-height:214px; grid-template-columns:150px minmax(0,1fr); align-items:center; gap:5px; padding:24px 28px; overflow:hidden; border-right:1px solid #315f89; background:radial-gradient(circle at 28% 50%,rgb(110 63 212 / 30%),transparent 32%),linear-gradient(135deg,#06152f,#11173e); }
.bq-vip-halo-studio__visual::after { position:absolute; z-index:-1; inset:0; opacity:.42; background-image:linear-gradient(rgb(69 145 199 / 12%) 1px,transparent 1px),linear-gradient(90deg,rgb(69 145 199 / 12%) 1px,transparent 1px); background-size:20px 20px; content:""; mask-image:linear-gradient(90deg,#000,transparent); }
.bq-vip-halo-studio__visual > img { display:block; width:145px; height:145px; object-fit:contain; filter:drop-shadow(0 0 16px rgb(224 72 255 / 35%)); animation:bq-vip-halo-float 3.2s ease-in-out infinite alternate; }
.bq-vip-halo-studio__visual > div { min-width:0; }.bq-vip-halo-studio__visual small,.bq-vip-halo-studio__visual span { display:block; }.bq-vip-halo-studio__visual small { margin-bottom:13px; color:#55edf0; font:900 .5rem/1 var(--bq-mono); letter-spacing:.12em; text-transform:uppercase; }.bq-vip-halo-studio__visual strong { display:block; overflow:visible; font:900 clamp(1.65rem,3vw,2.65rem)/1 var(--bq-display); }.bq-vip-halo-studio__visual span { max-width:310px; margin-top:14px; color:#88a7c2; font-size:.61rem; line-height:1.45; }
.bq-vip-halo-studio__controls { display:grid; grid-template-rows:auto 1fr auto; padding:22px 25px 20px; }.bq-vip-halo-studio__controls header > span { color:#f4c74c; font:900 .52rem/1 var(--bq-mono); letter-spacing:.15em; }.bq-vip-halo-studio__controls h3 { margin:7px 0 5px; color:#fff0c5; font:900 1.15rem/1 var(--bq-display); text-transform:uppercase; }.bq-vip-halo-studio__controls header p { margin:0; color:#7899b5; font-size:.58rem; line-height:1.45; }
.bq-vip-halo-studio__controls fieldset { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin:16px 0; padding:0; border:0; }.bq-vip-halo-tone { position:relative; display:block; min-width:0; }.bq-vip-halo-tone input { position:absolute; opacity:0; pointer-events:none; }.bq-vip-halo-tone > span { display:grid; min-height:85px; align-content:center; justify-items:center; gap:6px; padding:9px 6px; border:1px solid #2e5d82; background:#061630; color:#88a6be; text-align:center; cursor:pointer; transition:border-color 170ms ease,background 170ms ease,box-shadow 170ms ease,transform 170ms cubic-bezier(.23,1,.32,1); }.bq-vip-halo-tone > span > i { display:block; width:39px; aspect-ratio:1; border:4px solid transparent; border-radius:50%; background:linear-gradient(#08162f,#08162f) padding-box,var(--tone-ring) border-box; box-shadow:0 0 12px var(--tone-glow); }.bq-vip-halo-tone strong { overflow:hidden; max-width:100%; color:#d8e7f2; font:900 .48rem/1 var(--bq-mono); text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }.bq-vip-halo-tone small { display:none; }.bq-vip-halo-tone--prism { --tone-ring:conic-gradient(#ff56d4,#ffe060,#57efc0,#48b8ff,#a267ff,#ff56d4); --tone-glow:rgb(214 86 255 / 42%); }.bq-vip-halo-tone--aurora { --tone-ring:conic-gradient(#4af1cb,#9bffce,#72b8ff,#b782ff,#4af1cb); --tone-glow:rgb(68 239 203 / 42%); }.bq-vip-halo-tone--amethyst { --tone-ring:conic-gradient(#ff72df,#bd75ff,#f4e8ff,#7e5fff,#ff72df); --tone-glow:rgb(205 91 255 / 44%); }.bq-vip-halo-tone--solar { --tone-ring:conic-gradient(#35e9df,#fff17f,#fff,#53e8df,#35e9df); --tone-glow:rgb(255 229 78 / 40%); }.bq-vip-halo-tone--eclipse { --tone-ring:conic-gradient(#587cff,#ff5ebd,#ffe08d,#6270ff,#587cff); --tone-glow:rgb(96 104 255 / 44%); }.bq-vip-halo-tone input:checked + span { border-color:#f0c141; background:linear-gradient(145deg,#102d50,#10163b); box-shadow:inset 0 -3px #d99820,0 0 16px var(--tone-glow); transform:translateY(-2px); }.bq-vip-halo-tone input:focus-visible + span { outline:2px solid var(--vip-cyan); outline-offset:2px; }.bq-vip-halo-tone input:disabled + span { cursor:not-allowed; filter:saturate(.25); opacity:.55; transform:none; }
.bq-vip-halo-studio__controls footer { display:flex; min-height:37px; align-items:center; justify-content:space-between; gap:16px; }.bq-vip-halo-studio__controls footer p { margin:0; color:#67e4d2; font:.52rem/1.4 var(--bq-mono); }.bq-vip-halo-studio__controls footer .bq-button { min-width:145px; margin:0; }
@keyframes bq-vip-halo-float { from { transform:translateY(3px) rotate(-2deg); } to { transform:translateY(-4px) rotate(2deg); } }

.bq-vip-perks-rail { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:20px; margin:0 16px 16px; padding:15px 18px; border:1px solid var(--vip-line); background:linear-gradient(90deg,#071b38,#06142d 67%,#0e1738); box-shadow:inset 0 1px rgb(255 255 255 / 4%); }
.bq-vip-perks-rail > header { align-self:start; padding-top:8px; white-space:nowrap; }
.bq-vip-perks-rail > div { display:flex; min-width:0; align-items:flex-start; justify-content:center; gap:12px; }
.bq-vip-perk { --perk:#f1b936; position:relative; flex:1 1 0; min-width:62px; text-align:center; }
.bq-vip-perk--2 { --perk:#38d8f0; }.bq-vip-perk--3 { --perk:#a764ff; }.bq-vip-perk--4 { --perk:#f053bd; }.bq-vip-perk--5 { --perk:#4ee395; }.bq-vip-perk--6 { --perk:#f0b448; }
.bq-vip-perk summary { display:grid; justify-items:center; gap:7px; color:#7697b3; font:800 .42rem/1.25 var(--bq-mono); text-transform:uppercase; cursor:pointer; list-style:none; }
.bq-vip-perk summary::-webkit-details-marker { display:none; }
.bq-vip-perk summary i { display:grid; width:61px; aspect-ratio:1; place-items:center; padding:2px; border:1px solid color-mix(in srgb,var(--perk) 58%,#17466c); background:radial-gradient(circle,rgb(255 255 255 / 8%),#06152e 72%); box-shadow:0 0 16px color-mix(in srgb,var(--perk) 24%,transparent),inset 0 0 12px rgb(255 255 255 / 5%); font-style:normal; clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%); transition:transform 160ms cubic-bezier(.23,1,.32,1),filter 160ms ease; }
.bq-vip-perk summary i img { display:block; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 0 7px color-mix(in srgb,var(--perk) 38%,transparent)); }
.bq-vip-perk summary span { max-width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bq-vip-perk[open] summary { color:#f6df91; }.bq-vip-perk[open] summary i { filter:brightness(1.25); transform:translateY(-2px); }
.bq-vip-perk ul { position:absolute; z-index:15; right:50%; bottom:calc(100% + 12px); width:230px; margin:0; padding:12px 12px 12px 29px; border:1px solid var(--perk); background:#031027; box-shadow:0 16px 38px rgb(0 0 0 / 52%); color:#a9c1d5; font-size:.54rem; line-height:1.5; text-align:left; transform:translateX(50%); }
.bq-vip-perk li + li { margin-top:6px; }
.bq-vip-perks-rail__cta { min-width:255px; justify-content:center; gap:24px; margin:0; text-decoration:none; }
.bq-vip-perks-rail__cta span { font-size:1rem; }
.bq-vip-account__purchase { border-top:1px solid #245d82; padding-top:24px; }
.bq-vip-account__note { border-color:#1a496b; background:rgb(3 13 31 / 72%); }

@media (hover:hover) and (pointer:fine) {
  .bq-vip-showcase-card:hover { filter:brightness(1.1); transform:translateY(-3px); }
  .bq-vip-perk summary:hover i { filter:brightness(1.18); transform:translateY(-2px); }
}
.bq-vip-showcase-card:active,.bq-vip-perk summary:active,.bq-vip-perks-rail__cta:active { transform:scale(.97); }

@media (max-width:1180px) {
  .bq-vip-portal__stage { grid-template-columns:minmax(340px,1.25fr) minmax(340px,1fr); }
  .bq-vip-status-panel { grid-column:1/-1; grid-template-columns:auto minmax(180px,.55fr) minmax(260px,1fr) auto minmax(120px,.45fr); grid-template-rows:auto; align-items:center; gap:16px; }
  .bq-vip-status-panel > header { min-height:0; padding:0 18px 0 0; border-right:1px solid #1e5375; border-bottom:0; }
  .bq-vip-status-panel__value { padding:0; }.bq-vip-status-panel ol { grid-template-columns:repeat(4,1fr); margin:0; }.bq-vip-status-panel ol::before { top:50%; right:12px; bottom:auto; left:12px; width:auto; height:2px; }
  .bq-vip-status-panel li { min-height:52px; flex-direction:column; justify-content:center; gap:7px; text-align:center; }
  .bq-vip-reward { width:112px; height:80px; margin:0; }.bq-vip-status-panel > small { margin:0; text-align:left; }
  .bq-vip-halo-studio { grid-template-columns:minmax(280px,.72fr) minmax(460px,1.28fr); }.bq-vip-halo-studio__visual { grid-template-columns:118px minmax(0,1fr); padding-inline:20px; }.bq-vip-halo-studio__visual > img { width:112px; height:112px; }
  .bq-vip-perks-rail { grid-template-columns:1fr auto; }.bq-vip-perks-rail > header { grid-column:1/-1; }.bq-vip-perks-rail > div { justify-content:flex-start; }
}
@media (max-width:820px) {
  .bq-vip-portal__hero { min-height:220px; grid-template-columns:1fr; padding:31px 25px; }.bq-vip-portal__orbit { right:3%; opacity:.6; transform:scale(.74); }.bq-vip-portal__state { top:18px; right:18px; }
  .bq-vip-portal__intro h2 { max-width:530px; font-size:clamp(2.6rem,10vw,4.2rem); }.bq-vip-portal__intro > strong { max-width:52%; font-size:.6rem; line-height:1.5; }
  .bq-vip-portal__stage { grid-template-columns:1fr; padding:12px; }.bq-vip-showcase { min-height:400px; }.bq-vip-status-panel { grid-column:auto; grid-template-columns:1fr; padding:18px; }
  .bq-vip-status-panel > header { padding:0 0 13px; border-right:0; border-bottom:1px solid #1e5375; }.bq-vip-status-panel ol { width:100%; }.bq-vip-status-panel > small { text-align:center; }
  .bq-vip-halo-studio { grid-template-columns:1fr; margin-inline:12px; }.bq-vip-halo-studio__visual { min-height:180px; border-right:0; border-bottom:1px solid #315f89; }.bq-vip-halo-studio__controls fieldset { grid-template-columns:repeat(5,minmax(72px,1fr)); overflow-x:auto; padding:2px 2px 8px; }
  .bq-vip-perks-rail { grid-template-columns:1fr; margin:0 12px 12px; }.bq-vip-perks-rail > header { grid-column:auto; }.bq-vip-perks-rail > div { overflow-x:auto; justify-content:flex-start; padding:8px 4px 17px; }.bq-vip-perk { min-width:92px; }.bq-vip-perks-rail__cta { width:100%; min-width:0; }
}
@media (max-width:520px) {
  .bq-vip-portal__hero { min-height:205px; padding:26px 18px; }.bq-vip-portal__state { position:relative; top:auto; right:auto; justify-self:start; margin-top:18px; }.bq-vip-portal__orbit { right:-26px; bottom:4px; transform:scale(.58); }.bq-vip-portal__intro h2 { font-size:2.65rem; }.bq-vip-portal__intro > strong { max-width:68%; letter-spacing:.15em; }
  .bq-vip-passport { padding:12px; }.bq-vip-passport__card { min-height:270px; padding:29px 24px; }.bq-vip-passport__card > span { top:23px; left:24px; }.bq-vip-passport__card > small { bottom:24px; left:24px; }.bq-vip-passport__card > b { right:23px; bottom:24px; }.bq-vip-passport__name { font-size:2rem; }
  .bq-vip-halo-studio__visual { grid-template-columns:82px minmax(0,1fr); min-height:150px; padding:17px; }.bq-vip-halo-studio__visual > img { width:78px; height:78px; }.bq-vip-halo-studio__visual strong { font-size:1.55rem; }.bq-vip-halo-studio__visual span { display:none; }.bq-vip-halo-studio__controls { padding:18px 16px; }.bq-vip-halo-studio__controls footer { align-items:stretch; flex-direction:column; }.bq-vip-halo-studio__controls footer .bq-button { width:100%; }
  .bq-vip-showcase { grid-template-columns:1fr; }.bq-vip-showcase-card { min-height:190px; }.bq-vip-status-panel ol { grid-template-columns:repeat(2,1fr); }.bq-vip-status-panel ol::before { display:none; }
  .bq-vip-perks-rail { padding:14px 12px; }.bq-vip-perk ul { right:0; transform:none; }
}
@media (prefers-reduced-motion:reduce) {
  .bq-vip-showcase-card,.bq-vip-perk summary i,.bq-vip-perks-rail__cta { transition:opacity 160ms ease,filter 160ms ease; }
  .bq-vip-showcase-card:hover,.bq-vip-perk summary:hover i { transform:none; }
  .bq-vip-halo-studio__visual > img { animation:none; }
}

@media (max-width: 560px) { .bq-footer__newsletter { padding: 13px 12px; }.bq-footer__newsletter-signup button { min-width: 112px; }.bq-footer__links .bq-footer__link-muted { font-size: .85rem; } }