#new-game,#undo-move,#hint,#show-playable,#share-deal,#fullscreen-toggle,#daily-challenge,#stats-toggle{text-decoration:none;color:#fff;font-weight:600;background-color:#4caf50;padding:clamp(2px,.3vw,4px)clamp(6px,.8vw,12px);border-radius:6px;border:none;cursor:pointer;text-transform:uppercase;font-size:clamp(11px,.9vw,13px);letter-spacing:.5px;white-space:nowrap;min-width:max-content;height:28px;display:flex;align-items:center;justify-content:center;&:hover{background-color:#45a049}&:active{transform:translateY(0)}}#show-playable,#share-deal{background-color:rgba(255,255,255,.12)}#daily-challenge,#stats-toggle{background-color:rgba(255,255,255,.12);gap:4px;&:hover{background-color:rgba(255,255,255,.22)}}#fullscreen-toggle{gap:5px;background-color:#1565c0;&:hover{background-color:#1976d2}&.active{background-color:#0d47a1;box-shadow:0 0 0 2px rgba(100,181,246,.55)}}#fullscreen-toggle[hidden]{display:none}.fullscreen-icon{font-size:16px;line-height:1}@media(max-width:1050px){.fullscreen-label{display:none}}#daily-challenge{&.active{background-color:#7b1fa2;box-shadow:0 0 0 2px rgba(186,104,200,.6)}&.completed .daily-btn-label::after{content:" ✓"}}.daily-btn-label{margin-left:4px}@media(max-width:900px){.daily-btn-label{display:none}}#hint{background-color:#ff9800;&:hover{background-color:#f57c00}&:active{background-color:#ef6c00}}#stats-container{font-size:clamp(11px,.9vw,14px);color:#fff;background:rgba(0,0,0,.2);padding:clamp(2px,.3vw,4px)clamp(6px,.8vw,12px);border-radius:30px;display:flex;gap:clamp(4px,.8vw,12px);align-items:center;flex-wrap:nowrap;height:28px;box-sizing:border-box;white-space:nowrap;overflow:hidden;max-width:100vw}#timer,#score,#moves{font-weight:700;color:#4caf50}.klondike-switch-btn{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:2px;cursor:pointer;height:32px;display:inline-flex;align-items:center;min-width:110px;margin-right:10px;&:hover{background:rgba(0,0,0,.4);border-color:rgba(255,255,255,.3)}& .switch-track{position:relative;width:100%;height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 4px}& .switch-option{font-size:clamp(9px,.8vw,11px);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:rgba(255,255,255,.6);z-index:2;padding:0 8px;text-align:center;flex:1;&.active{color:#fff}}& .switch-slider{position:absolute;top:2px;left:2px;width:48%;height:24px;background:#4caf50;border-radius:16px;z-index:1}&.mode-3 .switch-slider{transform:translateX(100%)}}.menu-right,#menu,.menu-controls-row{overflow:visible}.icon-button{background:0 0;border:none;cursor:pointer;font-size:1.2rem;padding:5px;margin-right:10px;&:hover{opacity:.8}}.other-card-games-link{color:#4caf50;text-decoration:none;font-size:18px;font-weight:600;padding:8px 12px;border-radius:6px;margin-right:15px;white-space:nowrap;&:hover{background:rgba(76,175,80,.1)}}#game-board{width:70vw;height:100vh;background:linear-gradient(145deg,#1e502f,#234a2f);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.2);padding:20px;box-sizing:border-box;position:relative;display:flex;flex-direction:column;--pile-count:7;--grid-width:calc(70vw - 40px);--card-spacing:clamp(8px, calc(var(--grid-width) * 0.015), 15px);--card-width:calc((var(--grid-width) - (var(--pile-count) - 1) * var(--card-spacing)) / var(--pile-count));--card-height:calc(var(--card-width) * 1.4);--tableau-offset-face-up:calc(var(--card-width) * 0.21);--tableau-offset-face-down:calc(var(--card-width) * 0.08);gap:calc(var(--card-spacing));contain:layout style;will-change:transform}#game-board.is-hydrating::before,#game-board.is-loading::before{content:"";position:absolute;inset:0;z-index:20000;border-radius:inherit;background:rgba(7,31,17,.22);pointer-events:none}#game-board.is-hydrating::after,#game-board.is-loading::after{content:"";position:absolute;top:50%;left:50%;z-index:20001;width:30px;height:30px;margin:-18px 0 0 -18px;border:4px solid rgba(255,255,255,.35);border-top-color:#9fe18b;border-radius:50%;animation:ofsLoadingSpin .7s linear infinite;pointer-events:none}@keyframes ofsLoadingSpin{to{transform:rotate(360deg)}}#game-board.pile-count-8{--pile-count:8}#game-board.pile-count-10{--pile-count:10}.top-row{display:flex;justify-content:space-between;height:var(--card-height,120px);position:relative}.left-piles,.right-piles{display:flex;gap:var(--card-spacing,15px)}.foundation-container{display:flex;gap:var(--card-spacing,15px)}.tableau{height:auto}.tableau-container{display:flex;gap:var(--card-spacing,15px);align-items:flex-start;min-height:var(--card-height);contain:layout;position:relative}.pile{position:relative;min-height:var(--card-height);width:var(--card-width);border-radius:8px;&.can-drop .pile-background{opacity:1!important;box-shadow:0 0 40px rgba(76,175,80,.8)}&.hint-target .pile-background{opacity:1!important;box-shadow:0 0 60px 10px rgba(255,193,7,.95);outline:3px solid #ffc107}}.tableau-pile{min-height:var(--card-height);flex:1;min-width:var(--card-width);contain:layout style;display:flex;flex-direction:column;align-items:flex-start;position:relative;&.can-drop::after{content:"";position:absolute;top:0;left:0;width:var(--card-width);height:100%;pointer-events:none;z-index:0;box-shadow:0 0 40px rgba(76,175,80,.8)}&.hint-target::after{content:"";position:absolute;top:0;left:0;width:var(--card-width);height:100%;pointer-events:none;z-index:0;box-shadow:0 0 70px 14px rgba(255,193,7,.95)}.card{position:relative;left:0;top:0;margin-top:0}.card.face-up+.card{margin-top:calc(-1 * (var(--card-height) - var(--tableau-offset-face-up)))}.card.face-down+.card{margin-top:calc(-1 * (var(--card-height) - var(--tableau-offset-face-down)))}}.pile-background{position:absolute;top:0;left:0;width:var(--card-width);height:var(--card-height);border:.5px dashed rgba(255,255,255,.3);border-radius:8px;box-sizing:border-box;background:rgba(224,224,224,.2);pointer-events:none}.pile:has(.card:not(.dragging)).pile-background{opacity:0}.waste-pile .pile-background{opacity:0}.tableau-bg{height:var(--card-height)}.card{position:absolute;width:var(--card-width);height:var(--card-height);border-radius:8px;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;will-change:transform;z-index:1;&.flipping{animation:cardFlip .3s ease-in-out}&.stock-to-waste{animation:stockToWasteAnimation .3s ease-out forwards}&.winning{animation:winBounce .6s ease-in-out}&.hint-card{animation:hintPulse 1.3s ease-in-out 0s 3;box-shadow:0 0 28px 8px #ffc107;z-index:3}}.is-dragging{.top-row:has(.card.dragging), .tableau-container:has(.card.dragging){z-index:10}.pile:has(.card.dragging){z-index:100}}.stock-pile{&.empty::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(var(--card-width) * .6);height:calc(var(--card-width) * .6);border:8px solid #45a049;border-radius:50%;opacity:.7}}@keyframes cardFlip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}100%{transform:rotateY(0)}}@keyframes stockToWasteAnimation{0%{transform:translateX(0)rotateY(0);z-index:100}50%{transform:translateX(calc(var(--card-width)/2 + var(--card-spacing)/2))rotateY(90deg)}100%{transform:translateX(calc(var(--card-width) + var(--card-spacing)))rotateY(0);z-index:1}}@keyframes winBounce{0%,100%{transform:scale(1)}25%{transform:scale(1.1)rotate(5deg)}75%{transform:scale(1.1)rotate(-5deg)}}@keyframes hintPulse{0%{transform:scale(1);box-shadow:0 0 rgba(255,193,7,0)}50%{transform:scale(1.08);box-shadow:0 0 40px 12px #ffc107}100%{transform:scale(1);box-shadow:0 0 rgba(255,193,7,0)}}@keyframes foundationComplete{0%{transform:translate(-50%,-50%)scale(0)}50%{transform:translate(-50%,-50%)scale(1.3)}100%{transform:translate(-50%,-50%)scale(1)}}@keyframes autoWinMove{0%{transform:translate(0,0)}100%{transform:translate(var(--auto-win-dx,0),var(--auto-win-dy,0))}}.card.auto-win-move{animation:autoWinMove .15s ease-out forwards}#content-container{width:70vw;max-width:100%;margin:0;padding:20px;background:rgba(0,0,0,.2);border-radius:8px;backdrop-filter:blur(10px);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;h1{color:#4caf50;font-size:2rem;margin-bottom:1.5rem;text-align:center}}.content-wrapper{padding:1rem;width:100%;font-size:1.125rem;a{color:#9fe18b;font-weight:700;text-decoration-color:rgba(159,225,139,.65);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#c8f5bc;text-decoration-color:initial}a:focus-visible{border-radius:3px;outline:2px solid #c8f5bc;outline-offset:3px}.intro{text-align:center;max-width:800px;margin:0 auto 2rem;font-size:1.125rem;line-height:1.8;color:#fff}h2{color:#4caf50;margin:2rem 0 1rem}h3{color:#4caf50;margin:1.5rem 0 1rem}p{margin-bottom:1rem;line-height:1.6;max-width:800px}ul{list-style-type:disc;margin-left:1.5rem;margin-bottom:1.5rem;max-width:800px;text-align:left}}#main-content{visibility:visible;min-height:60vh}.main-layout{display:flex;flex-direction:column;gap:20px;overflow:visible}.content-column{display:flex;flex-direction:column;gap:20px;flex:1;min-width:0;overflow:visible}.game-area{display:block}.related-games-section{padding:2rem 1rem;margin-top:2rem;border-top:1px solid rgba(255,255,255,.1);max-width:1200px;margin-left:auto;margin-right:auto;order:3}.related-games-section h2{text-align:center;margin-bottom:1.5rem;color:#fff;font-size:1.5rem}.related-games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;list-style:none;padding:0;margin:0}.related-game-card{background:rgba(30,60,40,.6);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.related-game-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.related-game-icon{width:120px;height:120px;border-radius:12px;object-fit:cover;margin-bottom:1rem}.related-game-card h3{margin:0 0 .5rem;font-size:1.25rem}.related-game-card h3 a{color:#fff;text-decoration:none}.related-game-card h3 a:hover{text-decoration:underline}.related-game-card p{color:rgba(255,255,255,.8);font-size:.9rem;line-height:1.5;margin:0 0 1rem;flex-grow:1}.related-game-play-btn{display:inline-block;background:linear-gradient(135deg,#2d8f47,#1e6b33);color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:background .2s ease}.related-game-play-btn:hover{background:linear-gradient(135deg,#3aa55d,#2d8f47)}.homepage-trust{width:min(1040px,calc(100% - 24px));box-sizing:border-box;margin:2rem auto;padding:clamp(18px,3vw,30px);border:1px solid rgba(255,255,255,.14);border-radius:18px;background:linear-gradient(145deg,rgba(8,34,19,.92),rgba(20,61,35,.76));box-shadow:0 16px 38px rgba(0,0,0,.2)}.homepage-trust-heading{margin-bottom:1.25rem;text-align:center}.homepage-trust-heading h2{margin:.2rem 0 0;color:#fff;font-size:clamp(1.35rem,3vw,2rem)}.homepage-trust-eyebrow{margin:0;color:#9fe18b;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.homepage-trust-eyebrow a{color:inherit;text-underline-offset:.18em}.homepage-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.homepage-trust-grid article{padding:16px;border-radius:13px;background:rgba(255,255,255,.055)}.homepage-trust-grid article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(76,175,80,.18);color:#baf0aa;font-weight:900}.homepage-trust-grid h3{margin:.75rem 0 .35rem;color:#fff;font-size:1rem}.homepage-trust-grid p,.homepage-trust-review{color:rgba(255,255,255,.75);font-size:.84rem;line-height:1.55}.homepage-trust-grid a,.homepage-trust-review a{color:#9fe18b;font-weight:700}.homepage-trust-review{margin:1.15rem 0 0;text-align:center}@media(max-width:760px){.homepage-trust-grid{grid-template-columns:1fr}}.sidebar{display:none}@media(orientation:landscape){.main-layout{flex-direction:row;align-items:stretch}.sidebar{display:block;width:calc(30vw - 32px);min-width:300px;flex-shrink:0}}@media(orientation:landscape) and (min-width:1200px){.sidebar{min-height:640px}.sidebar [class^=mv-rail-frame-],.sidebar [class*=" mv-rail-frame-"]{width:300px!important;max-width:100%!important;margin-inline:auto!important}.sidebar [class^=mv-rail-sticky-],.sidebar [class*=" mv-rail-sticky-"]{width:300px!important;min-width:300px!important;height:600px!important;min-height:600px!important;max-width:100%!important}}.lang-dropdown{position:relative;display:inline-block;summary{list-style:none}summary::-webkit-details-marker{display:none}&[open] .lang-menu{display:grid}}.lang-current{display:inline-flex;align-items:center;justify-content:center;width:32px;height:28px;padding:0 6px;cursor:pointer}.flag{font-size:18px;line-height:1}.lang-menu{position:absolute;top:calc(100% + 6px);left:0;display:none;grid-template-columns:1fr;gap:6px;padding:8px;min-width:160px;z-index:1000}.lang-item{width:32px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;text-decoration:none;color:inherit;&:hover{background:rgba(255,255,255,.1)}}.video-section{margin:2rem 0;max-width:800px}.video-container{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden;cursor:pointer}.video-container img{width:100%;height:100%;object-fit:cover}.video-container .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:48px;background:red;border-radius:10px;pointer-events:none}.video-container .play-button::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-40%,-50%);border:solid transparent;border-width:11px 0 11px 19px;border-left-color:#fff}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}@media(orientation:portrait){#game-board{--board-padding:0px;width:100vw;padding:var(--board-padding);padding-top:8px;padding-bottom:8px;box-sizing:border-box;--grid-width:100vw;--card-spacing:clamp(4px, calc(var(--grid-width) * 0.008), 10px);--tableau-offset-face-up:calc(var(--card-width) * 0.35);--tableau-offset-face-down:calc(var(--card-width) * 0.12)}#content-container{width:100vw}}@media(orientation:portrait){.klondike-switch-btn,.spider-difficulty-btn{margin-right:0}}@media(orientation:portrait) and (max-width:360px){#new-game,#undo-move,#hint{width:30px!important;min-width:30px!important;padding:0!important;overflow:hidden;font-size:0!important}.klondike-switch-btn{min-width:98px}.klondike-switch-btn .switch-option{padding-right:5px;padding-left:5px}}