.golf-screen{--card-w:clamp(72px,8vw,118px);--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}.golf-screen .solitaire-ad-space{grid-row:1;margin:5px 12px 0}.golf-screen .solitaire-hud{grid-row:2;z-index:100;padding:0 clamp(10px,2vw,34px)}.golf-screen .solitaire-brand{display:flex;align-items:center;gap:10px;color:#f0d582;font:800 clamp(12px,1.3vw,19px) Arial;letter-spacing:.08em}.golf-screen .solitaire-brand button{width:36px;height:36px;border:1px solid #d9b65e;border-radius:50%;color:#ffe398;background:#07140dbb}.golf-screen .solitaire-stats{display:flex;justify-content:center;height:100%}.golf-screen .solitaire-stats span{display:grid;place-content:center;min-width:clamp(68px,8vw,112px);text-align:center;border-inline-start:1px solid #e8c66e2b}.golf-screen .solitaire-stats small{color:#a89056;font:7px Arial;letter-spacing:.13em}.golf-screen .solitaire-stats b{color:#f4dda0;font:700 15px Arial}.golf-screen .solitaire-actions{display:flex;gap:7px}.golf-screen .solitaire-actions button{width:38px;height:38px;padding:0;border:0;background:transparent}.golf-screen .solitaire-actions img{width:100%;height:100%;object-fit:contain}
.golf-board{grid-row:3;position:relative;align-self:stretch;width:min(92%,1250px);height:100%;margin:0 auto;padding-top:15px;box-sizing:border-box;overflow:hidden}.golf-columns{display:grid;grid-template-columns:repeat(7,var(--card-w));justify-content:space-between;gap:clamp(8px,2vw,35px);height:65%}.golf-column{position:relative;width:var(--card-w);height:100%;border-top:1px dashed #e6c86d55;border-radius:9px}.golf-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}.golf-card img{display:block;width:100%;height:100%;object-fit:fill;border-radius:9px}.golf-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%)}.golf-stock,.golf-waste{position:relative;width:var(--card-w);height:var(--card-h);padding:0;border:1px solid #e7c86e99;border-radius:9px;background:#07140da8}.golf-stock img,.golf-waste img{display:block;width:100%;height:100%;object-fit:fill;border-radius:8px}.golf-stock b{position:absolute;right:-8px;bottom:-8px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e5bd50;color:#142016}.golf-stock span{color:#d6bc72;font:700 9px Arial}.golf-draw p{color:#d8bd75;font:700 9px/1.5 Arial;letter-spacing:.11em;white-space:nowrap}.golf-screen .solitaire-mode-label{grid-row:4}.golf-screen .is-hint-source{animation:golfHint .45s ease-in-out 3 alternate}@keyframes golfHint{to{filter:brightness(1.5) drop-shadow(0 0 15px #ffe17a)}}
@media(max-width:700px){.golf-screen{--card-w:min(12vw,50px);grid-template-rows:40px 48px minmax(0,1fr) 30px}.golf-screen .solitaire-brand{font-size:9px;gap:3px}.golf-screen .solitaire-brand button{width:28px;height:28px}.golf-screen .solitaire-stats span{min-width:45px}.golf-screen .solitaire-actions{gap:1px}.golf-screen .solitaire-actions button{width:29px;height:29px}.golf-board{width:98%;padding-top:7px}.golf-columns{gap:2px}.golf-draw{gap:6px}.golf-draw p{font-size:6px}}

@media (orientation:landscape) and (max-width:1200px){.golf-screen{--card-w:clamp(42px,13vh,58px);grid-template-rows:30px 42px minmax(0,1fr) 16px}.golf-screen .solitaire-ad-space{margin:2px 10px 0}.golf-screen .solitaire-hud{padding-inline:9px}.golf-screen .solitaire-brand{gap:5px;font-size:clamp(9px,1.3vw,13px)}.golf-screen .solitaire-brand button{width:30px;height:30px}.golf-screen .solitaire-stats span{min-width:clamp(52px,7vw,74px)}.golf-screen .solitaire-stats small{font-size:6px}.golf-screen .solitaire-stats b{font-size:13px}.golf-screen .solitaire-actions{gap:3px}.golf-screen .solitaire-actions button{width:31px;height:31px}.golf-board{width:96%;height:100%;padding-top:3px}.golf-columns{height:62%;gap:5px}.golf-draw{bottom:4%;gap:7px}.golf-draw p{font-size:6px}.golf-screen .solitaire-mode-label{min-height:0;padding:0;font-size:5px;line-height:16px;letter-spacing:.14em}}
@media(max-height:390px) and (orientation:landscape){.golf-screen{--card-w:clamp(38px,12vh,48px);grid-template-rows:24px 38px minmax(0,1fr) 13px}.golf-screen .solitaire-brand button{width:27px;height:27px}.golf-screen .solitaire-actions button{width:28px;height:28px}.golf-columns{height:60%}.golf-draw{bottom:5%}.golf-screen .solitaire-mode-label{font-size:5px;line-height:13px}}