/* Quiet game/salon identity on top of the dark editorial layout. */
body.hub-editorial[data-editorial-game] .main-nav a[aria-current]::after{background:var(--editorial-accent,#eac483)}
.hub-spotlight[data-editorial-theme]{background:color-mix(in srgb,var(--salon-surface,#192725) 70%,#121a19)}
.hub-spotlight[data-editorial-theme]:after{background:linear-gradient(90deg,color-mix(in srgb,var(--salon-surface) 82%,#090e10) 4%,color-mix(in srgb,var(--salon-surface) 74%,#090e10) 27%,#101a1870 58%,transparent 82%),linear-gradient(0deg,#101a18e8 5%,transparent 52%)}
.hub-spotlight[data-editorial-theme] :is(.hub-kicker,.hub-hero-identity h1>span,.hub-live-dot){color:var(--salon-accent)}
.hub-spotlight[data-editorial-theme] .hub-live-dot{background:var(--salon-accent)}
.hub-spotlight[data-editorial-theme] .hub-hero-actions .hub-button,.chess-page article[data-editorial-theme] .chess-hero-actions .chess-cta{min-width:190px;min-height:52px;text-align:center}
body.hub-v20 .hub-spotlight[data-editorial-theme] .hub-button:not(.hub-button-ghost),
body.hub-editorial .chess-page article[data-editorial-theme] .chess-cta:not(.chess-secondary){background:linear-gradient(135deg,color-mix(in srgb,var(--three-d-accent,var(--salon-accent)) 78%,white),var(--three-d-accent,var(--salon-accent)));border-color:var(--three-d-accent,var(--salon-accent));color:var(--three-d-ink,var(--salon-ink))!important;box-shadow:0 7px 25px color-mix(in srgb,var(--three-d-accent,var(--salon-accent)) 25%,transparent);min-width:190px;min-height:52px;padding:13px 24px;text-align:center}
body.hub-v20 .hub-spotlight[data-editorial-theme] .hub-button:not(.hub-button-ghost):hover,
body.hub-editorial .chess-page article[data-editorial-theme] .chess-cta:not(.chess-secondary):hover{background:linear-gradient(135deg,color-mix(in srgb,var(--three-d-accent,var(--salon-accent)) 65%,white),var(--three-d-accent,var(--salon-accent)));filter:brightness(1.04)}
.hub-spotlight[data-editorial-theme] :is(.hub-game-choice,.hub-universe)[aria-pressed="true"],
.chess-page article[data-editorial-theme] :is(.chess-universe,.chess-modes label):has(input:checked){border-color:var(--salon-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--salon-accent) 37%,transparent)}
.hub-spotlight[data-editorial-theme] .hub-universe[aria-pressed="true"]{border-color:var(--salon-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--salon-accent) 52%,transparent)}
.chess-page article[data-editorial-theme] :is(.chess-eyebrow,.chess-section-heading a,.chess-learn,.chess-modes label>span){color:var(--salon-accent)!important}
.chess-page article[data-editorial-theme] .chess-modes input{accent-color:var(--salon-accent)}
.chess-page article[data-editorial-theme] .chess-hero:after{background:linear-gradient(90deg,color-mix(in srgb,var(--salon-surface) 80%,#081012) 0%,color-mix(in srgb,var(--salon-surface) 65%,#081012) 35%,transparent 78%),linear-gradient(0deg,#0d181adf,transparent 32%)}
.chess-page article[data-editorial-theme] .chess-universe[aria-pressed=true]{border-color:var(--salon-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--salon-accent) 36%,transparent)}
.hub-spotlight .hub-universe>img,.chess-page .chess-universe img{object-position:center 23%}
.hub-spotlight .hub-universe>img[src*="/salon-thumbnails-"],.chess-page .chess-universe img[src*="/salon-thumbnails-"],.chess-collection-card .chess-preview img[src*="/salon-thumbnails-"]{object-fit:cover;object-position:center;background:#071621}
.hub-spotlight .hub-hero-actions #hub-play-2d,
.chess-page article .chess-hero-actions .chess-cta.chess-secondary{min-width:190px;min-height:52px;gap:11px;padding:12px 20px;border:1.5px solid var(--two-d-accent,#eac483);border-radius:var(--two-d-radius,10px);background-color:var(--two-d-panel,#192725)!important;background-image:linear-gradient(125deg,color-mix(in srgb,var(--two-d-light,#e8e3d9) 17%,transparent),transparent 62%),var(--two-d-texture,none)!important;background-size:cover,240px auto;background-blend-mode:normal,soft-light;color:#fffaf0!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--two-d-accent,#eac483) 32%,transparent),0 0 0 2px color-mix(in srgb,var(--three-d-accent,#eac483) 38%,transparent),0 7px 24px #0005;font-weight:700;text-shadow:0 1px 2px #0009;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s}
.hub-spotlight .hub-hero-actions #hub-play-2d::before,
.chess-page article .chess-hero-actions .chess-cta.chess-secondary::before{content:"";display:inline-block;flex:none;width:18px;height:18px;border:1px solid var(--two-d-accent,#eac483);border-radius:3px;background:conic-gradient(var(--two-d-accent,#eac483) 25%,transparent 0 50%,var(--two-d-accent,#eac483) 0 75%,transparent 0);background-size:100% 100%;opacity:.9}
.hub-spotlight .hub-hero-actions #hub-play-2d:hover,
.chess-page article .chess-hero-actions .chess-cta.chess-secondary:hover{background-color:color-mix(in srgb,var(--two-d-panel,#192725) 78%,var(--two-d-accent,#eac483))!important;border-color:var(--two-d-accent,#eac483);box-shadow:inset 0 0 0 1px var(--two-d-accent,#eac483),0 0 0 2px var(--three-d-accent,#eac483),0 10px 28px #0006;transform:translateY(-2px)}
.hub-view-links a:first-child{border:1px solid var(--pick-two-d-accent,#e2c68d);background-color:var(--pick-two-d-panel,#172522);background-image:var(--pick-two-d-texture,none);background-size:160px auto;background-blend-mode:soft-light;color:#fffaf0;font-weight:700;box-shadow:0 0 0 1px color-mix(in srgb,var(--editorial-salon-accent,#e2c68d) 35%,transparent)}
.hub-view-links a:first-child::before{content:"";width:10px;height:10px;border:1px solid currentColor;border-radius:2px;background:conic-gradient(currentColor 25%,transparent 0 50%,currentColor 0 75%,transparent 0)}
@media(max-width:700px){body.hub-v20 .hub-spotlight[data-editorial-theme] .hub-button:not(.hub-button-ghost),body.hub-editorial .chess-page article[data-editorial-theme] .chess-cta:not(.chess-secondary){min-width:175px;padding-inline:18px}}
/* Three slices from the mobile frame: preserve the figurative ends, stretch the plain centre. */
@media(min-width:701px){
 body.hub-v20 .hub-spotlight.has-salon-button-art .hub-hero-actions #hub-play-3d,
 body.hub-editorial .chess-page article.has-salon-button-art .chess-hero-actions .chess-cta:not(.chess-secondary){
  box-sizing:border-box;width:316px;min-width:316px;min-height:62px;padding:12px 102px;
  border:0 solid transparent;border-image-source:var(--salon-button-art);
  border-image-slice:0 20% 0 20% fill;border-image-width:0 100px;border-image-repeat:stretch;
  border-radius:0;background:none!important;box-shadow:none;color:#fff!important;
  font-size:14px;line-height:1.2;gap:5px;white-space:nowrap;text-shadow:0 1px 3px #000c;
 }
 body.hub-v20 .hub-spotlight.has-salon-button-art .hub-hero-actions #hub-play-3d:hover,
 body.hub-editorial .chess-page article.has-salon-button-art .chess-hero-actions .chess-cta:not(.chess-secondary):hover{filter:brightness(1.14);transform:translateY(-2px)}
}

/* All controls follow the active salon or board, including when 2D is selected. */
body.hub-v20[data-editorial-view] :focus-visible{outline-color:var(--theme-control-accent)}
body.hub-v20[data-editorial-view] .header .profile-button{border-color:color-mix(in srgb,var(--theme-control-accent) 65%,transparent);background-color:color-mix(in srgb,var(--theme-control-panel) 65%,#11191a);background-image:linear-gradient(125deg,color-mix(in srgb,var(--theme-control-light) 14%,transparent),transparent 70%),var(--theme-control-texture);background-size:cover,180px auto;color:#fffaf0;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-control-accent) 18%,transparent)}
body.hub-v20[data-editorial-view] .header .profile-button:hover{border-color:var(--theme-control-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-control-accent) 25%,transparent)}
body.hub-v20[data-editorial-view] .header .avatar{background:var(--theme-control-accent);color:var(--theme-control-ink)}

body.hub-v20 .hub-spotlight[data-editorial-theme] .hub-hero-actions .hub-button,
body.hub-editorial .chess-page article[data-editorial-theme] .chess-hero-actions .chess-cta{min-width:190px;min-height:52px;padding:12px 20px;border:1.5px solid var(--theme-control-accent);border-radius:var(--theme-control-radius);background-color:var(--theme-control-accent)!important;background-image:linear-gradient(125deg,color-mix(in srgb,var(--theme-control-light) 42%,transparent),transparent 65%),var(--theme-control-texture)!important;background-size:cover,240px auto;background-blend-mode:normal,soft-light;color:var(--theme-control-ink)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-control-light) 35%,transparent),0 7px 24px #0005;text-align:center;font-weight:700;transition:filter .2s,transform .2s,box-shadow .2s}
body.hub-v20 .hub-spotlight[data-editorial-theme] .hub-hero-actions .hub-button:hover,
body.hub-editorial .chess-page article[data-editorial-theme] .chess-hero-actions .chess-cta:hover{filter:brightness(1.13);transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--theme-control-light),0 10px 28px #0007}
body.hub-v20 .hub-spotlight[data-editorial-theme] .hub-hero-actions .hub-button-ghost,
body.hub-editorial .chess-page article[data-editorial-theme] .chess-hero-actions .chess-secondary{background-color:color-mix(in srgb,var(--theme-control-panel) 78%,#11191a)!important;background-image:linear-gradient(125deg,color-mix(in srgb,var(--theme-control-light) 17%,transparent),transparent 65%),var(--theme-control-texture)!important;color:#fffaf0!important;text-shadow:0 1px 2px #000b;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-control-accent) 36%,transparent),0 7px 24px #0005}
body.hub-v20 .hub-spotlight[data-editorial-theme] .hub-hero-actions #hub-play-2d{border-color:var(--theme-control-accent);border-radius:var(--theme-control-radius);background-color:color-mix(in srgb,var(--theme-control-panel) 78%,#11191a)!important;background-image:linear-gradient(125deg,color-mix(in srgb,var(--theme-control-light) 17%,transparent),transparent 65%),var(--theme-control-texture)!important;background-size:cover,240px auto;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-control-accent) 36%,transparent),0 7px 24px #0005}
body.hub-v20 .hub-spotlight[data-editorial-theme] .hub-hero-actions #hub-play-2d:hover{border-color:var(--theme-control-accent);background-color:color-mix(in srgb,var(--theme-control-panel) 58%,var(--theme-control-accent))!important;box-shadow:inset 0 0 0 1px var(--theme-control-accent),0 10px 28px #0007}
body.hub-v20 .hub-spotlight[data-editorial-theme] #hub-play-2d::before,
body.hub-editorial .chess-page article[data-editorial-theme] .chess-hero-actions .chess-secondary::before{border-color:var(--theme-control-accent);background:conic-gradient(var(--theme-control-accent) 25%,transparent 0 50%,var(--theme-control-accent) 0 75%,transparent 0)}

.hub-spotlight[data-editorial-theme] :is(.hub-carousel-controls button,.hub-scene-caption button,.hub-scene-caption a),
.chess-page article[data-editorial-theme] .chess-hero-caption button{border-color:color-mix(in srgb,var(--theme-control-accent) 68%,transparent);background-color:color-mix(in srgb,var(--theme-control-panel) 65%,#101819);background-image:linear-gradient(135deg,color-mix(in srgb,var(--theme-control-light) 15%,transparent),transparent 70%),var(--theme-control-texture);background-size:cover,180px auto;color:#fffaf0;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-control-accent) 17%,transparent)}
.hub-spotlight[data-editorial-theme] :is(.hub-carousel-controls button,.hub-scene-caption button,.hub-scene-caption a):hover,
.chess-page article[data-editorial-theme] .chess-hero-caption button:hover{border-color:var(--theme-control-accent);background-color:color-mix(in srgb,var(--theme-control-panel) 58%,var(--theme-control-accent));box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-control-accent) 27%,transparent)}
.hub-spotlight[data-editorial-theme] .hub-carousel-controls>a,
.chess-page article[data-editorial-theme] :is(.chess-section-heading a,.chess-learn,.chess-invitation a){color:var(--theme-control-accent)!important;text-decoration-color:var(--theme-control-accent)}
.hub-spotlight[data-editorial-theme] .hub-carousel-controls>a:hover,
.chess-page article[data-editorial-theme] :is(.chess-section-heading a,.chess-learn,.chess-invitation a):hover{text-decoration:underline;text-underline-offset:4px}

.hub-spotlight[data-editorial-theme] .hub-game-choice,
.chess-page article[data-editorial-theme] :is(.chess-universe,.chess-modes label){border-color:color-mix(in srgb,var(--theme-control-accent) 38%,#354442);background-color:color-mix(in srgb,var(--theme-control-panel) 54%,#182322);background-image:linear-gradient(155deg,color-mix(in srgb,var(--theme-control-light) 9%,transparent),transparent 70%),var(--theme-control-texture);background-size:cover,240px auto;color:#fffaf0}
.chess-page article[data-editorial-theme] :is(.chess-universe,.chess-modes label){border-radius:var(--theme-control-radius)}
.hub-spotlight[data-editorial-theme] :is(.hub-game-choice,.hub-universe):hover,
.chess-page article[data-editorial-theme] :is(.chess-universe,.chess-modes label):hover{border-color:var(--theme-control-accent)}
.hub-spotlight[data-editorial-theme] :is(.hub-game-choice,.hub-universe)[aria-pressed="true"],
.chess-page article[data-editorial-theme] .chess-universe[aria-pressed="true"],
body.hub-editorial .chess-page article[data-editorial-theme] .chess-modes label:has(input:checked){border-color:var(--theme-control-accent);background-color:color-mix(in srgb,var(--theme-control-panel) 58%,var(--theme-control-accent));box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-control-accent) 43%,transparent);color:#fffaf0}
body.hub-editorial .chess-page article[data-editorial-theme] .chess-modes label:has(input:checked){background-image:linear-gradient(155deg,color-mix(in srgb,var(--theme-control-light) 12%,transparent),transparent 70%),var(--theme-control-texture)!important;background-size:cover,240px auto}
.hub-spotlight[data-editorial-theme] .hub-universe{border-color:color-mix(in srgb,var(--theme-control-accent) 48%,transparent)}
.hub-spotlight[data-editorial-theme] :is(.hub-universe-arrow,.hub-media-kind){border-color:var(--theme-control-accent);background:color-mix(in srgb,var(--theme-control-panel) 70%,#101819);color:#fffaf0}
.chess-page article[data-editorial-theme] :is(.chess-eyebrow,.chess-modes label>span){color:var(--theme-control-accent)!important}
.chess-page article[data-editorial-theme] :is(.chess-modes input,.chess-options input){accent-color:var(--theme-control-accent)}
body.hub-editorial .chess-page article[data-editorial-theme] .chess-options select{border-color:color-mix(in srgb,var(--theme-control-accent) 65%,transparent);border-radius:var(--theme-control-radius);background-color:color-mix(in srgb,var(--theme-control-panel) 68%,#11191a);background-image:var(--theme-control-texture);background-size:180px auto;color:#fffaf0}
body.hub-editorial .chess-page article[data-editorial-theme] .chess-launch .chess-cta{border-color:var(--theme-control-accent);border-radius:var(--theme-control-radius);background-color:var(--theme-control-accent)!important;background-image:linear-gradient(125deg,color-mix(in srgb,var(--theme-control-light) 35%,transparent),transparent 65%),var(--theme-control-texture)!important;background-size:cover,240px auto;color:var(--theme-control-ink)!important;box-shadow:0 7px 24px color-mix(in srgb,var(--theme-control-accent) 24%,transparent)}
body.hub-editorial .chess-page article[data-editorial-theme] .chess-launch .chess-cta:hover{filter:brightness(1.12);transform:translateY(-2px)}
body.hub-editorial .chess-page article[data-editorial-view="2d"] .chess-hero-actions .chess-cta:not(.chess-secondary){background-color:color-mix(in srgb,var(--theme-control-panel) 78%,#11191a)!important;background-image:linear-gradient(125deg,color-mix(in srgb,var(--theme-control-light) 17%,transparent),transparent 65%),var(--theme-control-texture)!important;color:#fffaf0!important;text-shadow:0 1px 2px #000b}
body.hub-editorial .chess-page article[data-editorial-view="2d"] .chess-hero-actions .chess-secondary{background-color:var(--theme-control-accent)!important;background-image:linear-gradient(125deg,color-mix(in srgb,var(--theme-control-light) 42%,transparent),transparent 65%),var(--theme-control-texture)!important;color:var(--theme-control-ink)!important;text-shadow:none}
body.hub-editorial .chess-page article[data-editorial-view="2d"] .chess-hero-actions .chess-secondary::before{border-color:var(--theme-control-ink);background:conic-gradient(var(--theme-control-ink) 25%,transparent 0 50%,var(--theme-control-ink) 0 75%,transparent 0)}

body.hub-v20[data-editorial-view] :is(.hub-outline-link,.hub-view-links a,.hub-community .hub-button){border:1px solid var(--theme-control-accent);border-radius:var(--theme-control-radius);background-color:color-mix(in srgb,var(--theme-control-panel) 72%,#11191a);background-image:linear-gradient(125deg,color-mix(in srgb,var(--theme-control-light) 15%,transparent),transparent 65%),var(--theme-control-texture);background-size:cover,200px auto;color:#fffaf0!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-control-accent) 25%,transparent)}
body.hub-v20[data-editorial-view] :is(.hub-outline-link,.hub-view-links a,.hub-community .hub-button):hover{background-color:color-mix(in srgb,var(--theme-control-panel) 58%,var(--theme-control-accent));transform:translateY(-2px)}
body.hub-v20[data-editorial-view] .hub-view-links a:last-child,
body.hub-v20[data-editorial-view] .hub-community .hub-button:not(.hub-button-ghost){background-color:var(--theme-control-accent);color:var(--theme-control-ink)!important}
body.hub-v20[data-editorial-view] .hub-pick{border-color:color-mix(in srgb,var(--theme-control-accent) 33%,#2f3c3a)}
body.hub-v20[data-editorial-view] .hub-pick:hover{border-color:var(--theme-control-accent)}
body.hub-v20[data-editorial-view] .hub-pick-more>span:first-child{color:var(--theme-control-accent)}

@media(min-width:701px){
 body.hub-v20 .hub-spotlight[data-editorial-view="3d"].has-salon-button-art .hub-hero-actions #hub-play-3d,
 body.hub-v20 .hub-spotlight[data-editorial-view="3d"].has-salon-button-art .hub-hero-actions #hub-play-2d,
 body.hub-editorial .chess-page article[data-editorial-view="3d"].has-salon-button-art :is(.chess-hero-actions,.chess-launch) .chess-cta{box-sizing:border-box;width:280px;min-width:280px;min-height:62px;padding:12px 83px;border:0 solid transparent;border-image-source:var(--salon-button-art);border-image-slice:0 20% 0 20% fill;border-image-width:0 82px;border-image-repeat:stretch;border-radius:0;background:none!important;box-shadow:none;color:#fff!important;font-size:14px;line-height:1.2;gap:5px;white-space:nowrap;text-shadow:0 1px 3px #000c}
 body.hub-v20 .hub-spotlight[data-editorial-view="3d"].has-salon-button-art .hub-hero-actions #hub-play-2d,
 body.hub-editorial .chess-page article[data-editorial-view="3d"].has-salon-button-art .chess-hero-actions .chess-secondary{filter:saturate(.75) brightness(.88)}
 body.hub-v20 .hub-spotlight[data-editorial-view="3d"].has-salon-button-art .hub-hero-actions #hub-play-2d:hover,
 body.hub-editorial .chess-page article[data-editorial-view="3d"].has-salon-button-art .chess-hero-actions .chess-secondary:hover{filter:brightness(1.12)}
}
@media(max-width:700px){
 body.hub-v20 .hub-spotlight[data-editorial-theme] .hub-hero-actions .hub-button,
 body.hub-editorial .chess-page article[data-editorial-theme] .chess-hero-actions .chess-cta{min-width:150px;padding-inline:16px}
}
@media(min-width:701px) and (max-width:1100px){
 body.hub-v20 .hub-spotlight[data-editorial-view="3d"].has-salon-button-art .hub-hero-actions .hub-button,
 body.hub-editorial .chess-page article[data-editorial-view="3d"].has-salon-button-art :is(.chess-hero-actions,.chess-launch) .chess-cta{width:245px;min-width:245px;padding-inline:67px;border-image-width:0 66px;font-size:12px;gap:4px}
}

/* The 2D choices use the same illustrated horizontal button shape as 3D. */
body.hub-v20 .hub-spotlight[data-editorial-view="2d"].has-two-d-button-art .hub-hero-actions :is(#hub-play-3d,#hub-play-2d),
body.hub-editorial .chess-page article[data-editorial-view="2d"].has-two-d-button-art :is(.chess-hero-actions,.chess-launch) .chess-cta{
 box-sizing:border-box;width:280px;min-width:280px;min-height:62px;padding:12px 83px;
 border:0 solid transparent;border-image-source:var(--two-d-button-art);
 border-image-slice:0 20% 0 20% fill;border-image-width:0 82px;border-image-repeat:stretch;
 border-radius:0;background:none!important;box-shadow:none;color:#fff!important;
 font-size:14px;line-height:1.2;gap:5px;white-space:nowrap;text-shadow:0 1px 3px #000c
}
body.hub-v20 .hub-spotlight[data-editorial-view="2d"].has-two-d-button-art .hub-hero-actions #hub-play-3d,
body.hub-editorial .chess-page article[data-editorial-view="2d"].has-two-d-button-art .chess-hero-actions .chess-cta:not(.chess-secondary){filter:saturate(.75) brightness(.88)}
body.hub-v20 .hub-spotlight[data-editorial-view="2d"].has-two-d-button-art .hub-hero-actions #hub-play-2d,
body.hub-editorial .chess-page article[data-editorial-view="2d"].has-two-d-button-art :is(.chess-hero-actions .chess-secondary,.chess-launch .chess-cta){filter:drop-shadow(0 0 9px color-mix(in srgb,var(--two-d-accent) 34%,transparent))}
body.hub-v20 .hub-spotlight[data-editorial-view="2d"].has-two-d-button-art .hub-hero-actions :is(#hub-play-3d,#hub-play-2d):hover,
body.hub-editorial .chess-page article[data-editorial-view="2d"].has-two-d-button-art :is(.chess-hero-actions,.chess-launch) .chess-cta:hover{filter:brightness(1.12);transform:translateY(-2px)}
body.hub-editorial .chess-page article[data-editorial-view="2d"].has-two-d-button-art .chess-hero-actions .chess-secondary::before{border-color:#fff;background:conic-gradient(#fff 25%,transparent 0 50%,#fff 0 75%,transparent 0)}
@media(min-width:701px) and (max-width:1100px){
 body.hub-v20 .hub-spotlight[data-editorial-view="2d"].has-two-d-button-art .hub-hero-actions .hub-button,
 body.hub-editorial .chess-page article[data-editorial-view="2d"].has-two-d-button-art :is(.chess-hero-actions,.chess-launch) .chess-cta{width:245px;min-width:245px;padding-inline:67px;border-image-width:0 66px;font-size:12px;gap:4px}
}
@media(max-width:700px){
 body.hub-v20 .hub-spotlight[data-editorial-view="2d"].has-two-d-button-art .hub-hero-actions .hub-button,
 body.hub-editorial .chess-page article[data-editorial-view="2d"].has-two-d-button-art :is(.chess-hero-actions,.chess-launch) .chess-cta{width:245px;min-width:0;min-height:56px;padding-inline:67px;border-image-width:0 66px;font-size:12px;gap:4px}
}

/* Every universe card has the same picture window and caption space. */
.chess-page article .chess-carousel .chess-universe{box-sizing:border-box;display:flex;flex:0 0 158px;flex-direction:column;align-items:stretch;width:158px;max-width:none;height:170px}
.chess-page article .chess-carousel .chess-preview{box-sizing:border-box;display:block;flex:0 0 98px;width:100%;height:98px;margin:0 0 8px;overflow:hidden}
.chess-page article .chess-carousel .chess-preview img,
.chess-page article .chess-carousel .chess-preview img[src*="/salon-thumbnails-"]{display:block;width:100%;height:100%;margin:0;object-fit:cover;object-position:center;transform:none}
.chess-page article .chess-carousel .chess-universe strong{min-height:2.8em;line-height:1.4;display:flex;align-items:center;justify-content:center}
.chess-page article .chess-carousel .chess-universe small{margin-top:auto}
@media(max-width:700px){
 .chess-page article .chess-carousel .chess-universe{flex-basis:150px;width:150px;height:162px}
 .chess-page article .chess-carousel .chess-preview{flex-basis:90px;height:90px}
}

/* Show the selected game's real 2D board and pieces, not a shared sample film. */
body.hub-editorial .chess-page article[data-editorial-view="2d"] .chess-hero{background-color:#101918;background-image:var(--two-d-hero-scene,none);background-position:center;background-size:cover}
body.hub-editorial .chess-page article[data-editorial-view="2d"] .chess-hero:after{background:linear-gradient(90deg,#0a1514f5 0%,#0a1514df 35%,#0a151487 57%,#0a151437 100%),linear-gradient(0deg,#0a1514c9,transparent 30%)}
.chess-page article[data-editorial-view="2d"] .chess-hero-board-preview{position:absolute;top:50%;right:clamp(20px,5vw,100px);z-index:0;width:min(44vw,560px);height:calc(100% - 54px);object-fit:contain;transform:translateY(-50%);filter:drop-shadow(0 14px 24px #000a)}
.chess-page article[data-editorial-view="2d"] .chess-hero-copy{position:relative;z-index:1}
.chess-page article[data-editorial-view="2d"] .chess-hero-caption{z-index:1}
@media(max-width:950px){.chess-page article[data-editorial-view="2d"] .chess-hero-board-preview{right:-2%;width:49%;opacity:.75}}
@media(max-width:700px){
 body.hub-editorial .chess-page article[data-editorial-view="2d"] .chess-hero:after{background:linear-gradient(90deg,#0a1514eb,#0a15148c),linear-gradient(0deg,#0a1514 3%,transparent 80%)}
 .chess-page article[data-editorial-view="2d"] .chess-hero-board-preview{top:7%;right:-8%;width:min(78vw,400px);height:59%;transform:none;opacity:.57}
}
@media(max-width:700px){
 body.hub-editorial .chess-page article[data-editorial-view="3d"].has-salon-button-art :is(.chess-hero-actions,.chess-launch) .chess-cta{box-sizing:border-box;width:245px;min-width:0;min-height:56px;padding:10px 67px;border:0 solid transparent;border-image-source:var(--salon-button-art);border-image-slice:0 20% 0 20% fill;border-image-width:0 66px;border-image-repeat:stretch;border-radius:0;background:none!important;box-shadow:none;color:#fff!important;font-size:12px;line-height:1.2;white-space:nowrap;text-shadow:0 1px 3px #000c}
}


/* Art is rendered in proportional three/nine slices, independent of hit area. */
body :is(.hub-spotlight,.chess-page article,#game-app.play-experience) .has-themed-button-frame {
 position:relative!important;isolation:isolate;box-sizing:border-box;
 border:0!important;border-image:none!important;border-radius:0!important;
 background:transparent!important;box-shadow:none!important;color:#fff9eb!important;
 text-shadow:0 1px 3px #000,0 1px 5px #000;
}
.themed-button-frame {position:absolute;inset:0;width:100%;height:100%;display:block;z-index:-1;pointer-events:none}
body :is(.hub-spotlight,.chess-page article) :is(.hub-hero-actions,.chess-hero-actions,.chess-launch) .has-themed-button-frame {
 width:min(100%,320px)!important;min-width:0!important;max-width:100%;min-height:62px;
 padding:12px var(--themed-button-inset,18px)!important;white-space:normal!important;overflow-wrap:anywhere;
 display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;
}
body .has-themed-button-frame:focus-visible {outline:3px solid var(--theme-control-accent,#eac483);outline-offset:3px}
body .has-themed-button-frame:disabled {opacity:.48}