.yukon-screen{--card-w:clamp(68px,7.3vw,106px);--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}.yukon-screen .solitaire-ad-space{grid-row:1;margin:5px 12px 0}.yukon-screen .solitaire-hud{grid-row:2;z-index:100;padding:0 clamp(10px,2vw,34px)}.yukon-screen .solitaire-brand{display:flex;align-items:center;gap:10px;color:#f0d582;font:800 clamp(12px,1.3vw,19px) Arial;letter-spacing:.08em}.yukon-screen .solitaire-brand button{width:36px;height:36px;border:1px solid #d9b65e;border-radius:50%;color:#ffe398;background:#07140dbb}.yukon-screen .solitaire-stats{display:flex;justify-content:center;height:100%}.yukon-screen .solitaire-stats span{display:grid;place-content:center;min-width:clamp(68px,8vw,112px);text-align:center;border-inline-start:1px solid #e8c66e2b}.yukon-screen .solitaire-stats small{color:#a89056;font:7px Arial;letter-spacing:.13em}.yukon-screen .solitaire-stats b{color:#f4dda0;font:700 15px Arial}.yukon-screen .solitaire-actions{display:flex;gap:7px}.yukon-screen .solitaire-actions button{width:38px;height:38px;padding:0;border:0;background:transparent}.yukon-screen .solitaire-actions img{width:100%;height:100%;object-fit:contain}
.yukon-board{grid-row:3;position:relative;align-self:stretch;width:min(94%,1320px);height:100%;margin:0 auto;padding-top:10px;box-sizing:border-box;overflow:hidden}.yukon-foundations{display:flex;justify-content:center;gap:clamp(6px,1vw,14px);height:var(--card-h)}.yukon-foundation{width:var(--card-w);height:var(--card-h);padding:0;border:1px solid #e7c86e88;border-radius:9px;background:#07140da8}.yukon-foundation img{display:block;width:100%;height:100%;object-fit:fill;border-radius:8px}.yukon-foundation span{font:calc(var(--card-w)*.45) Georgia;color:#d9bd7055}.yukon-columns{position:absolute;left:0;right:0;top:calc(var(--card-h) + 22px);bottom:0;display:grid;grid-template-columns:repeat(7,var(--card-w));justify-content:space-between;gap:clamp(8px,2vw,34px)}.yukon-column{position:relative;width:var(--card-w);height:100%;border-top:1px dashed #e6c86d55;border-radius:9px}.yukon-card{position:absolute;left:0;width:var(--card-w);height:var(--card-h);padding:0;border:0;border-radius:9px;background:transparent;box-shadow:0 4px 10px #0009}.yukon-card img{display:block;width:100%;height:100%;object-fit:fill;border-radius:9px}.yukon-card.is-selected{filter:brightness(1.18) drop-shadow(0 0 9px #ffe17a);transform:translateY(-3px)}.yukon-screen .solitaire-mode-label{grid-row:4}.yukon-screen .is-hint-source{animation:yukonHint .45s ease-in-out 3 alternate}@keyframes yukonHint{to{filter:brightness(1.5) drop-shadow(0 0 15px #ffe17a)}}
@media(max-width:700px){.yukon-screen{--card-w:min(12vw,50px);grid-template-rows:40px 48px minmax(0,1fr) 30px}.yukon-screen .solitaire-brand{font-size:9px;gap:3px}.yukon-screen .solitaire-brand button{width:28px;height:28px}.yukon-screen .solitaire-stats span{min-width:45px}.yukon-screen .solitaire-actions{gap:1px}.yukon-screen .solitaire-actions button{width:29px;height:29px}.yukon-board{width:98%;padding-top:5px}.yukon-foundations{gap:2px}.yukon-columns{gap:2px}}