/* Flash-only layout: portal colours and isolated, inactive ad placeholders. */
.legacy-tetris .ax-game-grid-flash{display:block;max-width:none;margin:0;--ax-flash-width:500px}
.legacy-tetris .ax-game-grid-pacman{--ax-flash-width:420px}
.ax-game-grid-flash .ax-game-column{width:var(--ax-flash-width);max-width:100%;min-width:0}
.legacy-tetris .ax-game-grid-flash .ax-stage-object{padding:0;min-height:0;border-radius:10px;background:var(--portal-panel)}
.legacy-tetris .ax-flash-tetris-player{width:100%;aspect-ratio:500/380}
.legacy-tetris .ax-flash-tetris-player :is(object,ruffle-object,ruffle-player){width:100%;height:100%;min-height:0;aspect-ratio:500/380}
.ax-pacman-player{width:100%;aspect-ratio:360/420;position:relative}
.legacy-tetris .ax-pacman-player ruffle-player{width:100%;height:100%;min-height:0;aspect-ratio:360/420;display:block}
.ax-player-status{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:20px;pointer-events:none;color:var(--portal-text)}
.ax-player-status[hidden]{display:none}
.legacy-tetris .ax-game-grid-flash .ax-top-title{font-size:22px;line-height:1.3;margin:12px 0 8px}
.ax-flash-controls-guide{box-sizing:border-box;min-height:150px;padding:18px 16px;display:flex;flex-direction:column;justify-content:center;background:var(--portal-panel);color:var(--portal-text)}
.ax-flash-controls-guide h2{font-size:15px;margin:0 0 8px}.ax-flash-controls-guide p{font-size:13px;line-height:1.55;margin:0;color:var(--portal-muted)}
.ax-ad{box-sizing:border-box;border:1px dashed var(--portal-line);background:var(--portal-panel);color:var(--portal-muted)}
.ax-ad-placeholder{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px;text-align:center}
.ax-ad-placeholder small{letter-spacing:2px;font-size:10px}.ax-ad-placeholder em{font-size:11px;font-style:normal}
.ax-game-grid-flash .ax-ad-side{display:none;width:300px;height:250px}
.ax-game-grid-flash .ax-ad-bottom{width:100%;margin-top:0}
.legacy-tetris .ax-toolbar button{background:var(--portal-panel);border:1px solid var(--portal-line);color:var(--portal-text);border-radius:8px;padding:10px;cursor:pointer;min-height:44px}
@media(min-width:930px){.legacy-tetris .ax-game-grid-pacman{display:grid;grid-template-columns:420px 300px;column-gap:150px;align-items:start}.ax-game-grid-pacman .ax-ad-side{display:block}}
@media(min-width:1010px){.legacy-tetris .ax-game-grid-tetris-flash{display:grid;grid-template-columns:500px 300px;column-gap:150px;align-items:start}.ax-game-grid-tetris-flash .ax-ad-side{display:block}}
body.ax-flash-focus>.alexo-global-header{display:none!important}
.legacy-tetris>main>.ax-related{max-width:1100px;margin:24px auto}

/* v49 / supplied V8: one recommendation rail for all three Flash classics. */
.legacy-tetris .ax-game-grid-invaders{--ax-flash-width:520px}
.ax-invaders-player{position:relative;width:100%;aspect-ratio:520/445}
.legacy-tetris .ax-invaders-player ruffle-player{display:block;width:100%;height:100%;min-height:0;aspect-ratio:520/445}
.ax-game-rail{min-width:0;max-width:100%}
.ax-rail-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ax-rail-nearby,.ax-rail-rest{min-width:0}
.ax-rail-rest{margin-top:20px}
.ax-game-rail .alexo-portal-card-copy{padding:8px}
.ax-game-rail .alexo-portal-name{font-size:12px;white-space:normal;overflow-wrap:anywhere}
.ax-game-rail .alexo-portal-card-copy p{font-size:11px}
@media(min-width:1020px){
 .legacy-tetris .ax-game-grid-flash{display:grid;grid-template-columns:var(--ax-flash-width) minmax(300px,1fr);column-gap:150px;align-items:start}
 .ax-game-grid-flash .ax-game-rail .ax-ad-side{display:block;margin:0 0 20px}
}
@media(min-width:1340px){
 .ax-game-rail{display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-rows:250px auto;gap:20px 22px;align-items:start}
 .ax-game-rail .ax-ad-side{grid-column:1;grid-row:1;margin:0!important}
 .ax-rail-nearby{grid-column:2;grid-row:1 / span 2}
 .ax-rail-rest{grid-column:1;grid-row:2;margin:0}
}
@media(max-width:1019px){
 .legacy-tetris .ax-game-grid-flash{display:block}
 .ax-game-grid-flash .ax-game-rail .ax-ad-side{display:none!important}
 .ax-game-rail{display:block;width:var(--ax-flash-width);max-width:100%;margin-top:20px}
}

