:root{--cls_ink: #18243a;--cls_muted: #607087;--cls_blue: #2458c5;--cls_board-edge: #33445f;--cls_cell-light: #e9eef5;--cls_cell-dark: #dde5ef;--cls_spawn_duration: 120ms;--cls_clear_duration: 150ms;--cls_score_duration: 90ms;}body{margin: 0;min-width: 0;min-height: 100vh;background: #f4f7fb;color: var(--cls_ink);font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;}button{font: inherit;}.cls_board_frame,.cls_ball_lines_board,.cls_ball_lines_cell{box-sizing: border-box;}.cls_ball_lines_app{width: min(100%, 768px);margin: 0 auto;padding: max(12px, env(safe-area-inset-top)) clamp(12px, 2.3vw, 22px) max(18px, env(safe-area-inset-bottom));}.cls_game_header{display: flex;align-items: flex-start;justify-content: space-between;gap: 12px;margin-bottom: 12px;}.cls_game_header h1{margin: 0;font-size: clamp(2rem, 7vw, 3.25rem);line-height: 0.98;letter-spacing: -0.045em;}.cls_game_intro{margin: 8px 0 0;color: var(--cls_muted);font-size: clamp(0.88rem, 2.8vw, 1rem);}.cls_header_actions{display: flex;gap: 7px;}.cls_volume_control{position: relative;display: flex;}.cls_share_control{position: relative;}.cls_sound_button,.cls_volume_button,.cls_share_button,.cls_help_button{min-height: 44px;padding: 7px 12px;border: 1px solid #becce0;border-radius: 9px;background: #fff;color: #36547f;font-weight: 750;cursor: pointer;}.cls_sound_button{width: 44px;padding: 0;border-radius: 9px 0 0 9px;}.cls_volume_button{width: 44px;padding: 0;border-left: 0;border-radius: 0 9px 9px 0;}.cls_share_button{width: 44px;padding: 0;}.cls_share_button svg{width: 21px;height: 21px;fill: #fff;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round;}.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"] .cls_speaker_waves{display: none;}.cls_sound_button[aria-pressed="false"] .cls_speaker_slash{display: block;}.cls_sound_button[aria-pressed="false"]{color: #66758a;background: #edf2f8;}.cls_sound_button:hover,.cls_volume_button:hover,.cls_share_button:hover,.cls_help_button:hover{color: #173f91;border-color: #8fa6c6;}.cls_volume_panel{position: absolute;z-index: 10;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 / 18%);}.cls_volume_panel[hidden]{display: none;}.cls_volume_panel label{display: flex;justify-content: space-between;gap: 12px;color: var(--cls_muted);font-size: 0.78rem;font-weight: 800;}.cls_volume_panel output{color: #173f91;font-variant-numeric: tabular-nums;}.cls_volume_panel input{width: 100%;min-height: 32px;margin: 5px 0 0;accent-color: var(--cls_blue);cursor: pointer;}.cls_share_panel{position: absolute;z-index: 10;top: calc(100% + 7px);right: 0;width: min(218px, calc(100vw - 20px));padding: 12px;border: 1px solid #becce0;border-radius: 10px;background: #fff;box-shadow: 0 10px 28px rgb(23 40 67 / 18%);}.cls_share_panel[hidden]{display: none;}.cls_share_panel > strong{display: block;margin-bottom: 9px;color: var(--cls_ink);font-size: 0.88rem;}.cls_share_actions{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 6px;}.cls_share_actions button,.cls_share_actions a{display: grid;min-height: 44px;padding: 7px 6px;place-items: center;border: 1px solid #becce0;border-radius: 8px;background: #fff;color: #36547f;font-size: 0.8rem;font-weight: 750;text-decoration: none;cursor: pointer;}.cls_share_actions button:hover,.cls_share_actions a:hover{color: #173f91;border-color: #8fa6c6;}.cls_share_feedback{min-height: 1.2em;margin: 8px 0 0;color: #287044;font-size: 0.78rem;font-weight: 750;text-align: center;}.cls_score{display: grid;align-self: stretch;min-width: 76px;padding: 6px 12px;border: 1px solid #becce0;border-radius: 9px;background: #fff;place-content: center;text-align: center;}.cls_score span{color: var(--cls_muted);font-size: 0.72rem;font-weight: 800;letter-spacing: 0.06em;text-transform: uppercase;}.cls_score strong{color: #173f91;font-size: clamp(1.45rem, 5vw, 2rem);font-variant-numeric: tabular-nums;line-height: 1.05;}.cls_game_controls{display: grid;grid-template-columns: minmax(0, 1fr) auto auto;align-items: end;gap: 9px;margin-bottom: 9px;padding: 9px;border: 1px solid #d2dce9;border-radius: 12px;background: #edf2f8;}.cls_difficulty_group{min-width: 0;margin: 0;padding: 0;border: 0;}.cls_difficulty_group legend{margin-bottom: 6px;color: var(--cls_muted);font-size: 0.75rem;font-weight: 800;}.cls_segmented_control{display: flex;min-width: 0;padding: 3px;border: 1px solid #c8d4e5;border-radius: 11px;background: #e9eef6;}.cls_difficulty_button,.cls_new_game_button{min-height: 44px;border-radius: 8px;font-weight: 750;cursor: pointer;touch-action: manipulation;}.cls_difficulty_button{min-width: 0;padding: 8px clamp(8px, 2.2vw, 15px);border: 0;background: transparent;color: #52627a;font-size: clamp(0.74rem, 2.3vw, 0.9rem);}.cls_difficulty_button.cls_active{background: #fff;color: #173f91;box-shadow: 0 2px 7px rgb(36 63 104 / 15%);}.cls_new_game_button{flex: 0 0 auto;padding: 8px 17px;border: 1px solid #1847ad;background: var(--cls_blue);color: #fff;box-shadow: 0 4px 12px rgb(36 88 197 / 20%);}.cls_difficulty_button:hover{color: #173f91;}.cls_new_game_button:hover{background: #1949aa;}.cls_difficulty_button:focus-visible,.cls_new_game_button:focus-visible,.cls_sound_button:focus-visible,.cls_volume_button:focus-visible,.cls_volume_panel input:focus-visible,.cls_share_button:focus-visible,.cls_share_actions button:focus-visible,.cls_share_actions a:focus-visible,.cls_help_button:focus-visible,.cls_dialog button:focus-visible{outline: 3px solid #ffbf47;outline-offset: 2px;}.cls_dialog_overlay{position: fixed;z-index: 20;inset: 0;display: grid;padding: max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));overflow-y: auto;place-items: center;background: rgb(15 27 47 / 66%);backdrop-filter: blur(3px);}.cls_dialog_overlay[hidden]{display: none;}.cls_dialog{width: min(100%, 31rem);max-height: calc(100vh - 28px);overflow-y: auto;padding: clamp(17px, 4vw, 24px);border: 1px solid #c6d2e1;border-radius: 15px;background: #fff;box-shadow: 0 20px 60px rgb(15 27 47 / 28%);}.cls_dialog h2{margin: 0 0 10px;font-size: clamp(1.45rem, 6vw, 1.9rem);letter-spacing: -0.025em;}.cls_dialog p{margin: 0 0 12px;color: #43536a;line-height: 1.45;}.cls_help_dialog ul{margin: 0 0 12px;padding-left: 1.25rem;color: #43536a;}.cls_help_dialog li{margin-bottom: 5px;line-height: 1.36;}.cls_difficulty_help{font-size: 0.9rem;}.cls_dialog_actions{display: flex;justify-content: flex-end;gap: 9px;flex-wrap: wrap;margin-top: 16px;}.cls_dialog button{min-height: 44px;padding: 8px 16px;border-radius: 9px;font-weight: 750;cursor: pointer;}.cls_dialog_primary{border: 1px solid #1847ad;background: var(--cls_blue);color: #fff;}.cls_dialog_secondary{border: 1px solid #becce0;background: #fff;color: #36547f;}.cls_result_dialog,.cls_confirm_dialog{width: min(100%, 25rem);}.cls_result_summary{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 9px;margin: 16px 0 4px;}.cls_result_summary div{padding: 12px;border-radius: 10px;background: #edf2f8;text-align: center;}.cls_result_summary dt{color: var(--cls_muted);font-size: 0.72rem;font-weight: 800;letter-spacing: 0.05em;text-transform: uppercase;}.cls_result_summary dd{margin: 3px 0 0;color: #173f91;font-size: 1.35rem;font-weight: 850;}.cls_visually_hidden{position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important;}.cls_board_frame{padding: clamp(4px, 1vw, 7px);border: 1px solid #52647b;border-radius: clamp(9px, 1.6vw, 13px);background: linear-gradient(145deg, #667991, #455870);box-shadow: 0 9px 24px rgb(23 40 67 / 14%);}.cls_ball_lines_board{display: grid;grid-template-columns: repeat(9, minmax(0, 1fr));grid-template-rows: repeat(9, minmax(0, 1fr));width: 100%;min-width: 0;aspect-ratio: 1 / 1;overflow: hidden;border: 1px solid rgb(36 52 75 / 75%);border-radius: clamp(6px, 1.2vw, 9px);background: #d3dce8;}.cls_ball_lines_board.cls_game_over{box-shadow: inset 0 0 0 4px #b33143;}.cls_ball_lines_cell{position: relative;display: grid;place-items: center;min-width: 0;min-height: 0;padding: 0;border: 0;border-right: 1px solid rgb(80 101 129 / 24%);border-bottom: 1px solid rgb(80 101 129 / 24%);background: var(--cls_cell-light);color: inherit;overflow: hidden;cursor: pointer;}.cls_ball_lines_cell:focus-visible{z-index: 3;outline: 3px solid #ffbf47;outline-offset: -3px;box-shadow: inset 0 0 0 2px #18243a;}.cls_ball_lines_cell.cls_selected:focus-visible{box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 6px #1c4fae, inset 0 0 0 8px #ffbf47;}.cls_ball_lines_cell.cls_selected{z-index: 1;box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 6px #1c4fae;}.cls_ball_lines_cell.cls_selected .cls_ball{transform: translateY(-3%) scale(1.07);filter: drop-shadow(0 3px 3px rgb(17 35 67 / 35%));}.cls_ball_lines_cell.cls_invalid_target{box-shadow: inset 0 0 0 3px #b33143;}.cls_ball_lines_board.cls_input_disabled .cls_ball_lines_cell{cursor: default;}.cls_ball_lines_cell.cls_ball_moving .cls_ball{transform: scale(1.08);filter: drop-shadow(0 3px 3px rgb(17 35 67 / 32%));}.cls_ball_lines_cell.cls_ball_spawned .cls_ball{animation: fn_ball_spawn var(--cls_spawn_duration) ease-out both;}.cls_ball_lines_cell.cls_ball_clearing .cls_ball{animation: fn_ball_clear var(--cls_clear_duration) ease-in both;}.cls_ball_lines_cell:nth-child(odd){background: var(--cls_cell-dark);}.cls_ball_lines_cell:nth-child(9n){border-right: 0;}.cls_ball_lines_cell:nth-last-child(-n + 9){border-bottom: 0;}.cls_ball{width: 70%;aspect-ratio: 1;border-radius: 50%;background: radial-gradient(circle at 32% 25%, rgb(255 255 255 / 88%) 0 7%, var(--cls_ball-light) 10%, var(--cls_ball-main) 43%, var(--cls_ball-dark) 100%);box-shadow: inset -2px -3px 6px rgb(0 0 0 / 20%), 0 2px 4px rgb(24 37 58 / 30%);}.cls_ball_lines_cell[data-color="1"]{--cls_ball-light:#ff8b8b;--cls_ball-main:#e33c49;--cls_ball-dark:#8f1727;}.cls_ball_lines_cell[data-color="2"]{--cls_ball-light:#78b4ff;--cls_ball-main:#2672db;--cls_ball-dark:#153e91;}.cls_ball_lines_cell[data-color="3"]{--cls_ball-light:#8ce89d;--cls_ball-main:#27a84c;--cls_ball-dark:#126a31;}.cls_ball_lines_cell[data-color="4"]{--cls_ball-light:#ffe780;--cls_ball-main:#e6ad19;--cls_ball-dark:#95620b;}.cls_ball_lines_cell[data-color="5"]{--cls_ball-light:#d1a0ff;--cls_ball-main:#8a43cf;--cls_ball-dark:#52238a;}.cls_ball_lines_cell[data-color="6"]{--cls_ball-light:#ffab77;--cls_ball-main:#ed662c;--cls_ball-dark:#963515;}.cls_game_status{min-height: 1.4em;margin: 10px 2px 0;color: #8e2534;font-size: 0.86rem;font-weight: 700;text-align: center;}.cls_score_changed{animation: fn_score_settle var(--cls_score_duration) ease-out;}@keyframes fn_ball_spawn {from { opacity: 0;transform: scale(.45);} to{opacity: 1;transform: scale(1);} }@keyframes fn_ball_clear {to { opacity: 0;transform: scale(.35);} }@keyframes fn_score_settle {50% { color: #0f7a3d;transform: scale(1.06);} }@media (prefers-reduced-motion: reduce) {.cls_ball_lines_cell .cls_ball, .cls_score { animation: none !important;transition: none !important;}}.cls_wgo_home{padding: 2px 0 16px;}.cls_wgo_home a{display: inline-flex;min-width: 44px;min-height: 44px;align-items: center;justify-content: center;color: #36547f;font-size: 0.86rem;font-weight: 700;text-decoration: none;}.cls_wgo_home a:hover{color: #173f91;text-decoration: underline;text-underline-offset: 3px;}.cls_wgo_home a:focus-visible{outline: 3px solid #ffbf47;outline-offset: 3px;border-radius: 2px;}@media (max-width: 520px) {.cls_ball_lines_app { padding: max(8px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));}  .cls_game_header{flex-wrap: wrap;row-gap: 7px;margin-bottom: 10px;}  .cls_game_header > div:first-child{flex: 1 1 220px;}  .cls_header_actions{margin-left: auto;}  .cls_game_intro{max-width: 230px;}  .cls_score{min-width: 68px;padding: 4px 8px;}  .cls_game_controls{grid-template-columns: minmax(0, 1fr) auto;align-items: stretch;gap: 6px 9px;padding: 7px;}  .cls_difficulty_group{grid-column: 1 / -1;}  .cls_difficulty_group legend{margin-bottom: 4px;}  .cls_segmented_control{height: 100%;padding: 2px;}  .cls_new_game_button{padding-inline: 14px;}  .cls_help_button{padding-inline: 10px;}  .cls_dialog{padding: 16px;}  .cls_help_dialog{font-size: 0.9rem;}}@media (max-width: 365px) {.cls_segmented_control { width: 100%;}  .cls_difficulty_button{flex: 1 1 0;}}