@media (max-width: 768px) {
  .calculator-home-body {
    background:
      radial-gradient(circle at top left, rgba(255, 220, 140, 0.15), transparent 28%),
      radial-gradient(circle at top right, rgba(255, 204, 120, 0.18), transparent 24%),
      linear-gradient(180deg, #8f0f0f 0%, #b41217 14%, #fff3dc 14%, #fff7e8 100%) !important;
    color: #5d210a !important;
  }

  .calculator-home-body .calculator-app-shell-plain {
    background: transparent !important;
    padding-bottom: 148px !important;
  }

  .calculator-home-body .calculator-app-header-plain {
    position: sticky !important;
    top: 0 !important;
    z-index: 70 !important;
    background: transparent !important;
  }

  .calculator-home-body .calculator-app-topbar-plain {
    min-height: 88px !important;
    padding: 10px 14px 14px !important;
    display: grid !important;
    grid-template-columns: 48px 1fr 48px !important;
    align-items: center !important;
    gap: 8px !important;
    background:
      radial-gradient(circle at 18% 40%, rgba(255, 211, 138, 0.18), transparent 16%),
      radial-gradient(circle at 82% 42%, rgba(255, 211, 138, 0.18), transparent 16%),
      linear-gradient(180deg, #7f0909 0%, #b11116 48%, #d71920 100%) !important;
    border: 0 !important;
    box-shadow: 0 8px 24px rgba(104, 7, 7, 0.28) !important;
    border-bottom-left-radius: 22px !important;
    border-bottom-right-radius: 22px !important;
    overflow: hidden !important;
  }

  .calculator-home-body .calculator-app-title-plain {
    text-align: center !important;
  }

  .calculator-home-body .calculator-app-title-plain h1 {
    margin: 0 !important;
    color: #ffe7ab !important;
    font-size: 24px !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    text-shadow: 0 2px 0 rgba(112, 18, 0, 0.22) !important;
  }

  .calculator-home-body .calculator-app-title-plain span {
    display: block !important;
    margin-top: 4px !important;
    color: #ffe5aa !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    opacity: 0.95 !important;
  }

  .calculator-home-body .calculator-app-navbutton-plain,
  .calculator-home-body .calculator-app-iconbutton-plain {
    min-width: 42px !important;
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 225, 165, 0.72) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, rgba(164, 12, 14, 0.92), rgba(123, 8, 8, 0.96)) !important;
    color: #fff5d3 !important;
    box-shadow:
      inset 0 0 0 2px rgba(255, 233, 180, 0.18),
      0 4px 10px rgba(60, 0, 0, 0.22) !important;
    font-size: 0 !important;
  }

  .calculator-home-body #backButton::before {
    content: "\2039";
    display: block;
    color: #fff4cf;
    font-size: 28px;
    line-height: 1;
    font-weight: 700;
  }

  .calculator-home-body #refreshButton {
    display: none !important;
  }

  .calculator-home-body #menuToggleButton::before {
    content: "\2261";
    display: block;
    color: #fff4cf;
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
  }

  .calculator-home-body .calculator-app-actions-plain {
    justify-content: flex-end !important;
    position: relative !important;
  }

  .calculator-home-body .calculator-menu-panel {
    top: calc(100% + 8px) !important;
    right: 0 !important;
  }

  .calculator-home-body .calculator-tabs-panel-plain,
  .calculator-home-body .calculator-date-panel-plain {
    padding: 10px 10px 0 !important;
    background: transparent !important;
    border: 0 !important;
  }

  .calculator-home-body .calculator-tabs-scroll-plain,
  .calculator-home-body .calculator-date-scroll-plain {
    display: grid !important;
    gap: 8px !important;
  }

  .calculator-home-body .calculator-tabs-scroll-plain {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  .calculator-home-body .calculator-date-scroll-plain {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .calculator-home-body .play-tab-plain,
  .calculator-home-body .date-tab-plain {
    min-height: 76px !important;
    padding: 8px 6px !important;
    border: 1px solid #f2c36a !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, #fffef9 0%, #fff6e6 100%) !important;
    color: #7f3d0c !important;
    box-shadow:
      inset 0 0 0 2px rgba(255, 255, 255, 0.55),
      0 4px 12px rgba(173, 97, 14, 0.08) !important;
  }

  .calculator-home-body .play-tab-plain.is-active,
  .calculator-home-body .date-tab-plain.is-active {
    border: 1px solid #f6d18a !important;
    color: #fff4d4 !important;
    background:
      radial-gradient(circle at top left, rgba(255, 210, 120, 0.14), transparent 35%),
      linear-gradient(180deg, #e12a26 0%, #c9151b 100%) !important;
    box-shadow:
      inset 0 0 0 2px rgba(255, 223, 160, 0.34),
      0 6px 16px rgba(145, 15, 15, 0.22) !important;
  }

  .calculator-home-body .play-tab-plain .play-tab-main,
  .calculator-home-body .date-tab-plain .date-tab-main {
    font-size: 13px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
  }

  .calculator-home-body .play-tab-plain .play-tab-sub,
  .calculator-home-body .date-tab-plain .date-tab-sub {
    margin-top: 2px !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
  }

  .calculator-home-body .calculator-main-board-plain {
    background: transparent !important;
    padding-bottom: 6px !important;
  }

  .calculator-home-body .calculator-current-date-plain,
  .calculator-home-body .calculator-page-footer-plain,
  .calculator-home-body .official-match-row-card,
  .calculator-home-body .official-had-table,
  .calculator-home-body .official-odds-row,
  .calculator-home-body .official-odds-grid,
  .calculator-home-body .official-analysis-link,
  .calculator-home-body .spf-match-row-shell {
    display: none !important;
  }

  .calculator-home-body .calculator-current-date-plain {
    display: block !important;
    margin: 10px 10px 6px !important;
    padding: 10px 14px !important;
    color: #7a3b14 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 700 !important;
    background: linear-gradient(180deg, #fffdf7 0%, #fff5df 100%) !important;
    border: 1px solid #f2cb86 !important;
    border-radius: 20px !important;
    box-shadow:
      inset 0 0 0 2px rgba(255, 255, 255, 0.68),
      0 4px 10px rgba(172, 114, 37, 0.08) !important;
  }

  .calculator-home-body .state-panel-plain {
    margin: 10px !important;
    padding: 14px 16px !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  .calculator-home-body .calculator-conflict-toast {
    margin: 10px !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.9) !important;
    color: #d04343 !important;
    text-align: center !important;
    line-height: 1.45 !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08) !important;
  }

  .calculator-home-body .calculator-conflict-toast span {
    display: block !important;
  }

  .calculator-home-body .calculator-match-board-plain {
    padding: 0 10px 10px !important;
    display: grid !important;
    gap: 8px !important;
    background: transparent !important;
  }

  .calculator-home-body .compact-match-row,
  .calculator-home-body .compact-match-row * {
    box-sizing: border-box !important;
  }

  .calculator-home-body .compact-match-row {
    display: flex !important;
    background: linear-gradient(180deg, #fffdf7 0%, #fff5e3 100%) !important;
    border: 1px solid #efca87 !important;
    border-radius: 18px !important;
    padding: 10px !important;
    min-height: 114px !important;
    gap: 10px !important;
    margin: 0 !important;
    box-shadow:
      inset 0 0 0 2px rgba(255, 255, 255, 0.68),
      0 6px 14px rgba(174, 113, 29, 0.08) !important;
  }

  .calculator-home-body .compact-left {
    width: 88px !important;
    flex-shrink: 0 !important;
    background: linear-gradient(180deg, #fff8e9 0%, #ffefcf 100%) !important;
    border: 1px solid #efcb8b !important;
    border-radius: 16px !important;
    text-align: center !important;
    padding: 8px 4px !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72) !important;
  }

  .calculator-home-body .compact-left-top {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 4px !important;
    min-height: 20px !important;
  }

  .calculator-home-body .compact-league {
    font-size: 13px !important;
    color: #9a651f !important;
    line-height: 20px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .calculator-home-body .compact-single-tag {
    flex-shrink: 0 !important;
    width: 16px !important;
    height: 16px !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #e63d2f 0%, #bc0f13 100%) !important;
    color: #fff !important;
    font-size: 10px !important;
    line-height: 16px !important;
    text-align: center !important;
    font-weight: 800 !important;
  }

  .calculator-home-body .compact-match-no {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #7d3412 !important;
    line-height: 26px !important;
    margin-top: 2px !important;
  }

  .calculator-home-body .compact-time {
    font-size: 14px !important;
    color: #8e5923 !important;
    line-height: 22px !important;
    margin-top: 4px !important;
  }

  .calculator-home-body .compact-right {
    flex: 1 !important;
    min-width: 0 !important;
    padding-left: 0 !important;
  }

  .calculator-home-body .compact-team-row {
    display: grid !important;
    grid-template-columns: 1fr 34px 1fr !important;
    align-items: center !important;
    height: 28px !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #672410 !important;
    margin-bottom: 3px !important;
  }

  .calculator-home-body .compact-home,
  .calculator-home-body .compact-away {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .calculator-home-body .compact-vs {
    font-weight: 700 !important;
    color: #7b240d !important;
  }

  .calculator-home-body .compact-odds-row {
    display: grid !important;
    grid-template-columns: 38px repeat(3, 1fr) !important;
    gap: 3px !important;
    margin-top: 3px !important;
  }

  .calculator-home-body .compact-handicap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff5d7 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    background: linear-gradient(180deg, #e63a2d 0%, #c7161c 100%) !important;
    border: 1px solid #f3c97f !important;
    border-radius: 999px !important;
    box-shadow: 0 4px 8px rgba(151, 19, 19, 0.18) !important;
  }

  .calculator-home-body .compact-odd-btn,
  .calculator-home-body .compact-odd-empty {
    height: 36px !important;
    border: 1px solid #efca87 !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, #fffef8 0%, #fff5e5 100%) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 16px !important;
    padding: 0 !important;
    position: static !important;
    transform: none !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72) !important;
  }

  .calculator-home-body .compact-label {
    color: #d13c22 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
  }

  .calculator-home-body .compact-odds {
    color: #6a3210 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
  }

  .calculator-home-body .compact-odd-btn.selected,
  .calculator-home-body .compact-odd-btn.is-selected {
    background: linear-gradient(180deg, #e83f31 0%, #c51419 100%) !important;
    border-color: #f2cf8d !important;
    box-shadow:
      inset 0 0 0 1px rgba(255, 240, 205, 0.24),
      0 4px 10px rgba(138, 14, 14, 0.18) !important;
  }

  .calculator-home-body .compact-odd-btn.selected .compact-label,
  .calculator-home-body .compact-odd-btn.selected .compact-odds,
  .calculator-home-body .compact-odd-btn.is-selected .compact-label,
  .calculator-home-body .compact-odd-btn.is-selected .compact-odds {
    color: #fff !important;
  }

  .calculator-home-body .compact-odd-empty {
    color: #b5b5b5 !important;
    font-size: 12px !important;
  }

  .calculator-home-body .compact-match-row-mixed {
    align-items: flex-start !important;
  }

  .calculator-home-body .compact-more-games {
    display: block !important;
    margin: 5px 0 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #b05a17 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: 700 !important;
  }

  .calculator-home-body .compact-extra-games {
    margin-top: 6px !important;
    padding-top: 6px !important;
    border-top: 1px solid #f0d29f !important;
  }

  .calculator-home-body .compact-extra-grid {
    display: grid !important;
    gap: 3px !important;
  }

  .calculator-home-body .compact-extra-grid-hafu {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .calculator-home-body .compact-extra-grid-ttg {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .calculator-home-body .compact-extra-grid-score {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  .calculator-home-body .compact-extra-section + .compact-extra-section,
  .calculator-home-body .mixed-extra-section + .mixed-extra-section {
    margin-top: 6px !important;
  }

  .calculator-home-body .mixed-extra-title {
    margin: 0 0 4px !important;
    color: #b25215 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 800 !important;
  }

  .calculator-home-body .mixed-extra-option {
    min-height: 40px !important;
    padding: 2px 1px !important;
    border: 1px solid #efca87 !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, #fffef8 0%, #fff5e6 100%) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7) !important;
  }

  .calculator-home-body .mixed-extra-option .calc-option-label {
    color: #cf3e24 !important;
    font-size: 10px !important;
    line-height: 12px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  .calculator-home-body .mixed-extra-option .calc-option-odds {
    margin-top: 1px !important;
    color: #714021 !important;
    font-size: 10px !important;
    line-height: 12px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  .calculator-home-body .mixed-extra-option.is-selected {
    background: linear-gradient(180deg, #e53b2c 0%, #c31218 100%) !important;
    border-color: #f2cf8d !important;
  }

  .calculator-home-body .mixed-extra-option.is-selected .calc-option-label,
  .calculator-home-body .mixed-extra-option.is-selected .calc-option-odds {
    color: #fff !important;
  }

  .calculator-home-body .legacy-match-card,
  .calculator-home-body .legacy-match-card * {
    box-sizing: border-box !important;
  }

  .calculator-home-body .legacy-match-card {
    position: relative !important;
    background: #fff !important;
    margin: 0 0 4px 0 !important;
    padding: 9px 10px 14px !important;
    border-bottom: 1px solid #e5e5e5 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  .calculator-home-body .legacy-match-header {
    text-align: left !important;
  }

  .calculator-home-body .legacy-header-top {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 6px !important;
  }

  .calculator-home-body .legacy-league {
    color: #8a94a3 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 17px !important;
    word-break: break-all !important;
  }

  .calculator-home-body .legacy-single-tag {
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 16px !important;
    height: 16px !important;
    padding: 0 5px !important;
    border-radius: 999px !important;
    background: #3498ff !important;
    color: #fff !important;
    font-size: 9px !important;
    font-weight: 800 !important;
  }

  .calculator-home-body .legacy-match-no {
    color: #17202a !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 22px !important;
    margin-top: 1px !important;
  }

  .calculator-home-body .legacy-time {
    color: #344054 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 18px !important;
  }

  .calculator-home-body .legacy-teams {
    margin-top: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    font-size: 17px !important;
    line-height: 22px !important;
    font-weight: 800 !important;
    color: #111827 !important;
  }

  .calculator-home-body .legacy-home,
  .calculator-home-body .legacy-away {
    min-width: 0 !important;
    max-width: 40% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: center !important;
  }

  .calculator-home-body .legacy-home {
    text-align: right !important;
  }

  .calculator-home-body .legacy-away {
    text-align: left !important;
  }

  .calculator-home-body .legacy-vs {
    color: #c93b3b !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    flex-shrink: 0 !important;
  }

  .calculator-home-body .legacy-analysis-btn {
    display: block !important;
    margin: 6px auto 8px !important;
    padding: 2px 10px !important;
    border: 1px solid #efc6c6 !important;
    border-radius: 12px !important;
    background: #fff7f7 !important;
    color: #c94b4b !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    position: static !important;
    transform: none !important;
    box-shadow: none !important;
  }

  .calculator-home-body .legacy-odds-table {
    width: 100% !important;
    border: 1px solid #ececec !important;
    display: grid !important;
    grid-template-columns: 46px repeat(3, minmax(0, 1fr)) !important;
    background: #fff !important;
    position: static !important;
    transform: none !important;
  }

  .calculator-home-body .legacy-handicap {
    min-height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-right: 1px solid #ececec !important;
    border-bottom: 1px solid #ececec !important;
    color: #111827 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    margin: 0 !important;
  }

  .calculator-home-body .legacy-odd-btn,
  .calculator-home-body .legacy-odd-empty {
    min-height: 46px !important;
    padding: 2px 0 !important;
    border: 0 !important;
    border-right: 1px solid #ececec !important;
    border-bottom: 1px solid #ececec !important;
    background: #fff !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .calculator-home-body .legacy-odd-btn:nth-child(4n),
  .calculator-home-body .legacy-odd-empty:nth-child(4n) {
    border-right: 0 !important;
  }

  .calculator-home-body .legacy-odd-btn:nth-last-child(-n + 4),
  .calculator-home-body .legacy-handicap:nth-last-child(-n + 4),
  .calculator-home-body .legacy-odd-empty:nth-last-child(-n + 4) {
    border-bottom: 0 !important;
  }

  .calculator-home-body .legacy-label {
    color: #c94b4b !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 16px !important;
  }

  .calculator-home-body .legacy-odds {
    color: #111827 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 20px !important;
  }

  .calculator-home-body .legacy-odd-btn.selected,
  .calculator-home-body .legacy-odd-btn.is-selected {
    background: #f05252 !important;
  }

  .calculator-home-body .legacy-odd-btn.selected .legacy-label,
  .calculator-home-body .legacy-odd-btn.selected .legacy-odds,
  .calculator-home-body .legacy-odd-btn.is-selected .legacy-label,
  .calculator-home-body .legacy-odd-btn.is-selected .legacy-odds {
    color: #fff !important;
  }

  .calculator-home-body .legacy-odd-empty {
    color: #b3b3b3 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
  }

  .calculator-home-body .mixed-match-item,
  .calculator-home-body .mixed-match-item * {
    box-sizing: border-box !important;
  }

  .calculator-home-body .mixed-match-item {
    background: #fff !important;
    margin: 0 0 3px 0 !important;
    padding: 5px 7px 7px !important;
    border-bottom: 1px solid #e8e8e8 !important;
  }

  .calculator-home-body .mixed-main-row {
    display: grid !important;
    grid-template-columns: 74px minmax(0, 1fr) !important;
    gap: 5px !important;
    align-items: start !important;
  }

  .calculator-home-body .mixed-match-info {
    background: #f7f7f7 !important;
    border-radius: 4px !important;
    padding: 5px 4px !important;
    text-align: center !important;
  }

  .calculator-home-body .mixed-league {
    color: #555 !important;
    font-size: 10px !important;
    line-height: 14px !important;
    font-weight: 700 !important;
  }

  .calculator-home-body .mixed-match-no {
    color: #4c4c4c !important;
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: 800 !important;
    margin-top: 2px !important;
  }

  .calculator-home-body .mixed-time {
    color: #666 !important;
    font-size: 10px !important;
    line-height: 14px !important;
    font-weight: 700 !important;
    margin-top: 3px !important;
  }

  .calculator-home-body .mixed-content {
    min-width: 0 !important;
  }

  .calculator-home-body .mixed-team-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 30px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 3px !important;
    margin: 0 0 4px !important;
  }

  .calculator-home-body .mixed-home-team,
  .calculator-home-body .mixed-away-team {
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 800 !important;
    color: #111 !important;
    text-align: center !important;
  }

  .calculator-home-body .mixed-vs {
    color: #111 !important;
    font-size: 11px !important;
    line-height: 14px !important;
    font-weight: 800 !important;
    text-align: center !important;
  }

  .calculator-home-body .mixed-odds-row {
    display: grid !important;
    grid-template-columns: 31px repeat(3, minmax(0, 1fr)) !important;
    gap: 3px !important;
    margin-bottom: 2px !important;
    align-items: stretch !important;
  }

  .calculator-home-body .mixed-handicap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #df5e5e !important;
    font-size: 11px !important;
    line-height: 14px !important;
    font-weight: 800 !important;
  }

  .calculator-home-body .mixed-odd-btn,
  .calculator-home-body .mixed-odd-empty {
    min-height: 34px !important;
    border: 1px solid #e3e3e3 !important;
    border-radius: 5px !important;
    background: #fff !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 1px 0 !important;
    position: static !important;
    transform: none !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  .calculator-home-body .mixed-odd-label {
    color: #d45757 !important;
    font-size: 11px !important;
    line-height: 12px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  .calculator-home-body .mixed-odd-value {
    color: #444 !important;
    font-size: 11px !important;
    line-height: 13px !important;
    font-weight: 700 !important;
    margin-top: 1px !important;
  }

  .calculator-home-body .mixed-odd-btn.is-selected {
    background: #de5a5a !important;
    border-color: #de5a5a !important;
  }

  .calculator-home-body .mixed-odd-btn.is-selected .mixed-odd-label,
  .calculator-home-body .mixed-odd-btn.is-selected .mixed-odd-value {
    color: #fff !important;
  }

  .calculator-home-body .mixed-odd-empty {
    color: #b5b5b5 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
  }

  .calculator-home-body .mixed-more-games {
    display: block !important;
    width: auto !important;
    margin: 3px 0 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #4aa0e6 !important;
    font-size: 13px !important;
    line-height: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px !important;
  }

  .calculator-home-body .mixed-extra-games {
    margin-top: 5px !important;
    padding-top: 6px !important;
    border-top: 1px solid #f0f0f0 !important;
  }

  .calculator-home-body .mixed-extra-section + .mixed-extra-section {
    margin-top: 6px !important;
  }

  .calculator-home-body .mixed-extra-title {
    margin: 0 0 4px !important;
    color: #d14a4a !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 800 !important;
    padding-left: 2px !important;
  }

  .calculator-home-body .mixed-extra-grid {
    display: grid !important;
    gap: 2px !important;
  }

  .calculator-home-body .mixed-extra-grid.is-hafu {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .calculator-home-body .mixed-extra-grid.is-ttg {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .calculator-home-body .mixed-extra-grid.is-score {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  .calculator-home-body .mixed-extra-option {
    min-height: 40px !important;
    padding: 2px 1px !important;
    border: 1px solid #e4e4e4 !important;
    border-radius: 6px !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  .calculator-home-body .mixed-extra-option .calc-option-label {
    color: #d45757 !important;
    font-size: 10px !important;
    line-height: 12px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  .calculator-home-body .mixed-extra-option .calc-option-odds {
    margin-top: 1px !important;
    color: #5a5a5a !important;
    font-size: 10px !important;
    line-height: 12px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  .calculator-home-body .mixed-extra-option.is-selected {
    background: #de5a5a !important;
    border-color: #de5a5a !important;
  }

  .calculator-home-body .mixed-extra-option.is-selected .calc-option-label,
  .calculator-home-body .mixed-extra-option.is-selected .calc-option-odds {
    color: #fff !important;
  }

  .calculator-home-body .mixed-extra-grid.is-score .mixed-extra-option {
    min-height: 42px !important;
  }

  .calculator-home-body .mixed-extra-grid.is-score .mixed-extra-option .calc-option-label {
    font-size: 9px !important;
    line-height: 11px !important;
  }

  .calculator-home-body .mixed-extra-grid.is-score .mixed-extra-option .calc-option-odds {
    font-size: 9px !important;
    line-height: 11px !important;
  }

  .calculator-home-body .calc-match-card-had-official {
    display: block !important;
    margin: 0 !important;
    padding: 18px 16px 16px !important;
    border: 1px solid #ece8e8 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  .calculator-home-body .calc-match-card-had-official .calculator-had-league-row {
    display: block !important;
    margin: 0 0 8px !important;
  }

  .calculator-home-body .calc-match-card-had-official .calc-match-league-plain {
    display: block !important;
    color: #7d8694 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    white-space: normal !important;
    word-break: break-all !important;
  }

  .calculator-home-body .calc-match-card-had-official .calculator-had-official-body {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    background: transparent !important;
  }

  .calculator-home-body .calc-match-card-had-official .calculator-had-meta-column {
    display: block !important;
    width: 100% !important;
    margin: 0 0 28px !important;
    padding: 0 !important;
    text-align: left !important;
    background: transparent !important;
  }

  .calculator-home-body .calc-match-card-had-official .calculator-had-single-wrap {
    display: block !important;
    min-height: 18px !important;
    margin: 0 0 6px !important;
  }

  .calculator-home-body .calc-match-card-had-official .calculator-had-single-wrap:empty {
    display: none !important;
  }

  .calculator-home-body .calc-match-card-had-official .calculator-had-single-wrap .match-flag.is-single {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 22px !important;
    height: 22px !important;
    padding: 0 6px !important;
    border-radius: 11px !important;
    background: #3498ff !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }

  .calculator-home-body .calc-match-card-had-official .calc-match-code-plain {
    display: block !important;
    margin: 0 0 4px !important;
    color: #17202a !important;
    font-size: 24px !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
  }

  .calculator-home-body .calc-match-card-had-official .calc-match-time-plain {
    display: block !important;
    color: #384252 !important;
    font-size: 17px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
  }

  .calculator-home-body .calc-match-card-had-official .calculator-had-main-column {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  .calculator-home-body .calc-match-card-had-official .calculator-had-team-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 62px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 0 12px !important;
  }

  .calculator-home-body .calc-match-card-had-official .calculator-had-team-row .calculator-team-name {
    display: block !important;
    min-width: 0 !important;
    color: #141a22 !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .calculator-home-body .calc-match-card-had-official .calculator-had-team-row .calculator-team-name-home {
    text-align: right !important;
  }

  .calculator-home-body .calc-match-card-had-official .calculator-had-team-row .calculator-team-name-away {
    text-align: left !important;
  }

  .calculator-home-body .calc-match-card-had-official .calculator-had-team-row .calculator-vs {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #d04444 !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  .calculator-home-body .calc-match-card-had-official .calculator-mobile-action-row-had {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: static !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
  }

  .calculator-home-body .calc-match-card-had-official .calc-more-button-mobile {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 0 18px !important;
    border: 1px solid #efc8c8 !important;
    border-radius: 999px !important;
    background: #fff7f7 !important;
    color: #cc5454 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .calculator-home-body .calc-match-card-had-official .calculator-table-play-had-official {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .calculator-home-body .calc-match-card-had-official .calculator-odds-table-official {
    position: relative !important;
    display: grid !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 10px !important;
    border: 1px solid #eceaea !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .calculator-home-body .calc-match-card-had-official .calculator-single-corner {
    position: absolute !important;
    top: -1px !important;
    left: -1px !important;
    width: 28px !important;
    height: 28px !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    padding: 4px 0 0 4px !important;
    clip-path: polygon(0 0, 100% 0, 0 100%) !important;
    background: #3498ff !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    z-index: 2 !important;
  }

  .calculator-home-body .calc-match-card-had-official .calculator-odds-row-official {
    display: grid !important;
    grid-template-columns: 68px repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
  }

  .calculator-home-body .calc-match-card-had-official .calculator-handicap-label-official {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 72px !important;
    padding: 0 4px !important;
    border: 1px solid #ece8e8 !important;
    border-radius: 20px !important;
    background: #fff !important;
    color: #202632 !important;
    font-size: 16px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  .calculator-home-body .calc-match-card-had-official .calculator-handicap-label-official.is-negative,
  .calculator-home-body .calc-match-card-had-official .calculator-handicap-label-official.is-positive {
    color: #202632 !important;
  }

  .calculator-home-body .calc-match-card-had-official .calculator-odds-grid-official {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .calculator-home-body .calc-match-card-had-official .calc-cell-table {
    min-height: 72px !important;
    padding: 8px 4px !important;
    border: 1px solid #ece8e8 !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  .calculator-home-body .calc-match-card-had-official .calc-option-label {
    font-size: 16px !important;
    line-height: 1.08 !important;
    color: #cb4e4e !important;
    font-weight: 800 !important;
  }

  .calculator-home-body .calc-match-card-had-official .calc-option-odds {
    margin-top: 8px !important;
    font-size: 18px !important;
    line-height: 1.05 !important;
    color: #1b2029 !important;
    font-weight: 900 !important;
  }

  .calculator-home-body .calc-match-card-had-official .calculator-empty-mini {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 72px !important;
    border: 1px solid #ece8e8 !important;
    border-radius: 20px !important;
    color: #b0b0b0 !important;
    font-size: 15px !important;
    background: #fafafa !important;
  }

  .calculator-home-body .calc-cell-table.is-selected {
    background: #de5a5a !important;
    border-color: #de5a5a !important;
    box-shadow: none !important;
  }

  .calculator-home-body .calc-cell-table.is-selected .calc-option-label,
  .calculator-home-body .calc-cell-table.is-selected .calc-option-odds {
    color: #fff !important;
  }

  .calculator-home-body .calc-match-card-official:not(.calc-match-card-had-official) {
    margin: 0 !important;
    border: 1px solid #ece8e8 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  .calculator-home-body .calc-match-card-official:not(.calc-match-card-had-official) .calculator-table-meta {
    display: block !important;
    padding: 18px 16px 12px !important;
  }

  .calculator-home-body .calc-match-card-official:not(.calc-match-card-had-official) .calculator-table-left,
  .calculator-home-body .calc-match-card-official:not(.calc-match-card-had-official) .calculator-table-center,
  .calculator-home-body .calc-match-card-official:not(.calc-match-card-had-official) .calculator-table-side {
    width: 100% !important;
    display: block !important;
  }

  .calculator-home-body .calc-match-card-official:not(.calc-match-card-had-official) .calculator-table-center-mobile-official,
  .calculator-home-body .calc-match-card-official:not(.calc-match-card-had-official) .calculator-table-center-mobile {
    display: block !important;
  }

  .calculator-home-body .calc-match-card-official:not(.calc-match-card-had-official) .calculator-mobile-team-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 54px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: center !important;
    margin: 28px 0 10px !important;
  }

  .calculator-home-body .calc-match-card-official:not(.calc-match-card-had-official) .calculator-mobile-team-row .calculator-team-name {
    font-size: 20px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .calculator-home-body .calc-match-card-official:not(.calc-match-card-had-official) .calculator-mobile-action-row,
  .calculator-home-body .calc-match-card-official:not(.calc-match-card-had-official) .calculator-table-side {
    display: none !important;
  }

  .calculator-home-body .calc-match-card-official:not(.calc-match-card-had-official) .calculator-table-play {
    padding: 0 16px 16px !important;
  }

  .calculator-home-body .calculator-dock-app-plain {
    background: linear-gradient(180deg, #fffdf8 0%, #fff1d7 100%) !important;
    border-top: 1px solid #efca87 !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.8),
      0 -6px 16px rgba(137, 66, 15, 0.08) !important;
    backdrop-filter: none !important;
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
  }

  .calculator-home-body .calculator-dock-bar-plain {
    display: block !important;
    padding: 4px 6px 6px !important;
  }

  .calculator-home-body .calculator-toolbar-grid {
    display: grid !important;
    grid-template-columns: 52px 42px minmax(0, 1fr) 70px !important;
    grid-template-areas:
      "selected multi pass clear"
      "metric metric metric action" !important;
    gap: 4px !important;
    align-items: stretch !important;
  }

  .calculator-home-body .calculator-left-stack,
  .calculator-home-body .calculator-center-stack,
  .calculator-home-body .calculator-right-stack {
    display: contents !important;
  }

  .calculator-home-body #calculatorExpandButton {
    grid-area: selected !important;
  }

  .calculator-home-body .calculator-dock-multiplier-plain {
    grid-area: multi !important;
  }

  .calculator-home-body #passModeTrigger {
    grid-area: pass !important;
  }

  .calculator-home-body #clearSelectionButton {
    grid-area: clear !important;
  }

  .calculator-home-body .calculator-toolbar-metrics {
    grid-area: metric !important;
  }

  .calculator-home-body .calculator-dock-actions-plain {
    grid-area: action !important;
  }

  .calculator-home-body .calculator-dock-summary-plain,
  .calculator-home-body .calculator-dock-multiplier-plain,
  .calculator-home-body .calculator-pass-trigger,
  .calculator-home-body .calculator-clear-button,
  .calculator-home-body .calculator-save-button {
    width: 100% !important;
    min-height: 36px !important;
    height: 36px !important;
    border-radius: 6px !important;
  }

  .calculator-home-body .calculator-dock-summary-plain,
  .calculator-home-body .calculator-dock-multiplier-plain,
  .calculator-home-body .calculator-pass-trigger,
  .calculator-home-body .calculator-clear-button {
    border: 1px solid #efca87 !important;
    background: linear-gradient(180deg, #fffef8 0%, #fff5e5 100%) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72) !important;
  }

  .calculator-home-body .calculator-dock-summary-plain {
    position: relative !important;
    justify-content: center !important;
    padding: 0 !important;
  }

  .calculator-home-body .calculator-badge-count {
    position: absolute !important;
    top: -6px !important;
    left: 4px !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #ea402f 0%, #c7151a 100%) !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    box-shadow: 0 0 0 2px #fff !important;
  }

  .calculator-home-body .calculator-dock-summary-copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
  }

  .calculator-home-body .calculator-dock-summary-copy strong {
    color: #7a3210 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }

  .calculator-home-body .calculator-dock-summary-copy em {
    display: none !important;
  }

  .calculator-home-body .multiplier-button {
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
    background: transparent !important;
    color: #bb3a1d !important;
    font-size: 12px !important;
    font-weight: 900 !important;
  }

  .calculator-home-body .calculator-pass-trigger {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 12px !important;
  }

  .calculator-home-body .calculator-pass-trigger span {
    color: #9c6225 !important;
    font-size: 8px !important;
    line-height: 1.1 !important;
  }

  .calculator-home-body .calculator-pass-trigger strong {
    margin-top: 2px !important;
    color: #bc3118 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  .calculator-home-body .calculator-clear-button {
    color: #9c5a1e !important;
    font-size: 12px !important;
    font-weight: 700 !important;
  }

  .calculator-home-body .calculator-toolbar-metrics {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
    align-items: start !important;
    padding: 2px 0 0 !important;
  }

  .calculator-home-body .calculator-compact-metric-plain {
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    text-align: center !important;
    background: transparent !important;
    padding: 0 !important;
  }

  .calculator-home-body .calculator-compact-metric-plain span {
    color: #9f6123 !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
  }

  .calculator-home-body .calculator-compact-metric-plain strong {
    color: #c72e1a !important;
    font-size: 15px !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
  }

  .calculator-home-body .calculator-save-button {
    width: 100% !important;
    height: 46px !important;
    border: 1px solid #f3cf8e !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, #ea4130 0%, #c41418 100%) !important;
    color: #fff4d7 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    box-shadow:
      inset 0 0 0 2px rgba(255, 225, 170, 0.2),
      0 8px 18px rgba(141, 14, 14, 0.2) !important;
  }

  .calculator-home-body .calculator-plan-modal {
    align-items: flex-start !important;
    padding: 12px !important;
    padding-top: 84px !important;
  }

  .calculator-home-body .calculator-plan-modal-card {
    width: 94vw !important;
    max-height: 60vh !important;
    border-radius: 14px !important;
  }

  .calculator-home-body .calculator-pass-sheet {
    bottom: 100px !important;
    padding: 0 8px !important;
  }
}

/* desktop base for compact-extra-grid (mobile overrides in @media above use !important) */
.calculator-home-body .compact-match-row-mixed {
  align-items: flex-start;
}

.calculator-home-body .compact-extra-grid {
  display: grid;
  gap: 3px;
}

.calculator-home-body .compact-extra-grid-hafu {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.calculator-home-body .compact-extra-grid-ttg {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.calculator-home-body .compact-extra-grid-score {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.calculator-home-body .mixed-extra-section + .mixed-extra-section {
  margin-top: 6px;
}

@media (max-width: 390px) {
  .calculator-home-body .play-tab-plain,
  .calculator-home-body .date-tab-plain {
    min-height: 56px !important;
    padding: 6px 4px !important;
  }

  .calculator-home-body .play-tab-plain .play-tab-main,
  .calculator-home-body .date-tab-plain .date-tab-main {
    font-size: 10px !important;
  }

  .calculator-home-body .play-tab-plain .play-tab-sub,
  .calculator-home-body .date-tab-plain .date-tab-sub {
    font-size: 10px !important;
  }

  .calculator-home-body .legacy-match-card {
    padding: 8px 9px 12px !important;
  }

  .calculator-home-body .legacy-match-no {
    font-size: 16px !important;
    line-height: 20px !important;
  }

  .calculator-home-body .legacy-time {
    font-size: 13px !important;
    line-height: 17px !important;
  }

  .calculator-home-body .legacy-teams {
    margin-top: 12px !important;
    gap: 8px !important;
    font-size: 16px !important;
    line-height: 20px !important;
  }

  .calculator-home-body .legacy-home,
  .calculator-home-body .legacy-away {
    max-width: 39% !important;
  }

  .calculator-home-body .legacy-vs {
    font-size: 13px !important;
  }

  .calculator-home-body .legacy-analysis-btn {
    font-size: 11px !important;
    padding: 2px 8px !important;
    margin: 5px auto 7px !important;
  }

  .calculator-home-body .legacy-odds-table {
    grid-template-columns: 42px repeat(3, minmax(0, 1fr)) !important;
  }

  .calculator-home-body .legacy-handicap,
  .calculator-home-body .legacy-odd-btn,
  .calculator-home-body .legacy-odd-empty {
    min-height: 42px !important;
  }

  .calculator-home-body .legacy-handicap {
    font-size: 12px !important;
  }

  .calculator-home-body .legacy-label {
    font-size: 11px !important;
    line-height: 14px !important;
  }

  .calculator-home-body .legacy-odds {
    font-size: 14px !important;
    line-height: 18px !important;
  }

  .calculator-home-body .calculator-toolbar-grid {
    grid-template-columns: 48px 40px minmax(0, 1fr) 64px !important;
    gap: 4px !important;
  }

  .calculator-home-body .calculator-dock-summary-plain,
  .calculator-home-body .calculator-dock-multiplier-plain,
  .calculator-home-body .calculator-pass-trigger,
  .calculator-home-body .calculator-clear-button,
  .calculator-home-body .calculator-save-button {
    min-height: 34px !important;
    height: 34px !important;
  }

  .calculator-home-body .calculator-pass-trigger strong,
  .calculator-home-body .calculator-compact-metric-plain strong {
    font-size: 14px !important;
  }

  .calculator-home-body .calculator-save-button {
    font-size: 14px !important;
    height: 40px !important;
  }
}

@media (max-width: 768px) {
  .calculator-home-body {
    font-family: "Noto Sans SC", "Microsoft YaHei", sans-serif !important;
  }

  .calculator-home-body .calculator-app-topbar-plain::before,
  .calculator-home-body .calculator-app-topbar-plain::after {
    content: "";
    position: absolute;
    top: 14px;
    width: 72px;
    height: 72px;
    border-radius: 999px;
    pointer-events: none;
    opacity: 0.2;
    background:
      radial-gradient(circle, rgba(255, 230, 167, 0.9) 0%, rgba(255, 230, 167, 0.12) 42%, transparent 68%);
  }

  .calculator-home-body .calculator-app-topbar-plain::before {
    left: -14px;
  }

  .calculator-home-body .calculator-app-topbar-plain::after {
    right: -14px;
  }

  .calculator-home-body .calculator-tabs-panel-plain,
  .calculator-home-body .calculator-date-panel-plain {
    position: relative !important;
    z-index: 3 !important;
    margin-top: -6px !important;
  }

  .calculator-home-body .play-tab-plain,
  .calculator-home-body .date-tab-plain {
    position: relative !important;
    overflow: hidden !important;
  }

  .calculator-home-body .play-tab-plain::before,
  .calculator-home-body .date-tab-plain::before {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.52), rgba(255, 255, 255, 0));
    pointer-events: none;
  }

  .calculator-home-body .play-tab-stack {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
  }

  .calculator-home-body .play-tab-plain .play-tab-main,
  .calculator-home-body .date-tab-plain .date-tab-main,
  .calculator-home-body .play-tab-plain .play-tab-sub,
  .calculator-home-body .date-tab-plain .date-tab-sub {
    position: relative !important;
    z-index: 1 !important;
  }

  .calculator-home-body .play-tab-plain.is-active .play-tab-main,
  .calculator-home-body .play-tab-plain.is-active .play-tab-sub,
  .calculator-home-body .date-tab-plain.is-active .date-tab-main,
  .calculator-home-body .date-tab-plain.is-active .date-tab-sub {
    color: #fff5d6 !important;
    text-shadow: 0 1px 1px rgba(105, 16, 16, 0.22) !important;
  }

  .calculator-home-body .calculator-current-date-plain {
    position: relative !important;
    padding-left: 16px !important;
    border-radius: 18px !important;
  }

  .calculator-home-body .calculator-current-date-plain::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 50%;
    width: 4px;
    height: calc(100% - 16px);
    border-radius: 999px;
    transform: translateY(-50%);
    background: linear-gradient(180deg, #efc569 0%, #d29a27 100%);
  }

  .calculator-home-body .calculator-match-board-plain {
    gap: 10px !important;
    padding-bottom: 12px !important;
  }

  .calculator-home-body .compact-match-row {
    position: relative !important;
    overflow: hidden !important;
  }

  .calculator-home-body .compact-match-row::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 18px;
    padding: 1px;
    background: linear-gradient(135deg, rgba(246, 209, 138, 0.95), rgba(214, 162, 58, 0.55));
    -webkit-mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
  }

  .calculator-home-body .compact-left {
    background:
      linear-gradient(180deg, rgba(255, 248, 233, 0.98) 0%, rgba(255, 241, 208, 0.98) 100%) !important;
  }

  .calculator-home-body .compact-match-no {
    font-family: "Barlow Condensed", "Noto Sans SC", sans-serif !important;
    font-size: 18px !important;
    letter-spacing: 0.4px !important;
  }

  .calculator-home-body .compact-time {
    font-family: "Barlow Condensed", "Noto Sans SC", sans-serif !important;
    font-size: 15px !important;
    letter-spacing: 0.2px !important;
  }

  .calculator-home-body .compact-team-row {
    font-size: 17px !important;
  }

  .calculator-home-body .compact-home,
  .calculator-home-body .compact-away {
    color: #611b0f !important;
    font-weight: 800 !important;
  }

  .calculator-home-body .compact-vs {
    color: #a52118 !important;
    letter-spacing: 0.6px !important;
  }

  .calculator-home-body .compact-handicap {
    background:
      radial-gradient(circle at top, rgba(255, 225, 157, 0.22), transparent 58%),
      linear-gradient(180deg, #e43d2d 0%, #c6161a 100%) !important;
  }

  .calculator-home-body .compact-odd-btn {
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease !important;
  }

  .calculator-home-body .compact-odd-btn:active {
    transform: scale(0.985) !important;
  }

  .calculator-home-body .compact-odd-btn.selected,
  .calculator-home-body .compact-odd-btn.is-selected {
    background:
      radial-gradient(circle at top, rgba(255, 220, 146, 0.2), transparent 48%),
      linear-gradient(180deg, #e94a37 0%, #c81418 100%) !important;
  }

  .calculator-home-body .compact-more-games {
    padding-right: 2px !important;
    color: #b24516 !important;
  }

  .calculator-home-body .compact-extra-games {
    margin-top: 8px !important;
    padding: 8px 0 0 !important;
  }

  .calculator-home-body .mixed-extra-title {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 20px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: rgba(242, 202, 118, 0.18) !important;
  }

  .calculator-home-body .calculator-dock-app-plain {
    background:
      linear-gradient(180deg, rgba(255, 249, 237, 0.98) 0%, rgba(255, 239, 208, 0.98) 100%) !important;
  }

  .calculator-home-body .calculator-dock-app-plain::before {
    content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    top: 0;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #f6d18a 0%, #d6a23a 50%, #f6d18a 100%);
    pointer-events: none;
  }

  .calculator-home-body .calculator-dock-summary-plain,
  .calculator-home-body .calculator-dock-multiplier-plain,
  .calculator-home-body .calculator-pass-trigger,
  .calculator-home-body .calculator-clear-button {
    color: #7f340f !important;
  }

  .calculator-home-body .calculator-save-button {
    background:
      radial-gradient(circle at top, rgba(255, 226, 163, 0.18), transparent 46%),
      linear-gradient(180deg, #e64935 0%, #bf1116 100%) !important;
  }

  .calculator-home-body .calculator-plan-modal-card,
  .calculator-home-body .calculator-pass-sheet-inner,
  .calculator-home-body .calculator-multiplier-sheet {
    border: 1px solid #efca87 !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, #fffdf8 0%, #fff4df 100%) !important;
    box-shadow:
      inset 0 0 0 2px rgba(255, 255, 255, 0.7),
      0 12px 28px rgba(128, 42, 10, 0.16) !important;
  }

  .calculator-home-body .calculator-plan-modal-head,
  .calculator-home-body .calculator-multiplier-sheet-display {
    background: linear-gradient(180deg, #d51d20 0%, #b91116 100%) !important;
    color: #fff4d4 !important;
  }

  .calculator-home-body .calculator-plan-modal-head strong,
  .calculator-home-body .calculator-plan-modal-head span,
  .calculator-home-body .calculator-multiplier-sheet-display span {
    color: #fff4d4 !important;
  }

  .calculator-home-body .pass-chip-plain {
    min-height: 38px !important;
    border-radius: 12px !important;
    border: 1px solid #efca87 !important;
    background: linear-gradient(180deg, #fffef8 0%, #fff4df 100%) !important;
    color: #8a4313 !important;
    font-weight: 800 !important;
  }

  .calculator-home-body .pass-chip-plain.is-active {
    background: linear-gradient(180deg, #e64533 0%, #c11217 100%) !important;
    border-color: #f3cf8e !important;
    color: #fff4d7 !important;
  }

  .calculator-home-body .calculator-multiplier-keypad button,
  .calculator-home-body .calculator-panel-foot-actions .calculator-inline-save-button {
    border-radius: 12px !important;
  }
}

@media (max-width: 390px) {
  .calculator-home-body .calculator-app-topbar-plain {
    min-height: 84px !important;
    padding: 10px 12px 13px !important;
  }

  .calculator-home-body .calculator-app-title-plain h1 {
    font-size: 22px !important;
  }

  .calculator-home-body .compact-match-row {
    min-height: 108px !important;
    padding: 9px !important;
    gap: 8px !important;
  }

  .calculator-home-body .compact-left {
    width: 82px !important;
    border-radius: 14px !important;
    padding: 7px 4px !important;
  }

  .calculator-home-body .compact-league {
    font-size: 12px !important;
  }

  .calculator-home-body .compact-match-no {
    font-size: 17px !important;
    line-height: 24px !important;
  }

  .calculator-home-body .compact-time {
    font-size: 13px !important;
    line-height: 20px !important;
  }

  .calculator-home-body .compact-team-row {
    grid-template-columns: 1fr 30px 1fr !important;
    height: 26px !important;
    font-size: 15px !important;
  }

  .calculator-home-body .compact-odds-row {
    grid-template-columns: 34px repeat(3, 1fr) !important;
  }

  .calculator-home-body .compact-handicap {
    font-size: 13px !important;
  }

  .calculator-home-body .compact-odd-btn,
  .calculator-home-body .compact-odd-empty {
    height: 34px !important;
    border-radius: 10px !important;
  }

  .calculator-home-body .compact-label,
  .calculator-home-body .compact-odds {
    font-size: 13px !important;
  }

  .calculator-home-body .calculator-current-date-plain {
    margin: 8px 10px 5px !important;
    padding: 9px 12px 9px 15px !important;
    font-size: 13px !important;
  }
}

/* final size tuning */
.calculator-home-body .play-tab-plain,
.calculator-home-body .date-tab-plain {
  min-height: 64px !important;
  padding: 7px 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  border-radius: 16px !important;
}

.calculator-home-body .play-tab-stack {
  width: 100% !important;
}

.calculator-home-body .play-tab-plain .play-tab-main,
.calculator-home-body .date-tab-plain .date-tab-main {
  font-size: 12px !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  word-break: keep-all !important;
}

.calculator-home-body .play-tab-plain .play-tab-sub,
.calculator-home-body .date-tab-plain .date-tab-sub {
  font-size: 10px !important;
  line-height: 1.1 !important;
  white-space: normal !important;
}

.calculator-home-body .calculator-date-scroll-plain {
  gap: 7px !important;
}

.calculator-home-body .compact-match-row {
  padding: 11px 10px !important;
  gap: 9px !important;
}

.calculator-home-body .compact-handicap {
  min-height: 40px !important;
  font-size: 14px !important;
}

.calculator-home-body .compact-odd-btn,
.calculator-home-body .compact-odd-empty {
  height: 40px !important;
  border-radius: 11px !important;
}

.calculator-home-body .compact-label {
  font-size: 13px !important;
  line-height: 14px !important;
}

.calculator-home-body .compact-odds {
  font-size: 13px !important;
  line-height: 14px !important;
}

.calculator-home-body .calculator-toolbar-grid {
  grid-template-columns: 58px 48px minmax(0, 1fr) 74px !important;
  gap: 6px !important;
}

.calculator-home-body .calculator-dock-summary-plain,
.calculator-home-body .calculator-dock-multiplier-plain,
.calculator-home-body .calculator-pass-trigger,
.calculator-home-body .calculator-clear-button {
  min-height: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
}

.calculator-home-body .calculator-badge-count {
  width: 20px !important;
  height: 20px !important;
  font-size: 11px !important;
}

.calculator-home-body .calculator-dock-summary-copy strong,
.calculator-home-body .multiplier-button,
.calculator-home-body .calculator-pass-trigger strong,
.calculator-home-body .calculator-clear-button {
  font-size: 13px !important;
}

.calculator-home-body .calculator-pass-trigger span,
.calculator-home-body .calculator-compact-metric-plain span {
  font-size: 9px !important;
}

.calculator-home-body .calculator-save-button {
  height: 48px !important;
  border-radius: 14px !important;
  font-size: 17px !important;
}

@media (max-width: 390px) {
  .calculator-home-body .play-tab-plain,
  .calculator-home-body .date-tab-plain {
    min-height: 58px !important;
    padding: 6px 4px !important;
    border-radius: 14px !important;
  }

  .calculator-home-body .play-tab-plain .play-tab-main,
  .calculator-home-body .date-tab-plain .date-tab-main {
    font-size: 11px !important;
  }

  .calculator-home-body .play-tab-plain .play-tab-sub,
  .calculator-home-body .date-tab-plain .date-tab-sub {
    font-size: 9px !important;
  }

  .calculator-home-body .compact-handicap {
    min-height: 36px !important;
    font-size: 13px !important;
  }

  .calculator-home-body .compact-odd-btn,
  .calculator-home-body .compact-odd-empty {
    height: 36px !important;
    border-radius: 10px !important;
  }

  .calculator-home-body .compact-label,
  .calculator-home-body .compact-odds {
    font-size: 12px !important;
  }

  .calculator-home-body .calculator-toolbar-grid {
    grid-template-columns: 54px 44px minmax(0, 1fr) 70px !important;
    gap: 5px !important;
  }

  .calculator-home-body .calculator-dock-summary-plain,
  .calculator-home-body .calculator-dock-multiplier-plain,
  .calculator-home-body .calculator-pass-trigger,
  .calculator-home-body .calculator-clear-button {
    min-height: 38px !important;
    height: 38px !important;
  }

  .calculator-home-body .calculator-save-button {
    height: 44px !important;
    font-size: 15px !important;
  }
}

.calculator-home-body {
  background:
    radial-gradient(circle at top left, rgba(255, 220, 140, 0.16), transparent 26%),
    radial-gradient(circle at top right, rgba(255, 208, 126, 0.16), transparent 22%),
    linear-gradient(180deg, #8f0f0f 0%, #b41217 13%, #fff3dc 13%, #fff7e8 100%) !important;
  color: #5d210a !important;
}

.calculator-home-body .calculator-app-shell-plain {
  max-width: 480px !important;
  margin: 0 auto !important;
  min-height: 100vh !important;
  background: transparent !important;
  padding-bottom: 152px !important;
}

.calculator-home-body .calculator-app-header-plain {
  position: sticky !important;
  top: 0 !important;
  z-index: 70 !important;
  background: transparent !important;
}

.calculator-home-body .calculator-app-topbar-plain {
  position: relative !important;
  min-height: 88px !important;
  padding: 10px 14px 14px !important;
  display: grid !important;
  grid-template-columns: 48px 1fr 48px !important;
  align-items: center !important;
  gap: 8px !important;
  background:
    radial-gradient(circle at 18% 40%, rgba(255, 211, 138, 0.18), transparent 16%),
    radial-gradient(circle at 82% 42%, rgba(255, 211, 138, 0.18), transparent 16%),
    linear-gradient(180deg, #7f0909 0%, #b11116 48%, #d71920 100%) !important;
  border: 0 !important;
  border-bottom-left-radius: 22px !important;
  border-bottom-right-radius: 22px !important;
  box-shadow: 0 8px 24px rgba(104, 7, 7, 0.28) !important;
  overflow: hidden !important;
}

.calculator-home-body .calculator-app-title-plain {
  text-align: center !important;
}

.calculator-home-body .calculator-app-title-plain h1 {
  margin: 0 !important;
  color: #ffe7ab !important;
  font-size: 24px !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  text-shadow: 0 2px 0 rgba(112, 18, 0, 0.22) !important;
}

.calculator-home-body .calculator-app-title-plain span {
  display: block !important;
  margin-top: 4px !important;
  color: #ffe5aa !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  opacity: 0.95 !important;
}

.calculator-home-body .calculator-app-navbutton-plain,
.calculator-home-body .calculator-app-iconbutton-plain {
  min-width: 42px !important;
  min-height: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 225, 165, 0.72) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(164, 12, 14, 0.92), rgba(123, 8, 8, 0.96)) !important;
  color: #fff5d3 !important;
  box-shadow:
    inset 0 0 0 2px rgba(255, 233, 180, 0.18),
    0 4px 10px rgba(60, 0, 0, 0.22) !important;
  font-size: 0 !important;
}

.calculator-home-body #refreshButton {
  display: none !important;
}

.calculator-home-body #backButton::before {
  content: "\2039";
  display: block;
  color: #fff4cf;
  font-size: 28px;
  line-height: 1;
  font-weight: 700;
}

.calculator-home-body #menuToggleButton::before {
  content: "\2261";
  display: block;
  color: #fff4cf;
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
}

.calculator-home-body .calculator-app-actions-plain {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  position: relative !important;
}

.calculator-home-body .calculator-menu-panel {
  top: calc(100% + 8px) !important;
  right: 0 !important;
}

.calculator-home-body .calculator-tabs-panel-plain,
.calculator-home-body .calculator-date-panel-plain {
  padding: 10px 10px 0 !important;
  background: transparent !important;
  border: 0 !important;
}

.calculator-home-body .calculator-tabs-scroll-plain,
.calculator-home-body .calculator-date-scroll-plain {
  display: grid !important;
  gap: 8px !important;
}

.calculator-home-body .calculator-tabs-scroll-plain {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.calculator-home-body .calculator-date-scroll-plain {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.calculator-home-body .play-tab-plain,
.calculator-home-body .date-tab-plain {
  min-height: 76px !important;
  padding: 8px 6px !important;
  border: 1px solid #f2c36a !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #fffef9 0%, #fff6e6 100%) !important;
  color: #7f3d0c !important;
  box-shadow:
    inset 0 0 0 2px rgba(255, 255, 255, 0.55),
    0 4px 12px rgba(173, 97, 14, 0.08) !important;
}

.calculator-home-body .play-tab-plain.is-active,
.calculator-home-body .date-tab-plain.is-active {
  border: 1px solid #f6d18a !important;
  color: #fff4d4 !important;
  background:
    radial-gradient(circle at top left, rgba(255, 210, 120, 0.14), transparent 35%),
    linear-gradient(180deg, #e12a26 0%, #c9151b 100%) !important;
  box-shadow:
    inset 0 0 0 2px rgba(255, 223, 160, 0.34),
    0 6px 16px rgba(145, 15, 15, 0.22) !important;
}

.calculator-home-body .play-tab-plain .play-tab-main,
.calculator-home-body .date-tab-plain .date-tab-main {
  font-size: 13px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
}

.calculator-home-body .play-tab-plain .play-tab-sub,
.calculator-home-body .date-tab-plain .date-tab-sub {
  margin-top: 2px !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
}

.calculator-home-body .calculator-main-board-plain {
  background: transparent !important;
  padding-bottom: 6px !important;
}

.calculator-home-body .calculator-current-date-plain {
  display: block !important;
  margin: 10px 10px 6px !important;
  padding: 10px 14px !important;
  color: #7a3b14 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 700 !important;
  background: linear-gradient(180deg, #fffdf7 0%, #fff5df 100%) !important;
  border: 1px solid #f2cb86 !important;
  border-radius: 20px !important;
  box-shadow:
    inset 0 0 0 2px rgba(255, 255, 255, 0.68),
    0 4px 10px rgba(172, 114, 37, 0.08) !important;
}

.calculator-home-body .calculator-match-board-plain {
  padding: 0 10px 10px !important;
  display: grid !important;
  gap: 8px !important;
  background: transparent !important;
}

.calculator-home-body .compact-match-row,
.calculator-home-body .compact-match-row * {
  box-sizing: border-box !important;
}

.calculator-home-body .compact-match-row {
  display: flex !important;
  background: linear-gradient(180deg, #fffdf7 0%, #fff5e3 100%) !important;
  border: 1px solid #efca87 !important;
  border-radius: 18px !important;
  padding: 10px !important;
  min-height: 114px !important;
  gap: 10px !important;
  margin: 0 !important;
  box-shadow:
    inset 0 0 0 2px rgba(255, 255, 255, 0.68),
    0 6px 14px rgba(174, 113, 29, 0.08) !important;
}

.calculator-home-body .compact-left {
  width: 88px !important;
  flex-shrink: 0 !important;
  background: linear-gradient(180deg, #fff8e9 0%, #ffefcf 100%) !important;
  border: 1px solid #efcb8b !important;
  border-radius: 16px !important;
  text-align: center !important;
  padding: 8px 4px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72) !important;
}

.calculator-home-body .compact-left-top {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 4px !important;
  min-height: 20px !important;
}

.calculator-home-body .compact-league {
  font-size: 13px !important;
  color: #9a651f !important;
  line-height: 20px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.calculator-home-body .compact-single-tag {
  flex-shrink: 0 !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #e63d2f 0%, #bc0f13 100%) !important;
  color: #fff !important;
  font-size: 10px !important;
  line-height: 16px !important;
  text-align: center !important;
  font-weight: 800 !important;
}

.calculator-home-body .compact-match-no {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #7d3412 !important;
  line-height: 26px !important;
  margin-top: 2px !important;
}

.calculator-home-body .compact-time {
  font-size: 14px !important;
  color: #8e5923 !important;
  line-height: 22px !important;
  margin-top: 4px !important;
}

.calculator-home-body .compact-right {
  flex: 1 !important;
  min-width: 0 !important;
  padding-left: 0 !important;
}

.calculator-home-body .compact-team-row {
  display: grid !important;
  grid-template-columns: 1fr 34px 1fr !important;
  align-items: center !important;
  height: 28px !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #672410 !important;
  margin-bottom: 3px !important;
}

.calculator-home-body .compact-home,
.calculator-home-body .compact-away {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.calculator-home-body .compact-vs {
  font-weight: 700 !important;
  color: #7b240d !important;
}

.calculator-home-body .compact-odds-row {
  display: grid !important;
  grid-template-columns: 38px repeat(3, 1fr) !important;
  gap: 3px !important;
  margin-top: 3px !important;
}

.calculator-home-body .compact-handicap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff5d7 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  background: linear-gradient(180deg, #e63a2d 0%, #c7161c 100%) !important;
  border: 1px solid #f3c97f !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 8px rgba(151, 19, 19, 0.18) !important;
}

.calculator-home-body .compact-odd-btn,
.calculator-home-body .compact-odd-empty {
  height: 36px !important;
  border: 1px solid #efca87 !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #fffef8 0%, #fff5e5 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 16px !important;
  padding: 0 !important;
  position: static !important;
  transform: none !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72) !important;
}

.calculator-home-body .compact-label {
  color: #d13c22 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.calculator-home-body .compact-odds {
  color: #6a3210 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.calculator-home-body .compact-odd-btn.selected,
.calculator-home-body .compact-odd-btn.is-selected {
  background: linear-gradient(180deg, #e83f31 0%, #c51419 100%) !important;
  border-color: #f2cf8d !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 240, 205, 0.24),
    0 4px 10px rgba(138, 14, 14, 0.18) !important;
}

.calculator-home-body .compact-odd-btn.selected .compact-label,
.calculator-home-body .compact-odd-btn.selected .compact-odds,
.calculator-home-body .compact-odd-btn.is-selected .compact-label,
.calculator-home-body .compact-odd-btn.is-selected .compact-odds {
  color: #fff !important;
}

.calculator-home-body .compact-more-games {
  display: block !important;
  margin: 5px 0 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #b05a17 !important;
  font-size: 14px !important;
  line-height: 18px !important;
  font-weight: 700 !important;
}

.calculator-home-body .calculator-dock-app-plain {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  max-width: 480px !important;
  margin: 0 auto !important;
  background: linear-gradient(180deg, #fffdf8 0%, #fff1d7 100%) !important;
  border-top: 1px solid #efca87 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 -6px 16px rgba(137, 66, 15, 0.08) !important;
  backdrop-filter: none !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}

.calculator-home-body .calculator-dock-bar-plain {
  display: block !important;
  padding: 4px 6px 6px !important;
}

.calculator-home-body .calculator-toolbar-grid {
  display: grid !important;
  grid-template-columns: 52px 42px minmax(0, 1fr) 70px !important;
  grid-template-areas:
    "selected multi pass clear"
    "metric metric metric action" !important;
  gap: 4px !important;
  align-items: stretch !important;
}

.calculator-home-body .calculator-left-stack,
.calculator-home-body .calculator-center-stack,
.calculator-home-body .calculator-right-stack {
  display: contents !important;
}

.calculator-home-body #calculatorExpandButton {
  grid-area: selected !important;
}

.calculator-home-body .calculator-dock-multiplier-plain {
  grid-area: multi !important;
}

.calculator-home-body #passModeTrigger {
  grid-area: pass !important;
}

.calculator-home-body #clearSelectionButton {
  grid-area: clear !important;
}

.calculator-home-body .calculator-toolbar-metrics {
  grid-area: metric !important;
}

.calculator-home-body .calculator-dock-actions-plain {
  grid-area: action !important;
}

/* top tabs final compact tune */
.calculator-home-body .calculator-tabs-panel-plain {
  padding: 8px 10px 0 !important;
}

.calculator-home-body .calculator-date-panel-plain {
  padding: 6px 10px 0 !important;
}

.calculator-home-body .calculator-tabs-scroll-plain {
  gap: 6px !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  align-items: stretch !important;
}

.calculator-home-body .calculator-date-scroll-plain {
  gap: 6px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  width: min(100%, 84%) !important;
  margin: 0 auto !important;
  align-items: stretch !important;
}

.calculator-home-body .play-tab-plain {
  min-height: 52px !important;
  padding: 5px 4px !important;
  border-radius: 14px !important;
}

.calculator-home-body .date-tab-plain {
  min-height: 46px !important;
  padding: 5px 6px !important;
  border-radius: 14px !important;
}

.calculator-home-body .play-tab-plain .play-tab-main {
  font-size: 11px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
}

.calculator-home-body .play-tab-plain .play-tab-sub {
  margin-top: 1px !important;
  font-size: 9px !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
}

.calculator-home-body .date-tab-plain .date-tab-main {
  font-size: 11px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
}

.calculator-home-body .date-tab-plain .date-tab-sub {
  margin-top: 1px !important;
  font-size: 9px !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
}

@media (max-width: 390px) {
  .calculator-home-body .calculator-tabs-panel-plain {
    padding: 7px 8px 0 !important;
  }

  .calculator-home-body .calculator-date-panel-plain {
    padding: 5px 8px 0 !important;
  }

  .calculator-home-body .calculator-tabs-scroll-plain,
  .calculator-home-body .calculator-date-scroll-plain {
    gap: 5px !important;
  }

  .calculator-home-body .calculator-date-scroll-plain {
    width: min(100%, 88%) !important;
  }

  .calculator-home-body .play-tab-plain {
    min-height: 48px !important;
    padding: 4px 3px !important;
    border-radius: 12px !important;
  }

  .calculator-home-body .date-tab-plain {
    min-height: 42px !important;
    padding: 4px 5px !important;
    border-radius: 12px !important;
  }

  .calculator-home-body .play-tab-plain .play-tab-main,
  .calculator-home-body .date-tab-plain .date-tab-main {
    font-size: 10px !important;
    line-height: 1.05 !important;
  }

  .calculator-home-body .play-tab-plain .play-tab-sub,
  .calculator-home-body .date-tab-plain .date-tab-sub {
    font-size: 8px !important;
    line-height: 1 !important;
  }
}

/* top tabs/date continuity */
.calculator-home-body .calculator-app-header-plain {
  padding-bottom: 8px !important;
}

.calculator-home-body .calculator-tabs-panel-plain,
.calculator-home-body .calculator-date-panel-plain {
  width: calc(100% - 20px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  background: linear-gradient(180deg, rgba(255, 247, 230, 0.94) 0%, rgba(255, 239, 208, 0.92) 100%) !important;
  border-left: 1px solid rgba(242, 195, 106, 0.72) !important;
  border-right: 1px solid rgba(242, 195, 106, 0.72) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.42),
    0 6px 18px rgba(133, 58, 12, 0.08) !important;
  box-sizing: border-box !important;
}

.calculator-home-body .calculator-tabs-panel-plain {
  padding: 8px 8px 4px !important;
  border-top: 1px solid rgba(242, 195, 106, 0.72) !important;
  border-bottom: 0 !important;
  border-top-left-radius: 22px !important;
  border-top-right-radius: 22px !important;
}

.calculator-home-body .calculator-date-panel-plain {
  margin-top: -1px !important;
  padding: 4px 8px 8px !important;
  border-top: 1px solid rgba(255, 243, 220, 0.65) !important;
  border-bottom: 1px solid rgba(242, 195, 106, 0.72) !important;
  border-bottom-left-radius: 22px !important;
  border-bottom-right-radius: 22px !important;
}

.calculator-home-body .calculator-main-board-plain {
  margin-top: 6px !important;
}

.calculator-home-body .calculator-current-date-plain {
  margin-top: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}

.calculator-home-body .calculator-tabs-scroll-plain,
.calculator-home-body .calculator-date-scroll-plain {
  gap: 6px !important;
}

.calculator-home-body .date-tab-plain {
  box-shadow:
    inset 0 0 0 2px rgba(255, 255, 255, 0.5),
    0 2px 8px rgba(173, 97, 14, 0.06) !important;
}

@media (max-width: 390px) {
  .calculator-home-body .calculator-tabs-panel-plain,
  .calculator-home-body .calculator-date-panel-plain {
    width: calc(100% - 16px) !important;
  }

  .calculator-home-body .calculator-tabs-panel-plain {
    padding: 7px 7px 4px !important;
    border-top-left-radius: 18px !important;
    border-top-right-radius: 18px !important;
  }

  .calculator-home-body .calculator-date-panel-plain {
    padding: 4px 7px 7px !important;
    border-bottom-left-radius: 18px !important;
    border-bottom-right-radius: 18px !important;
  }
}

/* worldcup blue theme */
.calculator-home-body {
  --wc-deep: #061b4f;
  --wc-deep-2: #082b70;
  --wc-primary: #1f5cff;
  --wc-primary-2: #245bea;
  --wc-primary-3: #2f6bff;
  --wc-soft: #f4f7fc;
  --wc-soft-2: #edf3ff;
  --wc-border: #d7e3ff;
  --wc-text: #0d1b3d;
  --wc-subtext: #5d6f97;
  --wc-gold: #f5c76b;
  --wc-gold-2: #d7a84f;
  background:
    radial-gradient(circle at top center, rgba(65, 122, 255, 0.22), transparent 28%),
    linear-gradient(180deg, #07163e 0%, #0b2a71 18%, #173f97 18%, #edf4ff 18.2%, #f4f8ff 100%) !important;
  color: var(--wc-text) !important;
  position: relative !important;
  overflow-x: hidden !important;
}

.calculator-home-body::before,
.calculator-home-body::after {
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  width: clamp(22px, 5vw, 42px);
  z-index: 0;
  pointer-events: none;
  opacity: 0.95;
}

.calculator-home-body::before {
  left: 0;
  background:
    radial-gradient(circle at 12px 120px, rgba(255, 255, 255, 0.65), transparent 28px),
    radial-gradient(circle at 28px 240px, rgba(255, 230, 161, 0.42), transparent 18px),
    radial-gradient(circle at 8px 480px, rgba(255, 255, 255, 0.45), transparent 16px),
    linear-gradient(180deg, rgba(7, 30, 88, 0.96) 0%, rgba(11, 46, 132, 0.95) 28%, rgba(8, 37, 110, 0.95) 100%);
  box-shadow: inset -12px 0 24px rgba(255, 255, 255, 0.08);
}

.calculator-home-body::after {
  right: 0;
  background:
    radial-gradient(circle at calc(100% - 10px) 140px, rgba(255, 255, 255, 0.65), transparent 28px),
    radial-gradient(circle at calc(100% - 24px) 340px, rgba(255, 230, 161, 0.42), transparent 18px),
    radial-gradient(circle at calc(100% - 12px) 620px, rgba(255, 255, 255, 0.45), transparent 16px),
    linear-gradient(180deg, rgba(7, 30, 88, 0.96) 0%, rgba(11, 46, 132, 0.95) 28%, rgba(8, 37, 110, 0.95) 100%);
  box-shadow: inset 12px 0 24px rgba(255, 255, 255, 0.08);
}

.calculator-home-body .calculator-app-shell-plain,
.calculator-home-body .calculator-dock-app-plain {
  position: relative !important;
  z-index: 1 !important;
}

.calculator-home-body .calculator-app-shell-plain {
  background: transparent !important;
}

.calculator-home-body .calculator-app-header-plain {
  padding-bottom: 10px !important;
  overflow: visible !important;
}

.calculator-home-body .calculator-app-topbar-plain {
  min-height: 118px !important;
  padding: 14px 16px 16px !important;
  background:
    linear-gradient(118deg, rgba(255, 255, 255, 0.16) 0 8%, transparent 8% 100%),
    linear-gradient(242deg, rgba(255, 255, 255, 0.1) 0 6%, transparent 6% 100%),
    radial-gradient(circle at 8% 52%, rgba(255, 255, 255, 0.3), transparent 16%),
    radial-gradient(circle at 92% 52%, rgba(255, 255, 255, 0.28), transparent 16%),
    radial-gradient(circle at 12% 12%, rgba(255, 255, 255, 0.22), transparent 16%),
    radial-gradient(circle at 88% 18%, rgba(76, 141, 255, 0.28), transparent 18%),
    linear-gradient(135deg, #06173f 0%, #0c2f79 50%, #123d9f 100%) !important;
  border-bottom-left-radius: 28px !important;
  border-bottom-right-radius: 28px !important;
  box-shadow: 0 14px 28px rgba(5, 21, 66, 0.32) !important;
}

.calculator-home-body .calculator-app-topbar-plain::before {
  content: "🏆";
  position: absolute;
  left: 94px;
  top: 16px;
  font-size: 54px;
  line-height: 1;
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.2));
  z-index: 0;
}

.calculator-home-body .calculator-app-topbar-plain::after {
  content: "";
  position: absolute;
  right: 66px;
  top: 12px;
  width: 112px;
  height: 112px;
  border-radius: 50%;
  background:
    radial-gradient(circle at center, rgba(91, 159, 255, 0.22) 0%, rgba(91, 159, 255, 0.08) 40%, transparent 68%),
    repeating-linear-gradient(0deg, rgba(161, 211, 255, 0.12) 0 1px, transparent 1px 9px),
    repeating-linear-gradient(90deg, rgba(161, 211, 255, 0.12) 0 1px, transparent 1px 9px);
  border: 1px solid rgba(161, 211, 255, 0.18);
  box-shadow: inset 0 0 26px rgba(84, 167, 255, 0.18);
  z-index: 0;
}

.calculator-home-body .calculator-app-header-plain::before {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  top: 104px;
  height: 22px;
  z-index: 2;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='22' viewBox='0 0 180 22'%3E%3Cpath d='M2 2c25 0 31 8 56 8s31-8 56-8 31 8 64 8' fill='none' stroke='%23f5c76b' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M22 4l10 0-5 12z' fill='%2300a0ff'/%3E%3Cpath d='M47 4l10 0-5 12z' fill='%23ffffff'/%3E%3Cpath d='M72 4l10 0-5 12z' fill='%23ff4545'/%3E%3Cpath d='M98 4l10 0-5 12z' fill='%2300a0ff'/%3E%3Cpath d='M123 4l10 0-5 12z' fill='%23ffffff'/%3E%3Cpath d='M148 4l10 0-5 12z' fill='%23ff4545'/%3E%3C/svg%3E");
  background-repeat: repeat-x;
  background-size: 180px 22px;
  opacity: 0.95;
}

.calculator-home-body .calculator-app-header-plain::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 8px;
  height: 172px;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(circle at 10% 36%, rgba(255, 255, 255, 0.44), transparent 12%),
    radial-gradient(circle at 90% 36%, rgba(255, 255, 255, 0.4), transparent 12%),
    linear-gradient(116deg, rgba(255, 255, 255, 0.18) 0%, transparent 22%),
    linear-gradient(244deg, rgba(255, 255, 255, 0.14) 0%, transparent 22%);
  opacity: 0.72;
}

.calculator-home-body .calculator-app-title-plain,
.calculator-home-body .calculator-app-actions-plain,
.calculator-home-body .calculator-app-navbutton-plain {
  position: relative !important;
  z-index: 3 !important;
}

.calculator-home-body .calculator-app-title-plain h1 {
  color: #ffffff !important;
  font-size: 25px !important;
  letter-spacing: 0.6px !important;
  text-shadow: 0 3px 10px rgba(9, 18, 54, 0.45) !important;
}

.calculator-home-body .calculator-app-title-plain span {
  color: #d9e7ff !important;
  font-size: 13px !important;
  letter-spacing: 0.2px !important;
}

.calculator-home-body .calculator-app-navbutton-plain,
.calculator-home-body .calculator-app-iconbutton-plain {
  border: 1.5px solid rgba(245, 199, 107, 0.85) !important;
  background:
    radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.16), transparent 38%),
    linear-gradient(180deg, rgba(10, 40, 111, 0.96), rgba(6, 23, 74, 0.98)) !important;
  color: #fff !important;
  box-shadow:
    inset 0 0 0 2px rgba(255, 255, 255, 0.08),
    0 8px 18px rgba(4, 17, 58, 0.3) !important;
}

.calculator-home-body #backButton::before,
.calculator-home-body #menuToggleButton::before {
  color: #fffef8 !important;
}

.calculator-home-body .calculator-tabs-panel-plain,
.calculator-home-body .calculator-date-panel-plain {
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid rgba(203, 218, 255, 0.92) !important;
  box-shadow:
    0 16px 28px rgba(13, 40, 111, 0.12),
    inset 0 0 0 1px rgba(255, 255, 255, 0.8) !important;
}

.calculator-home-body .play-tab-plain,
.calculator-home-body .date-tab-plain {
  border: 1px solid var(--wc-border) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%) !important;
  color: var(--wc-text) !important;
  box-shadow: 0 6px 16px rgba(16, 51, 132, 0.08) !important;
}

.calculator-home-body .play-tab-plain.is-active,
.calculator-home-body .date-tab-plain.is-active {
  border-color: rgba(213, 168, 79, 0.82) !important;
  background:
    radial-gradient(circle at top, rgba(255, 255, 255, 0.18), transparent 42%),
    linear-gradient(180deg, #2f6bff 0%, #1f55ea 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.12),
    0 10px 20px rgba(28, 84, 216, 0.26) !important;
}

.calculator-home-body .play-tab-plain .play-tab-main,
.calculator-home-body .play-tab-plain .play-tab-sub,
.calculator-home-body .date-tab-plain .date-tab-main,
.calculator-home-body .date-tab-plain .date-tab-sub {
  color: var(--wc-text) !important;
}

.calculator-home-body .play-tab-plain.is-active .play-tab-main,
.calculator-home-body .play-tab-plain.is-active .play-tab-sub,
.calculator-home-body .date-tab-plain.is-active .date-tab-main,
.calculator-home-body .date-tab-plain.is-active .date-tab-sub {
  color: #ffffff !important;
}

.calculator-home-body .calculator-current-date-plain {
  background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%) !important;
  border: 1px solid var(--wc-border) !important;
  color: var(--wc-deep-2) !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 18px rgba(14, 44, 119, 0.08) !important;
  padding-left: 44px !important;
}

.calculator-home-body .calculator-current-date-plain::before {
  content: "⚽";
  left: 14px !important;
  top: 50% !important;
  width: auto !important;
  height: auto !important;
  transform: translateY(-50%) !important;
  background: none !important;
  color: var(--wc-primary) !important;
  font-size: 18px !important;
}

.calculator-home-body .calculator-match-board-plain {
  gap: 10px !important;
}

.calculator-home-body .calculator-app-shell-plain::before {
  content: "";
  position: absolute;
  left: -6px;
  right: -6px;
  top: 108px;
  height: 280px;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 3% 16%, rgba(255, 255, 255, 0.2), transparent 12%),
    radial-gradient(circle at 97% 16%, rgba(255, 255, 255, 0.18), transparent 12%),
    radial-gradient(circle at 9% 70%, rgba(245, 199, 107, 0.1), transparent 5%),
    radial-gradient(circle at 95% 62%, rgba(245, 199, 107, 0.1), transparent 5%);
}

.calculator-home-body .calculator-app-shell-plain::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  top: 126px;
  bottom: 112px;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 3% 12%, rgba(255, 255, 255, 0.18) 0 1px, transparent 2px),
    radial-gradient(circle at 11% 7%, rgba(245, 199, 107, 0.28) 0 2px, transparent 3px),
    radial-gradient(circle at 98% 8%, rgba(255, 255, 255, 0.16) 0 1px, transparent 2px),
    radial-gradient(circle at 92% 18%, rgba(245, 199, 107, 0.24) 0 2px, transparent 3px),
    radial-gradient(circle at 8% 54%, rgba(255, 255, 255, 0.12) 0 1px, transparent 2px),
    radial-gradient(circle at 96% 46%, rgba(255, 255, 255, 0.12) 0 1px, transparent 2px);
  opacity: 0.8;
}

.calculator-home-body .compact-match-row {
  background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%) !important;
  border: 1px solid #dfe9ff !important;
  border-radius: 22px !important;
  box-shadow: 0 12px 24px rgba(11, 37, 101, 0.08) !important;
}

.calculator-home-body .compact-match-row::before {
  background: linear-gradient(135deg, rgba(214, 231, 255, 0.9), rgba(245, 199, 107, 0.22)) !important;
}

.calculator-home-body .compact-left {
  background: linear-gradient(180deg, #f7faff 0%, #eef4ff 100%) !important;
  border: 1px solid #d9e5ff !important;
  border-radius: 18px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.84) !important;
}

.calculator-home-body .compact-league,
.calculator-home-body .compact-match-no,
.calculator-home-body .compact-time {
  color: var(--wc-deep-2) !important;
}

.calculator-home-body .compact-single-tag {
  background: linear-gradient(180deg, #2f6bff 0%, #1d4ed8 100%) !important;
  color: #fff !important;
}

.calculator-home-body .compact-team-row {
  color: var(--wc-text) !important;
}

.calculator-home-body .compact-home,
.calculator-home-body .compact-away,
.calculator-home-body .compact-vs {
  color: var(--wc-text) !important;
}

.calculator-home-body .compact-handicap {
  color: #fff !important;
  background: linear-gradient(180deg, #2f6bff 0%, #1f55ea 100%) !important;
  border: 1px solid rgba(213, 168, 79, 0.8) !important;
  box-shadow: 0 6px 12px rgba(27, 80, 211, 0.22) !important;
}

.calculator-home-body .compact-odd-btn,
.calculator-home-body .compact-odd-empty {
  border: 1px solid #dbe6ff !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.82),
    0 4px 12px rgba(15, 47, 120, 0.05) !important;
}

.calculator-home-body .compact-label,
.calculator-home-body .compact-odds {
  color: var(--wc-deep-2) !important;
}

.calculator-home-body .compact-odd-btn.selected,
.calculator-home-body .compact-odd-btn.is-selected {
  background:
    radial-gradient(circle at top, rgba(255, 255, 255, 0.18), transparent 42%),
    linear-gradient(180deg, #2f6bff 0%, #1f55ea 100%) !important;
  border-color: rgba(213, 168, 79, 0.8) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.12),
    0 10px 18px rgba(27, 80, 211, 0.22) !important;
}

.calculator-home-body .compact-odd-btn.selected .compact-label,
.calculator-home-body .compact-odd-btn.selected .compact-odds,
.calculator-home-body .compact-odd-btn.is-selected .compact-label,
.calculator-home-body .compact-odd-btn.is-selected .compact-odds {
  color: #ffffff !important;
}

.calculator-home-body .compact-more-games,
.calculator-home-body .mixed-extra-title {
  color: #1f5cff !important;
}

.calculator-home-body .compact-extra-games {
  border-top: 1px solid #dbe7ff !important;
}

.calculator-home-body .mixed-extra-option {
  background: linear-gradient(180deg, #ffffff 0%, #f6faff 100%) !important;
  border: 1px solid #dbe6ff !important;
  box-shadow: 0 4px 10px rgba(15, 47, 120, 0.05) !important;
}

.calculator-home-body .mixed-extra-option .calc-option-label,
.calculator-home-body .mixed-extra-option .calc-option-odds {
  color: var(--wc-deep-2) !important;
}

.calculator-home-body .mixed-extra-option.is-selected {
  background: linear-gradient(180deg, #2f6bff 0%, #1f55ea 100%) !important;
  border-color: rgba(213, 168, 79, 0.8) !important;
}

.calculator-home-body .mixed-extra-option.is-selected .calc-option-label,
.calculator-home-body .mixed-extra-option.is-selected .calc-option-odds {
  color: #ffffff !important;
}

.calculator-home-body .calculator-dock-app-plain {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(244, 248, 255, 0.98) 100%) !important;
  border-top: 1px solid #d8e5ff !important;
  box-shadow:
    0 -8px 24px rgba(10, 38, 107, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
}

.calculator-home-body .calculator-dock-app-plain::before {
  background: linear-gradient(90deg, #cfdcff 0%, #2f6bff 50%, #cfdcff 100%) !important;
}

.calculator-home-body .calculator-dock-summary-plain,
.calculator-home-body .calculator-dock-multiplier-plain,
.calculator-home-body .calculator-pass-trigger,
.calculator-home-body .calculator-clear-button {
  border: 1px solid #dbe6ff !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%) !important;
  color: var(--wc-deep-2) !important;
}

.calculator-home-body .calculator-badge-count {
  background: linear-gradient(180deg, #2f6bff 0%, #1f55ea 100%) !important;
  box-shadow: 0 0 0 2px #ffffff !important;
}

.calculator-home-body .calculator-dock-summary-copy strong,
.calculator-home-body .multiplier-button,
.calculator-home-body .calculator-pass-trigger strong,
.calculator-home-body .calculator-clear-button,
.calculator-home-body .calculator-compact-metric-plain strong {
  color: var(--wc-deep-2) !important;
}

.calculator-home-body .calculator-pass-trigger span,
.calculator-home-body .calculator-compact-metric-plain span {
  color: var(--wc-subtext) !important;
}

.calculator-home-body .calculator-save-button,
.calculator-home-body .calculator-inline-save-button {
  border: 1px solid rgba(213, 168, 79, 0.82) !important;
  background:
    radial-gradient(circle at top, rgba(255, 255, 255, 0.18), transparent 42%),
    linear-gradient(180deg, #2f6bff 0%, #1f55ea 100%) !important;
  color: #ffffff !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.16),
    0 12px 20px rgba(24, 74, 202, 0.22) !important;
}

.calculator-home-body .calculator-plan-modal-card,
.calculator-home-body .calculator-pass-sheet-inner,
.calculator-home-body .calculator-multiplier-sheet {
  background: linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%) !important;
  border: 1px solid #dbe6ff !important;
  box-shadow: 0 18px 32px rgba(9, 31, 90, 0.16) !important;
}

.calculator-home-body .calculator-plan-modal-head,
.calculator-home-body .calculator-multiplier-sheet-display {
  background: linear-gradient(180deg, #113b9d 0%, #0a2d75 100%) !important;
}

.calculator-home-body .calculator-plan-modal-head strong,
.calculator-home-body .calculator-plan-modal-head span,
.calculator-home-body .calculator-multiplier-sheet-display span {
  color: #ffffff !important;
}

.calculator-home-body .pass-chip-plain {
  border: 1px solid #dbe6ff !important;
  background: linear-gradient(180deg, #ffffff 0%, #f6faff 100%) !important;
  color: var(--wc-deep-2) !important;
}

.calculator-home-body .pass-chip-plain.is-active {
  border-color: rgba(213, 168, 79, 0.82) !important;
  background: linear-gradient(180deg, #2f6bff 0%, #1f55ea 100%) !important;
  color: #ffffff !important;
}

@media (max-width: 390px) {
  .calculator-home-body .calculator-app-topbar-plain {
    min-height: 108px !important;
    padding: 12px 14px 14px !important;
  }

  .calculator-home-body .calculator-app-topbar-plain::before {
    left: 82px;
    top: 18px;
    font-size: 46px;
  }

  .calculator-home-body .calculator-app-topbar-plain::after {
    right: 62px;
    top: 16px;
    width: 88px;
    height: 88px;
  }

  .calculator-home-body .calculator-app-header-plain::before {
    left: 14px;
    right: 14px;
    top: 96px;
    height: 18px;
    background-size: 150px 18px;
  }

  .calculator-home-body .calculator-app-title-plain h1 {
    font-size: 22px !important;
  }

  .calculator-home-body .calculator-app-title-plain span {
    font-size: 12px !important;
  }
}

/* worldcup polish */
.calculator-home-body::before {
  background:
    radial-gradient(circle at 12px 120px, rgba(255, 255, 255, 0.72), transparent 26px),
    radial-gradient(circle at 28px 240px, rgba(255, 230, 161, 0.48), transparent 18px),
    radial-gradient(circle at 8px 480px, rgba(255, 255, 255, 0.5), transparent 16px),
    linear-gradient(180deg, rgba(7, 30, 88, 0.98) 0%, rgba(11, 46, 132, 0.98) 28%, rgba(8, 37, 110, 0.96) 78%, rgba(5, 27, 78, 0.98) 100%);
}

.calculator-home-body::after {
  background:
    radial-gradient(circle at calc(100% - 10px) 140px, rgba(255, 255, 255, 0.72), transparent 26px),
    radial-gradient(circle at calc(100% - 24px) 340px, rgba(255, 230, 161, 0.48), transparent 18px),
    radial-gradient(circle at calc(100% - 12px) 620px, rgba(255, 255, 255, 0.5), transparent 16px),
    linear-gradient(180deg, rgba(7, 30, 88, 0.98) 0%, rgba(11, 46, 132, 0.98) 28%, rgba(8, 37, 110, 0.96) 78%, rgba(5, 27, 78, 0.98) 100%);
}

.calculator-home-body .calculator-app-shell-plain::before {
  background:
    radial-gradient(circle at 3% 16%, rgba(255, 255, 255, 0.24), transparent 12%),
    radial-gradient(circle at 97% 16%, rgba(255, 255, 255, 0.22), transparent 12%),
    radial-gradient(circle at 9% 70%, rgba(245, 199, 107, 0.14), transparent 5%),
    radial-gradient(circle at 95% 62%, rgba(245, 199, 107, 0.14), transparent 5%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 18%);
}

.calculator-home-body .calculator-app-shell-plain::after {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 12%),
    radial-gradient(circle at 3% 12%, rgba(255, 255, 255, 0.18) 0 1px, transparent 2px),
    radial-gradient(circle at 11% 7%, rgba(245, 199, 107, 0.28) 0 2px, transparent 3px),
    radial-gradient(circle at 98% 8%, rgba(255, 255, 255, 0.16) 0 1px, transparent 2px),
    radial-gradient(circle at 92% 18%, rgba(245, 199, 107, 0.24) 0 2px, transparent 3px),
    radial-gradient(circle at 8% 54%, rgba(255, 255, 255, 0.12) 0 1px, transparent 2px),
    radial-gradient(circle at 96% 46%, rgba(255, 255, 255, 0.12) 0 1px, transparent 2px);
}

.calculator-home-body .calculator-app-topbar-plain {
  overflow: visible !important;
}

.calculator-home-body .calculator-app-topbar-plain .calculator-app-title-plain {
  transform: translateY(1px);
}

.calculator-home-body .calculator-app-topbar-plain .calculator-app-title-plain h1::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -10px;
  width: 168px;
  height: 68px;
  transform: translateX(-50%);
  background: radial-gradient(circle, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.04) 42%, transparent 72%);
  pointer-events: none;
}

.calculator-home-body .calculator-app-topbar-plain .calculator-app-title-plain h1,
.calculator-home-body .calculator-app-topbar-plain .calculator-app-title-plain span {
  position: relative !important;
}

.calculator-home-body .calculator-tabs-panel-plain,
.calculator-home-body .calculator-date-panel-plain,
.calculator-home-body .calculator-current-date-plain {
  backdrop-filter: blur(3px) !important;
}

.calculator-home-body .calculator-current-date-plain {
  font-weight: 800 !important;
  letter-spacing: 0.2px !important;
}

.calculator-home-body .compact-match-row {
  border-radius: 24px !important;
  box-shadow:
    0 14px 28px rgba(11, 37, 101, 0.1),
    0 2px 0 rgba(255, 255, 255, 0.85) inset !important;
}

.calculator-home-body .compact-left {
  position: relative !important;
  overflow: hidden !important;
}

.calculator-home-body .compact-left::after {
  content: "";
  position: absolute;
  right: -1px;
  top: 16px;
  bottom: 16px;
  width: 1px;
  background: linear-gradient(180deg, rgba(31, 92, 255, 0), rgba(31, 92, 255, 0.22), rgba(31, 92, 255, 0));
}

.calculator-home-body .compact-match-no {
  font-size: 17px !important;
  letter-spacing: 0.2px !important;
}

.calculator-home-body .compact-time {
  color: #50658f !important;
}

.calculator-home-body .compact-team-row {
  margin-bottom: 5px !important;
}

.calculator-home-body .compact-home,
.calculator-home-body .compact-away {
  font-weight: 800 !important;
}

.calculator-home-body .compact-vs {
  font-size: 17px !important;
  letter-spacing: 0.6px !important;
}

.calculator-home-body .compact-odds-row {
  gap: 5px !important;
  margin-top: 5px !important;
}

.calculator-home-body .compact-handicap {
  min-height: 40px !important;
  border-radius: 14px !important;
}

.calculator-home-body .compact-odd-btn,
.calculator-home-body .compact-odd-empty {
  height: 40px !important;
  border-radius: 14px !important;
}

.calculator-home-body .compact-odd-btn:hover {
  border-color: #b9cdff !important;
}

.calculator-home-body .compact-label {
  font-weight: 800 !important;
}

.calculator-home-body .compact-odds {
  color: #233f7a !important;
  font-weight: 600 !important;
}

.calculator-home-body .compact-match-row-mixed .compact-extra-games {
  margin-top: 10px !important;
  padding-top: 10px !important;
}

.calculator-home-body .mixed-extra-title {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 22px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background: rgba(47, 107, 255, 0.08) !important;
  font-weight: 800 !important;
}

.calculator-home-body .calculator-dock-app-plain {
  border-top-left-radius: 24px !important;
  border-top-right-radius: 24px !important;
  box-shadow:
    0 -14px 28px rgba(10, 38, 107, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
}

.calculator-home-body .calculator-dock-bar-plain {
  padding: 6px 8px 8px !important;
}

.calculator-home-body .calculator-dock-summary-plain,
.calculator-home-body .calculator-dock-multiplier-plain,
.calculator-home-body .calculator-pass-trigger,
.calculator-home-body .calculator-clear-button {
  border-radius: 14px !important;
}

.calculator-home-body .calculator-save-button,
.calculator-home-body .calculator-inline-save-button {
  border-radius: 16px !important;
  letter-spacing: 0.4px !important;
}

.calculator-home-body .calculator-plan-modal-card,
.calculator-home-body .calculator-pass-sheet-inner,
.calculator-home-body .calculator-multiplier-sheet {
  border-radius: 22px !important;
}

@media (max-width: 390px) {
  .calculator-home-body .compact-match-row {
    border-radius: 20px !important;
  }

  .calculator-home-body .compact-left {
    border-radius: 16px !important;
  }

  .calculator-home-body .compact-handicap {
    min-height: 36px !important;
    border-radius: 12px !important;
  }

  .calculator-home-body .compact-odd-btn,
  .calculator-home-body .compact-odd-empty {
    height: 36px !important;
    border-radius: 12px !important;
  }

  .calculator-home-body .calculator-dock-summary-plain,
  .calculator-home-body .calculator-dock-multiplier-plain,
  .calculator-home-body .calculator-pass-trigger,
  .calculator-home-body .calculator-clear-button {
    border-radius: 12px !important;
  }
}

/* strict mobile reference refinement */
.calculator-home-body .calculator-app-shell-plain {
  max-width: 430px !important;
  padding-bottom: calc(162px + env(safe-area-inset-bottom)) !important;
}

.calculator-home-body .calculator-app-topbar-plain {
  min-height: 138px !important;
  border-bottom-left-radius: 34px !important;
  border-bottom-right-radius: 34px !important;
}

.calculator-home-body .calculator-app-topbar-plain::before {
  left: 84px !important;
  top: 10px !important;
  font-size: 64px !important;
}

.calculator-home-body .calculator-app-topbar-plain::after {
  right: 44px !important;
  top: 6px !important;
  width: 132px !important;
  height: 132px !important;
}

.calculator-home-body .calculator-app-header-plain::before {
  top: 126px !important;
}

.calculator-home-body .calculator-app-title-plain h1 {
  font-size: 27px !important;
  font-weight: 900 !important;
}

.calculator-home-body .calculator-app-title-plain span {
  font-size: 12px !important;
  font-weight: 500 !important;
}

.calculator-home-body .calculator-tabs-panel-plain,
.calculator-home-body .calculator-date-panel-plain {
  width: calc(100% - 20px) !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,251,255,0.97) 100%) !important;
  box-shadow: 0 8px 20px rgba(0, 20, 80, 0.18) !important;
}

.calculator-home-body .calculator-tabs-panel-plain {
  padding: 10px 10px 10px !important;
}

.calculator-home-body .calculator-date-panel-plain {
  padding: 10px 10px 12px !important;
  margin-top: 10px !important;
}

.calculator-home-body .calculator-date-scroll-plain {
  width: 100% !important;
  margin: 0 !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.calculator-home-body .play-tab-plain {
  min-height: 56px !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%) !important;
}

.calculator-home-body .date-tab-plain {
  min-height: 54px !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%) !important;
  padding: 6px 8px !important;
}

.calculator-home-body .play-tab-plain.is-active,
.calculator-home-body .date-tab-plain.is-active {
  background: linear-gradient(180deg, #2f6bff, #174bd8) !important;
  border: 1px solid #1f5cff !important;
  box-shadow: 0 4px 10px rgba(31, 92, 255, 0.35) !important;
}

.calculator-home-body .calculator-main-board-plain {
  margin-top: 10px !important;
}

.calculator-home-body .calculator-current-date-plain {
  width: calc(100% - 20px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 14px 18px 14px 52px !important;
  border-radius: 20px !important;
  box-shadow: 0 8px 18px rgba(0, 20, 80, 0.12) !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
}

.calculator-home-body .calculator-current-date-plain::before {
  left: 18px !important;
  font-size: 20px !important;
}

.calculator-home-body .calculator-match-board-plain {
  gap: 6px !important;
  padding: 4px 6px calc(150px + env(safe-area-inset-bottom)) !important;
}

.calculator-home-body .compact-match-row {
  min-height: 100px !important;
  padding: 7px 8px !important;
  gap: 8px !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  box-shadow: 0 2px 8px rgba(0, 20, 80, 0.08) !important;
}

.calculator-home-body .compact-left {
  width: 82px !important;
  min-width: 82px !important;
  padding: 6px 4px !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%) !important;
}

.calculator-home-body .compact-left::after {
  right: -7px !important;
  top: 5px !important;
  bottom: 5px !important;
  width: 0 !important;
  border-right: 1px dashed #d2ddf7 !important;
  background: none !important;
}

.calculator-home-body .compact-league {
  font-size: 12px !important;
  line-height: 16px !important;
  color: #1940a5 !important;
  font-weight: 800 !important;
  max-width: 74px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.calculator-home-body .compact-match-no {
  font-size: 16px !important;
  line-height: 22px !important;
  font-weight: 900 !important;
}

.calculator-home-body .compact-time {
  font-size: 12px !important;
  line-height: 18px !important;
  color: #5e7198 !important;
}

.calculator-home-body .compact-right {
  padding-left: 2px !important;
}

.calculator-home-body .compact-team-row {
  grid-template-columns: 1fr 30px 1fr !important;
  height: 24px !important;
  margin-bottom: 2px !important;
  font-size: 15px !important;
}

.calculator-home-body .compact-home,
.calculator-home-body .compact-away,
.calculator-home-body .compact-vs {
  font-weight: 800 !important;
  color: #10255a !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.calculator-home-body .compact-odds-row {
  grid-template-columns: 34px repeat(3, 1fr) !important;
  gap: 3px !important;
  margin-top: 3px !important;
}

.calculator-home-body .compact-handicap {
  height: 30px !important;
  min-height: 30px !important;
  min-width: 34px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.calculator-home-body .compact-odd-btn,
.calculator-home-body .compact-odd-empty {
  height: 32px !important;
  min-height: 32px !important;
  border-radius: 8px !important;
  padding: 0 !important;
  border: 1px solid #dfe7f6 !important;
}

.calculator-home-body .compact-label {
  font-size: 12px !important;
  line-height: 14px !important;
  color: #1f4ed8 !important;
}

.calculator-home-body .compact-odds {
  font-size: 13px !important;
  line-height: 15px !important;
  color: #163067 !important;
}

.calculator-home-body .compact-odd-btn.selected .compact-label,
.calculator-home-body .compact-odd-btn.selected .compact-odds,
.calculator-home-body .compact-odd-btn.is-selected .compact-label,
.calculator-home-body .compact-odd-btn.is-selected .compact-odds {
  color: #fff !important;
}

.calculator-home-body .calculator-dock-app-plain {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  bottom: 10px !important;
  transform: translateX(-50%) !important;
  width: calc(100% - 24px) !important;
  max-width: 430px !important;
  z-index: 999 !important;
  border-radius: 20px !important;
  border: 1px solid rgba(210, 220, 240, 0.95) !important;
  background: rgba(255,255,255,0.96) !important;
  box-shadow: 0 -4px 18px rgba(0, 20, 80, 0.18) !important;
  backdrop-filter: blur(10px) !important;
  overflow: visible !important;
}

.calculator-home-body .calculator-dock-app-plain::before {
  left: 14px !important;
  right: 14px !important;
  top: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, rgba(255,255,255,0), #e7eefc 20%, #2f6bff 50%, #e7eefc 80%, rgba(255,255,255,0)) !important;
}

.calculator-home-body .calculator-dock-bar-plain {
  padding: 8px 10px 12px !important;
}

.calculator-home-body .calculator-toolbar-grid {
  grid-template-columns: 64px 50px 1fr 82px !important;
  grid-template-areas:
    "selected multi pass clear"
    "metric metric metric action" !important;
  gap: 8px !important;
}

.calculator-home-body .calculator-dock-summary-plain,
.calculator-home-body .calculator-dock-multiplier-plain,
.calculator-home-body .calculator-pass-trigger,
.calculator-home-body .calculator-clear-button {
  height: 40px !important;
  min-height: 40px !important;
  border-radius: 14px !important;
}

.calculator-home-body .calculator-badge-count {
  top: -14px !important;
  left: 8px !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  border: 2px solid #f5c76b !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

.calculator-home-body .calculator-dock-summary-copy strong,
.calculator-home-body .multiplier-button,
.calculator-home-body .calculator-clear-button {
  font-size: 14px !important;
}

.calculator-home-body .calculator-pass-trigger {
  padding: 0 8px !important;
}

.calculator-home-body .calculator-pass-trigger span {
  font-size: 10px !important;
  line-height: 1.1 !important;
}

.calculator-home-body .calculator-pass-trigger strong {
  font-size: 16px !important;
  line-height: 1.1 !important;
  color: #1f5cff !important;
}

.calculator-home-body .calculator-toolbar-metrics {
  padding-top: 4px !important;
  gap: 10px !important;
}

.calculator-home-body .calculator-compact-metric-plain span {
  font-size: 11px !important;
}

.calculator-home-body .calculator-compact-metric-plain strong {
  font-size: 18px !important;
  line-height: 1.1 !important;
}

.calculator-home-body .calculator-save-button {
  height: 50px !important;
  min-height: 50px !important;
  border-radius: 16px !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

@media (max-width: 390px) {
  .calculator-home-body .calculator-app-shell-plain {
    max-width: 100vw !important;
    padding-bottom: calc(156px + env(safe-area-inset-bottom)) !important;
  }

  .calculator-home-body .calculator-app-topbar-plain {
    min-height: 132px !important;
  }

  .calculator-home-body .calculator-app-topbar-plain::before {
    left: 78px !important;
    font-size: 56px !important;
  }

  .calculator-home-body .calculator-app-topbar-plain::after {
    right: 42px !important;
    width: 118px !important;
    height: 118px !important;
  }

  .calculator-home-body .calculator-current-date-plain {
    font-size: 17px !important;
  }

  .calculator-home-body .compact-match-row {
    min-height: 96px !important;
    padding: 6px 8px !important;
    gap: 8px !important;
  }

  .calculator-home-body .compact-left {
    width: 82px !important;
    min-width: 82px !important;
    padding: 5px 3px !important;
  }

  .calculator-home-body .compact-team-row {
    font-size: 15px !important;
    grid-template-columns: 1fr 30px 1fr !important;
  }

  .calculator-home-body .compact-odds-row {
    grid-template-columns: 34px repeat(3, 1fr) !important;
    gap: 3px !important;
  }

  .calculator-home-body .compact-handicap {
    min-height: 30px !important;
    height: 30px !important;
  }

  .calculator-home-body .compact-odd-btn,
  .calculator-home-body .compact-odd-empty {
    height: 32px !important;
    min-height: 32px !important;
  }

  .calculator-home-body .calculator-dock-app-plain {
    width: calc(100% - 20px) !important;
    bottom: calc(8px + env(safe-area-inset-bottom)) !important;
  }

  .calculator-home-body .calculator-toolbar-grid {
    grid-template-columns: 60px 48px 1fr 78px !important;
    gap: 6px !important;
  }
}

/* final top compression override */
.calculator-home-body .calculator-app-header-plain {
  padding-bottom: 6px !important;
}

.calculator-home-body .calculator-app-topbar-plain {
  min-height: 112px !important;
  padding: 8px 14px 7px !important;
  border-bottom-left-radius: 24px !important;
  border-bottom-right-radius: 24px !important;
}

.calculator-home-body .calculator-app-topbar-plain::before {
  left: 84px !important;
  top: 8px !important;
  font-size: 46px !important;
}

.calculator-home-body .calculator-app-topbar-plain::after {
  right: 44px !important;
  top: 6px !important;
  width: 96px !important;
  height: 96px !important;
}

.calculator-home-body .calculator-app-header-plain::before {
  top: 100px !important;
  height: 16px !important;
  background-size: 140px 16px !important;
}

.calculator-home-body .calculator-app-title-plain h1 {
  font-size: 23px !important;
  line-height: 28px !important;
}

.calculator-home-body .calculator-app-title-plain span {
  font-size: 12px !important;
  line-height: 15px !important;
}

.calculator-home-body .calculator-app-navbutton-plain,
.calculator-home-body .calculator-app-iconbutton-plain {
  min-width: 44px !important;
  min-height: 44px !important;
  height: 44px !important;
}

.calculator-home-body .calculator-tabs-panel-plain,
.calculator-home-body .calculator-date-panel-plain {
  width: calc(100% - 16px) !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 16px rgba(0, 20, 80, 0.16) !important;
}

.calculator-home-body .calculator-tabs-panel-plain {
  padding: 6px 8px !important;
}

.calculator-home-body .calculator-date-panel-plain {
  padding: 6px 8px 8px !important;
  margin-top: 6px !important;
}

.calculator-home-body .play-tab-plain {
  min-height: 46px !important;
  height: 46px !important;
  border-radius: 12px !important;
  padding: 0 4px !important;
}

.calculator-home-body .date-tab-plain {
  min-height: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  padding: 4px 6px !important;
}

.calculator-home-body .play-tab-plain .play-tab-main,
.calculator-home-body .date-tab-plain .date-tab-main {
  font-size: 14px !important;
  line-height: 17px !important;
}

.calculator-home-body .play-tab-plain .play-tab-sub,
.calculator-home-body .date-tab-plain .date-tab-sub {
  font-size: 12px !important;
  line-height: 14px !important;
}

.calculator-home-body .calculator-main-board-plain {
  margin-top: 8px !important;
}

.calculator-home-body .calculator-current-date-plain {
  margin-top: 0 !important;
  margin-bottom: 6px !important;
  min-height: 38px !important;
  padding: 8px 12px 8px 44px !important;
  border-radius: 14px !important;
  font-size: 15px !important;
  line-height: 22px !important;
}

.calculator-home-body .calculator-current-date-plain::before {
  left: 14px !important;
  font-size: 18px !important;
}

@media (max-width: 390px) {
  .calculator-home-body .calculator-app-topbar-plain {
    min-height: 108px !important;
    padding: 8px 12px 6px !important;
  }

  .calculator-home-body .calculator-app-topbar-plain::before {
    left: 72px !important;
    font-size: 42px !important;
  }

  .calculator-home-body .calculator-app-topbar-plain::after {
    right: 36px !important;
    width: 88px !important;
    height: 88px !important;
  }

  .calculator-home-body .calculator-app-header-plain::before {
    top: 98px !important;
  }

  .calculator-home-body .calculator-app-title-plain h1 {
    font-size: 21px !important;
    line-height: 26px !important;
  }

  .calculator-home-body .calculator-tabs-panel-plain,
  .calculator-home-body .calculator-date-panel-plain {
    width: calc(100% - 14px) !important;
  }

  .calculator-home-body .play-tab-plain {
    min-height: 44px !important;
    height: 44px !important;
  }

  .calculator-home-body .date-tab-plain {
    min-height: 42px !important;
    height: 42px !important;
  }
}

/* compact play rows for hafu / ttg / crs */
.calculator-home-body .wc-play-match-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  padding: 0 6px calc(150px + env(safe-area-inset-bottom)) !important;
}

.calculator-home-body .wc-play-match-card {
  display: block !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 4px 12px rgba(0, 20, 80, 0.08) !important;
  border: 1px solid rgba(214, 225, 244, 0.92) !important;
}

.calculator-home-body .wc-play-match-row {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 22px 78px 52px minmax(0, 1fr) 20px !important;
  align-items: center !important;
  min-height: 48px !important;
  padding: 4px 8px !important;
  border: 0 !important;
  background: transparent !important;
  color: #0f224f !important;
  text-align: left !important;
  gap: 6px !important;
}

.calculator-home-body .wc-play-single-flag {
  width: 18px !important;
  height: 18px !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: transparent !important;
  border: 0 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.calculator-home-body .wc-play-single-flag.is-active {
  background: linear-gradient(180deg, #53adff, #2f6bff) !important;
  color: #fff !important;
  box-shadow: 0 3px 6px rgba(47, 107, 255, 0.26) !important;
}

.calculator-home-body .wc-play-match-info {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  color: #56698e !important;
  line-height: 1.15 !important;
}

.calculator-home-body .wc-play-match-no {
  display: block !important;
  font-size: 14px !important;
  line-height: 18px !important;
  font-weight: 800 !important;
  color: #15306a !important;
}

.calculator-home-body .wc-play-time {
  display: block !important;
  margin-top: 2px !important;
  font-size: 11px !important;
  line-height: 14px !important;
  color: #6b7fa5 !important;
}

.calculator-home-body .wc-play-league {
  min-width: 0 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 700 !important;
  color: #2f6bff !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.calculator-home-body .wc-play-teams {
  min-width: 0 !important;
  display: inline-grid !important;
  grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) !important;
  align-items: center !important;
  text-align: center !important;
  font-size: 14px !important;
  line-height: 18px !important;
  font-weight: 800 !important;
  color: #0e1f48 !important;
}

.calculator-home-body .wc-play-home,
.calculator-home-body .wc-play-away {
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.calculator-home-body .wc-play-vs {
  font-style: normal !important;
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 800 !important;
  color: #295ede !important;
}

.calculator-home-body .wc-play-arrow {
  font-size: 12px !important;
  line-height: 1 !important;
  color: #7b8fb6 !important;
  text-align: center !important;
}

.calculator-home-body .wc-play-expanded-panel {
  padding: 6px 8px 8px !important;
  border-top: 1px solid rgba(221, 229, 243, 0.92) !important;
  background: linear-gradient(180deg, rgba(248, 251, 255, 0.98), rgba(255, 255, 255, 0.98)) !important;
}

.calculator-home-body .wc-play-score-section + .wc-play-score-section {
  margin-top: 6px !important;
}

.calculator-home-body .wc-play-section-title {
  margin: 0 0 4px !important;
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 800 !important;
  color: #2b5fdc !important;
}

.calculator-home-body .wc-play-odds-grid {
  display: grid !important;
  gap: 4px !important;
}

.calculator-home-body .wc-play-odds-grid.is-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.calculator-home-body .wc-play-odds-grid.is-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.calculator-home-body .wc-play-odds-grid.is-grid-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.calculator-home-body .wc-play-odd-btn {
  min-width: 0 !important;
  min-height: 44px !important;
  padding: 3px 0 !important;
  border-radius: 8px !important;
  border: 1px solid #dce4f4 !important;
  background: #fff !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1px !important;
  box-shadow: none !important;
}

.calculator-home-body .wc-play-odd-btn.is-empty {
  color: #9aa9c6 !important;
  background: #f8faff !important;
}

.calculator-home-body .wc-play-odd-label {
  display: block !important;
  max-width: 100% !important;
  font-size: 13px !important;
  line-height: 16px !important;
  font-weight: 700 !important;
  color: #1e57dd !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.calculator-home-body .wc-play-odd-value {
  display: block !important;
  max-width: 100% !important;
  font-size: 12px !important;
  line-height: 15px !important;
  font-weight: 700 !important;
  color: #18356d !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.calculator-home-body .wc-play-odd-btn.is-selected {
  background: linear-gradient(180deg, #2f6bff, #174bd8) !important;
  border-color: #174bd8 !important;
  box-shadow: 0 4px 10px rgba(31, 92, 255, 0.24) !important;
}

.calculator-home-body .wc-play-odd-btn.is-selected .wc-play-odd-label,
.calculator-home-body .wc-play-odd-btn.is-selected .wc-play-odd-value {
  color: #fff !important;
}

.calculator-home-body .wc-play-match-card .odds-panel-empty {
  margin: 0 !important;
  min-height: 40px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  line-height: 16px !important;
}

@media (max-width: 390px) {
  .calculator-home-body .wc-play-match-list {
    padding: 0 5px calc(150px + env(safe-area-inset-bottom)) !important;
    gap: 3px !important;
  }

  .calculator-home-body .wc-play-match-row {
    grid-template-columns: 20px 74px 48px minmax(0, 1fr) 18px !important;
    min-height: 46px !important;
    padding: 4px 7px !important;
    gap: 5px !important;
  }

  .calculator-home-body .wc-play-match-no {
    font-size: 13px !important;
  }

  .calculator-home-body .wc-play-time,
  .calculator-home-body .wc-play-league,
  .calculator-home-body .wc-play-arrow {
    font-size: 11px !important;
  }

  .calculator-home-body .wc-play-teams {
    font-size: 13px !important;
    grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr) !important;
  }

  .calculator-home-body .wc-play-odds-grid.is-grid-5 {
    gap: 3px !important;
  }

  .calculator-home-body .wc-play-odd-btn {
    min-height: 42px !important;
    border-radius: 7px !important;
  }

  .calculator-home-body .wc-play-odd-label {
    font-size: 12px !important;
    line-height: 15px !important;
  }

  .calculator-home-body .wc-play-odd-value {
    font-size: 11px !important;
    line-height: 14px !important;
  }
}

/* league short name + softer handicap labels */
.calculator-home-body .compact-league,
.calculator-home-body .wc-play-league {
  font-size: 13px !important;
  line-height: 18px !important;
  font-weight: 700 !important;
  color: #1f5fbf !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  word-break: keep-all !important;
}

.calculator-home-body .compact-handicap {
  min-width: 34px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #1f5fbf !important;
  font-size: 15px !important;
  line-height: 30px !important;
  font-weight: 800 !important;
}

.calculator-home-body .compact-odds-row {
  grid-template-columns: 30px repeat(3, 1fr) !important;
}

@media (max-width: 390px) {
  .calculator-home-body .compact-league,
  .calculator-home-body .wc-play-league {
    font-size: 12px !important;
    line-height: 16px !important;
  }

  .calculator-home-body .compact-handicap {
    min-width: 30px !important;
    height: 28px !important;
    min-height: 28px !important;
    font-size: 14px !important;
    line-height: 28px !important;
  }

  .calculator-home-body .compact-odds-row {
    grid-template-columns: 30px repeat(3, 1fr) !important;
  }
}

/* final normalize for date switching spacing */
.calculator-home-body .state-panel-plain.is-hidden,
.calculator-home-body #loadingState.is-hidden,
.calculator-home-body #errorState.is-hidden,
.calculator-home-body #emptyState.is-hidden {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

.calculator-home-body .calculator-main-board-plain {
  margin-top: 8px !important;
  padding-top: 0 !important;
}

.calculator-home-body .calculator-current-date-plain {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

.calculator-home-body .calculator-match-board-plain {
  display: grid !important;
  gap: 6px !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  min-height: 0 !important;
  align-content: start !important;
}

.calculator-home-body .calculator-current-date-plain + .calculator-conflict-toast + .calculator-match-board-plain,
.calculator-home-body .calculator-current-date-plain + .calculator-match-board-plain {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.calculator-home-body .calculator-match-board-plain > :first-child,
.calculator-home-body .wc-play-match-list > :first-child {
  margin-top: 0 !important;
}

/* final white + blue theme only */
.calculator-home-body {
  --page-bg: #f7faff;
  --card-bg: #ffffff;
  --surface-bg: #fbfdff;
  --primary-blue: #1b6dff;
  --primary-blue-dark: #1159e8;
  --primary-blue-light: #eef5ff;
  --text-main: #071a3d;
  --text-sub: #5b6b82;
  --text-muted: #8b98aa;
  --border-light: #e6edf7;
  --border-blue: #bfd7ff;
  --shadow-soft: 0 5px 14px rgba(21, 104, 255, 0.04);
  background:
    linear-gradient(180deg, #3483ff 0%, #236fff 13.8%, #f7faff 14%, #f7faff 100%) !important;
  color: var(--text-main) !important;
}

.calculator-home-body::before,
.calculator-home-body::after {
  opacity: 0.14 !important;
}

.calculator-home-body .calculator-app-shell-plain,
.calculator-home-body .calculator-main-board-plain {
  background: transparent !important;
}

.calculator-home-body .calculator-app-topbar-plain {
  background:
    radial-gradient(circle at top left, rgba(255,255,255,0.2), transparent 30%),
    radial-gradient(circle at right center, rgba(255,255,255,0.13), transparent 28%),
    linear-gradient(180deg, #3381ff 0%, #1a68ff 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 5px 14px rgba(21, 104, 255, 0.085) !important;
}

.calculator-home-body .calculator-app-topbar-plain::before,
.calculator-home-body .calculator-app-topbar-plain::after {
  opacity: 0.12 !important;
  filter: saturate(0) brightness(2) !important;
}

.calculator-home-body .calculator-app-title-plain h1 {
  color: #ffffff !important;
}

.calculator-home-body .calculator-app-title-plain span {
  color: rgba(255, 255, 255, 0.88) !important;
}

.calculator-home-body .calculator-app-navbutton-plain,
.calculator-home-body .calculator-app-iconbutton-plain {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.56) !important;
  box-shadow: 0 3px 8px rgba(21, 104, 255, 0.08) !important;
}

.calculator-home-body #backButton::before,
.calculator-home-body #menuToggleButton::before {
  color: #ffffff !important;
}

.calculator-home-body .calculator-tabs-panel-plain,
.calculator-home-body .calculator-date-panel-plain {
  background: #ffffff !important;
  border: 1px solid #e7eef9 !important;
  box-shadow: 0 2px 7px rgba(21, 104, 255, 0.035) !important;
}

.calculator-home-body .play-tab-plain,
.calculator-home-body .date-tab-plain {
  background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%) !important;
  color: var(--text-main) !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: none !important;
}

.calculator-home-body .play-tab-plain::before,
.calculator-home-body .date-tab-plain::before {
  opacity: 0 !important;
}

.calculator-home-body .play-tab-plain .play-tab-main,
.calculator-home-body .play-tab-plain .play-tab-sub,
.calculator-home-body .date-tab-plain .date-tab-main,
.calculator-home-body .date-tab-plain .date-tab-sub {
  color: var(--text-main) !important;
}

.calculator-home-body .play-tab-plain.is-active {
  background: linear-gradient(180deg, #f7faff 0%, #eef5ff 100%) !important;
  color: var(--primary-blue) !important;
  border-color: var(--border-blue) !important;
  box-shadow: 0 2px 6px rgba(21, 104, 255, 0.055) !important;
}

.calculator-home-body .play-tab-plain.is-active .play-tab-main,
.calculator-home-body .play-tab-plain.is-active .play-tab-sub {
  color: var(--primary-blue) !important;
}

.calculator-home-body .date-tab-plain.is-active {
  background: linear-gradient(180deg, #3a86ff 0%, #1b6dff 100%) !important;
  border-color: #1b6dff !important;
  box-shadow: 0 4px 10px rgba(21, 104, 255, 0.12) !important;
}

.calculator-home-body .date-tab-plain.is-active .date-tab-main,
.calculator-home-body .date-tab-plain.is-active .date-tab-sub {
  color: #ffffff !important;
}

.calculator-home-body .calculator-current-date-plain {
  background: #ffffff !important;
  color: var(--text-main) !important;
  border: 1px solid #e7eef9 !important;
  box-shadow: 0 2px 7px rgba(21, 104, 255, 0.035) !important;
}

.calculator-home-body .calculator-current-date-plain::before {
  color: var(--primary-blue) !important;
}

.calculator-home-body .compact-match-row,
.calculator-home-body .compact-match-row-mixed,
.calculator-home-body .wc-play-match-card,
.calculator-home-body .wc-play-expanded-panel {
  background: var(--card-bg) !important;
  border-color: #e7eef9 !important;
  box-shadow: 0 2px 8px rgba(21, 104, 255, 0.038) !important;
}

.calculator-home-body .compact-left,
.calculator-home-body .wc-play-expanded-panel .odds-panel-empty {
  background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%) !important;
  border-color: #e7eef9 !important;
}

.calculator-home-body .compact-left::after {
  border-right-color: #d9e6fb !important;
}

.calculator-home-body .compact-league,
.calculator-home-body .wc-play-league,
.calculator-home-body .wc-play-section-title,
.calculator-home-body .compact-label,
.calculator-home-body .wc-play-odd-label {
  color: var(--primary-blue) !important;
}

.calculator-home-body .compact-match-no,
.calculator-home-body .compact-home,
.calculator-home-body .compact-away,
.calculator-home-body .compact-vs,
.calculator-home-body .wc-play-match-no,
.calculator-home-body .wc-play-home,
.calculator-home-body .wc-play-away,
.calculator-home-body .wc-play-vs,
.calculator-home-body .wc-play-teams,
.calculator-home-body .calculator-app-title-plain,
.calculator-home-body .calculator-compact-metric-plain strong {
  color: var(--text-main) !important;
}

.calculator-home-body .compact-time,
.calculator-home-body .wc-play-time,
.calculator-home-body .wc-play-arrow,
.calculator-home-body .calculator-compact-metric-plain span,
.calculator-home-body .calculator-pass-trigger span {
  color: var(--text-sub) !important;
}

.calculator-home-body .compact-handicap,
.calculator-home-body .wc-play-single-flag,
.calculator-home-body .wc-play-single-flag.is-active {
  color: var(--primary-blue) !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.calculator-home-body .compact-odd-btn,
.calculator-home-body .compact-odd-empty,
.calculator-home-body .wc-play-odd-btn {
  background: #ffffff !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: none !important;
}

.calculator-home-body .compact-odds,
.calculator-home-body .wc-play-odd-value {
  color: var(--text-main) !important;
}

.calculator-home-body .compact-odd-btn.selected,
.calculator-home-body .compact-odd-btn.is-selected,
.calculator-home-body .wc-play-odd-btn.is-selected {
  background: linear-gradient(180deg, #3a86ff 0%, #1b6dff 100%) !important;
  border-color: #1b6dff !important;
  box-shadow: 0 3px 8px rgba(21, 104, 255, 0.12) !important;
}

.calculator-home-body .compact-odd-btn.selected .compact-label,
.calculator-home-body .compact-odd-btn.selected .compact-odds,
.calculator-home-body .compact-odd-btn.is-selected .compact-label,
.calculator-home-body .compact-odd-btn.is-selected .compact-odds,
.calculator-home-body .wc-play-odd-btn.is-selected .wc-play-odd-label,
.calculator-home-body .wc-play-odd-btn.is-selected .wc-play-odd-value {
  color: #ffffff !important;
}

.calculator-home-body .compact-more-games {
  color: var(--primary-blue) !important;
}

.calculator-home-body .calculator-dock-app-plain {
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid #e7eef9 !important;
  box-shadow: 0 -2px 12px rgba(21, 104, 255, 0.05) !important;
}

.calculator-home-body .calculator-dock-app-plain::before {
  background: linear-gradient(90deg, rgba(255,255,255,0), #d8e7ff 20%, #0f63ff 50%, #d8e7ff 80%, rgba(255,255,255,0)) !important;
}

.calculator-home-body .calculator-badge-count {
  background: linear-gradient(180deg, #3a86ff 0%, #1b6dff 100%) !important;
  color: #ffffff !important;
}

.calculator-home-body .calculator-dock-summary-plain,
.calculator-home-body .calculator-dock-multiplier-plain,
.calculator-home-body .calculator-pass-trigger,
.calculator-home-body .calculator-clear-button,
.calculator-home-body .multiplier-button {
  background: #ffffff !important;
  border: 1px solid var(--border-light) !important;
  color: var(--text-main) !important;
  box-shadow: none !important;
}

.calculator-home-body .calculator-dock-summary-copy strong,
.calculator-home-body .multiplier-button,
.calculator-home-body .calculator-clear-button,
.calculator-home-body .calculator-pass-trigger strong {
  color: var(--text-main) !important;
}

.calculator-home-body .calculator-pass-trigger strong,
.calculator-home-body #currentPassModeLabel {
  color: var(--primary-blue) !important;
}

.calculator-home-body .calculator-save-button {
  background: linear-gradient(180deg, #3a86ff 0%, #1b6dff 100%) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 4px 8px rgba(21, 104, 255, 0.14) !important;
}

.calculator-home-body #compactNoteCountValue,
.calculator-home-body #compactStakeValue,
.calculator-home-body #compactReturnValue,
.calculator-home-body #compactProfitValue,
.calculator-home-body #compactOddsValue,
.calculator-home-body .calculator-compact-metric-plain strong,
.calculator-home-body .amount-value,
.calculator-home-body .reward-value {
  color: var(--text-main) !important;
}

.calculator-home-body #calculatorHint,
.calculator-home-body .state-panel-plain,
.calculator-home-body .calculator-selection-main span {
  color: var(--text-sub) !important;
}

.calculator-home-body .analysis-entry {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  min-height: 22px;
  border-radius: 999px;
  border: 1px solid #9ec4ff;
  background: #eaf3ff;
  color: #0f63ff;
  font-size: 11px;
  line-height: 16px;
  font-weight: 700;
  white-space: nowrap;
}

.calculator-home-body .compact-team-row-wrap {
  position: relative;
  padding-left: 62px;
  margin-bottom: 2px;
}

.calculator-home-body .analysis-entry-team {
  position: absolute;
  left: 0;
  top: 1px;
  z-index: 1;
  padding: 0 7px;
  min-height: 20px;
  font-size: 10px;
  line-height: 14px;
}

.calculator-home-body .compact-team-row-wrap .compact-team-row {
  margin-bottom: 0 !important;
}

.analysis-sheet {
  position: fixed;
  inset: 0;
  z-index: 1200;
}

.analysis-sheet.is-hidden {
  display: none;
}

.analysis-sheet-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(7, 26, 61, 0.36);
  backdrop-filter: blur(2px);
}

.analysis-sheet-panel {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: min(82vh, 760px);
  overflow: hidden;
  border-radius: 22px 22px 0 0;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 -14px 36px rgba(15, 99, 255, 0.18);
  display: flex;
  flex-direction: column;
  padding-bottom: calc(12px + env(safe-area-inset-bottom));
}

.analysis-sheet-handle {
  width: 46px;
  height: 5px;
  border-radius: 999px;
  background: #cddbf1;
  margin: 10px auto 0;
}

.analysis-sheet-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 16px 10px;
  border-bottom: 1px solid #e6eefb;
}

.analysis-sheet-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.analysis-sheet-title-wrap strong {
  color: #071a3d;
  font-size: 17px;
  line-height: 22px;
}

.analysis-sheet-title-wrap span {
  color: #6d7f99;
  font-size: 12px;
  line-height: 16px;
}

.analysis-sheet-close {
  min-width: 52px;
  height: 30px;
  border-radius: 999px;
  border: 1px solid #dbe7f7;
  background: #fff;
  color: #0f63ff;
  font-size: 12px;
  font-weight: 700;
}

.analysis-sheet-body {
  overflow-y: auto;
  padding: 12px 14px 10px;
  display: grid;
  gap: 10px;
}

.analysis-sheet-state {
  display: flex;
  flex-direction: column;
  gap: 6px;
  border-radius: 16px;
  border: 1px solid #e3ecf8;
  background: #fff;
  padding: 16px;
}

.analysis-sheet-state strong {
  color: #071a3d;
  font-size: 15px;
}

.analysis-sheet-state span {
  color: #5b6b82;
  font-size: 13px;
  line-height: 20px;
}

.analysis-sheet-state.is-error {
  border-color: #ffd4d4;
  background: #fff9f9;
}

.analysis-sheet-card {
  border-radius: 16px;
  border: 1px solid #e3ecf8;
  background: #fff;
  box-shadow: 0 4px 14px rgba(15, 99, 255, 0.06);
  padding: 12px;
}

.analysis-sheet-card-title {
  color: #0f63ff;
  font-size: 14px;
  line-height: 20px;
  font-weight: 800;
  margin-bottom: 8px;
}

.analysis-meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.analysis-meta-grid div {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 8px 9px;
  border-radius: 12px;
  background: #f8fbff;
  border: 1px solid #edf3fc;
}

.analysis-meta-grid span {
  color: #6d7f99;
  font-size: 11px;
  line-height: 15px;
}

.analysis-meta-grid strong {
  color: #071a3d;
  font-size: 13px;
  line-height: 18px;
  word-break: break-word;
}

.analysis-sheet-copy {
  color: #33455f;
  font-size: 13px;
  line-height: 21px;
}

.analysis-sheet-card-summary .analysis-sheet-copy {
  margin-bottom: 8px;
}

.analysis-risk-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 10px;
  border-radius: 12px;
  background: #f4f8ff;
  border: 1px solid #ddeafe;
}

.analysis-risk-strip span {
  color: #6d7f99;
  font-size: 12px;
}

.analysis-risk-strip strong {
  color: #071a3d;
  font-size: 14px;
}

.analysis-sheet-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 0 14px;
  margin-top: 2px;
}

.analysis-sheet-action {
  height: 40px;
  border-radius: 12px;
  border: 1px solid #dfe7f3;
  background: #ffffff;
  color: #071a3d;
  font-size: 14px;
  font-weight: 700;
}

.analysis-sheet-disclaimer {
  margin: 10px 14px 0;
  color: #7a889d;
  font-size: 12px;
  line-height: 18px;
}

@media (max-width: 390px) {
  .analysis-meta-grid {
    grid-template-columns: 1fr;
  }

  .calculator-home-body .compact-team-row-wrap {
    padding-left: 58px;
  }

  .calculator-home-body .analysis-entry-team {
    padding: 0 6px;
    font-size: 10px;
  }
}

.calculator-home-body .calculator-plan-modal-head {
  background: linear-gradient(180deg, #1d73ff 0%, #0f63ff 100%) !important;
}

.calculator-home-body .calculator-plan-modal-head,
.calculator-home-body .calculator-plan-modal-head * {
  color: #ffffff !important;
}

.calculator-home-body .calculator-plan-modal-close {
  position: absolute !important;
  top: -14px !important;
  right: -8px !important;
  width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid #dfe7f3 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 12px rgba(15, 99, 255, 0.18) !important;
  z-index: 20 !important;
  overflow: visible !important;
  cursor: pointer !important;
}

.calculator-home-body .calculator-plan-modal-card {
  overflow: visible !important;
}

.calculator-home-body .calculator-plan-modal-close::before,
.calculator-home-body .calculator-plan-modal-close::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 3px !important;
  height: 20px !important;
  border-radius: 999px !important;
  background: #0f63ff !important;
  transform-origin: center !important;
}

.calculator-home-body .calculator-plan-modal-close::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

.calculator-home-body .calculator-plan-modal-close::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

.calculator-home-body .calculator-app-actions-plain {
  position: relative !important;
  z-index: 35 !important;
}

.calculator-home-body .calculator-app-title-plain {
  position: relative !important;
  z-index: 10 !important;
}

.calculator-home-body .calculator-menu-panel {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  left: auto !important;
  transform: none !important;
  width: 148px !important;
  max-width: 160px !important;
  min-width: 132px !important;
  padding: 6px !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  border: 1px solid #dfe7f3 !important;
  box-shadow: 0 8px 24px rgba(15, 99, 255, 0.16) !important;
  z-index: 40 !important;
}

.calculator-home-body .calculator-menu-panel.is-hidden {
  display: none !important;
}

.calculator-home-body .site-nav-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  color: #071a3d !important;
  text-align: center !important;
  white-space: nowrap !important;
}