/* V50: Breakout and closer recommendations; advertising stays 150px away. */
.legacy-tetris .ax-breakout-player{position:relative;display:block;width:100%;aspect-ratio:5/6;overflow:hidden;background:var(--portal-panel);border:1px solid var(--portal-line);border-radius:6px}
.legacy-tetris .ax-breakout-player ruffle-player{display:block;width:100%;height:100%;min-height:0;aspect-ratio:auto}
@media(min-width:1340px){
 .legacy-tetris .ax-game-grid-flash .ax-game-rail .ax-rail-rest{margin-left:-130px;width:430px;max-width:none}
 .legacy-tetris .ax-game-grid-flash .ax-game-rail{row-gap:36px}
}
@media(min-width:1020px) and (max-width:1339px){
 .legacy-tetris .ax-game-grid-flash .ax-game-rail :is(.ax-rail-nearby,.ax-rail-rest){position:relative;left:-130px;width:430px;max-width:none}
 .legacy-tetris .ax-game-grid-flash .ax-game-rail .ax-ad-side{margin-bottom:36px}
}

/* Alexo Classics V12 – additions only for new SWF pages.
   Original SWF dimensions preserved via custom properties.
   150 CSS px separate GAME EDGE and RIGHT GOOGLE AD SLOT.
   The compact 24px JS-Tetris rules from V11 remain unchanged.
*/
.legacy-tetris .ax-game-grid.ax-game-grid-flash.ax-game-grid-v12 {
  display:grid;
  grid-template-columns: minmax(0,var(--ax-flash-width)) minmax(0,1fr);
  column-gap:150px; align-items:start; justify-content:start;
}
.legacy-tetris .ax-game-grid-v12 .ax-game-column{width:var(--ax-flash-width);max-width:100%;min-width:0;}
.legacy-tetris .ax-game-grid-v12 .ax-stage-v12{
  width:100%; min-height:0; height:auto; aspect-ratio:var(--ax-flash-ratio);
  background:var(--portal-panel); border:0; padding:0; box-shadow:none;
  overflow:hidden; display:block; border-radius:8px 8px 0 0;
}
.legacy-tetris .ax-game-grid-v12 .ax-stage-v12::before{display:none;}
.legacy-tetris .ax-game-grid-v12 .ax-v12-player{width:100%;height:100%;position:relative;background:var(--portal-panel);overflow:hidden;}
.legacy-tetris .ax-game-grid-v12 .ax-v12-player ruffle-player{display:block;width:100%;height:100%;}
.legacy-tetris .ax-game-grid-v12 .ax-flash-controls-guide{min-height:150px;}
.legacy-tetris .ax-game-grid-v12 .ax-ad-bottom{margin-top:0;}
/* Wide desktop keeps existing V10 layout: ad 150px away, recommendations in unused areas. */
@media(min-width:1360px){
 .legacy-tetris .ax-game-grid-v12 .ax-game-rail{display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-rows:250px auto;gap:20px 22px;align-items:start;}
 .legacy-tetris .ax-game-grid-v12 .ax-game-rail .ax-ad-side{display:block;grid-column:1;grid-row:1;width:300px;margin:0;}
 .legacy-tetris .ax-game-grid-v12 .ax-game-rail .ax-rail-nearby{grid-column:2;grid-row:1 / span 2;margin:0;width:auto;left:auto;position:static;}
 .legacy-tetris .ax-game-grid-v12 .ax-game-rail .ax-rail-rest{grid-column:1;grid-row:2;margin:0 0 0 -130px;width:430px;max-width:none;position:relative;left:0;}
 .legacy-tetris .ax-game-grid-v12 .ax-game-rail .ax-rail-cards{grid-template-columns:repeat(2,minmax(0,1fr));}
 .legacy-tetris .ax-game-grid-v12 .ax-game-rail .ax-rail-cards{grid-template-columns:repeat(2,minmax(0,1fr));}
}
/* Medium desktop: four + four cards below the ad in a separated block,
   shifted to within 20px of the game only below the ad. */
