.tripeaks-screen{--card-w:clamp(64px,7.1vw,108px);--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}
.tripeaks-screen .solitaire-ad-space{grid-row:1;margin:5px 12px 0}.tripeaks-screen .solitaire-hud{grid-row:2;z-index:100;padding:0 clamp(10px,2vw,34px)}
.tripeaks-screen .solitaire-brand{display:flex;align-items:center;gap:10px;color:#f0d582;font:800 clamp(12px,1.3vw,19px) Arial;letter-spacing:.08em}.tripeaks-screen .solitaire-brand button{width:36px;height:36px;border:1px solid #d9b65e;border-radius:50%;color:#ffe398;background:#07140dbb}
.tripeaks-screen .solitaire-stats{display:flex;justify-content:center;height:100%}.tripeaks-screen .solitaire-stats span{display:grid;place-content:center;min-width:clamp(68px,8vw,112px);text-align:center;border-inline-start:1px solid #e8c66e2b}.tripeaks-screen .solitaire-stats small{color:#a89056;font:7px Arial;letter-spacing:.13em}.tripeaks-screen .solitaire-stats b{color:#f4dda0;font:700 15px Arial}
.tripeaks-screen .solitaire-actions{display:flex;gap:7px}.tripeaks-screen .solitaire-actions button{width:38px;height:38px;padding:0;border:0;background:transparent}.tripeaks-screen .solitaire-actions img{width:100%;height:100%;object-fit:contain}
.tripeaks-board{grid-row:3;position:relative;overflow:hidden}.tripeaks-tableau{position:absolute;left:50%;top:1.5%;width:min(78vw,1120px);height:min(63vh,610px);transform:translateX(-50%)}
.tripeaks-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(--layer));background:#13231a;box-shadow:0 4px 10px #0009;transition:filter .15s,transform .15s}.tripeaks-card img{display:block;width:100%;height:100%;border-radius:8px;object-fit:fill}.tripeaks-card.is-face-up:hover{transform:translateX(-50%) translateY(-7px);filter:brightness(1.14) drop-shadow(0 0 8px #ffd86b)}
.tripeaks-draw{position:absolute;left:50%;bottom:2%;display:grid;grid-template-columns:var(--card-w) var(--card-w) auto;align-items:center;gap:18px;transform:translateX(-50%)}.tripeaks-stock,.tripeaks-waste{position:relative;width:var(--card-w);height:var(--card-h);border:1px solid #e7c86e99;border-radius:9px;background:#07140da8;padding:0}.tripeaks-stock img,.tripeaks-waste img{width:100%;height:100%;display:block;object-fit:fill;border-radius:8px}.tripeaks-stock b{position:absolute;right:-8px;bottom:-8px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e5bd50;color:#142016}.tripeaks-stock span{color:#d6bc72;font:700 9px Arial}.tripeaks-instruction{color:#d8bd75;font:700 10px Arial;letter-spacing:.12em;white-space:nowrap}.tripeaks-screen .solitaire-mode-label{grid-row:4}.tripeaks-screen .is-hint-source{animation:tripeaksHint .45s ease-in-out 3 alternate}@keyframes tripeaksHint{to{filter:brightness(1.45) drop-shadow(0 0 15px #ffe17a)}}
@media(max-width:700px){.tripeaks-screen{--card-w:min(9.2vw,47px);grid-template-rows:40px 48px minmax(0,1fr) 30px}.tripeaks-screen .solitaire-brand{font-size:9px;gap:3px}.tripeaks-screen .solitaire-brand button{width:28px;height:28px}.tripeaks-screen .solitaire-stats span{min-width:45px}.tripeaks-screen .solitaire-actions{gap:1px}.tripeaks-screen .solitaire-actions button{width:29px;height:29px}.tripeaks-tableau{width:92vw;height:60vh;top:6%}.tripeaks-draw{bottom:5%;gap:8px}.tripeaks-instruction{font-size:6px}}

/* Composición compacta para Android horizontal. */
@media (orientation:landscape) and (max-width:1200px){
 .tripeaks-screen{--card-w:clamp(42px,13vh,58px);grid-template-rows:30px 42px minmax(0,1fr) 25px}
 .tripeaks-screen .solitaire-ad-space{margin:2px 10px 0}.tripeaks-screen .solitaire-hud{padding-inline:10px}
 .tripeaks-screen .solitaire-brand{gap:5px;font-size:clamp(9px,1.3vw,13px)}.tripeaks-screen .solitaire-brand button{width:30px;height:30px}
 .tripeaks-screen .solitaire-stats span{min-width:clamp(52px,7vw,74px)}.tripeaks-screen .solitaire-stats small{font-size:6px}.tripeaks-screen .solitaire-stats b{font-size:13px}
 .tripeaks-screen .solitaire-actions{gap:3px}.tripeaks-screen .solitaire-actions button{width:31px;height:31px}
 .tripeaks-board{width:100%;height:100%;min-height:0;overflow:hidden}.tripeaks-tableau{top:0;width:min(74vw,690px);height:70%}.tripeaks-draw{bottom:1%;gap:7px}.tripeaks-instruction{font-size:6px}
 .tripeaks-screen .solitaire-mode-label{font-size:7px;letter-spacing:.18em}
}
@media(max-height:390px) and (orientation:landscape){
 .tripeaks-screen{--card-w:clamp(38px,12vh,48px);grid-template-rows:24px 38px minmax(0,1fr) 22px}
 .tripeaks-screen .solitaire-brand button{width:27px;height:27px}.tripeaks-screen .solitaire-actions button{width:28px;height:28px}
 .tripeaks-tableau{width:min(68vw,580px);height:70%}.tripeaks-draw{gap:5px}
}