.pyramid-screen{--card-w:clamp(58px,6vw,92px);--card-h:calc(var(--card-w)*1.485);grid-template-rows:clamp(54px,7vh,72px) 56px minmax(0,1fr) 36px;background-size:cover;background-position:center}
.pyramid-screen .solitaire-ad-space{grid-row:1;margin:5px 12px 0}.pyramid-screen .solitaire-hud{grid-row:2;z-index:100;padding:0 clamp(10px,2vw,34px)}
.pyramid-screen .solitaire-brand{display:flex;align-items:center;gap:10px;color:#f0d582;font:800 clamp(12px,1.3vw,19px) Arial;letter-spacing:.08em}.pyramid-screen .solitaire-brand button{width:36px;height:36px;border:1px solid #d9b65e;border-radius:50%;color:#ffe398;background:#07140dbb}
.pyramid-screen .solitaire-stats{display:flex;justify-content:center;height:100%}.pyramid-screen .solitaire-stats span{display:grid;place-content:center;min-width:clamp(68px,8vw,112px);text-align:center;border-inline-start:1px solid #e8c66e2b}.pyramid-screen .solitaire-stats small{color:#a89056;font:7px Arial;letter-spacing:.13em}.pyramid-screen .solitaire-stats b{color:#f4dda0;font:700 15px Arial}
.pyramid-screen .solitaire-actions{display:flex;gap:7px}.pyramid-screen .solitaire-actions button{width:38px;height:38px;padding:0;border:0;background:transparent}.pyramid-screen .solitaire-actions img{width:100%;height:100%;object-fit:contain}
.pyramid-board{grid-row:3;position:relative;overflow:hidden}.pyramid-tableau{position:absolute;left:50%;top:1%;width:min(74vw,1050px);height:min(70vh,650px);transform:translateX(-50%)}
.pyramid-card{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);width:var(--card-w);height:var(--card-h);padding:0;border:0;border-radius:8px;transform:translateX(-50%);z-index:calc(10 + var(--row));background:#13231a;box-shadow:0 4px 10px #0009;transition:.15s}.pyramid-card img{display:block;width:100%;height:100%;border-radius:8px;object-fit:fill}.pyramid-card.is-face-up:hover{transform:translateX(-50%) translateY(-6px);filter:brightness(1.15) drop-shadow(0 0 8px #ffd86b)}
.pyramid-draw{position:absolute;right:clamp(18px,6vw,110px);bottom:4%;display:grid;grid-template-columns:var(--card-w) var(--card-w);align-items:center;gap:14px}.pyramid-stock,.pyramid-waste{position:relative;width:var(--card-w);height:var(--card-h);border:1px solid #e7c86e99;border-radius:9px;background:#07140da8;padding:0}.pyramid-stock img,.pyramid-waste img{width:100%;height:100%;display:block;object-fit:fill;border-radius:8px}.pyramid-stock b{position:absolute;right:-8px;bottom:-8px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e5bd50;color:#142016}.pyramid-stock span{color:#d6bc72;font:700 9px Arial}.pyramid-instruction{grid-column:1/-1;color:#d8bd75;font:700 9px/1.5 Arial;letter-spacing:.1em;text-align:center}.pyramid-screen .solitaire-mode-label{grid-row:4}.pyramid-screen .is-selected{filter:brightness(1.28) drop-shadow(0 0 14px #ffe17a);transform:translateX(-50%) translateY(-7px)}.pyramid-screen .pyramid-waste.is-selected{transform:translateY(-7px)}.pyramid-screen .is-hint-source{animation:pyramidHint .45s ease-in-out 3 alternate}@keyframes pyramidHint{to{filter:brightness(1.5) drop-shadow(0 0 15px #ffe17a)}}
@media(max-width:700px){.pyramid-screen{--card-w:min(10.5vw,46px);grid-template-rows:40px 48px minmax(0,1fr) 30px}.pyramid-screen .solitaire-brand{font-size:9px;gap:3px}.pyramid-screen .solitaire-brand button{width:28px;height:28px}.pyramid-screen .solitaire-stats span{min-width:45px}.pyramid-screen .solitaire-actions{gap:1px}.pyramid-screen .solitaire-actions button{width:29px;height:29px}.pyramid-tableau{width:91vw;height:60vh;top:4%}.pyramid-draw{right:7px;bottom:4%;gap:5px}.pyramid-instruction{font-size:5px}}

/* Composición compacta para Android horizontal. */
@media(max-height:600px) and (orientation:landscape){
  .pyramid-screen{--card-w:clamp(43px,7.2vh,58px);grid-template-rows:30px 42px minmax(0,1fr) 25px}
  .pyramid-screen .solitaire-ad-space{margin:2px 10px 0}
  .pyramid-screen .solitaire-hud{padding-inline:10px}
  .pyramid-screen .solitaire-brand{gap:5px;font-size:clamp(9px,1.3vw,13px)}
  .pyramid-screen .solitaire-brand button{width:30px;height:30px}
  .pyramid-screen .solitaire-stats span{min-width:clamp(52px,7vw,74px)}
  .pyramid-screen .solitaire-stats small{font-size:6px}
  .pyramid-screen .solitaire-stats b{font-size:13px}
  .pyramid-screen .solitaire-actions{gap:3px}
  .pyramid-screen .solitaire-actions button{width:31px;height:31px}
  .pyramid-tableau{top:0;width:min(65vw,660px);height:calc(100% - 4px)}
  .pyramid-draw{right:clamp(8px,3vw,28px);bottom:3%;gap:6px}
  .pyramid-instruction{font-size:6px;line-height:1.2}
  .pyramid-screen .solitaire-mode-label{font-size:7px;letter-spacing:.18em}
}
@media(max-height:390px) and (orientation:landscape){
  .pyramid-screen{--card-w:clamp(39px,13vh,49px);grid-template-rows:24px 38px minmax(0,1fr) 22px}
  .pyramid-screen .solitaire-brand button{width:27px;height:27px}
  .pyramid-screen .solitaire-actions button{width:28px;height:28px}
  .pyramid-tableau{width:min(62vw,570px)}
}