@media(min-width:1150px) and (max-width:1359px){
 .legacy-tetris .ax-game-grid-v12 .ax-game-rail{display:block;min-width:0;}
 .legacy-tetris .ax-game-grid-v12 .ax-game-rail .ax-ad-side{display:block!important;width:300px;max-width:100%;margin:0 0 36px;}
 .legacy-tetris .ax-game-grid-v12 .ax-game-rail .ax-rail-nearby,
 .legacy-tetris .ax-game-grid-v12 .ax-game-rail .ax-rail-rest{
    position:relative;left:-130px;width:min(430px, calc(100% + 130px));max-width:none;margin:0 0 20px;
 }
 .legacy-tetris .ax-game-grid-v12 .ax-game-rail .ax-rail-cards,
 .legacy-tetris .ax-game-grid-v12 .ax-game-rail .ax-rail-cards{grid-template-columns:repeat(2,minmax(0,1fr));}
}
/* Mobile / narrow desktop: sidebar ad removed, recommendations below game. */
@media(max-width:1149px){
 .legacy-tetris .ax-game-grid.ax-game-grid-flash.ax-game-grid-v12{display:block;}
 .legacy-tetris .ax-game-grid-v12 .ax-game-column{width:min(100%,var(--ax-flash-width));}
 .legacy-tetris .ax-game-grid-v12 .ax-game-rail{display:block;width:min(100%,var(--ax-flash-width));margin-top:18px;}
 .legacy-tetris .ax-game-grid-v12 .ax-game-rail .ax-ad-side{display:none!important;}
 .legacy-tetris .ax-game-grid-v12 .ax-game-rail .ax-rail-nearby,
 .legacy-tetris .ax-game-grid-v12 .ax-game-rail .ax-rail-rest{position:static;left:auto;margin:0 0 20px;width:100%;max-width:100%;}
 .legacy-tetris .ax-game-grid-v12 .ax-game-rail .ax-rail-cards,
 .legacy-tetris .ax-game-grid-v12 .ax-game-rail .ax-rail-cards{grid-template-columns:repeat(2,minmax(0,1fr));}
}
.legacy-tetris .ax-game-grid-v12 .ax-v12-instructions{color:var(--portal-text);}

.legacy-tetris .ax-game-grid-v12 .ax-v12-player ruffle-player{width:100%;height:100%;min-height:0;aspect-ratio:auto}

/* v52: four additional classic players, native proportions, existing v12 layout. */
.legacy-tetris .ax-game-grid-v12.ax-game-grid-v14 .ax-stage-v12,
.legacy-tetris .ax-game-grid-v12.ax-game-grid-v14 .ax-v12-player{aspect-ratio:var(--ax-flash-ratio)}
.legacy-tetris .ax-game-grid-v14 .ax-game-column{min-width:0}
@media(max-width:600px){.legacy-tetris .ax-game-grid-v14 .ax-stage-v12,.legacy-tetris .ax-game-grid-v14 .ax-v12-player{max-width:100%}}



/* v59: keep both recommendation groups beside/below the right ad.
   Adapt the number of cards to the actual group width, not viewport alone. */
.legacy-tetris .ax-game-grid-flash .ax-game-rail .ax-rail-cards{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}
@media(max-width:760px){.legacy-tetris .ax-game-grid-flash .ax-game-rail .ax-rail-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v60: eight consecutive cards, no groups of four. The ad occupies two
   columns on wide rails; cards continue beside it and across following rows. */
.legacy-tetris .ax-game-grid-flash .ax-game-rail.ax-fluid-rail{
 display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
 grid-template-rows:none;grid-auto-rows:auto;gap:12px;
 width:100%;max-width:none;margin:0;align-items:start;container-type:inline-size;
}
.legacy-tetris .ax-game-grid-flash .ax-fluid-rail .ax-ad-side{
 grid-column:1 / -1;grid-row:auto;width:300px;max-width:100%;margin:0 0 24px!important;
}
.legacy-tetris .ax-fluid-rail>.alexo-portal-card{min-width:0;height:100%}
.legacy-tetris .ax-fluid-rail .alexo-portal-name{white-space:normal;overflow-wrap:anywhere;font-size:13px}
@container(min-width:640px){
 .legacy-tetris .ax-game-grid-flash .ax-fluid-rail .ax-ad-side{grid-column:span 2;grid-row:span 2}
}
@media(max-width:1149px){
 .legacy-tetris .ax-game-grid-flash .ax-game-rail.ax-fluid-rail{margin-top:20px}
}
@media(max-width:760px){
 .legacy-tetris .ax-game-grid-flash .ax-game-rail.ax-fluid-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
}