:root{--board-gap: clamp(2px, .65vw, 8px);color-scheme: light;font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;}*{box-sizing: border-box;}html, body{min-width: 0;margin: 0;overflow-x: hidden;}body{color: #17233a;background: linear-gradient(180deg, #f7f9fc, #eaf0f7);}button, input, select{font: inherit;}.cls_wgo_layout{display: flex;width: min(100%, 1540px);min-width: 0;margin: 0 auto;align-items: flex-start;justify-content: center;gap: 10px;}.cls_wgo_center{width: min(100%, 1180px);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_spider_app{width: 100%;min-width: 0;padding: clamp(5px, 1.4vw, 16px);padding-inline: max(clamp(5px, 1.4vw, 16px), env(safe-area-inset-left)) max(clamp(5px, 1.4vw, 16px), env(safe-area-inset-right));}.cls_game_header{display: flex;min-width: 0;align-items: end;justify-content: space-between;gap: 12px;padding: 4px 2px 10px;}.cls_game_eyebrow{margin: 0 0 1px;color: #34725a;font-size: clamp(.62rem, 1.6vw, .75rem);font-weight: 800;letter-spacing: .12em;text-transform: uppercase;}.cls_game_header h1{margin: 0;font-size: clamp(1.35rem, 4vw, 2.15rem);line-height: 1.05;}.cls_game_status{display: flex;min-width: 0;gap: clamp(5px, 1.2vw, 12px);margin: 0;}.cls_game_status div{min-width: clamp(58px, 8vw, 88px);padding: 5px 8px;border: 1px solid #c7d2df;border-radius: 9px;background: rgb(255 255 255 / 82%);text-align: center;}.cls_game_status dt{color: #607086;font-size: clamp(.58rem, 1.5vw, .72rem);font-weight: 700;text-transform: uppercase;}.cls_game_status dd{margin: 1px 0 0;font-size: clamp(.78rem, 2vw, .95rem);font-weight: 800;font-variant-numeric: tabular-nums;}.cls_game_controls{display: flex;align-items: center;justify-content: flex-end;gap: 6px;margin: -4px 2px 8px;}.cls_game_controls button, .cls_game_controls select{min-height: 44px;padding: 6px 10px;border: 1px solid #9cafc3;border-radius: 8px;color: #17233a;background: #fff;font-weight: 700;}.cls_game_controls button:disabled{opacity: .48;cursor: default;}.cls_game_controls #id_sound[aria-pressed="true"]{color: #075238;border-color: #4c9678;background: #eef8f3;}.cls_game_controls label{color: #53657b;font-size: .78rem;font-weight: 750;}.cls_control_feedback{min-height: 1.2em;margin: -5px 4px 5px;color: #52647a;font-size: .76rem;text-align: right;}.cls_confirm_dialog{width: min(92vw, 420px);max-height: calc(100dvh - 32px);overflow-y: auto;padding: 20px;border: 0;border-radius: 14px;color: #17233a;box-shadow: 0 20px 55px rgb(0 0 0 / 35%);}.cls_confirm_dialog::backdrop{background: rgb(10 24 42 / 58%);}.cls_confirm_dialog h2{margin: 0 0 8px;font-size: 1.25rem;}.cls_confirm_dialog p{margin: 0 0 18px;line-height: 1.45;}.cls_confirm_actions{display: flex;justify-content: flex-end;gap: 8px;}.cls_confirm_actions button{min-height: 44px;padding: 8px 14px;border: 1px solid #9cafc3;border-radius: 8px;background: #fff;font-weight: 750;}.cls_confirm_actions #id_confirm_accept{color: #fff;border-color: #075238;background: #075238;}.cls_completion_dialog{position: relative;text-align: center;}.cls_completion_close{position: absolute;top: 8px;right: 8px;width: 40px;height: 40px;border: 0;color: #53657b;background: transparent;font-size: 1.55rem;}.cls_completion_mark{width: 54px;height: 54px;margin: 0 auto 7px;display: grid;place-items: center;border-radius: 50%;color: #fff;background: #17895b;font-size: 1.75rem;font-weight: 900;}.cls_completion_eyebrow{margin: 0 0 3px !important;color: #34725a;font-size: .72rem;font-weight: 850;letter-spacing: .12em;text-transform: uppercase;}.cls_completion_stats{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 7px;margin: 15px 0;}.cls_completion_stats div{padding: 8px 4px;border-radius: 8px;background: #eef4f2;}.cls_completion_stats dt{color: #607086;font-size: .68rem;font-weight: 750;text-transform: uppercase;}.cls_completion_stats dd{margin: 2px 0 0;font-weight: 850;font-variant-numeric: tabular-nums;}.cls_completion_actions #id_play_again{color: #fff;border-color: #075238;background: #075238;}.cls_celebration{position: fixed;z-index: 999;inset: 0;overflow: hidden;pointer-events: none;}.cls_celebration_piece{position: absolute;top: -16px;left: var(--piece-x);width: 7px;height: 13px;border-radius: 2px;background: hsl(calc(var(--piece-index) * 47) 78% 53%);animation: cls_celebrate 1s ease-in forwards;animation-delay: calc(var(--piece-index) * 18ms);}.cls_effect_move{animation: cls_card_settle 180ms ease-out;}.cls_effect_reveal{animation: cls_card_reveal 230ms ease-out;transform-origin: center;}.cls_effect_deal{animation: cls_card_deal 220ms ease-out;}.cls_effect_run{animation: cls_run_complete 250ms ease-out;}.cls_effect_stock .cls_stock{animation: cls_stock_pulse 220ms ease-out;}@keyframes cls_card_settle {from { filter: brightness(1.16);} to{filter: none;} }@keyframes cls_card_reveal {from { opacity: .45;transform: translateY(var(--card-y, 0)) scale(.92);} to{opacity: 1;transform: translateY(var(--card-y, 0)) scale(1);} }@keyframes cls_card_deal {from { opacity: .42;transform: translateY(calc(var(--card-y, 0) - 10px));} to{opacity: 1;transform: translateY(var(--card-y, 0));} }@keyframes cls_run_complete {50% { filter: brightness(1.25);box-shadow: 0 0 0 3px #ffd84d;} }@keyframes cls_stock_pulse {50% { filter: brightness(1.18);} }@keyframes cls_celebrate {to { transform: translateY(105vh) rotate(400deg);opacity: .15;} }.cls_spider_board{width: 100%;min-width: 0;padding: clamp(4px, 1vw, 10px) clamp(4px, 1vw, 10px) clamp(16px, 3vw, 30px);border: 1px solid #0b583c;border-radius: clamp(8px, 1.5vw, 14px);overflow: visible;background: radial-gradient(circle at 50% 0, #17895b, #075238 72%);box-shadow: 0 12px 32px rgb(23 40 67 / 20%);}.cls_board_summary{display: grid;grid-template-columns: minmax(54px, .7fr) minmax(0, 4fr);gap: clamp(8px, 2vw, 24px);min-width: 0;margin-bottom: clamp(10px, 2vw, 18px);color: #fff;}.cls_board_summary h2{margin: 0 0 4px;font-size: clamp(.68rem, 1.8vw, .9rem);font-weight: 750;}.cls_stock_group{display: grid;grid-template-columns: minmax(34px, 58px) auto;grid-template-rows: auto 1fr;gap: 0 7px;align-items: center;}.cls_stock_group h2{grid-column: 1 / -1;}.cls_summary_value{margin: 0;font-size: clamp(.63rem, 1.7vw, .82rem);font-weight: 750;white-space: nowrap;}.cls_completed_heading{display: flex;align-items: baseline;justify-content: space-between;gap: 8px;}.cls_completed_heading strong{font-size: clamp(.68rem, 1.8vw, .9rem);}.cls_completed_runs{display: grid;grid-template-columns: repeat(8, minmax(0, 1fr));gap: var(--board-gap);min-width: 0;}.cls_pile{position: relative;min-width: 0;border: 1px solid rgb(255 255 255 / 40%);border-radius: clamp(3px, .65vw, 7px);}.cls_pile:focus-visible{outline: 3px solid #ffd84d;outline-offset: 2px;}.cls_stock, .cls_completed_run{width: 100%;max-width: 58px;aspect-ratio: 3 / 4;}.cls_stock:empty::before, .cls_completed_run:empty::before, .cls_tableau_column:empty::before{position: absolute;inset: 0;display: grid;place-items: center;border: 1px dashed rgb(255 255 255 / 35%);border-radius: inherit;color: rgb(255 255 255 / 67%);content: "";}.cls_stock:empty::before{content: "0";}.cls_completed_run:empty::before{content: "";}.cls_completed_run[data-complete="true"]{box-shadow: 0 0 0 2px rgb(255 216 77 / 75%);}.cls_tableau{display: grid;grid-template-columns: repeat(10, minmax(0, 1fr));gap: var(--board-gap);min-width: 0;align-items: start;}.cls_tableau_column{min-height: max(var(--pile-height, 0px), clamp(54px, 10vw, 132px));}.cls_tableau_column:empty{aspect-ratio: 3 / 4;min-height: 0;}.cls_tableau_column:empty::before{content: "+";font-size: clamp(.75rem, 2.8vw, 1.4rem);}.cls_card{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;aspect-ratio: 3 / 4;transform: translateY(var(--card-y, 0));overflow: hidden;border-radius: inherit;background: #fff;box-shadow: 0 1px 3px rgb(0 0 0 / 36%);pointer-events: none;}.cls_card[data-face-up="true"]{pointer-events: auto;cursor: grab;touch-action: none;}.cls_card.cls_selected{outline: 3px solid #ffd84d;outline-offset: -3px;filter: brightness(1.06);}.cls_card[role="button"]:focus-visible, .cls_stock:focus-visible, .cls_tableau_column:focus-visible{outline: 3px solid #ffd84d;outline-offset: 2px;}.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: .42;}.cls_drag_ghost{position: fixed;z-index: 1000;top: 0;left: 0;pointer-events: none;filter: drop-shadow(0 7px 8px rgb(0 0 0 / 36%));will-change: transform;}.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: .96;}.cls_drag_ghost .cls_card:first-child{margin-top: 0;}.cls_stock[aria-disabled="true"]{cursor: default;filter: saturate(.72);}.cls_stock[aria-disabled="false"]{cursor: pointer;}.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_stock .cls_card{transform: translate(calc(var(--stock-card, 0) * 1px), 0);}.cls_completed_run .cls_card{transform: none;}.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: 7px 12px max(10px, 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(1px, .55vw, 3px);}  .cls_spider_app{padding-inline: 2px;}  .cls_game_header{display: grid;grid-template-columns: minmax(0, 1fr);align-items: center;gap: 6px;padding-inline: 3px;}  .cls_game_status{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));width: 100%;gap: 4px;}  .cls_game_status div{min-width: 0;padding: 4px 5px;}  .cls_game_controls{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));margin-inline: 3px;}  .cls_game_controls button, .cls_game_controls select{min-width: 0;padding-inline: 5px;font-size: .78rem;}  .cls_game_controls label{display: none;}  .cls_game_controls #id_suit_mode_control{grid-column: span 2;}  .cls_control_feedback{text-align: center;}  .cls_spider_board{padding: 3px 3px 14px;border-radius: 7px;}  .cls_board_summary{grid-template-columns: minmax(48px, .7fr) minmax(0, 4.2fr);gap: 5px;margin-bottom: 8px;}  .cls_completed_runs{grid-template-columns: repeat(8, minmax(10px, 1fr));align-items: center;gap: 3px;}  .cls_completed_run{width: min(100%, 18px);max-width: 18px;aspect-ratio: 1;justify-self: center;border-radius: 50%;background: rgb(255 255 255 / 8%);}  .cls_completed_run .cls_card{display: none;}  .cls_completed_run:empty::before{border: 0;}  .cls_completed_run[data-complete="true"]::after{position: absolute;inset: 0;display: grid;place-items: center;color: #173c2e;background: #ffd84d;border-radius: 50%;content: "✓";font-size: .68rem;font-weight: 900;}  .cls_tableau_column{min-height: max(var(--pile-height, 0px), 42px);}}@media (max-width: 340px) {.cls_game_eyebrow { display: none;} .cls_game_status div{padding-inline: 3px;} }@media (max-width: 1539px) {.cls_wgo_side_ad { display: none;} }@media (max-height: 500px) and (orientation: landscape) {.cls_spider_app { padding-block: 3px;}  .cls_game_header{padding: 1px 3px 4px;}  .cls_game_controls{margin-bottom: 4px;}  .cls_game_eyebrow{display: none;}  .cls_game_header h1{font-size: 1.1rem;}  .cls_game_status div{padding-block: 2px;}  .cls_spider_board{padding: 3px 3px 12px;}  .cls_board_summary{grid-template-columns: 78px minmax(0, 1fr);margin-bottom: 5px;}  .cls_stock, .cls_completed_run{max-width: 38px;}  .cls_wgo_home{padding-block: 1px;}}@media (prefers-reduced-motion: reduce) {*, *::before, *::after { scroll-behavior: auto !important;transition-duration: .01ms !important;animation-duration: .01ms !important;animation-iteration-count: 1 !important;} .cls_celebration{display: none;} }