:root{color-scheme: light;font-family: Arial, sans-serif;--board-gap: clamp(3px, 1vw, 10px);--card-width: calc((100% - (6 * var(--board-gap))) / 7);}*{box-sizing: border-box;}html{min-width: 320px;background: #edf2f7;}body{margin: 0;overflow-x: hidden;color: #17233a;background: #edf2f7;}button{font: inherit;}.cls_wgo_layout{width: min(100%, 1200px);margin: 0 auto;display: flex;align-items: flex-start;justify-content: space-between;gap: 16px;}.cls_wgo_center{width: min(100%, 768px);min-width: 0;}.cls_wgo_side_ad{flex: 0 0 170px;min-height: 600px;padding-top: 12px;text-align: center;}.cls_wgo_bottom_ad{width: min(calc(100% - 24px), 970px);min-height: 90px;margin: 12px auto 0;text-align: center;}.cls_ad_placeholder{display: inline-block;outline: 1px dashed rgb(82 98 122 / 35%);}.cls_solitaire_app{width: 100%;padding: max(10px, env(safe-area-inset-top)) clamp(5px, 1.8vw, 14px) max(16px, env(safe-area-inset-bottom));}.cls_game_header{padding: 0 4px clamp(8px, 1.8vw, 14px);text-align: center;}.cls_game_header h1{margin: 0;font-size: clamp(1.45rem, 5vw, 2.25rem);line-height: 1.05;}.cls_game_header p{margin: 4px 0 0;color: #52627a;font-size: clamp(0.82rem, 2.5vw, 0.96rem);}.cls_game_status{display: flex;min-height: 44px;flex-wrap: wrap;align-items: center;justify-content: center;gap: 6px clamp(8px, 2vw, 16px);margin: 0 0 8px;}.cls_game_status p{margin: 0;color: #52627a;font-size: 0.9rem;font-variant-numeric: tabular-nums;}.cls_game_status output, .cls_game_status time{color: #17233a;font-weight: 700;}.cls_undo, .cls_game_action, .cls_auto_finish{min-width: 72px;min-height: 44px;padding: 6px 12px;border: 1px solid #587399;border-radius: 7px;color: #243c60;background: #fff;font-weight: 700;cursor: pointer;}.cls_auto_finish{border-color: #bf7a12;color: #fff;background: linear-gradient(135deg, #a95e08, #d28b1d);box-shadow: 0 3px 10px rgb(102 55 4 / 18%);}.cls_undo:disabled{cursor: default;opacity: 0.48;}.cls_undo:focus-visible, .cls_game_action:focus-visible, .cls_auto_finish:focus-visible, .cls_dialog button:focus-visible{outline: 3px solid #b57b00;outline-offset: 2px;}.cls_volume_control{position: relative;display: flex;min-height: 44px;}.cls_sound_button, .cls_volume_button{min-height: 44px;width: 44px;padding: 0;border: 1px solid #587399;color: #243c60;background: #fff;cursor: pointer;}.cls_sound_button{border-radius: 7px 0 0 7px;}.cls_volume_button{border-left: 0;border-radius: 0 7px 7px 0;}.cls_sound_button:focus-visible, .cls_volume_button:focus-visible, .cls_volume_panel input:focus-visible{position: relative;z-index: 1;outline: 3px solid #b57b00;outline-offset: 2px;}.cls_speaker_icon{width: 22px;height: 22px;fill: currentColor;}.cls_speaker_waves, .cls_speaker_slash{fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;}.cls_speaker_slash{display: none;stroke-width: 2.2;}.cls_sound_button[aria-pressed="false"]{color: #66758a;background: #edf2f7;}.cls_sound_button[aria-pressed="false"] .cls_speaker_waves{display: none;}.cls_sound_button[aria-pressed="false"] .cls_speaker_slash{display: block;}.cls_volume_button svg{width: 12px;height: 8px;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round;}.cls_volume_panel[hidden]{display: none;}.cls_volume_panel{position: absolute;z-index: 1200;top: calc(100% + 7px);right: 0;width: min(190px, calc(100vw - 20px));padding: 11px 12px;border: 1px solid #becce0;border-radius: 10px;background: #fff;box-shadow: 0 10px 28px rgb(23 40 67 / 22%);}.cls_volume_panel label{display: flex;justify-content: space-between;gap: 12px;color: #52627a;font-size: 0.78rem;font-weight: 700;}.cls_volume_panel output{color: #243c60;font-variant-numeric: tabular-nums;}.cls_volume_panel input{width: 100%;min-height: 32px;margin: 5px 0 0;accent-color: #36547f;cursor: pointer;}.cls_dialog_overlay[hidden]{display: none;}.cls_dialog_overlay{position: fixed;z-index: 2000;inset: 0;display: grid;place-items: center;padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background: rgb(12 28 48 / 55%);}.cls_dialog{width: min(100%, 23rem);max-height: calc(100vh - 2rem);padding: clamp(18px, 5vw, 28px);overflow: auto;border: 1px solid #b9c7d8;border-radius: 12px;color: #17233a;background: #fff;box-shadow: 0 18px 50px rgb(0 0 0 / 28%);text-align: center;}.cls_dialog h2{margin: 0 0 8px;font-size: 1.5rem;}.cls_dialog p{margin: 0 0 18px;color: #52627a;}.cls_dialog_actions{display: grid;gap: 8px;}.cls_dialog button{min-height: 44px;padding: 8px 14px;border: 1px solid #587399;border-radius: 7px;color: #243c60;background: #fff;font-weight: 700;cursor: pointer;}.cls_dialog .cls_primary_button{border-color: #244e82;color: #fff;background: #244e82;}.cls_completion_stats{display: grid;grid-template-columns: repeat(2, 1fr);gap: 8px;margin: 0 0 18px;}.cls_completion_stats div{padding: 10px;border-radius: 8px;background: #edf2f7;}.cls_completion_stats dt{color: #52627a;font-size: 0.84rem;}.cls_completion_stats dd{margin: 3px 0 0;font-size: 1.2rem;font-weight: 700;font-variant-numeric: tabular-nums;}.cls_completion_mark{display: grid;width: 48px;height: 48px;margin: 0 auto 8px;place-items: center;border-radius: 50%;color: #fff;background: linear-gradient(145deg, #147a4a, #23a76a);box-shadow: 0 7px 18px rgb(15 103 61 / 25%);font-size: 1.7rem;font-weight: 900;animation: fn_completion_arrive 420ms ease-out both;}.cls_completion_eyebrow{margin: 0 0 3px !important;color: #147a4a !important;font-size: 0.72rem;font-weight: 850;letter-spacing: .1em;text-transform: uppercase;}.cls_completion_actions{grid-template-columns: repeat(2, minmax(0, 1fr));}.cls_completion_actions .cls_primary_button{grid-column: 1 / -1;}.cls_share_feedback{min-height: 1.25em;margin: 9px 0 0 !important;color: #147a4a !important;font-size: .82rem;font-weight: 750;}.cls_auto_finish_card{position: fixed !important;z-index: 1900;margin: 0 !important;pointer-events: none !important;transition: transform 110ms cubic-bezier(.2,.8,.3,1), opacity 110ms ease-out;will-change: transform, opacity;}.cls_solitaire_board[data-completed="true"]{box-shadow: 0 16px 38px rgb(10 94 58 / 26%), inset 0 0 0 2px rgb(255 215 94 / 55%);}@keyframes fn_completion_arrive {from { opacity: 0;transform: translateY(8px) scale(.8);} to{opacity: 1;transform: none;} }.cls_solitaire_board{width: 100%;min-height: min(78vh, 720px);padding: clamp(5px, 1.4vw, 11px);overflow: hidden;border: 1px solid #0d5b3f;border-radius: clamp(8px, 1.8vw, 14px);background: linear-gradient(145deg, #158052, #075238);box-shadow: 0 10px 30px rgb(23 40 67 / 18%);}.cls_top_row, .cls_tableau{display: grid;grid-template-columns: repeat(7, minmax(0, 1fr));gap: var(--board-gap);}.cls_top_row{margin-bottom: clamp(12px, 3vw, 24px);}.cls_top_spacer{min-width: 0;}.cls_pile{position: relative;min-width: 0;border: 1px solid rgb(255 255 255 / 42%);border-radius: clamp(3px, 0.8vw, 7px);}.cls_pile:focus-visible{outline: 3px solid #ffd84d;outline-offset: 2px;}.cls_top_pile{width: 100%;aspect-ratio: 3 / 4;}.cls_tableau_pile{min-height: var(--pile-height, calc(var(--card-width) * 1.333));}.cls_pile:empty::before{position: absolute;inset: 0;display: grid;place-items: center;border: 1px dashed rgb(255 255 255 / 34%);border-radius: inherit;color: rgb(255 255 255 / 54%);font-size: clamp(0.72rem, 2.8vw, 1.25rem);content: "";}.cls_foundation:empty::before{content: "";}.cls_tableau_pile:empty{aspect-ratio: 3 / 4;}.cls_tableau_pile:empty::before{content: "K";opacity: 0.65;}.cls_card{position: absolute;top: 0;left: 0;width: 100%;aspect-ratio: 3 / 4;padding: 0;transform: translateY(var(--card-y, 0));overflow: hidden;border: 0;border-radius: clamp(3px, 0.7vw, 6px);background: #fff;box-shadow: 0 1px 3px rgb(0 0 0 / 35%);pointer-events: none;touch-action: none;}.cls_card[data-face-up="true"]{pointer-events: auto;cursor: grab;}.cls_card.cls_selected{outline: 3px solid #ffd84d;outline-offset: -3px;filter: brightness(1.04);}.cls_drop_target{box-shadow: 0 0 0 3px rgb(255 216 77 / 88%);}.cls_input_locked{pointer-events: none;}.cls_dragging .cls_selected{opacity: 0.42;}.cls_drag_ghost{position: fixed;z-index: 1000;top: 0;left: 0;width: clamp(48px, 8vw, 92px);pointer-events: none;filter: drop-shadow(0 7px 8px rgb(0 0 0 / 36%));}.cls_drag_ghost, .cls_drag_ghost *{pointer-events: none !important;}.cls_drag_ghost .cls_card{position: relative;display: block;width: 100%;margin-top: -72%;transform: none;opacity: 0.96;}.cls_drag_ghost .cls_card:first-child{margin-top: 0;}.cls_drag_ghost .cls_card_image{width: 100%;}.cls_card:nth-child(1){z-index: 1;}.cls_card:nth-child(2){z-index: 2;}.cls_card:nth-child(3){z-index: 3;}.cls_card:nth-child(4){z-index: 4;}.cls_card:nth-child(5){z-index: 5;}.cls_card:nth-child(6){z-index: 6;}.cls_card:nth-child(7){z-index: 7;}.cls_card:nth-child(8){z-index: 8;}.cls_card:nth-child(9){z-index: 9;}.cls_card:nth-child(10){z-index: 10;}.cls_card:nth-child(n+11){z-index: 11;}.cls_card_image{display: block;width: 100%;height: 100%;object-fit: fill;pointer-events: none;user-select: none;-webkit-user-drag: none;}.cls_card:focus-visible{outline: 3px solid #ffd84d;outline-offset: 2px;}.cls_visually_hidden{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0;}.cls_wgo_home{padding: 8px 12px max(12px, env(safe-area-inset-bottom));text-align: center;}.cls_wgo_home a{display: inline-flex;min-width: 44px;min-height: 44px;align-items: center;justify-content: center;color: #36547f;font-weight: 700;}@media (max-width: 520px) {:root { --board-gap: clamp(2px, 0.75vw, 4px);} .cls_solitaire_app{padding-inline: 3px;} .cls_game_status{gap: 5px;}.cls_game_action, .cls_undo, .cls_auto_finish{min-width: 0;padding-inline: 8px;font-size: 0.82rem;} .cls_solitaire_board{min-height: min(82vh, 620px);padding: 4px;border-radius: 7px;} .cls_game_header{padding-bottom: 7px;} .cls_top_row{margin-bottom: 10px;} .cls_pile{border-radius: 3px;} }@media (max-width: 1120px) {.cls_wgo_side_ad { display: none;} .cls_wgo_layout{justify-content: center;} }@media (max-height: 500px) and (orientation: landscape) {.cls_solitaire_app { padding-block: 4px;} .cls_game_header{display: flex;align-items: baseline;justify-content: flex-start;gap: 10px;padding-bottom: 3px;} .cls_game_header h1{font-size: 1.2rem;}.cls_game_header p{display: none;} .cls_game_status{position: absolute;top: 3px;right: 8px;min-height: 44px;gap: 5px;margin: 0;} .cls_undo, .cls_game_action{min-height: 44px;min-width: 0;padding: 3px 7px;font-size: 0.74rem;} .cls_game_status p{font-size: 0.72rem;} .cls_solitaire_board{min-height: calc(100vh - 52px);padding: 4px;} .cls_top_row{margin-bottom: 6px;} .cls_wgo_home{padding-block: 2px;} .cls_dialog{width: min(100%, 30rem);padding: 12px 18px;}.cls_dialog h2{font-size: 1.2rem;}.cls_dialog p{margin-bottom: 10px;}.cls_dialog_actions{grid-template-columns: repeat(2, 1fr);} }@media (max-height: 500px) and (orientation: landscape) {.cls_auto_finish { min-height: 44px;min-width: 0;padding: 3px 7px;font-size: .74rem;}.cls_completion_mark{width: 38px;height: 38px;margin-bottom: 4px;font-size: 1.35rem;}.cls_completion_stats{margin-bottom: 10px;}.cls_share_feedback{min-height: 1em;margin-top: 3px !important;} }@media (prefers-reduced-motion: reduce) {*, *::before, *::after { scroll-behavior: auto !important;transition-duration: 0.01ms !important;animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;} .cls_auto_finish_card{display: none !important;} }