[data-theme="type2"] {
  /* =========================================
     1. Common Settings & Fonts
     ========================================= */
  /* Fonts skipped as per request */

  /* =========================================
     2. Dark Mode (Default)
     Based on Figma '1920w dark' Analysis
     ========================================= */

  /* Base Colors (Dark) */
  --background: #0b0c10; /* Main App Background */
  --foreground: #fff; /* Primary Text */

  /* Brand Colors (Common) */
  --primary: #e35b20; /* Brand Green (Logo, Links, Accents) */
  --primary-foreground: #ffffff; /* Text on Primary */
  --primary-hover: #ea8052; /* Slightly lighter green */
  --primary-gradient-from: #e35b20;
  --primary-gradient-to: #ff9500;
  --primary-shadow: 0px 0px 12px 0px rgba(35, 238, 136, 0.3);
  --primary-inset-shadow: inset 0px -2px 0px 0px #1dca6a;

  /* Status Colors (Common) */
  --destructive: #e32028; /* Danger/Error (from coin drop %) */
  --destructive-hover: #c11c23;
  --success-gradient-from: #67b628;
  --success-gradient-to: #a9da2b;
  --error: #ff5252;

  /* Form Components (Dark) */
  --input-bg: #22232f; /* Bg-Layer2 (Inputs) */
  --input-border: #333544; /* Bg-Layer3 (Borders) */
  --input-focus-border: #e35b20;
  --input-text: #ffffff;
  --input-placeholder: rgba(255, 255, 255, 0.58); /* Text-Disabled */
  --input-disabled-bg: #22232f;
  --input-disabled-text: #9097a3;

  --checkbox-bg: #0b0c10;
  --checkbox-border: #555555;
  --checkbox-checked-bg: #e35b20;
  --checkbox-checked-border: #e35b20;

  /* Table Colors (Dark) */
  --table-header-bg: #1e2130; /* Bg-Layer1 */
  --table-header-text: #ffffff;
  --table-border: #333333; /* Faint border from design */
  --table-row-hover: rgba(255, 255, 255, 0.05);
  --table-row-even: rgba(255, 255, 255, 0.02);

  /* DatePicker Specific (Dark) */
  --datepicker-bg: #423447;
  --datepicker-text: #e2e2e2;
  --datepicker-label: #c6abd1; /* Text-Secondary */
  --datepicker-label-error: #49b3ff;

  /* UI Elements (Dark) */
  --card-bg: #1e2130; /* Footer, Sidebar */
  --card-border: #333333;
  --muted-foreground: #c7c9cc; /* Text-Muted */
  --border: #333333;
  --ring: #e35b20;

  /* Dialog (Dark) */
  --dialog-bg: #141621;
  --dialog-border: #333333;
  --dialog-text: #f1f3f7;

  /* Main Page (Dark) */
  --main-quickmenu-bg: #483324;
  --main-quickmenu-gradient-from: #2e2035;
  --main-quickmenu-gradient-via: #9b3e3e;
  --main-quickmenu-gradient-to: #2e2035;

  --main-game-card-bg: #23252e; /* Game Cards */
  --main-game-card-border: #4d4d4d;
  --main-game-overlay-from: rgba(35, 37, 46, 0);
  --main-game-overlay-to: rgba(35, 37, 46, 1);
  --main-game-title-shadow: 0px 0px 20px rgba(0, 0, 0, 1);

  --main-provider-bg: #0b0e17;
  /* Game provider action banners — source: Figma 48:5963 */
  --game-provider-action-banner-bg:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 342.5 70' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Crect x='0' y='0' height='100%25' width='100%25' fill='url(%23grad)' opacity='0.699999988079071'/%3E%3Cdefs%3E%3CradialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(7.5471e-14 5.6875 -27.238 0.000039217 171.25 -4.375)'%3E%3Cstop stop-color='rgba(200,132,255,1)' offset='0'/%3E%3Cstop stop-color='rgba(156,80,204,0)' offset='1'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E"),
    linear-gradient(90deg, #1c1424 0%, #1c1424 100%);
  --game-provider-action-banner-bg-soft:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 342.5 70' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Crect x='0' y='0' height='100%25' width='100%25' fill='url(%23grad)' opacity='0.5'/%3E%3Cdefs%3E%3CradialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(7.5471e-14 5.6875 -27.238 0.000039217 171.25 -4.375)'%3E%3Cstop stop-color='rgba(200,132,255,1)' offset='0'/%3E%3Cstop stop-color='rgba(156,80,204,0)' offset='1'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E"),
    linear-gradient(90deg, #1c1424 0%, #1c1424 100%);
  --game-provider-action-banner-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5);
  --game-provider-action-banner-title: #cf93ff;
  --game-provider-action-banner-telegram: #29aaed;
  --game-provider-action-banner-title-base: #b8c1ff;
  --game-provider-action-banner-link: #ffffff;
  --game-provider-action-banner-title-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  --game-provider-action-banner-link-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
  --game-provider-action-banner-bg-size: 100% 100%, 100% 100%;
  --game-provider-action-banner-bg-position: center top, center;

  /* Notice */
  --notice-overlay: rgba(0, 0, 0, 0.6);

  /* Event Card */
  --event-card-overlay-hover: rgba(0, 0, 0, 0.2);
  --event-card-gradient-from: rgba(0, 0, 0, 1);
  --event-card-gradient-via: rgba(0, 0, 0, 0.8);
  --event-card-gradient-to: rgba(0, 0, 0, 0);

  /* Inquiry */
  --inquiry-overlay: rgba(0, 0, 0, 0.6);
  --inquiry-primary: #e35b20;
  --inquiry-primary-foreground: #ffffff;
  --inquiry-muted: #c8ccd3;
  --inquiry-border: #333333;

  /* Inquiry Status Neon Badges (Dark) */
  --inquiry-status-unanswered: #ff4d6a; /* 네온 핑크-레드 */
  --inquiry-status-unanswered-bg: rgba(255, 77, 106, 0.12);
  --inquiry-status-unanswered-glow: 0 0 8px rgba(255, 77, 106, 0.6);
  --inquiry-status-answered: #00e5ff; /* 네온 시안 */
  --inquiry-status-answered-bg: rgba(0, 229, 255, 0.12);
  --inquiry-status-answered-glow: 0 0 8px rgba(0, 229, 255, 0.6);
  --inquiry-status-confirmed: #24ee89; /* 네온 그린 */
  --inquiry-status-confirmed-bg: rgba(36, 238, 137, 0.12);
  --inquiry-status-confirmed-glow: 0 0 8px rgba(36, 238, 137, 0.6);

  /* Message */
  --message-overlay: rgba(0, 0, 0, 0.6);
  --message-primary: #e35b20;
  --message-primary-foreground: #ffffff;
  --message-border: #333333;

  /* MyPage */
  --mypage-primary: #e35b20;
  --mypage-primary-foreground: #ffffff;
  --mypage-border: #333333;
  --mypage-section-bg: #1e2130;

  /* Common Radius */
  --radius: 4px;

  /* Main Surfaces (Dark) */
  --main-surface-1: #323738;
  --main-surface-2: #3a4142;
  --main-surface-3: #353c3d;
  --main-overlay-weak: rgba(0, 0, 0, 0.1);
  --main-icon-bg: rgba(255, 255, 255, 0.08);
  --main-icon-border: rgba(255, 255, 255, 0.1);
  --glass-bg: rgba(255, 255, 255, 0.048);
  --glass-border: rgba(255, 255, 255, 0.1);

  /* Quick Menu Gradients (Dark) */
  --quickmenu-hero1-gradient:
    linear-gradient(270deg, #2c5040 0%, rgba(44, 80, 64, 0) 75%), #323738;
  --quickmenu-hero1-accent: #5ff0d3;

  --quickmenu-hero2-gradient:
    linear-gradient(270deg, #582e59 0%, rgba(88, 46, 89, 0) 75%), #323738;
  --quickmenu-hero2-accent: #cfa5e6;

  --quickmenu-slot-gradient:
    linear-gradient(
      270deg,
      rgba(39, 232, 187, 0.2) 0%,
      rgba(39, 232, 187, 0) 75%
    ),
    #323738;
  --quickmenu-slot-accent: #5ff0d3;

  --quickmenu-popular-gradient:
    linear-gradient(270deg, #504130 0%, rgba(80, 65, 48, 0) 75%), #323738;
  --quickmenu-popular-accent: #ffd477;

  --quickmenu-recent-gradient:
    linear-gradient(270deg, #425330 0%, rgba(66, 83, 48, 0) 75%), #323738;
  --quickmenu-recent-accent: #d4f7cc;

  /* Main Carousel (Dark) */
  --main-carousel-card-bg: linear-gradient(180deg, #3c3f43 0%, #1f2023 100%);
  --main-carousel-overlay: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.1) 0%,
    rgba(0, 0, 0, 0.2) 50%,
    rgba(0, 0, 0, 0.4) 100%
  );
  --market-card-bg: #17181b;
  --market-card-border: rgba(155, 155, 155, 0.2);
  --market-card-header-bg: rgba(0, 0, 0, 0.5);
  --market-card-header-border: rgba(140, 233, 116, 0.2);
  --market-card-header-border-gradient: linear-gradient(
    90deg,
    rgba(140, 233, 116, 0.2) 0%,
    rgba(140, 233, 116, 1) 50%,
    rgba(140, 233, 116, 0.2) 100%
  );
  --market-card-header-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
  --market-card-header-ellipse: radial-gradient(
    84% 140% at 50% 100%,
    rgba(140, 233, 116, 0.28) 0%,
    rgba(140, 233, 116, 0.16) 36%,
    rgba(140, 233, 116, 0) 74%
  );
  /* 피그마 원본: fill rgba(140,233,116,0.5) + blur(90px) */
  --market-card-header-ellipse-color: rgba(140, 233, 116, 0.5);
  --market-card-overlay: linear-gradient(
    180deg,
    rgba(49, 49, 49, 0.5) 6%,
    rgba(38, 53, 34, 0.5) 60%
  );
  --market-card-button-bg: rgba(0, 0, 0, 0.3);
  --market-card-region: #8f8f8f;
  --market-card-label: #bababa;

  /* Top Menu (Dark) */
  --topmenu-bg: #0b0c10;
  --topmenu-button-bg: rgba(255, 255, 255, 0.2); /* Bg-Layer3 */
  --topmenu-button-hover: rgba(255, 255, 255, 0.3);

  /* Layout Colors (Dark) */
  --header-bg: #0b0c10; /* Bg-Layer2 (Header) */
  --header-bg-md: #141621;
  --header-glass-bg: rgba(41, 45, 46, 0.8);
  --header-border: #e35b20;
  --header-nav-border: #2a2c35;
  --header-glass-shadow:
    0px 12px 32px 0px rgba(0, 0, 0, 0.22),
    inset 0px 1px 0px rgba(255, 255, 255, 0.04);
  --header-ellipse: radial-gradient(
    50% 140% at 50% 0%,
    rgba(159, 232, 113, 0.28) 0%,
    rgba(36, 238, 137, 0.16) 34%,
    rgba(36, 238, 137, 0) 74%
  );
  --header-overlay: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.06) 0%,
    rgba(255, 255, 255, 0) 68%
  );
  --header-balance-pill-bg: rgba(0, 0, 0, 0.7);
  --header-balance-pill-hover-bg: rgba(0, 0, 0, 0.82);
  --header-balance-pill-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
  --header-balance-pill-currency: rgba(255, 255, 255, 0.5);
  --header-level-button-bg:
    linear-gradient(
      180deg,
      rgba(159, 232, 113, 0.16) 0%,
      rgba(36, 238, 137, 0.08) 100%
    ),
    rgba(0, 0, 0, 0.62);
  --header-level-button-hover-bg:
    linear-gradient(
      180deg,
      rgba(159, 232, 113, 0.24) 0%,
      rgba(36, 238, 137, 0.14) 100%
    ),
    rgba(0, 0, 0, 0.74);
  --header-user-pill-bg:
    linear-gradient(
      135deg,
      rgba(159, 232, 113, 0.28) 0%,
      rgba(36, 238, 137, 0.18) 52%,
      rgba(255, 255, 255, 0.06) 100%
    ),
    rgba(30, 33, 33, 0.82);
  --header-user-pill-text: #8ce974;
  --header-user-pill-shadow:
    0px 0px 18px 0px rgba(36, 238, 137, 0.16),
    inset 0px 1px 0px rgba(255, 255, 255, 0.06);
  --header-balance-icon-shadow: 0px 0px 14px 0px rgba(140, 233, 116, 0.28);
  --header-balance-dialog-bg: rgba(23, 24, 27, 0.92);
  --header-balance-dialog-border: #49713f;
  --header-balance-dialog-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 1);
  --header-balance-dialog-secondary-button-bg: rgba(0, 0, 0, 0.3);
  --header-telegram-button-bg: #0088cc;
  --header-telegram-button-hover-bg: #006fa6;
  --header-telegram-button-shadow: 0px 0px 20px 0px rgba(47, 186, 255, 0.28);
  --header-tether-button-bg:
    linear-gradient(
      135deg,
      rgba(159, 232, 113, 0.24) 0%,
      rgba(36, 238, 137, 0.12) 58%,
      rgba(255, 255, 255, 0.04) 100%
    ),
    rgba(30, 33, 33, 0.84);
  --header-tether-button-hover-bg:
    linear-gradient(
      135deg,
      rgba(159, 232, 113, 0.3) 0%,
      rgba(36, 238, 137, 0.18) 58%,
      rgba(255, 255, 255, 0.08) 100%
    ),
    rgba(30, 33, 33, 0.92);
  --header-tether-button-border: rgba(159, 232, 113, 0.28);
  --header-tether-button-text: #e8ffe5;
  --header-tether-button-shadow:
    0px 10px 24px 0px rgba(36, 238, 137, 0.12),
    inset 0px 1px 0px rgba(255, 255, 255, 0.08);
  --header-tether-button-hover-shadow:
    0px 14px 28px 0px rgba(36, 238, 137, 0.18),
    inset 0px 1px 0px rgba(255, 255, 255, 0.12);

  --sidebar-bg: #0b0c10;
  --sidebar-tab-bg: #141621;
  --sidebar-tab-hover: #1e2130;

  /* --content-bg: #141621; */
  --content-bg: #131313;
  --content-section-bg: #0b0c10;
  --content-border: #333333;

  /* Text Colors (Dark) */
  --text-primary: #ffffff;
  --text-secondary: #c8ccd3; /* Body Text */
  --text-accent: #fff52f; /* VIP Gold / Warning */
  --text-danger: #ff5252;

  /* Pagination (Dark) */
  --pagination-text: #c8ccd3; /* Text-Tertiary */
  --pagination-active-bg: #e35b20;
  --pagination-active-text: #ffffff;
  --pagination-hover-bg: rgba(255, 255, 255, 0.08);

  /* Scrollbar (Dark) */
  --scrollbar-size: 8px;
  --scrollbar-radius: 8px;
  --scrollbar-track: rgba(0, 0, 0, 0.08);
  --scrollbar-thumb: rgba(0, 0, 0, 0.35);
  --scrollbar-thumb-hover: rgba(0, 0, 0, 0.5);

  /* Betting Components (only unique values not covered by existing vars) */
  --betting-button-bg: #595964;
  --betting-button-hover: #6e6e7a;
  --betting-text-highlight: #ffc92f;
  --betting-text-label: #617aa2;

  /* Bonus Selector */
  --bonus-btn-inactive-bg: #304038;
  --bonus-btn-active-sub-label: #1d7046;

  /* Odds Direction */
  --odds-up: #ff4d4f;
  --odds-down: #2d6bff;
  --odds-neutral: #a0aec0;
  --odds-indicator-down: #2469ff;
  --odds-indicator-icon: #1e2121;

  /* Options Panel */
  --options-tab-inactive-border: #6f6f6f; /* 카테고리 탭 비활성 테두리 */
  --options-tab-active-gradient: linear-gradient(
    90deg,
    rgba(73, 113, 63, 1) 0%,
    rgba(140, 233, 116, 1) 39%,
    rgba(73, 113, 63, 1) 100%
  ); /* 카테고리 탭 활성 그라디언트 테두리 */
  --options-selection-team: #d0dfe3; /* 셀렉션 버튼 팀명 텍스트 */
  --handicap-positive: #ff4949; /* 핸디캡 양수값 색상 */
  --handicap-negative: #48d7ff; /* 핸디캡 음수값 색상 */
  --options-match-vs: #ffff17; /* 매치 헤더 VS 텍스트 */
  --options-header-glow: radial-gradient(
    ellipse 100% 80% at 50% 0%,
    rgba(140, 233, 116, 0.15) 0%,
    rgba(140, 233, 116, 0.06) 40%,
    rgba(140, 233, 116, 0) 100%
  ); /* 매치 헤더 그린 글로우 */
  --options-header-badge-text: #d5d5d5; /* 스포츠 배지 텍스트 */
  --options-header-divider: #3b474a; /* 매치 헤더 구분선 */
  --options-header-competition: #8ce974; /* 옵션스패널 헤더 리그명 */
  --options-market-count-active: #3cfff5; /* 마켓 카운트 버튼 활성 색상 */
  --sports-score-panel-overlay: linear-gradient(
    180deg,
    rgba(112, 5, 11, 0.08) 0%,
    rgba(181, 3, 6, 0.24) 100%
  );
  --sports-score-panel-bottom-overlay: linear-gradient(
    180deg,
    rgba(181, 3, 6, 0) 34%,
    rgba(108, 13, 18, 0.42) 100%
  );
  --sports-score-panel-border: rgba(255, 255, 255, 0.28);
  --sports-score-panel-cell-bg: rgba(255, 255, 255, 0.2);
  --sports-score-panel-cell-border: rgba(255, 255, 255, 0.2);
  --sports-score-panel-badge-bg: rgba(30, 54, 70, 0.46);
  --sports-score-panel-badge-border: rgba(214, 232, 244, 0.22);
  --sports-score-panel-badge-shadow:
    0px 14px 30px 0px rgba(5, 11, 16, 0.26),
    inset 0px 1px 0px rgba(255, 255, 255, 0.16);
  --sports-score-panel-badge-text: #f4fbff;
  --sports-score-panel-chip-bg: rgba(21, 39, 51, 0.34);
  --sports-score-panel-chip-border: rgba(214, 232, 244, 0.18);
  --sports-score-panel-chip-shadow:
    0px 14px 32px 0px rgba(4, 9, 14, 0.24),
    inset 0px 1px 0px rgba(255, 255, 255, 0.14);
  --sports-score-panel-chip-label: #c4d7e2;
  --sports-score-panel-chip-value: #ffffff;
  --sports-score-panel-score-text: #ffffff;
  --sports-score-panel-label-text: #ffffff;
  --sports-score-panel-card-icon-border: rgba(14, 22, 29, 0.38);
  --sports-score-panel-card-icon-shadow: 0px 6px 14px 0px rgba(3, 7, 11, 0.28);
  --sports-score-panel-yellow-card: #f5dc4a;
  --sports-score-panel-red-card: #d73b41;
  --sports-score-panel-indicator-active: #8ce974;
  --sports-score-panel-indicator-border: rgba(214, 232, 244, 0.26);

  /* Banner */
  --banner-accent: #2fbaff;

  /* Signup/Auth */
  --auth-step-complete: #79d324;
  --auth-step-active: #6c2da6;
  --auth-step-active-ring: rgba(108, 45, 166, 0.3);

  /* Games (only unique values) */
  --games-active: #ff4d4d;
  --games-filter-shell-bg: linear-gradient(
    180deg,
    color-mix(in srgb, var(--content-bg) 96%, transparent) 0%,
    color-mix(in srgb, var(--content-bg) 86%, transparent) 76%,
    color-mix(in srgb, var(--content-bg) 0%, transparent) 100%
  );
  --games-filter-shell-border: color-mix(
    in srgb,
    var(--text-primary) 5%,
    transparent
  );
  --games-filter-tab-active-bg: color-mix(
    in srgb,
    var(--primary) 5%,
    transparent
  );
  --games-filter-tab-active-border: var(--primary);
  --games-filter-tab-active-text: var(--primary);
  --games-filter-tab-active-shadow:
    0px 0px 30px 0px color-mix(in srgb, var(--primary) 10%, transparent),
    inset 0px 0px 20px 0px color-mix(in srgb, var(--primary) 10%, transparent);
  --games-filter-tab-bg: color-mix(in srgb, var(--background) 10%, transparent);
  --games-filter-tab-border: color-mix(
    in srgb,
    var(--text-primary) 30%,
    transparent
  );
  --games-filter-tab-hover-border: color-mix(
    in srgb,
    var(--primary) 45%,
    var(--text-primary)
  );
  --games-filter-tab-text: color-mix(
    in srgb,
    var(--text-primary) 50%,
    transparent
  );
  --games-filter-tab-shadow: 0px 0px 20px 0px
    color-mix(in srgb, var(--background) 50%, transparent);
  --games-filter-input-bg: var(--input-bg);
  --games-filter-input-border: var(--input-border);
  --games-filter-input-text: var(--input-text);
  --games-filter-input-placeholder: var(--input-placeholder);
  --games-filter-input-icon: var(--input-placeholder);
  --games-filter-input-shadow: 0px 0px 20px 0px
    color-mix(in srgb, var(--background) 40%, transparent);
  --games-filter-input-focus-shadow: 0px 0px 24px 0px
    color-mix(in srgb, var(--primary) 18%, transparent);

  /* Sidebar */
  --sidebar-badge-bg: #353b46;

  /* Sidebar Banner Brand Colors */
  --sidebar-banner-pragmatic-text: #f9d9bd;
  --sidebar-banner-pragmatic-accent: #f7941e;
  --sidebar-banner-dot-text: #03f682;
  --sidebar-banner-dot-accent: #def3e0;

  /* Icons */
  --icon-user-online: #a3e635;

  /* Casino Icons */
  --casino-icon-stroke: #ff3b3b;
  --casino-icon-gradient-start: #ff6b6b;
  --casino-icon-gradient-mid: #ff2222;
  --casino-icon-gradient-end: #d10000;

  /* Event Card Colors */
  --event-signup: #ffe5cc;
  --event-deposit: #e5f3ff;
  --event-attendance: #e5ffe5;
  --event-referral: #ffe5f3;
  --event-casino: #f3e5ff;
  --event-sports: #ffffe5;
  --event-vip: #ffe5e5;
  --event-slot: #e5ffff;
  --event-loyalty: #f0ffe5;
  --event-birthday: #ffe5f0;
  --event-cashback: #e5f0ff;
  --event-special: #ffe5b3;
  --event-mobile: #b3ffe5;
  --event-live: #e5b3ff;
  --event-lottery: #ffb3e5;
  --event-tutorial: #b3e5ff;
  --event-login: #ffffb3;
  --event-seasonal: #ffb3b3;
  --event-levelup: #b3ffb3;
  --event-survey: #b3b3ff;
  --event-default: #d9d9d9;
  --event-text: #333333;

  /* Toast Colors */
  --toast-icon-bg: #1a1f2e;
  --toast-success-from: #22c55e;
  --toast-success-to: #4ade80;
  --toast-warning-from: #f59e0b;
  --toast-warning-to: #fcd34d;
  --toast-info-from: #3b82f6;
  --toast-info-to: #60a5fa;
  --toast-muted-from: #6b7280;
  --toast-muted-to: #9ca3af;

  /* Coupon Card */
  --coupon-bg: #323738;
  --coupon-bg-disabled: #252828;
  --coupon-border: #464f50;
  --coupon-badge-bg: #464f50;
  --coupon-accent: #8ce974;

  /* Coupon Game Type Colors */
  --coupon-color-all: #464f50;
  --coupon-color-casino: #ffe074;
  --coupon-color-slot: #37acff;
  --coupon-color-sports: #70ff57;
  --coupon-color-minigame: #ff787a;

  /* Minigame Bet Colors */
  --bet-blue: #3b82f6;
  --bet-red: #ef4444;

  /* Sports Tab Colors (9-color cycle by display order) */
  --sport-tab-container-bg: #17181b;
  --sport-tab-container-border: #3c4041;
  --sport-tab-bg: #1e2121;
  --sport-tab-all-border: #3c4041;
  --sport-tab-count: #b3bec1;
  --sport-tab-label: #6b7475;
  --sport-tab-active-border: #49713f;
  --sport-tab-active-text: #8ce974;
  --sport-tab-active-shadow:
    0px 0px 10px 0px rgba(140, 233, 116, 0.3),
    inset 0px 0px 20px 0px rgba(140, 233, 116, 0.2);
  --sport-tab-color-1: #32d6ff;
  --sport-tab-color-2: #5479ff;
  --sport-tab-color-3: #a941ff;
  --sport-tab-color-4: #ff76df;
  --sport-tab-color-5: #ff5053;
  --sport-tab-color-6: #ffb14c;
  --sport-tab-color-7: #d5ff4c;
  --sport-tab-color-8: #4cff52;
  --sport-tab-color-9: #ffffff;

  /* Sports Filter Bar V2 Colors */
  --filter-v2-sort-active: #3cfff5;
  --filter-v2-sort-inactive: #a4a4a4;
  --filter-v2-search-bg: #303448;
  --filter-v2-search-placeholder: #8f8f8f;

  /* Sports Tab V2 Colors */
  --sport-tab-v2-wrap-bg: #222535;
  --sport-tab-v2-label: #9ca1c2;
  --sport-tab-v2-count: #9ca1c2;
  --sport-tab-v2-active-text: #ffffff;
  --sport-tab-v2-active-bg: #e35a20;
  --sport-tab-v2-active-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

  /* SubTitle Component */
  --subtitle-bar-color: rgba(43, 139, 69, 1);
  --subtitle-bar-glow: rgba(43, 139, 69, 0.4);
  --subtitle-watermark: #14301d;

  /* Sports Group Header */
  --sport-group-bg: #1e2121;
  --sport-group-bg-from: rgba(0, 0, 0, 1);
  --sport-group-bg-to: rgba(17, 17, 17, 1);
  --sport-group-border-from: #24ee89;
  --sport-group-border-via: #0088ff;
  --sport-group-border-to: #24ee89;
  --sport-group-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.2);
  --sport-group-radius: 5px;
  --sport-group-country: #fff264;
  --sport-group-league: #21b9ff;
  --sport-group-separator: #838383;
  --sport-group-badge-bg: #1f362c;
  --sport-group-badge-text: #24ee71;
  --sports-list-toolbar-active: #ffffff;
  --sports-list-toolbar-inactive: #767676;
  --sports-list-toolbar-accent: #3cfff5;
  --sports-list-shell-bg: #141621;
  --sports-list-shell-shadow: 0px 0px 10px 0px black;
  --sports-asian-group-bg: #262b2d;
  --sports-asian-group-text: #ffffff;
  --sports-asian-group-meta: #9aa2a4;
  --sports-asian-row-bg: #2d3234;
  --sports-asian-row-divider: #3c4243;
  --sports-asian-team-text: #ffffff;
  --sports-asian-center-text: #d7d7d7;
  --sports-asian-handicap-indicator: #eaff00;
  --sports-list-group-bg: #2d3250;
  --sports-list-group-border: #454f83;
  --sports-list-group-ellipse: none;
  --sports-list-group-label: #ffffff;
  --sports-list-row-divider: rgba(255, 255, 255, 0.1);
  --sports-list-row-meta: rgba(255, 255, 255, 0.5);
  --sports-list-row-cell-bg: #222535;
  --sports-list-row-cell-active-border: #358985;
  --sports-list-row-cell-active-bg: #358985;
  --sports-list-row-more-bg: #1c2224;
  --sports-list-row-icon-bg: #242b2d;
  --sports-list-row-icon-text: #dfe7ea;
  --sports-live-period-text: #3cfff5;
  --sports-live-score: #4dbbff;
  --sports-live-score-diff: #ffea00;
  --sports-selection-label: #657b66;
  --sports-asian-odds: #3cfff5;

  /* Util Sidebar (Dark) */
  --util-sidebar-group-active-from: #425559;
  --util-sidebar-group-active-to: #323738;
  --util-sidebar-subitem-from: #53686c;
  --util-sidebar-subitem-to: #323738;
  --util-sidebar-balance-bg: #393e3f;
  --util-sidebar-shadow: 0px 6px 0px 0px #304b29;
}

/* ========================================================================== */
/* PurpStar authoritative theme                                               */
/* Source: Figma 05 - PurpStar (page 2017:12466)                              */
/* Representative nodes: header 2492:8476/8548, sidebar 2492:8120,            */
/* cart 2492:8622, sports card 2492:11651, mobile header 2492:19811.           */
/* ========================================================================== */
[data-theme="type2"] {
  /* Layer 1: primitive palette */
  --ps-ink-950: #0d0319;
  --ps-ink-925: #1a0f26;
  --ps-ink-900: #1a1025;
  --ps-ink-875: #191025;
  --ps-ink-850: #191c21;
  --ps-ink-825: #1d1e20;
  --ps-ink-800: #1e1e1e;
  --ps-ink-775: #231634;
  --ps-ink-750: #251c30;
  --ps-ink-735: #21272a;
  --ps-ink-725: #282828;
  --ps-ink-700: #2d2d2d;
  --ps-ink-650: #363636;
  --ps-ink-600: #474747;
  --ps-sports-ink: #141621;
  --ps-black: #000000;
  --ps-white: #ffffff;
  --ps-white-05: #ffffff0d;
  --ps-white-10: #ffffff1a;
  --ps-white-20: #ffffff33;
  --ps-white-30: #ffffff4d;
  --ps-white-50: #ffffff80;
  --ps-white-60: #ffffff99;
  --ps-white-70: #ffffffb3;
  --ps-white-80: #ffffffcc;

  --ps-purple-950: #32006f;
  --ps-purple-900: #48009e;
  --ps-purple-800: #540eca;
  --ps-purple-750: #5a18ca;
  --ps-purple-700: #5a00c9;
  --ps-purple-650: #7538db;
  --ps-purple-600: #7d2ddf;
  --ps-purple-500: #9f36f3;
  --ps-purple-475: #9d52db;
  --ps-purple-425: #a15aff;
  --ps-purple-400: #bc66db;
  --ps-purple-350: #ba81fe;
  --ps-purple-325: #b98fff;
  --ps-purple-300: #bf6dff;
  --ps-purple-250: #c27aff;
  --ps-purple-200: #c08bff;
  --ps-purple-150: #cb94ff;
  --ps-purple-100: #dabbff;
  --ps-purple-75: #e6cbff;
  --ps-purple-border-highlight: #d7bfff;

  --ps-gold-900: #a37a0c;
  --ps-gold-800: #b57e10;
  --ps-gold-600: #d7a24b;
  --ps-gold-500: #e5c25b;
  --ps-gold-400: #f9df7b;
  --ps-gold-350: #fbe686;
  --ps-gold-300: #fde7a1;
  --ps-gold-200: #fef4a9;
  --ps-gold-100: #fff3a6;
  --ps-cream: #fae58f;
  --ps-warning: #ffc92f;
  --ps-bonus: #ffd171;

  --ps-live: #f96164;
  --ps-live-dot: #ae2128;
  --ps-live-bg: #4b1316;
  --ps-live-border: #7f191f;
  --ps-positive: #a7ff8c;
  --ps-account-action: #86b95a;
  --ps-attendance-reward: #d6942c; /* source: Figma 2492:17451 / 2492:17620 */
  --ps-attendance-weekday: #979797; /* source: Figma 2492:17654 */
  --ps-attendance-border: #292929; /* source: Figma 2492:17441 / 2492:17482 strokes */
  --ps-balance: #d1ff05;
  --ps-cyan: #3cfff5;
  --ps-cyan-strong: #00d5be;
  --ps-blue: #48d7ff;
  --ps-blue-soft: #5cb3ff;
  --ps-mint: #4dffd0;
  --ps-orange: #ff9531;
  --ps-blue-sky: #31b7ff;
  /* Coupon palette — Figma 2492:17045 / 17058 / 17071 / 17084. */
  --ps-coupon-sports: #fd9900;
  --ps-coupon-minigame: #8e4eff;
  --ps-coupon-casino: #476fff;
  --ps-coupon-generic: #66c407;
  --ps-coupon-expiry-label: #a66602;
  --ps-coupon-expiry-time: #d79b3d;
  --ps-sport-badge: #344b6f;
  --ps-danger: #ff4949;
  --ps-finance-alert: #de3e41;
  --ps-money: #ff5353;
  --ps-points: #fff569;
  --ps-error: #ff5b5b;
  --ps-surface-mobile: #131313;
  --ps-purple-info: #6c1bd7;
  --ps-muted-350: #d1d5dc;
  --ps-muted-400: #b6b6b6;
  --ps-muted-500: #9ca1c2;
  --ps-muted-600: #9a9aa7;
  --ps-muted-650: #909090;
  --ps-muted-700: #99a1af;

  --ps-primary-gradient: linear-gradient(
    180deg,
    var(--ps-purple-800) 0%,
    var(--ps-purple-500) 49%,
    var(--ps-purple-400) 50%,
    var(--ps-purple-650) 100%
  );
  --ps-primary-pressed-gradient: linear-gradient(
    180deg,
    var(--ps-purple-950) 0%,
    var(--ps-purple-600) 49%,
    var(--ps-purple-950) 50%,
    var(--ps-purple-950) 100%
  );
  --ps-purple-border-gradient: linear-gradient(
    90deg,
    var(--ps-purple-750) 0%,
    var(--ps-purple-border-highlight) 54%,
    var(--ps-purple-750) 100%
  );
  --ps-neutral-gradient: linear-gradient(
    180deg,
    #4b4b4b 0%,
    var(--ps-ink-700) 100%
  );
  --ps-neutral-odds-gradient: linear-gradient(
    180deg,
    var(--ps-ink-650) 0%,
    #333333 49%,
    #191919 50%,
    var(--ps-ink-650) 100%
  );
  --ps-gold-border-gradient: linear-gradient(
    270deg,
    var(--ps-gold-800) 0%,
    var(--ps-gold-400) 18%,
    var(--ps-gold-900) 50%,
    var(--ps-gold-400) 77%,
    var(--ps-gold-800) 100%
  );
  --ps-gold-text-gradient: linear-gradient(
    138deg,
    var(--ps-gold-800) 0%,
    var(--ps-gold-500) 24%,
    var(--ps-gold-400) 30%,
    var(--ps-gold-100) 62%,
    var(--ps-gold-400) 96%,
    var(--ps-gold-800) 100%
  );
  --ps-header-gradient: radial-gradient(
    ellipse 33.575% 247.95% at 50.575% 203.125%,
    #b359d6 0%,
    var(--ps-purple-900) 100%
  );
  --ps-mobile-header-base-gradient:
    linear-gradient(
      117.3219671605811deg,
      var(--ps-gold-800) 4.1485%,
      var(--ps-gold-500) 20.939%,
      var(--ps-gold-400) 26.005%,
      var(--ps-gold-100) 53.418%,
      var(--ps-gold-400) 82.475%,
      var(--ps-gold-800) 100.57%
    ),
    linear-gradient(90deg, #120a0a 0%, #120a0a 100%);
  --ps-mobile-money-label-gradient: linear-gradient(
    103.61310336133087deg,
    var(--ps-gold-800) 4.1485%,
    var(--ps-gold-500) 20.939%,
    var(--ps-gold-400) 26.005%,
    var(--ps-gold-100) 53.418%,
    var(--ps-gold-400) 82.475%,
    var(--ps-gold-800) 100.57%
  );
  --ps-header-border-gradient: linear-gradient(
    90deg,
    var(--ps-purple-750) 0%,
    var(--ps-white) 54%,
    var(--ps-purple-750) 100%
  );

  --ps-elevation-1: 0 4px 4px #00000040;
  --ps-elevation-2: 0 6px 10px #00000099;
  --ps-floating-shadow: 0 10px 20px var(--ps-black);
  --ps-selected-purple-shadow:
    0 6px 10px #00000099,
    0 5px 0 var(--ps-purple-950);
  --ps-selected-gold-shadow:
    0 6px 10px #00000099,
    0 3px 0 #775503;

  /* Layer 2: global semantic */
  --background: var(--ps-ink-900);
  --foreground: var(--ps-white);
  --primary: var(--ps-purple-500);
  --primary-foreground: var(--ps-white);
  --primary-hover: var(--ps-purple-400);
  --primary-gradient-from: var(--ps-purple-800);
  --primary-gradient-via: var(--ps-purple-500);
  --primary-gradient-to: var(--ps-purple-650);
  --primary-shadow: var(--ps-elevation-1);
  --primary-inset-shadow: inset 0 -3px 0 var(--ps-purple-950);
  --secondary: var(--ps-ink-775);
  --secondary-foreground: var(--ps-white);
  --muted: var(--ps-white-10);
  --muted-foreground: var(--ps-muted-400);
  --accent: var(--ps-purple-150);
  --accent-foreground: var(--ps-ink-950);
  --destructive: var(--ps-danger);
  --destructive-hover: var(--ps-error);
  --destructive-foreground: var(--ps-white);
  --error: var(--ps-error);
  --warning: var(--ps-warning);
  --border: #452e60;
  --ring: var(--ps-purple-300);
  --radius: 4px;

  --text-primary: var(--ps-white);
  --text-secondary: var(--ps-muted-400);
  --text-accent: var(--ps-warning);
  --text-danger: var(--ps-error);
  --status-success: var(--ps-positive);
  --status-success-bg: #17351f;
  --status-success-border: #376d42;
  --status-danger: var(--ps-error);
  --status-danger-bg: var(--ps-live-bg);
  --status-danger-border: var(--ps-live-border);

  /* Typography and geometry */
  --font-paperlogy-family: "Paperlogy", var(--font-pretendard), sans-serif;
  --font-pretendard-family: var(--font-pretendard), "Pretendard", sans-serif;
  --font-montserrat-family: var(--font-montserrat), "Montserrat", sans-serif;
  --font-noto-family: var(--font-noto-sans-kr), "Noto Sans KR", sans-serif;
  --font-inter-family: var(--font-inter), "Inter", sans-serif;
  --font-open-sans-family: var(--font-open-sans), "Open Sans", sans-serif;
  /* 구글이 "Open Sans Condensed" 를 단독 패밀리에서 내렸다. Figma 는 이 이름을 못 찾아
     자체 대체 폰트로 그리고 있어(같은 문자열이 Figma 337px vs 정폭 Open Sans 302.7px)
     Condensed 폭(wdth 75% = 222.1px)으로 맞추면 오히려 더 멀어진다. 정폭 Open Sans 를 쓴다. */
  --font-open-sans-condensed-family: var(--font-open-sans-condensed), "Open Sans", "Arial Narrow", sans-serif;

  --header-top-height: 40px;
  --header-game-nav-height: 80px;
  --header-desktop-height: 120px;
  --header-mobile-logged-out-height: 105px;
  --header-mobile-logged-in-height: 111px;
  --desktop-sidebar-width: 300px;
  --desktop-panel-gap: 10px;
  --content-shell-width: 1400px;
  --content-inner-width: 1340px;
  --header-content-width: 2000px;
  --mobile-canvas-width: 320px;
  --mobile-content-gutter: 10px;
  --app-fixed-top-height: var(--header-mobile-logged-out-height);

  --space-1: 2px;
  --space-2: 4px;
  --space-3: 5px;
  --space-4: 8px;
  --space-5: 10px;
  --space-6: 12px;
  --space-7: 15px;
  --space-8: 20px;
  --space-9: 25px;
  --space-10: 30px;

  /* Layer 3: shell, header, sidebar */
  --header-bg: var(--ps-ink-925);
  --header-bg-md: var(--ps-ink-925);
  --header-nav-bg: var(--ps-header-gradient);
  --header-game-nav-bg: var(--ps-header-gradient);
  --header-border: var(--ps-purple-750);
  --header-nav-border: var(--ps-purple-750);
  --header-nav-border-gradient: var(--ps-header-border-gradient);
  --header-shadow: 0 6px 10px #00000080;
  --header-mobile-top-shadow: 0 0 30px var(--ps-black);
  --header-mobile-button-shadow: 0 4px 4px #00000040;
  --header-mobile-texture-image: var(--cdn-asset-images-header-purpstar-header-texture);
  --header-mobile-level-border: var(--ps-purple-325);
  --header-mobile-button-text: var(--ps-white);
  --header-game-nav-logo-width: 190px;
  --header-game-nav-logo-height: 52px;
  --header-game-nav-icon-size: 34px;
  --header-menu-general: var(--ps-white);
  --header-menu-casino: var(--ps-white);
  --header-menu-slot: var(--ps-white);
  --header-menu-sports: var(--ps-white);
  --header-menu-cross: var(--ps-white);
  --header-menu-special: var(--ps-white);
  --header-menu-realtime: var(--ps-white);
  --header-menu-esports: var(--ps-white);
  --header-menu-live-sports: var(--ps-white);
  --header-menu-mini: var(--ps-white);
  --header-notice-height: 0px;
  --header-notice-content-width: var(--content-shell-width);
  --header-notice-bg: var(--ps-ink-875);
  --header-notice-accent: var(--ps-gold-300);
  --header-notice-text: var(--ps-muted-400);

  --topmenu-bg: var(--ps-ink-925);
  --topmenu-link-accent: var(--ps-white);
  --topmenu-withdraw: var(--ps-white);
  --topmenu-link-muted: var(--ps-purple-150);
  --topmenu-pill-bg: var(--ps-white-10);
  --topmenu-pill-border: var(--ps-purple-750);
  --topmenu-pill-text: var(--ps-white);
  --topmenu-button-bg: var(--ps-white-10);
  --topmenu-button-hover: var(--ps-white-20);
  --topmenu-badge-bg: #ff2828;
  --topmenu-badge-shadow: var(--ps-elevation-1);
  --topmenu-level-bg: var(--ps-purple-350);
  --topmenu-level-text: var(--ps-ink-950);
  --topmenu-user-name: var(--ps-gold-300);
  --topmenu-logout: var(--ps-account-action);

  --sidebar-bg: var(--ps-ink-950);
  --sidebar-tab-bg: var(--ps-black);
  --sidebar-tab-hover: var(--ps-ink-750);
  --sidebar-badge-bg: var(--ps-ink-750);
  --sidebar-border: #452e60;
  --sidebar-panel-bg: var(--ps-ink-750);
  --sidebar-menu-text: var(--ps-muted-400);
  --sidebar-menu-active-text: var(--ps-white);
  --sidebar-menu-active-bg: var(--ps-white-05);
  --sidebar-menu-divider: #4f4f4f;
  --sidebar-brand-caption: #5e5e5e;
  /* source: Figma 2492:9542 카피라이트 세그먼트 색 */
  --footer-copy-text: #616161;
  --footer-brand-accent: #b068e4;
  /* source: Figma 2492:8500 상단 메뉴 아이콘 벡터 색 (라벨 #cb94ff 과 다르다) */
  --header-top-menu-icon: #ba81fe;
  /* source: Figma 2492:8631 카트비우기 / 2492:8634 빈 상태 안내 */
  --betting-cart-clear-text: #9a9aa7;
  --betting-cart-empty-text: rgba(255, 255, 255, 0.6);
  /* source: Figma 2492:8704 트랙 / 2492:8705 노브 — 자동수락 토글 */
  --betting-accept-track: #4f514d;
  --betting-accept-knob: #6d6d6d;
  --sidebar-account-control-bg: #232620;
  --sidebar-account-control-border: #393e35;
  --sidebar-form-input-border: var(--ps-purple-750);
  --sidebar-form-input-border-gradient: var(--ps-purple-border-gradient);
  --sidebar-form-input-placeholder: var(--ps-white-70);
  --sidebar-action-border-gradient: var(--ps-gold-border-gradient);

  --mobile-sidebar-overlay: #000000cc;
  --mobile-sidebar-content-bg: var(--ps-ink-950);
  --mobile-sidebar-surface-bg: var(--ps-surface-mobile);
  --mobile-sidebar-quick-bg: var(--ps-purple-475);
  --mobile-sidebar-info-bg: var(--ps-purple-info);
  --mobile-sidebar-info-border: var(--ps-purple-425);
  --mobile-sidebar-info-text: var(--ps-purple-75);
  --mobile-sidebar-game-bg: var(--ps-primary-pressed-gradient);
  --mobile-sidebar-game-border: var(--ps-purple-750);
  --mobile-sidebar-game-text: var(--ps-white);
  --mobile-sidebar-action-gradient: var(--ps-primary-gradient);
  --mobile-sidebar-action-text: var(--ps-white);
  --mobile-sidebar-action-icon: var(--ps-white);
  --mobile-sidebar-action-shadow: var(--ps-elevation-1);
  --mobile-sidebar-auth-actions-bg: var(--ps-ink-775);
  --mobile-sidebar-auth-action-bg: var(--ps-white-10);
  --mobile-sidebar-auth-action-border: #452e60;
  --mobile-sidebar-auth-action-text: var(--ps-white);
  --mobile-sidebar-auth-action-icon: var(--ps-purple-150);
  --mobile-sidebar-logo-shadow: 0 0 30px var(--ps-black);

  --content-bg: var(--ps-ink-900);
  --content-section-bg: var(--ps-ink-950);
  --content-border: #452e60;
  --subpage-surface: var(--ps-ink-950);
  --subpage-surface-raised: var(--ps-ink-775);
  --subpage-border: #452e60;
  --subpage-control-border: var(--ps-ink-600);
  --subpage-text: var(--ps-white);
  --subpage-text-secondary: var(--ps-muted-400);
  --subpage-overlay: #00000099;

  /* Buttons and controls */
  --button-primary-gradient: var(--ps-primary-gradient);
  --button-primary-gradient-hover: var(--ps-primary-pressed-gradient);
  --button-primary-shadow: var(--ps-elevation-1);
  --button-primary-active-shadow: 0 3px 0 #521184;
  --button-primary-text: var(--ps-white);
  --button-secondary-bg: var(--ps-neutral-gradient);
  --button-secondary-bg-hover: var(--ps-primary-pressed-gradient);
  --button-text-primary: var(--ps-white);
  --auth-primary-bg: var(--ps-primary-gradient);
  --login-dialog-bg: #131313;
  --login-dialog-border-highlight: #d7bfff;
  --login-dialog-border-gradient: linear-gradient(
    90deg,
    var(--ps-purple-750) 0%,
    var(--login-dialog-border-highlight) 54%,
    var(--ps-purple-750) 100%
  );
  --login-dialog-shadow: 0 4px 6px #0000004d;
  --login-dialog-input-bg: var(--ps-ink-800);
  --login-dialog-label: var(--ps-white);
  --login-dialog-muted: var(--ps-muted-500);
  --login-dialog-close: var(--ps-white);
  --login-dialog-submit-bg: var(--ps-primary-gradient);
  --login-dialog-submit-border: var(--ps-gold-border-gradient);
  --login-dialog-submit-text: #f7eb95;
  --login-dialog-signup-from: #f12a61;
  --login-dialog-signup-to: #d30c43;
  --login-dialog-inquiry-bg: var(--ps-account-action);
  --login-dialog-inquiry-text: var(--ps-black);
  --auth-step-complete: var(--ps-positive);
  --auth-step-active: var(--ps-purple-500);
  --auth-step-active-ring: #9f36f34d;
  --signup-input-bg: var(--ps-ink-875);
  --signup-muted-text: var(--ps-muted-500);
  --signup-dialog-bg: var(--login-dialog-bg);
  --signup-dialog-border-gradient: var(--login-dialog-border-gradient);
  --signup-dialog-shadow: var(--login-dialog-shadow);
  --signup-dialog-input-bg: var(--ps-ink-800);
  --signup-dialog-label: var(--ps-white);
  --signup-dialog-muted: var(--ps-muted-500);
  --signup-dialog-action-bg: var(--ps-account-action);
  --signup-dialog-action-text: var(--ps-black);
  --signup-dialog-action-border: var(--ps-gold-border-gradient);
  --signup-dialog-cancel-bg: #0d031980;
  --signup-dialog-cancel-text: #bababa;
  --signup-dialog-submit-bg: var(--ps-primary-gradient);
  --signup-dialog-submit-text: var(--login-dialog-submit-text);
  --signup-dialog-link-from: var(--login-dialog-signup-from);
  --signup-dialog-link-to: var(--login-dialog-signup-to);

  --input-bg: var(--ps-ink-875);
  --input-border: #452e60;
  --input-focus-border: var(--ps-purple-300);
  --input-text: var(--ps-white);
  --input-placeholder: var(--ps-white-50);
  --input-disabled-bg: var(--ps-ink-800);
  --input-disabled-text: var(--ps-muted-600);
  --checkbox-bg: var(--ps-ink-950);
  --checkbox-border: var(--ps-muted-600);
  --checkbox-checked-bg: var(--ps-purple-500);
  --checkbox-checked-border: var(--ps-purple-500);
  --checkbox-checked-mark: var(--ps-white);
  --qr-code-surface: var(--ps-white);

  --table-header-bg: var(--ps-ink-775);
  --table-header-text: var(--ps-white);
  --table-border: #452e60;
  --table-row-hover: var(--ps-white-10);
  --table-row-even: var(--ps-white-05);
  --table-card-bg: var(--ps-ink-950);
  --table-card-border: #452e60;
  --table-card-shadow: var(--ps-elevation-1);
  --table-body-text: var(--ps-white);
  --table-muted-text: var(--ps-muted-500);
  --table-cell-separator: var(--ps-white-10);

  --card-bg: var(--ps-ink-950);
  --card-border: #452e60;
  --dialog-bg: var(--ps-ink-950);
  --dialog-border: #452e60;
  --dialog-text: var(--ps-white);
  --dialog-shadow: 0 10px 20px var(--ps-black);
  --datepicker-bg: var(--ps-ink-775);
  --datepicker-text: var(--ps-white);
  --datepicker-label: var(--ps-purple-100);
  --datepicker-label-error: var(--ps-blue);

  /* Landing */
  --main-hero-bg: var(--ps-ink-850);
  --main-hero-border: #452e60;
  --main-landing-section-width: var(--content-inner-width);
  --main-quick-menu-width: 1330px;
  --main-quickmenu-bg: var(--ps-ink-775);
  --main-quickmenu-gradient-from: var(--ps-purple-950);
  --main-quickmenu-gradient-via: var(--ps-purple-500);
  --main-quickmenu-gradient-to: var(--ps-purple-950);
  --main-game-card-bg: var(--ps-ink-950);
  --main-game-card-border: #452e60;
  --main-game-overlay-from: transparent;
  --main-game-overlay-to: var(--ps-ink-950);
  --main-provider-bg: var(--ps-ink-950);
  --main-sports-action-bg: var(--ps-neutral-gradient);
  --main-sports-card-width: 218px;
  --main-sports-card-height: 263px;
  --main-sports-card-border-gradient: linear-gradient(
    90deg,
    var(--ps-purple-700) 0%,
    var(--ps-purple-100) 54%,
    var(--ps-purple-700) 100%
  );
  --main-sports-card-overlay: linear-gradient(
    180deg,
    transparent 34%,
    rgba(85, 7, 161, 0.8) 100%
  );
  --main-sports-cross-play-border: #a2ff8e;
  --main-sports-cross-play-bg: #a2ff8e66;
  --main-sports-special-play-border: #ff5b97;
  --main-sports-special-play-bg: #ff5b9766;
  --main-sports-inplay-play-border: #74d8ff;
  --main-sports-inplay-play-bg: #74d8ff66;
  --main-sports-europe-play-border: #af63ff;
  --main-sports-europe-play-bg: #af63ff66;
  --main-sports-live-play-border: #ffd29a;
  --main-sports-live-play-bg: #ffd29a66;
  --main-sports-esports-play-border: #0384dd;
  --main-sports-esports-play-bg: #0384dd66;
  --main-livesports-action-bg: var(--ps-neutral-gradient);
  --main-livesports-action-text: var(--ps-white);
  --main-livesports-icon-gradient-start: var(--ps-purple-100);
  --main-livesports-icon-gradient-end: var(--ps-purple-750);
  --main-event-action-bg: var(--ps-neutral-gradient);
  --main-event-action-text: var(--ps-white);
  --main-event-card-size: 262px;
  --landing-event-media-filter: brightness(1.3) contrast(1.14) saturate(1.16);
  --main-event-title-gradient: var(--ps-gold-text-gradient);
  --main-event-title-fallback: var(--ps-gold-400);
  --main-notice-action-bg: var(--ps-neutral-gradient);
  --main-notice-action-text: var(--ps-white);
  --main-notice-card-border: #452e60;
  --main-notice-card-bg: #04020b;
  --main-notice-card-border-bg: var(--ps-gold-border-gradient);
  --main-notice-card-width: 262px;
  --main-notice-card-height: 312px;
  --main-notice-title-gradient: var(--ps-gold-text-gradient);
  --main-notice-title-fallback: var(--ps-gold-400);
  --main-notice-title-sports: #ffe6a0;
  --main-notice-title-casino: #cf79ff;
  --main-notice-title-minigame: #3ff3ff;
  --main-notice-title-holdem: #ff35c9;
  --main-notice-title-prize: #3ff3ff;
  --main-notice-cta-bg: var(--ps-primary-gradient);
  --main-notice-cta-border: var(--ps-gold-border-gradient);
  --main-notice-cta-text: var(--ps-white);
  --main-notice-cta-shadow: 0 4px 4px var(--ps-black);
  --main-notice-cta-text-shadow: var(--ps-elevation-1);
  --quick-link-bg: var(--ps-ink-775);
  --quick-links-width: var(--content-inner-width);

  /* Landing sports card: source 2492:11651 */
  --market-card-bg: var(--ps-ink-950);
  --market-card-border: var(--ps-purple-700);
  --market-card-shadow: var(--ps-selected-purple-shadow);
  --market-card-title: var(--ps-white);
  --market-card-label: var(--ps-white-50);
  --market-card-region: var(--ps-muted-500);
  --market-card-league-logo-bg: var(--ps-white);
  --market-card-team-logo-bg: #040404;
  --market-card-teams-bg: var(--ps-white-10);
  /* source: Figma 2492:11651 "Match start time container" fill #ffffff op=0.20 */
  --market-card-start-pill-bg: var(--ps-white-20);
  --market-card-versus: var(--ps-white);
  --market-card-date: var(--ps-positive);
  --market-card-live-bg: var(--ps-live-bg);
  --market-card-live-border: var(--ps-live-border);
  --market-card-live-dot: var(--ps-live-dot);
  --market-card-live-text: var(--ps-live);
  --market-card-home-bg: var(--ps-primary-gradient);
  --market-card-active-odds-border: var(--ps-gold-800);
  /* source: Figma 2492:9566 — 무승부는 선택돼도 회색 계열이고 안쪽 금색 글로우가 붙는다 */
  --market-card-active-draw-bg: linear-gradient(
    180deg,
    var(--ps-ink-650) 0%,
    #6e6e6e 49%,
    #191919 50%,
    var(--ps-ink-650) 100%
  );
  --market-card-active-draw-glow: #9a884c;
  --market-card-home-odds: var(--ps-white);
  --market-card-draw-bg: var(--ps-neutral-odds-gradient);
  --market-card-draw-odds: var(--ps-white);
  --market-card-away-bg: var(--ps-primary-pressed-gradient);
  --market-card-away-odds: var(--ps-purple-100);
  --market-card-default-odds-border: var(--ps-ink-600);
  --market-card-button-bg: var(--ps-neutral-odds-gradient);

  /* Sports navigation, markets and states */
  --sport-tab-container-bg: var(--ps-ink-950);
  --sport-tab-container-border: #452e60;
  --sport-tab-bg: var(--ps-ink-775);
  --sport-tab-all-border: #452e60;
  --sport-tab-count: var(--ps-muted-400);
  --sport-tab-label: var(--ps-muted-500);
  --sport-tab-active-border: var(--ps-purple-300);
  --sport-tab-active-text: var(--ps-white);
  --sport-tab-active-shadow: 0 0 10px #9f36f34d, inset 0 0 20px #4e05a1;
  --sport-tab-v2-wrap-bg: var(--ps-ink-775);
  --sport-tab-v2-label: var(--ps-muted-500);
  --sport-tab-v2-count: var(--ps-muted-500);
  --sport-tab-v2-active-text: var(--ps-white);
  --sport-tab-v2-active-bg: var(--ps-purple-500);
  --sport-tab-v2-active-shadow: var(--ps-elevation-1);
  --sport-tab-bar-btn-bg: var(--ps-ink-775);
  --sport-tab-bar-text: var(--ps-muted-500);
  --sport-tab-bar-active-border: var(--ps-purple-300);
  --sport-tab-bar-active-text: var(--ps-white);
  --sport-tab-bar-bottom-border: #452e60;
  --league-tab-btn-bg: var(--ps-ink-775);
  --league-tab-btn-border: #452e60;
  --league-tab-active-bg: var(--ps-primary-gradient);
  --league-tab-active-border: var(--ps-gold-400);
  --league-tab-active-text: var(--ps-white);
  --sports-filter-select-bg: var(--ps-orange); /* source: Figma 2492:15281 / 2492:15285 #FF9531 */
  --sports-filter-select-text: var(--ps-black); /* source: Figma 2492:15282 / 2492:15286 #000000 */
  --sports-nav-tab-bg: var(--ps-ink-775);
  --sports-nav-tab-border: #452e60;
  --sports-nav-tab-text: var(--ps-white);
  --sports-nav-tab-muted-text: var(--ps-muted-500);
  --sports-nav-tab-count: var(--ps-purple-100);
  --sports-nav-tab-active-bg: var(--ps-primary-gradient);
  --sports-mode-accent: var(--ps-mint);
  --sports-mode-panel-bg: var(--ps-black);
  /* 리그 필터 버튼(미선택) — source: Figma 2492:12377 #2d2d2d */
  --sports-mode-control-bg: var(--ps-ink-700);
  /* 리그 그룹 헤더 — source: Figma 2492:12404 #1e1e1e. 위와 색이 다르므로 분리한다. */
  --sports-group-header-bg: var(--ps-ink-800);
  --sports-mode-control-active-bg: var(--ps-orange);
  --sports-mode-filter-muted: var(--ps-muted-350);
  --sports-mode-scrollbar: var(--ps-purple-650);
  --sports-mobile-page-bg: var(--ps-sports-ink);
  --sports-mobile-nav-bg: color-mix(in srgb, var(--ps-mint) 10%, transparent);
  --sports-mobile-group-bg: var(--ps-white-10);
  --sports-list-shell-bg: var(--ps-black);
  --sports-list-shell-shadow: none;
  --sports-list-group-border: transparent;
  --sports-list-row-divider: transparent;
  --sports-list-row-cell-bg: var(--ps-ink-800);
  --sports-market-header-bg: var(--ps-ink-800);
  --sports-market-header-text: var(--ps-white);
  --sports-market-header-icon: var(--ps-white);
  --sports-market-active-muted-text: var(--ps-white-50);
  --sports-selection-label: var(--ps-muted-500);
  --sports-asian-odds: var(--ps-cyan);
  --sports-live-period-text: var(--ps-cyan);
  --sports-live-score: var(--ps-blue-soft);
  --sports-live-score-diff: var(--ps-warning);
  --sports-live-badge-bg: var(--ps-live-bg);
  --sports-live-badge-text: var(--ps-live);
  --sports-live-indicator-bg: var(--ps-live-dot);
  --sports-live-market-cell-bg: var(--ps-ink-800);
  --sports-live-more-active-bg: var(--ps-purple-500);
  --sports-live-score-home-gradient: linear-gradient(
    92.37723704426558deg,
    var(--ps-gold-800) 4.1485%,
    var(--ps-gold-100) 38.066%,
    var(--ps-gold-800) 71.51%,
    var(--ps-gold-400) 109.89%
  ); /* source: Figma 2492:13789 */
  --sports-live-score-away-gradient: linear-gradient(
    92.64101917142985deg,
    var(--ps-gold-800) 4.1485%,
    var(--ps-gold-100) 38.066%,
    var(--ps-gold-800) 71.51%,
    var(--ps-gold-400) 109.89%
  ); /* source: Figma 2492:13791 */
  --sports-live-score-vs: var(--ps-muted-700); /* source: Figma 2492:13790 */
  --sports-cross-market-cell-bg: var(--ps-ink-800);
  --sports-cross-market-cell-border: transparent;
  --sports-cross-market-team-text: var(--ps-white);
  --sports-cross-market-time-text: var(--ps-white-50);
  --sports-cross-market-odds-text: var(--ps-purple-100);
  --sports-cross-market-active-bg: var(--ps-ink-800);
  --sports-cross-market-active-border: var(--ps-blue-sky);
  --sports-cross-market-active-text: var(--ps-white);
  --sports-scroll-control-bg: var(--ps-ink-775);
  --sports-scroll-control-border: #452e60;
  --sports-scroll-control-text: var(--ps-white);
  --sports-scroll-control-shadow: var(--ps-elevation-1);
  --sports-scroll-control-hover-bg: var(--ps-purple-500);
  --sports-scroll-control-hover-text: var(--ps-white);
  --sports-scroll-control-hover-shadow: 0 0 20px #4e05a1;
  --sports-upcoming-refresh-bg: var(--ps-ink-775);
  --sports-upcoming-refresh-hover-bg: var(--ps-purple-500);
  --sports-upcoming-refresh-text: var(--ps-white);
  --sports-upcoming-refresh-shadow: var(--ps-elevation-1);
  --sports-upcoming-started-overlay-bg: #000000cc;
  --sports-lock-overlay-bg: #0d0319e6;
  --sports-lock-overlay-border: #452e60;
  --sports-lock-icon-bg: var(--ps-purple-950);
  --sports-lock-icon-fg: var(--ps-white);
  --sports-lock-hidden-pattern: repeating-linear-gradient(
    135deg,
    transparent 0 6px,
    #ffffff0d 6px 8px
  );

  --options-tab-inactive-border: var(--ps-ink-600);
  --options-tab-active-gradient: var(--ps-gold-border-gradient);
  --options-tab-active-border: var(--ps-gold-400);
  --options-tab-text: var(--ps-white);
  --options-selection-bg: var(--ps-ink-800);
  --options-selection-border: transparent;
  --options-selection-active-bg: var(--ps-ink-800);
  --options-selection-active-border: var(--ps-blue-sky);
  --options-selection-team: var(--ps-white);
  --options-panel-header-bg: var(--ps-ink-800);
  --options-panel-header-shadow: 0 0 12px var(--betting-cart-text-shadow);
  --options-section-title: var(--ps-blue-sky);
  --options-header-badge-bg: var(--ps-sport-badge);
  --options-header-badge-text: var(--ps-white);
  --options-header-divider: var(--ps-white-10);
  --options-header-competition: var(--ps-blue-sky);
  --options-match-time: var(--ps-white-50);
  --options-match-vs: var(--ps-muted-700);
  --options-market-count-active: var(--ps-cyan);
  --options-header-glow: radial-gradient(
    ellipse 100% 80% at 50% 0%,
    #9f36f326 0%,
    #540eca0f 40%,
    transparent 100%
  );

  /* Betting cart: source 2492:8622 */
  --betting-cart-bg: var(--ps-ink-950);
  --betting-cart-border: #452e60;
  --betting-cart-selection-border: #393e35;
  --betting-cart-selection-title: #cdcdcd;
  --betting-cart-shadow: 0 0 30px var(--ps-black);
  --betting-cart-title: var(--ps-white);
  --betting-cart-muted: var(--ps-white-60);
  --betting-cart-empty-border: #452e60;
  --betting-cart-badge-bg: var(--ps-bonus);
  --betting-cart-badge-border: var(--ps-gold-800);
  --betting-cart-market-text: #3589ff;
  --betting-cart-match-text: var(--ps-white);
  --betting-cart-team-text: #e33f3f;
  --betting-cart-value-text: var(--ps-warning);
  --betting-cart-odds-old: #cecece;
  --betting-cart-odds-up-bg: #b41f22;
  --betting-cart-odds-down-bg: #1287e7;
  --betting-cart-warning-bg: var(--ps-white-10);
  --betting-cart-warning-border: transparent;
  --betting-cart-warning-text: #fae58f;
  --betting-cart-warning-icon-bg: #fae58f;
  --betting-cart-warning-icon-text: #6d5914;
  --betting-cart-amount-bg: var(--ps-ink-875);
  --betting-cart-amount-panel-bg: var(--ps-ink-875);
  --betting-cart-amount-input-bg: var(--ps-white-10);
  --betting-cart-amount-input-icon: var(--ps-white-60);
  --betting-cart-amount-button-bg: var(--ps-neutral-gradient);
  --betting-cart-amount-button-border: #111419;
  --betting-cart-amount-button-text: var(--ps-gold-350);
  --betting-cart-submit-bg: var(--ps-primary-gradient);
  --betting-cart-submit-text: var(--ps-white);
  --betting-cart-submit-depth: #775503;
  --betting-cart-toggle-thumb: var(--ps-purple-info);
  --betting-cart-toggle-off-bg: #4f514d;
  --betting-cart-toggle-off-thumb: #6d6d6d;
  --betting-cart-promo-border: #35383e;
  --betting-cart-promo-strip: #3c3c3c;
  --betting-cart-telegram: #46b6f0;
  --betting-cart-text-shadow: #00000080;
  --betting-cart-promo-shadow: #00000040;
  --betting-button-bg: var(--ps-neutral-gradient);
  --betting-button-hover: var(--ps-primary-pressed-gradient);
  --betting-text-highlight: var(--ps-warning);
  --betting-text-label: var(--ps-muted-500);
  --bet-delete-btn-bg: var(--ps-white-05);
  --bet-delete-btn-border: #452e60;

  /* Amount/forms */
  --amount-row-bg: var(--ps-ink-775);
  --amount-value-bg: var(--ps-white-10);
  --amount-btn-bg: var(--ps-neutral-gradient);
  --amount-btn-border: #111419;
  --amount-accent: var(--ps-warning);
  --deposit-form-card-bg: var(--ps-ink-950);
  --deposit-form-card-border: #452e60;
  --deposit-form-account-alert: var(--ps-warning);
  --deposit-form-level-bg: var(--ps-purple-950);
  --deposit-form-level-text: var(--ps-purple-100);
  --deposit-form-submit-bg: var(--ps-primary-gradient);
  --deposit-form-submit-text: var(--ps-white);
  --withdraw-form-card-bg: var(--ps-ink-950);
  --withdraw-form-card-border: #452e60;
  --withdraw-form-submit-bg: var(--ps-primary-gradient);
  --withdraw-form-submit-text: var(--ps-white);
  --withdraw-rolling-card-bg: var(--ps-ink-775);
  --withdraw-rolling-card-border: #452e60;
  --withdraw-rolling-accent: var(--ps-warning);
  --withdraw-rolling-muted: var(--ps-muted-500);
  --withdraw-rolling-record-bg: var(--ps-white-05);
  --withdraw-rolling-text: var(--ps-white);
  --withdraw-rolling-scroll-track: var(--ps-black);
  --withdraw-rolling-scroll-thumb: var(--ps-purple-600);
  --point-exchange-form-card-bg: var(--ps-ink-950);
  --point-exchange-form-card-border: #452e60;
  --point-exchange-form-muted: var(--ps-muted-500);
  --point-exchange-form-submit-bg: var(--ps-primary-gradient);
  --point-exchange-form-submit-text: var(--ps-white);
  --finance-design-accent: var(--ps-mint);
  --finance-design-card: var(--ps-ink-950);
  --finance-design-card-border: var(--ps-white-20);
  --finance-design-row: var(--ps-white-10);
  --finance-design-action: var(--ps-account-action);
  --finance-design-action-text: var(--ps-black);
  --finance-design-value: var(--ps-cream);
  --finance-design-alert: var(--ps-finance-alert);
  --history-design-action: var(--ps-account-action);
  --history-design-action-text: var(--ps-black);
  /* 베팅내역 — source: Figma 2492:16659 */
  --bh-status-hit-bg: #4394ff33;
  --bh-status-hit-border: #4394ff;
  --bh-result-hit: #4394ff;
  --bh-result-miss: #ff6565;
  --bh-type-pre: #3cfff5;
  --bh-summary-border: #444444;
  --bh-footer-text: #a8a8a8;
  --bh-count-badge-bg: #343642;
  --bh-count-badge-text: #9ca1c2;
  --history-design-hit: var(--ps-blue-soft);
  --history-design-miss: var(--ps-error);
  --coupon-design-register-bg: var(--ps-black);
  --coupon-design-register-border: var(--ps-purple-750);
  --board-design-card: var(--ps-ink-950);
  --board-design-border: var(--ps-white-20);
  --board-design-row-border: var(--ps-white-10);
  --board-design-header: var(--ps-white-10);
  --board-design-action: var(--ps-account-action);
  --board-design-action-text: var(--ps-black);
  --board-design-muted: var(--ps-muted-500);
  --board-design-event-border: var(--ps-gold-600);
  --board-design-field: var(--ps-ink-775);
  --board-design-submit: var(--ps-primary-gradient);
  --board-design-shadow: 0 4px 6px #0000004d;

  /* History and tickets */
  --bet-card-bg: var(--ps-ink-950);
  --bet-card-border: #452e60;
  --bet-table-header-bg: var(--ps-ink-775);
  --bet-row-border: var(--ps-white-10);
  --bet-cell-border: #452e60;
  /* source: Figma 2492:16659 Bet ID #fae58f 14px Bold (아이콘 동일) */
  --bet-ticket-number: var(--ps-cream);
  --bet-timestamp: var(--ps-muted-500);
  --bet-type-pre: var(--ps-cyan);
  --bet-status-hit: var(--ps-positive);
  --bet-status-miss: var(--ps-error);
  --bet-summary-bar-bg: var(--ps-ink-775);
  --bet-summary-badge-bg: var(--ps-purple-950);
  --bet-match-badge-bg: var(--ps-purple-950);
  --bet-match-badge-text: var(--ps-purple-100);

  /* My page */
  --mypage-radius: 5px;
  --mypage-primary: var(--finance-design-accent);
  --mypage-primary-foreground: var(--ps-black);
  --mypage-border: var(--board-design-border);
  --mypage-section-bg: var(--board-design-card);
  --mypage-summary-card-bg: var(--board-design-card);
  --mypage-summary-card-border: var(--board-design-border);
  --mypage-summary-title: var(--ps-white);
  --mypage-summary-label: var(--board-design-muted);
  --mypage-summary-value: var(--ps-white);
  --mypage-summary-point-value: var(--finance-design-value);
  --mypage-summary-divider: var(--board-design-row-border);
  --mypage-summary-action-bg: var(--board-design-action);
  --mypage-summary-action-border: transparent;
  --mypage-summary-action-text: var(--board-design-action-text);
  --mypage-identity-nickname: var(--finance-design-accent);
  --mypage-identity-userid: var(--board-design-muted);
  --mypage-identity-level: var(--finance-design-value);
  --mypage-info-card-bg: var(--board-design-card);
  --mypage-info-card-border: var(--board-design-border);
  --mypage-info-title: var(--ps-white);
  --mypage-info-row-bg: var(--board-design-header);
  --mypage-info-label: var(--board-design-muted);
  --mypage-info-value: var(--ps-white);
  --mypage-history-card-bg: var(--board-design-card);
  --mypage-history-card-border: var(--board-design-border);
  --mypage-history-title: var(--ps-white);
  --mypage-history-tab-active-bg: var(--board-design-action);
  --mypage-history-tab-active-border: transparent;
  --mypage-history-tab-active-text: var(--board-design-action-text);
  --mypage-history-tab-inactive-bg: var(--board-design-field);
  --mypage-history-tab-inactive-border: var(--board-design-border);
  --mypage-history-tab-inactive-text: var(--board-design-muted);

  /* Attendance — exact palette from Figma 2492:17441 / 2492:17482. */
  --attendance-calendar-card-bg: var(--ps-black); /* source: Figma 2492:17482 fills */
  --attendance-calendar-card-border: var(--ps-attendance-border); /* source: Figma 2492:17482 strokes */
  --attendance-calendar-title: var(--ps-white); /* source: Figma 2492:17667 fills */
  --attendance-calendar-weekday: var(--ps-attendance-weekday); /* source: Figma 2492:17654 fills */
  --attendance-calendar-day-bg: var(--ps-surface-mobile); /* source: Figma 2492:17485 fills */
  --attendance-calendar-day-muted: var(--ps-white-30); /* source: Figma 2492:17486 fills */
  --attendance-calendar-icon-on: var(--ps-attendance-reward); /* source: Figma 2492:17620 fills */
  --attendance-calendar-icon-off: var(--ps-white-30); /* source: Figma 2492:17489 fills */
  --attendance-info-panel-bg: var(--ps-surface-mobile); /* source: Figma 2492:17443 fills */
  --attendance-info-card-bg: var(--ps-black); /* source: Figma 2492:17441 fills */
  --attendance-info-card-border: var(--ps-attendance-border); /* source: Figma 2492:17441 strokes */
  --attendance-info-title: var(--ps-white); /* source: Figma 2492:17442 fills */
  --attendance-info-muted: var(--ps-white); /* source: Figma 2492:17442 body fills */
  --attendance-info-accent: var(--ps-attendance-reward); /* source: Figma 2492:17451 fills */
  --attendance-info-condition: var(--ps-account-action); /* source: Figma 2492:17452 fills */
  --attendance-info-chevron-bg: var(--ps-account-action); /* source: Figma 2492:17448 fills */
  --attendance-info-chevron-mark: var(--ps-black); /* source: Figma 2492:17448 asset contrast */

  /* Inbox and content dialogs */
  --inquiry-radius: 5px;
  --inquiry-overlay: #00000099;
  --inquiry-primary: var(--ps-account-action);
  --inquiry-primary-foreground: var(--ps-black);
  --inquiry-muted: var(--ps-muted-400);
  --inquiry-border: var(--board-design-border);
  --inquiry-list-delete-bg: var(--ps-account-action);
  --inquiry-list-delete-border: transparent;
  --inquiry-list-status-unanswered: #ff6565;
  --inquiry-list-status-answered: var(--ps-blue-soft);
  --inquiry-list-status-confirmed: var(--ps-blue-soft);
  --inquiry-create-accent: #ff9422;
  --inquiry-create-card-bg: var(--ps-ink-950);
  --inquiry-create-card-border: transparent;
  --inquiry-create-card-shadow: 0 4px 6px #0000004d;
  --inquiry-create-row-bg: var(--ps-ink-950);
  --inquiry-create-field-bg: var(--ps-white-10);
  --inquiry-create-label: var(--ps-muted-500);
  --inquiry-create-muted: var(--ps-muted-500);
  --inquiry-create-placeholder: var(--ps-muted-500);
  --inquiry-create-add-bg: var(--ps-blue-sky);
  --inquiry-create-add-border: transparent;
  --inquiry-create-add-text: var(--ps-black);
  --inquiry-attach-card-bg: var(--ps-black);
  --inquiry-attach-card-border: #292929;
  --inquiry-attach-label-bg: var(--ps-white-20);
  --inquiry-attach-main-text: var(--ps-white);
  --inquiry-attach-id-text: #ff9422;
  --inquiry-attach-type-text: var(--ps-coupon-expiry-label);
  --inquiry-attach-status-bg: #343642;
  --inquiry-attach-status-text: var(--ps-muted-500);
  --inquiry-betting-dialog-bg: var(--ps-black);
  --inquiry-betting-dialog-border: #292929;
  --inquiry-betting-dialog-shadow: 0 4px 12px var(--ps-black);
  --inquiry-betting-dialog-text: var(--ps-white);
  --inquiry-betting-dialog-tab-bg: var(--ps-ink-800);
  --inquiry-betting-dialog-tab-border: var(--ps-account-action);
  --inquiry-betting-dialog-tab-muted: var(--ps-account-action);
  --inquiry-betting-dialog-count-text: var(--ps-muted-350);
  --inquiry-betting-dialog-date-active-text: var(--ps-black);
  --inquiry-betting-dialog-card-bg: var(--ps-ink-800);
  --inquiry-betting-dialog-card-border: #292929;
  --inquiry-betting-dialog-checkbox-bg: var(--ps-blue-sky);
  --inquiry-betting-dialog-checkbox-border: #5d5e68;
  --inquiry-betting-dialog-overlay: rgb(19 19 19 / 90%);
  --inquiry-betting-dialog-cancel-text: #bababa;
  --inquiry-betting-dialog-confirm-text: #f7eb95;
  --inquiry-betting-dialog-confirm-bg: var(--ps-primary-gradient);

  --message-radius: 5px;
  --message-overlay: #00000099;
  --message-primary: var(--ps-purple-500);
  --message-primary-foreground: var(--ps-white);
  --message-border: #452e60;
  --message-delete-btn-bg: var(--ps-white-05);
  --message-delete-btn-border: #452e60;
  --message-status-read-text: var(--ps-muted-500);
  --message-status-unread-text: var(--ps-purple-150);
  --message-detail-label-text: var(--ps-muted-500);
  --message-detail-action-border: var(--ps-gold-800);
  --message-detail-cancel-bg: var(--signup-dialog-cancel-bg);
  --message-detail-cancel-text: var(--ps-muted-400);
  --message-detail-confirm-bg: var(--ps-primary-gradient);
  --message-detail-confirm-text: var(--ps-gold-100);

  --notice-radius: 5px;
  --notice-overlay: #00000099;
  --notice-detail-card-bg: var(--ps-black);
  --notice-detail-card-border: var(--ps-ink-725);
  --notice-detail-card-shadow: var(--login-dialog-shadow);
  --notice-detail-section-bg: var(--ps-ink-800);
  --notice-detail-field-bg: var(--login-dialog-bg);
  --notice-detail-heading-text: var(--ps-white);
  --notice-detail-body-text: var(--ps-muted-500);
  --notice-detail-button-bg: var(--ps-primary-gradient);
  --notice-detail-button-text: var(--ps-gold-100);

  /* Event and coupon */
  --event-dialog-bg: var(--ps-black);
  --event-dialog-border: #292929; /* source: Figma 2492:18034 stroke */
  --event-detail-button-bg: var(--ps-blue-sky); /* source: Figma 2492:18046 #31B7FF */
  --event-detail-button-text: var(--ps-black);
  --event-filter-active-bg: var(--ps-primary-gradient);
  --event-filter-active-border: var(--ps-gold-400);
  --event-filter-active-text: var(--ps-white);
  --event-filter-inactive-bg: var(--ps-ink-775);
  --event-filter-inactive-border: #452e60;
  --event-filter-inactive-text: var(--ps-muted-500);
  --event-card-overlay-hover: #00000033;
  --event-card-gradient-from: var(--ps-black);
  --event-card-gradient-via: #000000cc;
  --event-card-gradient-to: transparent;
  --event-card-glass-border: linear-gradient(
    145deg,
    var(--ps-white-20),
    var(--ps-white-05)
  );
  --event-card-glass-border-hover: linear-gradient(
    145deg,
    var(--ps-purple-300),
    var(--ps-purple-950)
  );
  --coupon-card-bg: var(--ps-black);
  --coupon-card-border: var(--ps-purple-750);
  --coupon-register-bg: var(--ps-black);
  --coupon-register-border: var(--ps-purple-750);
  --coupon-avail-label: var(--ps-muted-500);
  --coupon-avail-count: var(--ps-warning);
  --coupon-expiry-text: var(--ps-coupon-expiry-label);
  --coupon-expiry-time: var(--ps-coupon-expiry-time);
  --coupon-btn-action: var(--ps-black);
  --coupon-type-all: linear-gradient(var(--ps-coupon-generic), var(--ps-coupon-generic));
  --coupon-type-casino: linear-gradient(var(--ps-coupon-casino), var(--ps-coupon-casino));
  --coupon-type-sports: linear-gradient(var(--ps-coupon-sports), var(--ps-coupon-sports));
  --coupon-type-minigame: linear-gradient(var(--ps-coupon-minigame), var(--ps-coupon-minigame));

  /* Game/card state */
  --game-card-favorite: var(--ps-warning);
  --game-card-hover-overlay: #00000033;
  --game-card-lock-overlay: #0d0319e6;
  --game-card-lock-text: var(--ps-white);
  --game-stage-bg: var(--ps-black);
  --games-active: var(--ps-purple-150);
  --games-filter-shell-bg: linear-gradient(
    180deg,
    #1a1025f5 0%,
    #1a1025db 76%,
    transparent 100%
  );
  --games-filter-shell-border: var(--ps-white-05);
  --games-filter-tab-active-bg: #9f36f30d;
  --games-filter-tab-active-border: var(--ps-purple-500);
  --games-filter-tab-active-text: var(--ps-purple-150);
  --games-filter-tab-active-shadow: 0 0 30px #9f36f31a, inset 0 0 20px #4e05a1;
  --games-filter-tab-bg: #0000001a;
  --games-filter-tab-border: var(--ps-white-30);
  --games-filter-tab-hover-border: var(--ps-purple-300);
  --games-filter-tab-text: var(--ps-white-50);
  --games-filter-tab-shadow: 0 0 20px #00000080;
  --games-filter-input-bg: var(--input-bg);
  --games-filter-input-border: var(--input-border);
  --games-filter-input-text: var(--input-text);
  --games-filter-input-placeholder: var(--input-placeholder);
  --games-filter-input-icon: var(--input-placeholder);
  --games-filter-input-shadow: 0 0 20px #00000066;
  --games-filter-input-focus-shadow: 0 0 24px #9f36f32e;
  --game-catalog-accent: var(--ps-mint);
  --game-catalog-card-border: var(--ps-gold-800);
  --game-catalog-card-empty-border: var(--ps-purple-950);
  --game-catalog-search-bg: var(--ps-white-10);

  /* Minigame */
  --minigame-brand-tabs-border-gradient: var(--ps-gold-border-gradient);
  --minigame-brand-tab-bg: var(--ps-ink-775);
  --minigame-brand-tab-inactive-text: var(--ps-muted-500);
  --minigame-brand-tab-active-border: var(--ps-gold-400);
  --minigame-brand-tab-active-text: var(--ps-white);
  --minigame-subtab-bg: var(--ps-ink-775);
  --minigame-subtab-border: #452e60;
  --minigame-subtab-text: var(--ps-muted-500);
  --minigame-subtab-active-bg: var(--ps-primary-gradient);
  --minigame-subtab-active-border: var(--ps-gold-400);
  --minigame-subtab-active-text: var(--ps-white);
  --bet365-subtab-bg: var(--ps-ink-775);
  --bet365-subtab-border: #452e60;
  --bet365-subtab-text: var(--ps-muted-500);
  --bet365-subtab-hover-border: var(--ps-purple-300);
  --bet365-subtab-hover-text: var(--ps-white);
  --bet365-subtab-active-bg: var(--ps-primary-gradient);
  --bet365-subtab-active-border: var(--ps-gold-400);
  --bet365-subtab-active-text: var(--ps-white);
  --minigame-cart-option-bg: var(--ps-ink-775);
  --minigame-cart-badge-player-bg: #193b69;
  --minigame-cart-badge-player-border: var(--ps-blue-soft);
  --minigame-cart-badge-player-text: var(--ps-white);
  --minigame-cart-badge-banker-bg: var(--ps-live-bg);
  --minigame-cart-badge-banker-border: var(--ps-live-border);
  --minigame-cart-badge-banker-text: var(--ps-live);
  --minigame-cart-badge-tie-bg: var(--ps-purple-950);
  --minigame-cart-badge-tie-border: var(--ps-purple-300);
  --minigame-cart-badge-tie-text: var(--ps-purple-100);
  --minigame-bet-history-card-bg: var(--ps-ink-950);
  --minigame-bet-history-card-border: #452e60;
  --minigame-bet-history-card-shadow: var(--ps-elevation-1);
  --minigame-bet-history-title: var(--ps-white);
  --minigame-bet-history-header-bg: var(--ps-ink-775);
  --minigame-bet-history-header-text: var(--ps-purple-100);
  --minigame-bet-history-row-border: var(--ps-white-10);
  --minigame-bet-history-cell-separator: #452e60;
  --minigame-bet-history-row-text: var(--ps-white);
  --minigame-bet-history-row-muted: var(--ps-muted-500);
  --minigame-bet-history-win-text: var(--ps-positive);
  --minigame-bet-history-lose-text: var(--ps-error);
  --minigame-bet-history-refresh-bg: var(--ps-ink-775);
  --minigame-bet-history-refresh-border: #452e60;
  --minigame-bet-history-refresh-text: var(--ps-purple-150);
  --minigame-design-accent: var(--ps-mint);
  --minigame-design-panel: var(--ps-black);
  --minigame-design-control: var(--ps-ink-725);
  --minigame-design-selected: var(--ps-white);
  --minigame-design-selected-text: var(--ps-black);
  --minigame-design-history-header: var(--ps-ink-775);

  /* Supporting UI */
  --pagination-text: var(--ps-muted-400);
  --pagination-border: #452e60;
  --pagination-item-bg: var(--ps-ink-775);
  --pagination-active-bg: var(--ps-purple-500);
  --pagination-active-text: var(--ps-white);
  --pagination-hover-bg: var(--ps-white-10);
  --guideline-bg: var(--ps-ink-775);
  --guideline-border: #452e60;
  --maintenance-border: #452e60;
  --maintenance-label-bg: var(--ps-purple-950);
  --maintenance-text: var(--ps-white);
  --maintenance-text-muted: var(--ps-muted-500);
  --skeleton-bg: var(--ps-white-10);
  --gold-border-from: var(--ps-gold-800);
  --gold-border-via: var(--ps-gold-400);
  --gold-border-to: var(--ps-gold-800);
  --scrollbar-size: 8px;
  --scrollbar-radius: 8px;
  --scrollbar-track: #00000033;
  --scrollbar-thumb: #9f36f366;
  --scrollbar-thumb-hover: #bf6dff99;
}

/* Component geometry and typography. Values preserve the Figma mechanisms. */
[data-theme="type2"] .app-shell {
  font-family: var(--font-paperlogy-family);
}

[data-theme="type2"] .font-pretendard {
  font-family: var(--font-pretendard-family);
}

[data-theme="type2"] .font-montserrat {
  font-family: var(--font-montserrat-family);
}

[data-theme="type2"] .font-inter {
  font-family: var(--font-inter-family);
}

[data-theme="type2"] .mobile-header-top {
  isolation: isolate;
  background: var(--ps-mobile-header-base-gradient);
  box-shadow: var(--header-mobile-top-shadow);
}

[data-theme="type2"] .mobile-header-top::before,
[data-theme="type2"] .mobile-header-top::after {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
}

[data-theme="type2"] .mobile-header-top::before {
  z-index: 0;
  background-image: var(--header-mobile-texture-image);
  background-position: center;
  background-size: cover;
  mix-blend-mode: overlay;
  opacity: 0.15;
}

[data-theme="type2"] .mobile-header-top::after {
  z-index: 1;
  background: var(--ps-header-gradient);
  filter: brightness(1.14) saturate(1.04);
}

[data-theme="type2"] .mobile-header-top > * {
  z-index: 2;
}

[data-theme="type2"] .mobile-header-logo {
  width: 190px;
  height: 52px;
  filter: saturate(1.2) brightness(1.03);
}

[data-theme="type2"] .mobile-header-actions {
  top: 10px;
  right: 10px;
  gap: 0;
}

[data-theme="type2"] .header-top-notice {
  display: none;
}

/* Figma 2492:11932 → Header Top Menu icons (16×16, gap 2px). */
[data-theme="type2"] .topmenu-inner .cdn-mask-icon {
  width: 16px;
  height: 16px;
  /* source: Figma 2492:8500 아이콘 벡터 #ba81fe — 라벨(#cb94ff)보다 한 단계 어둡다.
     기본값이 currentColor 라 라벨 색을 그대로 따라가고 있었다. */
  background-color: var(--header-top-menu-icon);
}

/* 입금·출금 링크는 라벨이 흰색이고 아이콘도 흰색이다 (Figma 2492:8479 / 2492:8483) */
[data-theme="type2"] .topmenu-inner .cdn-mask-icon[data-icon-src$="/deposit.svg"],
[data-theme="type2"] .topmenu-inner .cdn-mask-icon[data-icon-src$="/withdraw.svg"] {
  background-color: currentColor;
}

[data-theme="type2"] .topmenu-inner nav > a[href="/member-board"] > svg {
  width: 14px;
  height: 14px;
}

[data-theme="type2"] .topmenu-inner .cdn-mask-icon[data-icon-src$="/deposit.svg"] {
  --cdn-mask-image: var(--cdn-asset-images-header-top-menu-deposit);
}

[data-theme="type2"] .topmenu-inner .cdn-mask-icon[data-icon-src$="/withdraw.svg"] {
  --cdn-mask-image: var(--cdn-asset-images-header-top-menu-withdraw);
}

[data-theme="type2"] .topmenu-inner .cdn-mask-icon[data-icon-src$="/point.svg"] {
  --cdn-mask-image: var(--cdn-asset-images-header-top-menu-point);
}

[data-theme="type2"] .topmenu-inner .cdn-mask-icon[data-icon-src$="/inquiry.svg"] {
  --cdn-mask-image: var(--cdn-asset-images-header-top-menu-inquiry);
}

[data-theme="type2"] .topmenu-inner .cdn-mask-icon[data-icon-src$="/message.svg"] {
  --cdn-mask-image: var(--cdn-asset-images-header-top-menu-message);
}

[data-theme="type2"] .topmenu-inner .cdn-mask-icon[data-icon-src$="/notice.svg"] {
  --cdn-mask-image: var(--cdn-asset-images-header-top-menu-notice);
}

[data-theme="type2"] .topmenu-inner .cdn-mask-icon[data-icon-src$="/event.svg"] {
  --cdn-mask-image: var(--cdn-asset-images-header-top-menu-event);
}

[data-theme="type2"] .topmenu-inner .cdn-mask-icon[data-icon-src$="/attendance.svg"] {
  --cdn-mask-image: var(--cdn-asset-images-header-top-menu-attendance);
}

[data-theme="type2"] .topmenu-inner .cdn-mask-icon[data-icon-src$="/bettingHistory.svg"] {
  --cdn-mask-image: var(--cdn-asset-images-header-top-menu-betting-history);
}

[data-theme="type2"] .topmenu-inner .cdn-mask-icon[data-icon-src$="/coupon.svg"] {
  --cdn-mask-image: var(--cdn-asset-images-header-top-menu-coupon);
}

[data-theme="type2"] .topmenu-inner .cdn-mask-icon[data-icon-src$="/myPage.svg"] {
  --cdn-mask-image: var(--cdn-asset-images-header-top-menu-my-page);
}

[data-theme="type2"] .mobile-header-actions > :nth-child(2) {
  display: none;
}

[data-theme="type2"] .mobile-header-actions > :first-child {
  width: 30px;
  height: 30px;
}

[data-theme="type2"] .mobile-header-actions > :first-child svg {
  width: 28px;
  height: 28px;
}

[data-theme="type2"] .mobile-sidebar-content {
  display: flex;
  width: 100%; /* viewport shell; Figma 2492:20833 scales from its 320px base */
  min-height: 0;
  height: 100dvh;
  max-height: 100dvh;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
  background: var(--mobile-sidebar-surface-bg);
  color: var(--ps-white);
  font-family: var(--font-paperlogy-family);
}

[data-theme="type2"] .mobile-sidebar-header {
  order: 1;
  height: 50px;
  flex: none;
  background: transparent;
}

[data-theme="type2"] .mobile-sidebar-logo {
  top: -1px;
  left: 10px;
  width: 170px;
  height: 52px;
  filter: none;
}

[data-theme="type2"] .mobile-sidebar-logo img {
  width: 170px;
  height: 47px;
}

[data-theme="type2"] .mobile-sidebar-close {
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  border-radius: 0;
}

[data-theme="type2"] .mobile-sidebar-close svg {
  width: 28px;
  height: 28px;
  stroke-width: 2.5;
}

[data-theme="type2"] .mobile-sidebar-account {
  order: 2;
  box-sizing: border-box;
  height: 81px; /* fixed-ok: Figma 2492:20834 account block */
  flex: none;
  background: var(--mobile-sidebar-surface-bg);
}

[data-theme="type2"] .mobile-sidebar-account-heading {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  height: 20px; /* fixed-ok: Figma 2492:20835 user info row */
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 700;
}

[data-theme="type2"] .mobile-sidebar-account-heading strong {
  color: var(--ps-gold-300);
  font-size: 14px;
}

[data-theme="type2"] .mobile-sidebar-account-heading span {
  box-sizing: border-box;
  height: 20px; /* fixed-ok: Figma 2492:20837 level badge */
  padding: 5px 10px;
  border: 1px solid var(--header-mobile-level-border);
  border-radius: 3px;
  color: var(--header-mobile-level-border);
  line-height: normal;
}

[data-theme="type2"] .mobile-sidebar-account-heading .mobile-sidebar-account-detail {
  display: flex;
  height: 20px; /* fixed-ok: Figma 2492:20839 detail badge */
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin: 0;
  padding: 5px 10px;
  border: 0;
  border-radius: 3px;
  background: var(--ps-gold-300);
  color: var(--ps-black);
  font-size: 12px;
  line-height: normal;
}

[data-theme="type2"] .mobile-sidebar-account-balances {
  box-sizing: border-box;
  display: flex;
  width: 300px; /* fixed-ok: Figma 2492:20842 balance block */
  height: 56px; /* fixed-ok: Figma 2492:20842 balance block */
  flex-direction: column;
  margin: 5px auto 0;
  padding: 0;
  border: 0;
  background: var(--ps-black);
}

[data-theme="type2"] .mobile-sidebar-account-balances > div {
  display: grid;
  box-sizing: border-box;
  width: 100%;
  height: 28px; /* fixed-ok: Figma 2492:20843 balance row */
  grid-template-columns: 16px max-content 1fr;
  align-items: center;
  column-gap: 2px;
  padding: 0 10px;
  border: 1px solid var(--ps-gold-800);
  background: var(--ps-black);
  font-family: var(--font-noto-family);
  font-size: 10px;
}

[data-theme="type2"] .mobile-sidebar-account-balances span {
  display: grid;
  width: 16px; /* fixed-ok: Figma 2492:20845 wallet icon */
  height: 16px; /* fixed-ok: Figma 2492:20845 wallet icon */
  place-items: center;
  font-size: 0;
}

[data-theme="type2"] .mobile-sidebar-account-balances small {
  color: var(--ps-white);
  font-size: 10px;
  font-weight: 400;
  letter-spacing: -0.4px;
  line-height: normal;
}

[data-theme="type2"] .mobile-sidebar-account-balances > div:first-child span {
  background: var(--cdn-asset-icons-type1-header-mobile-balance) center / 16px 16px
    no-repeat;
}

[data-theme="type2"] .mobile-sidebar-account-balances > div:last-child span {
  width: 13px; /* fixed-ok: Figma 2492:20851 point icon */
  height: 14px; /* fixed-ok: Figma 2492:20851 point icon */
  border-radius: 2px;
  background: var(--ps-ink-725);
  color: var(--ps-white);
}

[data-theme="type2"]
  .mobile-sidebar-account-balances
  > div:last-child
  span::after {
  content: "P";
  font-size: 10px;
  font-weight: 900;
  line-height: normal;
}

[data-theme="type2"] .mobile-sidebar-account-balances strong {
  justify-self: end;
  color: var(--ps-money);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.24px;
  line-height: normal;
}

[data-theme="type2"] .mobile-sidebar-account-balances > div:last-child strong {
  color: var(--ps-points);
}

[data-theme="type2"] .mobile-sidebar-money-actions {
  order: 3;
  box-sizing: border-box;
  width: 100%;
  height: 70px; /* fixed-ok: Figma 2492:20855 action group */
  flex: none;
  gap: 10px;
  align-items: center;
  padding: 0 10px;
  background: var(--mobile-sidebar-surface-bg);
}

[data-theme="type2"] .mobile-sidebar-money-actions > a {
  width: 145px; /* fixed-ok: Figma 2492:20856 action button */
  height: 40px; /* fixed-ok: Figma 2492:20856 action button */
  gap: 5px;
  padding: 10px 30px;
  border: 1px solid var(--ps-gold-800);
  border-radius: 5px;
  background: var(--ps-primary-gradient);
  color: var(--ps-white);
  font-size: 15px;
  font-weight: 700;
  line-height: 13px;
  text-shadow: 0 4px 4px var(--ps-white-20);
}

[data-theme="type2"] .mobile-sidebar-money-actions svg {
  display: none;
}

[data-theme="type2"] .mobile-sidebar-money-actions > a::before {
  width: 18px; /* fixed-ok: Figma 2492:20857 action icon */
  height: 18px; /* fixed-ok: Figma 2492:20857 action icon */
  flex: none;
  background-color: var(--ps-white);
  content: "";
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}

[data-theme="type2"] .mobile-sidebar-money-actions > a:first-child::before {
  mask-image: var(--cdn-asset-icons-type1-header-menu-deposit);
  -webkit-mask-image: var(--cdn-asset-icons-type1-header-menu-deposit);
}

[data-theme="type2"] .mobile-sidebar-money-actions > a:last-child::before {
  mask-image: var(--cdn-asset-icons-type1-header-menu-withdraw);
  -webkit-mask-image: var(--cdn-asset-icons-type1-header-menu-withdraw);
}

[data-theme="type2"] .mobile-sidebar-quick-grid {
  order: 4;
  display: grid;
  box-sizing: border-box;
  width: 100%;
  height: 184px; /* fixed-ok: Figma 2492:20864 quick menu block */
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(3, 48px);
  gap: 10px;
  flex: none;
  padding: 10px;
  background: var(--ps-black);
}

[data-theme="type2"] .mobile-sidebar-quick-item {
  box-sizing: border-box;
  width: 100%;
  height: 48px; /* fixed-ok: Figma 2492:20866 quick menu item */
  justify-content: center;
  gap: 2px;
  border-radius: 5px;
  background: var(--mobile-sidebar-quick-bg);
  color: var(--ps-black);
  font-size: 14px;
  font-weight: 700;
}

[data-theme="type2"] .mobile-sidebar-quick-item svg {
  display: none;
}

[data-theme="type2"] .mobile-sidebar-quick-item::before {
  width: 16px; /* fixed-ok: Figma 2492:20868 quick menu icon */
  height: 16px; /* fixed-ok: Figma 2492:20868 quick menu icon */
  flex: none;
  background-color: var(--ps-black);
  content: "";
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}

[data-theme="type2"] .mobile-sidebar-quick-item:nth-child(1)::before {
  mask-image: var(--cdn-asset-images-header-top-menu-point);
  -webkit-mask-image: var(--cdn-asset-images-header-top-menu-point);
}

[data-theme="type2"] .mobile-sidebar-quick-item:nth-child(2)::before {
  mask-image: var(--cdn-asset-images-header-top-menu-inquiry);
  -webkit-mask-image: var(--cdn-asset-images-header-top-menu-inquiry);
}

[data-theme="type2"] .mobile-sidebar-quick-item:nth-child(3)::before {
  mask-image: var(--cdn-asset-images-header-top-menu-message);
  -webkit-mask-image: var(--cdn-asset-images-header-top-menu-message);
}

[data-theme="type2"] .mobile-sidebar-quick-item:nth-child(4)::before {
  mask-image: var(--cdn-asset-images-header-top-menu-attendance);
  -webkit-mask-image: var(--cdn-asset-images-header-top-menu-attendance);
}

[data-theme="type2"] .mobile-sidebar-quick-item:nth-child(5)::before {
  mask-image: var(--cdn-asset-images-header-top-menu-coupon);
  -webkit-mask-image: var(--cdn-asset-images-header-top-menu-coupon);
}

[data-theme="type2"] .mobile-sidebar-quick-item:nth-child(6)::before {
  mask-image: var(--cdn-asset-images-header-top-menu-my-page);
  -webkit-mask-image: var(--cdn-asset-images-header-top-menu-my-page);
}

[data-theme="type2"] .mobile-sidebar-quick-item span {
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

[data-theme="type2"] .mobile-sidebar-info-grid {
  order: 5;
  display: grid;
  box-sizing: border-box;
  width: 100%;
  height: 60px; /* fixed-ok: Figma 2492:20896 info menu block */
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  flex: none;
  padding: 5px 10px;
  background: var(--mobile-sidebar-surface-bg);
}

[data-theme="type2"] .mobile-sidebar-info-item {
  box-sizing: border-box;
  width: 100%;
  height: 50px; /* fixed-ok: Figma 2492:20897 info menu item */
  border: 1px solid var(--mobile-sidebar-info-border);
  border-radius: 6px;
  background: var(--mobile-sidebar-info-bg);
  color: var(--mobile-sidebar-info-text);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

[data-theme="type2"] .mobile-sidebar-info-item:first-child {
  font-size: 14px;
}

[data-theme="type2"] .mobile-sidebar-game-section {
  order: 6;
  box-sizing: border-box;
  width: 100%;
  height: 390px; /* fixed-ok: Figma 2492:20903 game menu block */
  flex: none;
  padding: 20px 10px;
  background: var(--mobile-sidebar-surface-bg);
}

[data-theme="type2"] .mobile-sidebar-game-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

[data-theme="type2"] .mobile-sidebar-game-item {
  position: relative;
  box-sizing: border-box;
  height: 80px; /* fixed-ok: Figma 2492:20905 game menu item */
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  overflow: hidden;
  padding: 10px;
  border: 1px solid var(--mobile-sidebar-game-border);
  border-radius: 8px;
  background: var(--mobile-sidebar-game-bg);
  color: var(--ps-white);
  font-size: 16px;
  font-weight: 900;
}

[data-theme="type2"] .mobile-sidebar-game-icon {
  display: none;
}

[data-theme="type2"] .mobile-sidebar-game-item::before {
  width: 28px; /* fixed-ok: Figma 2492:20906 game icon */
  height: 28px; /* fixed-ok: Figma 2492:20906 game icon */
  flex: none;
  background-color: var(--header-mobile-level-border);
  content: "";
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}

[data-theme="type2"] .mobile-sidebar-game-item span {
  display: flex;
  min-height: 0;
  align-items: center;
  justify-content: center;
  line-height: normal;
  text-align: center;
  text-shadow: 1px 1px 0 var(--ps-white);
  white-space: nowrap;
}

[data-theme="type2"] .mobile-sidebar-game-item[data-mobile-menu-index="6"] {
  order: 1;
  grid-column: span 2;
  font-weight: 800;
}

[data-theme="type2"]
  .mobile-sidebar-game-item[data-mobile-menu-index="6"]::before {
  mask-image: var(--cdn-asset-images-sidebar-category-casino);
  -webkit-mask-image: var(--cdn-asset-images-sidebar-category-casino);
}

[data-theme="type2"] .mobile-sidebar-game-item[data-mobile-menu-index="9"] {
  order: 2;
  grid-column: span 2;
  font-weight: 800;
}

[data-theme="type2"]
  .mobile-sidebar-game-item[data-mobile-menu-index="9"]::before {
  width: 26px; /* fixed-ok: Figma 2492:20909 slot icon */
  mask-image: var(--cdn-asset-images-sidebar-category-slot);
  -webkit-mask-image: var(--cdn-asset-images-sidebar-category-slot);
}

[data-theme="type2"] .mobile-sidebar-game-item[data-mobile-menu-index="8"] {
  order: 3;
  grid-column: span 2;
  font-weight: 800;
}

[data-theme="type2"]
  .mobile-sidebar-game-item[data-mobile-menu-index="8"]::before {
  height: 20px; /* fixed-ok: Figma 2492:20912 minigame icon */
  mask-image: var(--cdn-asset-images-sidebar-category-minigame);
  -webkit-mask-image: var(--cdn-asset-images-sidebar-category-minigame);
}

[data-theme="type2"] .mobile-sidebar-game-item[data-mobile-menu-index="0"] {
  order: 4;
  grid-column: span 3;
}

[data-theme="type2"]
  .mobile-sidebar-game-item[data-mobile-menu-index="0"]::before {
  height: 29px; /* fixed-ok: Figma 2492:20916 Europe sports icon */
  mask-image: var(--cdn-asset-images-sidebar-category-europe-sports);
  -webkit-mask-image: var(--cdn-asset-images-sidebar-category-europe-sports);
}

[data-theme="type2"] .mobile-sidebar-game-item[data-mobile-menu-index="1"] {
  order: 5;
  grid-column: span 3;
}

[data-theme="type2"]
  .mobile-sidebar-game-item[data-mobile-menu-index="1"]::before,
[data-theme="type2"]
  .mobile-sidebar-game-item[data-mobile-menu-index="2"]::before,
[data-theme="type2"]
  .mobile-sidebar-game-item[data-mobile-menu-index="3"]::before,
[data-theme="type2"]
  .mobile-sidebar-game-item[data-mobile-menu-index="4"]::before {
  mask-image: var(--cdn-asset-images-sidebar-category-domestic-sports);
  -webkit-mask-image: var(--cdn-asset-images-sidebar-category-domestic-sports);
}

[data-theme="type2"]
  .mobile-sidebar-game-item[data-mobile-menu-index="1"]
  span,
[data-theme="type2"]
  .mobile-sidebar-game-item[data-mobile-menu-index="2"]
  span,
[data-theme="type2"]
  .mobile-sidebar-game-item[data-mobile-menu-index="3"]
  span,
[data-theme="type2"]
  .mobile-sidebar-game-item[data-mobile-menu-index="4"]
  span,
[data-theme="type2"]
  .mobile-sidebar-game-item[data-mobile-menu-index="7"]
  span {
  font-size: 16px;
}

[data-theme="type2"] .mobile-sidebar-game-item[data-mobile-menu-index="2"] {
  order: 6;
  grid-column: span 2;
}

[data-theme="type2"] .mobile-sidebar-game-item[data-mobile-menu-index="3"] {
  order: 7;
  grid-column: span 2;
}

[data-theme="type2"] .mobile-sidebar-game-item[data-mobile-menu-index="4"] {
  order: 8;
  grid-column: span 2;
}

[data-theme="type2"] .mobile-sidebar-game-item[data-mobile-menu-index="7"] {
  order: 9;
  grid-column: span 3;
}

[data-theme="type2"]
  .mobile-sidebar-game-item[data-mobile-menu-index="7"]::before {
  width: 24px; /* fixed-ok: Figma 2492:20933 eSports icon */
  height: 24px; /* fixed-ok: Figma 2492:20933 eSports icon */
  mask-image: var(--cdn-asset-images-sidebar-category-esports);
  -webkit-mask-image: var(--cdn-asset-images-sidebar-category-esports);
}

[data-theme="type2"] .mobile-sidebar-game-item[data-mobile-menu-index="5"] {
  order: 10;
  grid-column: span 3;
}

[data-theme="type2"]
  .mobile-sidebar-game-item[data-mobile-menu-index="5"]::before {
  width: 30px; /* fixed-ok: Figma 2492:20937 TT Gaming icon */
  height: 22px; /* fixed-ok: Figma 2492:20937 TT Gaming icon */
  mask-image: var(--cdn-asset-images-sidebar-category-titi-gaming);
  -webkit-mask-image: var(--cdn-asset-images-sidebar-category-titi-gaming);
}

[data-theme="type2"] .mobile-sidebar-session-actions {
  order: 7;
  flex: none;
  background: color-mix(in srgb, var(--ps-black) 70%, transparent);
}

[data-theme="type2"] .mobile-sidebar-session-actions > button {
  width: calc((100% - 10px) / 2);
}

[data-theme="type2"] .mobile-header-auth-actions {
  width: 100%;
  max-width: none;
  height: 55px;
  gap: 10px;
  padding: 10px;
}

[data-theme="type2"] .mobile-header-auth-button {
  box-sizing: border-box;
  min-width: 0;
  height: 35px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 5px;
  background:
    var(--ps-primary-gradient) padding-box,
    var(--ps-gold-border-gradient) border-box;
  box-shadow: none;
  color: var(--ps-white);
  font-family: var(--font-paperlogy-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 13px;
  text-shadow: var(--header-mobile-button-shadow);
}

[data-theme="type2"] .mobile-header-auth-button > span {
  display: none;
}

[data-theme="type2"] .mobile-user-status {
  box-sizing: border-box;
  height: 61px;
  grid-template-rows: 20px 26px;
  row-gap: 5px;
  align-content: start;
  padding-top: 10px;
  background: var(--ps-black);
}

[data-theme="type2"] .mobile-user-status > :nth-child(1),
[data-theme="type2"] .mobile-user-status > :nth-child(2) {
  grid-row: 2;
  box-sizing: border-box;
  height: 26px;
  justify-content: flex-start;
  gap: 2px;
  padding-inline: 10px;
  border: 1px solid transparent;
  background:
    linear-gradient(var(--ps-black), var(--ps-black)) padding-box,
    var(--ps-gold-border-gradient) border-box;
  font-family: var(--font-paperlogy-family);
}

[data-theme="type2"] .mobile-user-status > :nth-child(1) {
  grid-column: 1;
}

[data-theme="type2"] .mobile-user-status > :nth-child(2) {
  grid-column: 2;
  border-left: 0;
}

[data-theme="type2"] .mobile-user-status > :nth-child(1) > :first-child {
  width: 16px;
  height: 16px;
}

[data-theme="type2"] .mobile-user-status > :nth-child(2) > :first-child {
  width: 13px;
  height: 14px;
}

[data-theme="type2"] .mobile-user-status > :nth-child(1) > :first-child img,
[data-theme="type2"] .mobile-user-status > :nth-child(2) > :first-child img {
  filter: none;
  opacity: 1;
}

[data-theme="type2"] .mobile-user-status > :nth-child(1) > :nth-child(2),
[data-theme="type2"] .mobile-user-status > :nth-child(2) > :nth-child(2) {
  flex: none;
  font-family: var(--font-paperlogy-family);
  font-size: 10px;
  font-weight: 400;
  letter-spacing: -0.04em;
}

[data-theme="type2"] .mobile-user-status > :nth-child(1) > :nth-child(2) {
  background: var(--ps-mobile-money-label-gradient);
  background-clip: text;
  color: transparent;
}

[data-theme="type2"] .mobile-user-status > :nth-child(2) > :nth-child(2) {
  color: var(--ps-white);
}

[data-theme="type2"] .mobile-user-status > :nth-child(1) > :nth-child(3),
[data-theme="type2"] .mobile-user-status > :nth-child(1) > :nth-child(4),
[data-theme="type2"] .mobile-user-status > :nth-child(2) > :nth-child(3) {
  font-family: var(--font-paperlogy-family);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.02em;
}

[data-theme="type2"] .mobile-user-status > :nth-child(1) > :nth-child(3),
[data-theme="type2"] .mobile-user-status > :nth-child(1) > :nth-child(4) {
  color: var(--ps-balance);
}

[data-theme="type2"] .mobile-user-status > :nth-child(1) > :nth-child(4) {
  margin-left: -2px;
}

[data-theme="type2"] .mobile-user-status > :nth-child(2) > :nth-child(3) {
  color: var(--ps-white);
}

[data-theme="type2"] .mobile-user-status > :nth-child(2) > a {
  display: none;
}

[data-theme="type2"] .mobile-user-status > :nth-child(3) {
  grid-row: 1;
  grid-column: 1 / -1;
  flex-direction: row;
  justify-content: flex-end;
  gap: 8px;
  height: 20px;
  padding-inline: 10px;
  background: transparent;
  font-family: var(--font-paperlogy-family);
}

[data-theme="type2"] .mobile-user-status > :nth-child(3) > :first-child {
  display: none;
}

[data-theme="type2"] .mobile-user-status > :nth-child(3) > :nth-child(2) {
  order: 2;
  box-sizing: border-box;
  height: 20px;
  padding-inline: 10px;
  border: 1px solid var(--header-mobile-level-border);
  border-radius: 3px;
  color: var(--header-mobile-level-border);
  font-family: var(--font-paperlogy-family);
  font-size: 12px;
  font-weight: 700;
}

[data-theme="type2"] .mobile-user-status > :nth-child(3) > :nth-child(3) {
  order: 1;
  flex: none;
  color: var(--ps-gold-300);
  font-family: var(--font-paperlogy-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
}

[data-theme="type2"] .mobile-user-status > :nth-child(3) a {
  text-decoration: none;
}

[data-theme="type2"] .mobile-user-status .mobile-user-detail-link {
  order: 3;
  display: flex;
  box-sizing: border-box;
  height: 20px;
  padding-inline: 10px;
  border-radius: 3px;
  background: var(--ps-gold-300);
  color: var(--ps-black);
  font-family: var(--font-paperlogy-family);
  font-size: 12px;
  font-weight: 700;
}

[data-theme="type2"] .mobile-user-status .mobile-user-detail-link span {
  font-size: 8px;
  line-height: 1;
}

[data-theme="type2"] .mobile-user-status > :nth-child(4) {
  display: none;
}

[data-theme="type2"] .header-game-nav::before {
  display: none;
}

[data-theme="type2"] .header-game-menu-skeleton-default {
  display: none;
}

[data-theme="type2"] .header-game-menu-skeleton-type2 {
  display: flex;
}

[data-theme="type2"] .header-game-logo {
  background: var(--cdn-asset-images-header-game-menu-header-logo-68e05f) center / contain no-repeat;
}

[data-theme="type2"] .header-game-logo > img {
  display: none;
}

[data-theme="type2"] .desktop-left-sidebar {
  position: fixed;
  top: var(--app-fixed-top-height);
  bottom: 0;
  left: 0;
  width: var(--desktop-sidebar-width);
  border-right: 1px solid var(--sidebar-border);
  background: var(--sidebar-bg);
}

[data-theme="type2"] .desktop-sidebar-panel {
  width: 230px;
  margin-right: 0;
  margin-left: 35px;
  border-radius: 5px;
  background: var(--sidebar-panel-bg);
}

[data-theme="type2"] .desktop-sidebar-guest {
  width: 230px;
  margin-right: 0;
  margin-left: 35px;
  padding-top: 20px;
  font-family: var(--font-paperlogy-family);
}

[data-theme="type2"] .desktop-sidebar-guest-brand {
  display: flex;
  width: 227px;
  height: 41px;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin-inline: auto;
}

[data-theme="type2"] .desktop-sidebar-guest-brand p {
  width: 141px; /* source: Figma 2492:8310 / 2492:8124 text width */
  flex: none;
  /* source: Figma 2492:8310 logged-out subtitle fill */
  color: var(--sidebar-brand-caption);
  font-family: var(--font-open-sans-condensed-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

[data-theme="type2"] .desktop-sidebar-guest-logo {
  width: 76px;
  height: 41px;
  flex: none;
  /* source: Figma 2492:8309 exact logged-out image export */
  background: var(--cdn-asset-images-sidebar-purpstar-sidebar-logo-logged-out) center / 100% 100% no-repeat;
}

[data-theme="type2"] .app-shell-notice-visible .desktop-sidebar-guest-brand p {
  /* source: Figma 2492:8124 logged-in subtitle fill #fef4a9 */
  color: var(--ps-gold-200);
}

[data-theme="type2"] .app-shell-notice-visible .desktop-sidebar-guest-logo {
  /* source: Figma 2492:8123 exact logged-in image export */
  background-image: var(--cdn-asset-images-sidebar-purpstar-sidebar-logo-logged-in);
}

[data-theme="type2"] .desktop-sidebar-account-card,
[data-theme="type2"] .desktop-sidebar-account-actions {
  display: none;
}

[data-theme="type2"] .desktop-sidebar-account-card {
  box-sizing: border-box;
  height: 77px;
  margin-top: 19px;
  grid-template-rows: 19px 13px 15px;
  gap: 5px;
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 6px;
  /* source: Figma 2492:8126 gradient stroke over #191025 fill */
  background:
    linear-gradient(var(--ps-ink-875), var(--ps-ink-875)) padding-box,
    var(--sidebar-form-input-border-gradient) border-box;
  font-size: 10px;
  line-height: 1.25;
}

[data-theme="type2"] .desktop-sidebar-account-heading,
[data-theme="type2"] .desktop-sidebar-account-row {
  display: flex;
  align-items: center;
}

[data-theme="type2"] .desktop-sidebar-account-heading {
  height: 19px;
  gap: 5px;
}

[data-theme="type2"] .desktop-sidebar-account-heading strong {
  display: flex;
  min-width: 0;
  height: 19px;
  align-items: center;
  justify-content: center;
  padding-block: 2px;
  border-bottom: 1px solid var(--ps-gold-300);
  color: var(--ps-gold-300);
  font-size: 12px;
  font-weight: 900;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-theme="type2"] .desktop-sidebar-account-heading > span {
  color: var(--ps-purple-325);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.48px;
}

[data-theme="type2"] .desktop-sidebar-account-heading > button {
  display: flex;
  box-sizing: border-box;
  height: 18px;
  flex: none;
  margin-left: auto;
  align-items: center;
  justify-content: center;
  padding: 3px 5px;
  border: 1px solid var(--sidebar-account-control-border);
  border-radius: 2px;
  background: var(--sidebar-account-control-bg);
  color: var(--ps-account-action);
  font-family: inherit;
  font-size: 10px;
  font-weight: 500;
  line-height: normal;
  white-space: nowrap;
  cursor: pointer;
}

[data-theme="type2"] .desktop-sidebar-account-row {
  height: 13px;
  justify-content: space-between;
  color: var(--ps-muted-500);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.25;
}

[data-theme="type2"] .desktop-sidebar-account-row:last-child {
  height: 15px;
}

[data-theme="type2"] .desktop-sidebar-account-row > span {
  display: flex;
  align-items: center;
  gap: 5px;
}

[data-theme="type2"] .desktop-sidebar-account-row strong {
  color: var(--ps-balance);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.25;
}

[data-theme="type2"] .desktop-sidebar-account-row:last-child strong {
  color: var(--ps-white);
}

[data-theme="type2"] .desktop-sidebar-account-row a {
  display: flex;
  box-sizing: border-box;
  height: 15px;
  flex: none;
  align-items: center;
  justify-content: center;
  padding: 3px 5px;
  border: 1px solid var(--ps-gold-300);
  border-radius: 2px;
  background: var(--sidebar-account-control-bg);
  color: var(--ps-gold-300);
  font-family: inherit;
  font-size: 8px;
  font-weight: 500;
  line-height: normal;
  text-decoration: none;
  white-space: nowrap;
}

[data-theme="type2"] .desktop-sidebar-account-actions {
  height: 35.328125px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 19px;
}

[data-theme="type2"] .desktop-sidebar-account-actions a {
  display: flex;
  box-sizing: border-box;
  height: 35.328125px;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 10px 30px;
  border: 1px solid transparent;
  border-radius: 5px;
  background:
    var(--ps-primary-gradient) padding-box,
    var(--sidebar-action-border-gradient) border-box;
  color: var(--ps-white);
  font-size: 15px;
  font-weight: 700;
  line-height: 13px;
  text-shadow: var(--ps-elevation-1);
}

[data-theme="type2"] .desktop-sidebar-account-action-icon {
  width: 16px;
  height: 16px;
  flex: none;
  background-position: center;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  box-shadow: var(--ps-elevation-1);
}

[data-theme="type2"] .desktop-sidebar-account-action-icon-deposit {
  background-image: var(--cdn-asset-images-sidebar-purpstar-sidebar-deposit);
}

[data-theme="type2"] .desktop-sidebar-account-action-icon-withdraw {
  background-image: var(--cdn-asset-images-sidebar-purpstar-sidebar-withdraw);
}

[data-theme="type2"] .desktop-sidebar-guest-fields {
  display: grid;
  gap: 8px;
  margin-top: 19px;
}

[data-theme="type2"] .desktop-sidebar-guest-fields input {
  box-sizing: border-box;
  width: 230px;
  height: 40px;
  padding-inline: 15px;
  border: 1px solid transparent;
  border-radius: 5px;
  outline: none;
  background:
    linear-gradient(var(--ps-ink-875), var(--ps-ink-875)) padding-box,
    var(--sidebar-form-input-border-gradient) border-box;
  color: var(--ps-white);
  font-family: var(--font-paperlogy-family);
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
}

[data-theme="type2"] .desktop-sidebar-guest-fields input::placeholder {
  color: var(--sidebar-form-input-placeholder);
  opacity: 1;
}

[data-theme="type2"] .desktop-sidebar-guest-fields input:focus-visible {
  border-color: var(--ring);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ring) 30%, transparent);
}

[data-theme="type2"] .desktop-sidebar-guest-actions {
  display: grid;
  height: 40px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 8px;
}

[data-theme="type2"] .desktop-sidebar-guest-actions > * {
  display: flex;
  box-sizing: border-box;
  min-width: 0;
  height: 40px;
  align-items: center;
  justify-content: center;
  padding: 15px 30px;
  border: 1px solid transparent;
  border-radius: 5px;
  background:
    var(--ps-primary-gradient) padding-box,
    var(--sidebar-action-border-gradient) border-box;
  color: var(--ps-white);
  cursor: pointer;
  font-family: var(--font-paperlogy-family);
  font-size: 15px;
  font-weight: 700;
  line-height: 13px;
  text-align: center;
  text-shadow: var(--ps-elevation-1);
  white-space: nowrap;
}

[data-theme="type2"] .desktop-sidebar-guest-actions > :first-child {
  background:
    var(--ps-primary-pressed-gradient) padding-box,
    var(--ps-primary-gradient) padding-box,
    var(--sidebar-action-border-gradient) border-box;
}

[data-theme="type2"] .desktop-sidebar-guest-actions button:hover {
  filter: brightness(1.08);
}

[data-theme="type2"] .desktop-sidebar-guest-actions button:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}

[data-theme="type2"] .desktop-sidebar-guest-actions button:disabled {
  cursor: wait;
  opacity: 0.7;
}

[data-theme="type2"] .desktop-sidebar-game-menu {
  display: flex; /* source: Figma 2492:8324 column layout */
  height: 310px; /* source: Figma 2492:8324, 8×30px rows + 7×10px gaps */
  flex-direction: column; /* source: Figma 2492:8324 */
  gap: 10px; /* source: Figma 2492:8324 */
  margin-top: 19px; /* source: existing 2492:8306 Form → Category placement */
}

[data-theme="type2"] .desktop-sidebar-game-menu-item {
  display: flex; /* source: Figma layout_a31afd25 */
  box-sizing: border-box; /* source: preserve Figma fixed 230×30 outer dimensions */
  width: 230px; /* source: Figma 2492:8323 root width */
  height: 30px; /* source: Figma 2492:8325~8372 */
  align-items: center; /* source: Figma layout_a31afd25 */
  gap: 5px; /* source: Figma layout_a31afd25 */
  padding-inline: 20px; /* source: Figma layout_a31afd25 */
  border-radius: 5px; /* source: Figma 2492:8325 */
  color: var(--ps-muted-400); /* source: Figma fill_d29bf76f (#b6b6b6) */
  font-family: var(--font-paperlogy-family); /* source: Figma style_a449125a */
  font-size: 16px; /* source: Figma style_a449125a */
  font-weight: 700; /* source: Figma style_a449125a */
  line-height: 1.25; /* source: Figma style_a449125a */
}

[data-theme="type2"] .desktop-sidebar-game-menu-item:nth-child(n + 4) {
  border-radius: 3px; /* source: Figma 2492:8341~8372 */
  letter-spacing: -0.04em; /* source: Figma style_399ea439 */
}

[data-theme="type2"] .desktop-sidebar-game-menu-item:hover {
  color: var(--ps-white);
}

[data-theme="type2"] .desktop-sidebar-game-menu-icon {
  display: inline-flex;
  width: 24px;
  height: 24px;
  flex: none;
  align-items: center;
  justify-content: center;
  color: var(--ps-muted-400);
}

[data-theme="type2"] .desktop-sidebar-game-menu-icon img {
  display: block; /* source: Figma IMAGE-SVG leaf rendering */
  width: 24px; /* source: Figma layout_a111c4b6 */
  height: 24px; /* source: Figma layout_a111c4b6 */
  object-fit: contain; /* source: preserve exported Figma SVG aspect ratio */
}

[data-theme="type2"] .app-shell-notice-visible .desktop-sidebar-account-card,
[data-theme="type2"] .app-shell-notice-visible .desktop-sidebar-account-actions {
  display: grid;
}

[data-theme="type2"] .app-shell-notice-visible .desktop-sidebar-guest-fields,
[data-theme="type2"] .app-shell-notice-visible .desktop-sidebar-guest-actions {
  display: none;
}

[data-theme="type2"] .desktop-sidebar-primary-panel {
  display: flex; /* source: Figma 2492:8380 column layout */
  box-sizing: border-box; /* preserve the 230px outer width while content grows */
  height: auto; /* user-requested member-board row: grow with menu content */
  flex-direction: column; /* source: Figma 2492:8380 */
  gap: 4px; /* source: Figma 2492:8380 */
  margin-top: 20px; /* source: Figma 2492:8323 root gap */
  padding-block: 10px; /* source: Figma 2492:8380 */
}

[data-theme="type2"] .desktop-sidebar-info-panel {
  margin-top: 20px;
  padding-block: 10px;
}

[data-theme="type2"] .desktop-sidebar-info-panel,
[data-theme="type2"] .desktop-sidebar-promotions {
  display: none;
}

[data-theme="type2"] .desktop-sidebar-menu-item {
  position: relative; /* source: anchors Figma 2492:8399/8418 separators */
  display: flex;
  width: 100%;
  height: 30px; /* source: Figma 2492:8381~8467 */
  align-items: center;
  gap: 5px; /* source: Figma EL-62387e23 */
  padding-inline: 20px; /* source: Figma EL-c106ea7b */
  border-radius: 6px;
  color: var(--sidebar-menu-text);
  font-family: var(--font-paperlogy-family); /* source: Figma style_2e5bfaa7 */
  font-size: 14px; /* source: Figma style_2e5bfaa7 */
  font-weight: 500; /* source: Figma style_2e5bfaa7 */
  line-height: normal;
  transition: color 150ms ease, background-color 150ms ease;
}

[data-theme="type2"] .desktop-sidebar-menu-item svg,
[data-theme="type2"] .desktop-sidebar-menu-item > img,
[data-theme="type2"] .desktop-sidebar-menu-item .cdn-mask-icon {
  display: block; /* source: Figma IMAGE-SVG leaf rendering */
  width: 20px; /* source: Figma layout_bee36b52 */
  height: 20px; /* source: Figma layout_bee36b52 */
  flex: none;
  object-fit: contain; /* source: preserve exported Figma SVG aspect ratio */
}

[data-theme="type2"] .desktop-sidebar-primary-menu > :nth-child(3),
[data-theme="type2"] .desktop-sidebar-primary-menu > :nth-child(5) {
  margin-top: 4px; /* source: Figma 2492:8399/8418 occupy a 0px line between 4px gaps */
}

[data-theme="type2"] .desktop-sidebar-primary-menu > :nth-child(3)::before,
[data-theme="type2"] .desktop-sidebar-primary-menu > :nth-child(5)::before {
  position: absolute;
  top: -4px; /* source: Figma 2492:8399/8418 placement */
  left: 20px; /* source: (230px - 190px) / 2 */
  width: 190px; /* source: Figma EL-d0865300 */
  border-top: 1px solid var(--sidebar-menu-divider); /* source: Figma #4f4f4f */
  content: "";
}

[data-theme="type2"] .desktop-sidebar-primary-menu > a[href="/deposit"],
[data-theme="type2"] .desktop-sidebar-primary-menu > a[href="/withdraw"] {
  color: var(--ps-white);
}

[data-theme="type2"] .desktop-sidebar-menu-item:hover,
[data-theme="type2"] .desktop-sidebar-menu-item[aria-current="page"] {
  color: var(--sidebar-menu-active-text);
  background: var(--sidebar-menu-active-bg);
}

[data-theme="type2"] .landing-live-match-card {
  box-shadow: var(--market-card-shadow);
}

/* source: Figma 2492:11676 활성 Home 셀 — 밝은 보라 그라디언트 위에 금색 그라디언트 테두리.
   기본 셀(2492:11710)은 어두운 보라(--ps-primary-pressed-gradient)에 회색 1px 테두리다. */
[data-theme="type2"] .landing-live-odds-cell-active {
  border-color: transparent;
  background:
    var(--market-card-home-bg) padding-box,
    var(--ps-gold-border-gradient) border-box;
}

[data-theme="type2"] .landing-live-odds-cell-active[data-odds-variant="draw"] {
  background:
    var(--market-card-active-draw-bg) padding-box,
    var(--ps-gold-border-gradient) border-box;
  box-shadow: inset 0 0 20px var(--market-card-active-draw-glow);
}

[data-theme="type2"] .landing-live-odds-cell-active .landing-live-odds-value,
[data-theme="type2"] .landing-live-odds-cell-active .landing-live-odds-label {
  color: var(--market-card-title);
}

[data-theme="type2"] .main-landing {
  gap: 0;
}

[data-theme="type2"] .main-landing-content {
  max-width: var(--content-shell-width);
  gap: 40px;
  padding: 20px 25px;
  background: var(--ps-ink-900);
}

[data-theme="type2"] .main-livesports-section,
[data-theme="type2"] .main-sports-section,
[data-theme="type2"] .main-event-section,
[data-theme="type2"] .main-notice-section {
  max-width: var(--main-landing-section-width);
}

[data-theme="type2"] .main-quick-menu-section {
  max-width: var(--main-quick-menu-width); /* source: Figma 2492:11602, width 1330 */
}

[data-theme="type2"] .main-quick-menu-card {
  height: auto;
  aspect-ratio: 63 / 104; /* source: Figma 2492:11603, 157.5×260 */
  background: var(--ps-black);
  box-shadow: 0 10px 20px var(--ps-black);
}

[data-theme="type2"] .main-livesports-section,
[data-theme="type2"] .main-event-section,
[data-theme="type2"] .main-notice-section {
  gap: 10px;
}

[data-theme="type2"] .main-sports-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

[data-theme="type2"] .main-livesports-title,
[data-theme="type2"] .main-sports-title,
[data-theme="type2"] .main-event-header h2 > span,
[data-theme="type2"] .main-notice-header h2 > span {
  background: none;
  color: var(--ps-white);
  font-family: var(--font-paperlogy-family);
  font-size: 22px;
  font-weight: 800;
  line-height: 29px;
  -webkit-text-fill-color: currentColor;
}

[data-theme="type2"] .landing-section-action {
  opacity: 1;
}

[data-theme="type2"] .landing-section-action:disabled {
  opacity: 0.5;
}

[data-theme="type2"] .landing-event-media-bright {
  opacity: 0;
}

[data-theme="type2"] .landing-event-card:hover .landing-event-media-bright,
[data-theme="type2"] .landing-event-card:focus-visible .landing-event-media-bright {
  opacity: 0.4;
  filter: var(--landing-event-media-filter);
}

[data-theme="type2"] .main-notice-card {
  background: var(--main-notice-card-bg);
}

[data-theme="type2"] .main-notice-card-title {
  top: 26px;
  left: 0;
  width: 100% !important;
  transform: none;
  translate: none;
  color: var(--main-notice-title-sports);
  font-family: var(--font-paperlogy-family);
  font-size: 28px;
  font-weight: 700;
  line-height: 33px;
  -webkit-text-stroke: 3px var(--ps-black);
  paint-order: stroke fill;
}

[data-theme="type2"] .main-notice-card-title-outline {
  display: none;
}

[data-theme="type2"] .main-notice-card-title-fill {
  display: block;
  background: none;
  color: currentColor;
  -webkit-text-fill-color: currentColor;
}

[data-theme="type2"] .main-notice-card-title-fill::first-line {
  font-size: 38px;
  line-height: 49px;
}

[data-theme="type2"] .main-notice-card-title-cyan {
  color: var(--ps-cyan);
}

[data-theme="type2"] .main-notice-card-title-purple {
  color: var(--ps-purple-250);
}

[data-theme="type2"] .main-notice-section .swiper-slide:nth-child(1) .main-notice-card-title-fill {
  color: var(--main-notice-title-sports);
}

[data-theme="type2"] .main-notice-section .swiper-slide:nth-child(2) .main-notice-card-title-fill {
  color: var(--main-notice-title-casino);
}

[data-theme="type2"] .main-notice-section .swiper-slide:nth-child(3) .main-notice-card-title-fill {
  color: var(--main-notice-title-minigame);
}

[data-theme="type2"] .main-notice-section .swiper-slide:nth-child(3) .main-notice-card-title-fill::first-line {
  letter-spacing: -1.14px;
}

[data-theme="type2"] .main-notice-section .swiper-slide:nth-child(4) .main-notice-card-title-fill {
  color: var(--main-notice-title-holdem);
}

[data-theme="type2"] .main-notice-section .swiper-slide:nth-child(5) .main-notice-card-title-fill {
  color: var(--main-notice-title-prize);
}

[data-theme="type2"] .betting-cart-header {
  min-height: 15px;
}

/* source: Figma 2492:8702 — 네이티브 체크박스가 아니라 30x16 트랙 + 12x12 노브 스위치다.
   토글이 라벨 왼쪽에 오는 것도 Figma 배치. DOM 순서는 그대로 두고 order 로만 바꾼다. */
[data-theme="type2"] .betting-accept-change input[type="checkbox"] {
  order: -1;
  position: relative; /* 노브의 컨테이닝 블록만 만든다 (흐름에서 빠지지 않는다) */
  box-sizing: border-box;
  width: 30px; /* fixed-ok: Figma 2492:8704 트랙 고정 크기 */
  height: 16px; /* fixed-ok: Figma 2492:8704 트랙 고정 크기 */
  flex: none;
  appearance: none;
  margin: 0;
  border-radius: 18px;
  background: var(--betting-accept-track);
  cursor: pointer;
  transition: background 0.15s ease;
}

[data-theme="type2"] .betting-accept-change input[type="checkbox"]::before {
  position: absolute; /* overlay-ok: 스위치 노브는 트랙 위를 이동해야 한다 */
  top: 2px;
  left: 3px;
  width: 12px; /* fixed-ok: Figma 2492:8705 노브 고정 크기 */
  height: 12px; /* fixed-ok: Figma 2492:8705 노브 고정 크기 */
  border-radius: 12px;
  background: var(--betting-accept-knob);
  content: "";
  transition: transform 0.15s ease;
}

[data-theme="type2"] .betting-accept-change input[type="checkbox"]:checked {
  background: var(--betting-cart-telegram);
}

[data-theme="type2"] .betting-accept-change input[type="checkbox"]:checked::before {
  background: var(--ps-white);
  transform: translateX(12px);
}

/* 데스크톱(≥1280px)에서는 Figma 2492:8632 Message / 2492:8633 Overlay 매핑이
   아래 미디어 블록에 따로 있다. 여기는 그보다 좁은 화면의 기본값이다. */
[data-theme="type2"] .betting-cart-empty {
  height: 48px;
  gap: 0;
  margin-bottom: -4px;
  border: 0;
  border-radius: 5px;
  background: var(--ps-ink-775);
  color: var(--ps-white-50);
}

[data-theme="type2"] .betting-cart-empty > img {
  display: none;
}

[data-theme="type2"] .betting-cart-empty > span {
  color: var(--ps-white-50);
  font-weight: 400;
}

[data-theme="type2"] .betting-amount-section {
  position: relative;
  border-top-color: var(--betting-cart-border);
  background: var(--betting-cart-bg);
}

[data-theme="type2"] .betting-amount-section .auth-primary-action {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  border: 1px solid transparent;
  border-radius: 6px;
  background:
    var(--ps-primary-gradient) padding-box,
    var(--ps-gold-border-gradient) border-box;
  color: var(--ps-white);
}

[data-theme="type2"] .betting-bonus-section > div {
  background: var(--ps-ink-950);
}

[data-theme="type2"] .betting-card-promotions {
  display: none;
}

[data-theme="type2"] .betting-card-telegram-banner,
[data-theme="type2"] .betting-card-domain-banner {
  position: relative;
  box-sizing: border-box;
  width: 250px;
  margin-inline: auto;
  overflow: hidden;
  border: 1px solid var(--ps-ink-600);
  border-radius: 5px;
  background: var(--ps-ink-850);
  color: var(--ps-white);
  text-align: center;
}

[data-theme="type2"] .betting-card-telegram-banner {
  display: grid;
  height: 65px;
  grid-template-rows: 28px 17px 19px;
  align-items: center;
  padding-top: 3px;
}

[data-theme="type2"] .betting-card-telegram-banner span {
  font-size: 14px;
  font-weight: 700;
}

[data-theme="type2"] .betting-card-telegram-banner span::before {
  display: inline-flex;
  width: 25px;
  height: 25px;
  margin-right: 7px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--ps-blue);
  color: var(--ps-white);
  content: "➤";
  font-size: 14px;
}

[data-theme="type2"] .betting-card-telegram-banner strong {
  justify-self: center;
  padding: 2px 13px;
  border-radius: 8px;
  background: var(--ps-blue);
  font-size: 10px;
  line-height: 11px;
}

[data-theme="type2"] .betting-card-telegram-banner small {
  align-self: stretch;
  padding-top: 2px;
  background: var(--ps-ink-600);
  font-size: 10px;
}

[data-theme="type2"] .betting-card-domain-banner {
  display: grid;
  height: 74px;
  grid-template-columns: 85px 1fr;
  grid-template-rows: 36px 30px;
  margin-top: 10px;
  padding: 5px 10px;
}

[data-theme="type2"] .betting-card-domain-logo {
  grid-row: 1;
  width: 75px;
  height: 29px;
  background: var(--cdn-asset-images-login-dialog-purpstar-login-logo) center / contain no-repeat;
}

[data-theme="type2"] .betting-card-domain-banner strong {
  align-self: center;
  font-size: 15px;
}

[data-theme="type2"] .betting-card-domain-banner small {
  grid-column: 1 / -1;
  padding-top: 6px;
  border-top: 1px solid var(--ps-ink-600);
  color: var(--ps-gold-500);
  font-size: 17px;
  font-weight: 700;
}

[data-theme="type2"] .game-provider {
  box-sizing: border-box;
  min-height: 256px; /* source: Figma 2492:8986 Footer Top 1340x256 */
  /* Figma 는 stroke 가 INSIDE 라 256 안에 들어간다. CSS 보더는 높이를 더하므로
     보더 두께(2/1)만큼 패딩에서 뺀다 → 18+2+216+1+19 = 256, 로고 시작은 그대로 20. */
  padding-block: 18px 19px;
  background: var(--ps-ink-800);
}

[data-theme="type2"] .game-provider-inner {
  max-width: var(--content-inner-width);
  padding-inline: 0;
  /* source: Figma 2492:8986 stroke #452e60, per-side weight T:2 B:1 */
  border-top: 2px solid var(--border);
  border-bottom: 1px solid var(--border);
}

[data-theme="type2"] .game-provider-item {
  /* source: Figma 2492:8987 로고 셀 126x36. 1px 차이가 6행에 걸쳐 누적된다.
     fixed-ok: 로고 판 자체가 Figma 에서 고정 크기다 */
  height: 36px;
}

[data-theme="type2"] .game-provider-grid {
  max-width: 1260px;
  /* source: Figma 2492:8986 로고 행이 gap 없이 36px 씩 맞붙는다 */
  align-content: flex-start;
  line-height: 0;
}

/* 셀만 36 으로 줄이면 안쪽 이미지가 37 이라 행 높이가 그대로다 */
[data-theme="type2"] .game-provider-item img {
  height: 100%;
}

[data-theme="type2"] .site-footer-wrap {
  background: var(--ps-ink-800);
}

[data-theme="type2"] .site-footer {
  position: relative;
  box-sizing: border-box;
  height: 104px;
  padding: 69px 0 0;
  /* 구분선은 Footer Top(2492:8986)의 하단 스트로크가 그린다. 여기 보더까지 두면 선이 두 줄이 된다. */
  border-top: 0;
  background: var(--ps-ink-800);
  max-width: var(--content-inner-width);
  margin-inline: auto;
}

[data-theme="type2"] .site-footer::before {
  position: absolute; /* overlay-ok: 의사요소 로고판은 흐름에 참여할 수 없다 */
  top: 20px;
  left: 50%;
  /* source: Figma 2492:9541 image 72x48 @ Footer Bottom top 20
     fixed-ok: 로고판 자체가 Figma 에서 고정 크기다 */
  width: 72px; /* fixed-ok: Figma 2492:9541 footer logo plate */
  height: 48px; /* fixed-ok: Figma 2492:9541 footer logo plate */
  transform: translateX(-50%);
  background: var(--cdn-asset-images-login-dialog-purpstar-login-logo) center / contain no-repeat;
  content: "";
}

[data-theme="type2"] .site-footer-copy {
  padding: 0;
  /* source: Figma 2492:9542 세그먼트 "COPYRIGHT ©2026" / ". ALL RIGHTS RESERVED" 12px #616161 */
  color: var(--footer-copy-text);
  font-family: var(--font-open-sans-condensed-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-transform: uppercase;
}


[data-theme="type2"] .main-sports-card-media {
  box-sizing: border-box;
  height: var(--main-sports-card-height);
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 12px;
  background:
    linear-gradient(var(--ps-ink-950), var(--ps-ink-950)) padding-box,
    var(--main-sports-card-border-gradient) border-box;
}

[data-theme="type2"] .main-sports-card-image {
  object-fit: cover;
}

[data-theme="type2"] .main-sports-card-copy {
  background: var(--main-sports-card-overlay);
  color: var(--ps-white);
  text-shadow: 0 4px 10px var(--ps-black);
}

[data-theme="type2"] .main-sports-card-title {
  top: 147px;
  z-index: 1;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  text-align: center;
}

[data-theme="type2"] .main-sports-card-subtitle {
  color: var(--ps-white-50);
  font-size: 14px;
  line-height: 17px;
}

[data-theme="type2"] .main-sports-play-button {
  top: 213px;
  left: 50%;
  z-index: 1;
  width: 96px;
  height: 24px;
  transform: translateX(-50%);
  border: 1px solid var(--ps-purple-100);
  background: color-mix(in srgb, var(--ps-purple-500) 40%, transparent);
  box-shadow: 0 0 10px var(--ps-black), inset 0 0 8px var(--ps-white-10);
  font-size: 10px;
  font-weight: 700;
  line-height: 12px;
}

[data-theme="type2"] [data-sports-banner="cross"] .main-sports-play-button {
  border-color: var(--main-sports-cross-play-border);
  background: var(--main-sports-cross-play-bg);
}

[data-theme="type2"] [data-sports-banner="special"] .main-sports-play-button {
  border-color: var(--main-sports-special-play-border);
  background: var(--main-sports-special-play-bg);
}

[data-theme="type2"] [data-sports-banner="inplay"] .main-sports-play-button {
  border-color: var(--main-sports-inplay-play-border);
  background: var(--main-sports-inplay-play-bg);
}

[data-theme="type2"] [data-sports-banner="europe"] .main-sports-play-button {
  border-color: var(--main-sports-europe-play-border);
  background: var(--main-sports-europe-play-bg);
}

[data-theme="type2"] [data-sports-banner="live"] .main-sports-play-button {
  border-color: var(--main-sports-live-play-border);
  background: var(--main-sports-live-play-bg);
}

[data-theme="type2"] [data-sports-banner="esports"] .main-sports-play-button {
  border-color: var(--main-sports-esports-play-border);
  background: var(--main-sports-esports-play-bg);
}

[data-theme="type2"] .landing-event-card,
[data-theme="type2"] .main-notice-card {
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: 12px;
}

[data-theme="type2"] .landing-event-card {
  background:
    linear-gradient(var(--ps-ink-950), var(--ps-ink-950)) padding-box,
    var(--ps-gold-border-gradient) border-box;
}

[data-theme="type2"] .main-notice-card {
  background:
    linear-gradient(var(--main-notice-card-bg), var(--main-notice-card-bg))
      padding-box,
    var(--main-notice-card-border-bg) border-box;
}

[data-theme="type2"] .main-notice-card-image {
  right: auto !important;
  bottom: auto !important;
  max-width: none !important;
  object-fit: cover;
}

/* source: Figma 2492:11894 */
[data-theme="type2"] .main-notice-section .swiper-slide:nth-child(1) .main-notice-card-image {
  top: 44px !important;
  left: -5px !important;
  width: 269px !important;
  height: 269px !important;
}

/* source: Figma 2492:11901 */
[data-theme="type2"] .main-notice-section .swiper-slide:nth-child(2) .main-notice-card-image {
  top: 43px !important;
  left: -5px !important;
  width: 270px !important;
  height: 270px !important;
}

/* source: Figma 2492:11908 */
[data-theme="type2"] .main-notice-section .swiper-slide:nth-child(3) .main-notice-card-image {
  top: 44px !important;
  left: -6px !important;
  width: 271px !important;
  height: 270px !important;
}

/* source: Figma 2492:11915 */
[data-theme="type2"] .main-notice-section .swiper-slide:nth-child(4) .main-notice-card-image {
  top: 38px !important;
  left: -9px !important;
  width: 278px !important;
  height: 278px !important;
}

/* source: Figma 2492:11922 */
[data-theme="type2"] .main-notice-section .swiper-slide:nth-child(5) .main-notice-card-image {
  top: 37px !important;
  left: -8px !important;
  width: 277px !important;
  height: 277px !important;
}

[data-theme="type2"] .main-notice-card-cta {
  top: 245px;
  left: 50%;
  z-index: 2;
  display: flex;
  transform: translateX(-50%);
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 7px 30px;
  border: 1px solid transparent;
  border-radius: 999px;
  background:
    var(--main-notice-cta-bg) padding-box,
    var(--main-notice-cta-border) border-box;
  box-shadow: var(--main-notice-cta-shadow);
  color: var(--main-notice-cta-text);
  font-family: var(--font-paperlogy-family);
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
  text-shadow: var(--main-notice-cta-text-shadow);
  white-space: nowrap;
}

[data-theme="type2"] .main-notice-card-cta-icon {
  width: 4.5px;
  height: 9px;
}

[data-theme="type2"] .main-notice-card-cta-arrow {
  top: -0.75px !important;
  left: -0.75px !important;
  width: 6px !important;
  height: 10.5px !important;
  max-width: none !important;
}

@media (min-width: 768px) {
  [data-theme="type2"] .main-notice-section .swiper-slide:nth-child(2),
  [data-theme="type2"] .main-notice-section .swiper-slide:nth-child(4) {
    --main-notice-card-width: 263px;
  }
}

@media (min-width: 1280px) {
  [data-theme="type2"] {
    --app-fixed-top-height: var(--header-desktop-height);
  }

  [data-theme="type2"] .header-game-nav-inner {
    position: relative;
    justify-content: space-between;
    padding: 9px 30px;
  }

  [data-theme="type2"] .header-game-menu-skeleton-type2::after {
    width: 190px;
    height: 36px;
    flex: none;
    content: "";
  }

  [data-theme="type2"] .header-game-menu {
    position: absolute; /* overlay-ok: desktop game menu is centered over the fixed header row */
    left: 50%;
    min-width: 0;
    width: max-content;
    max-width: calc(100% - 440px);
    transform: translateX(-50%);
    justify-content: center;
    gap: 3px;
  }

  [data-theme="type2"] .header-game-menu-link {
    height: 40px;
    gap: 5px;
    padding-inline: clamp(5px, calc(2.77778vw - 30.5556px), 25px);
    border-radius: 5px;
    font-size: clamp(13px, 1vw, 20px);
    font-weight: 800;
    line-height: normal;
  }

  [data-theme="type2"] .topmenu-inner,
  [data-theme="type2"] .topmenu-inner > div,
  [data-theme="type2"] .topmenu-inner nav {
    /* source: Figma 2492:8477 itemSpacing 12 (2000px 기준). 좁아지면 비례해 줄어든다. */
    gap: clamp(2px, calc(1vw - 8px), 12px);
  }

  [data-theme="type2"] .header-game-menu-skeleton {
    height: 100%;
  }

  [data-theme="type2"] .header-game-menu-skeleton-type2 {
    box-sizing: border-box;
    height: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 9px 0;
  }

  [data-theme="type2"] .header-game-menu-skeleton-type2 .header-game-menu {
    height: 40px;
    flex: 1;
    align-items: center;
  }

  [data-theme="type2"] .header-game-menu-skeleton-type2 .header-game-menu-link {
    height: 40px;
  }

  [data-theme="type2"] .header-game-menu-skeleton-type2 .header-game-menu-link > :first-child {
    display: none;
  }

  [data-theme="type2"] .header-game-menu-skeleton-type2 .header-game-menu-link > :last-child {
    width: clamp(42px, 4vw, 80px);
    height: 20px;
  }

  [data-theme="type2"] .desktop-left-sidebar {
    display: flex;
  }

  [data-theme="type2"] .desktop-header-auth-actions {
    display: none; /* source: Figma 2492:8306 contains only sidebar action row 2492:8318 */
  }
}

@media (min-width: 1024px) {
  [data-theme="type2"] .desktop-betting-card-panel {
    gap: 0;
  }

  /* Right betting cart — exact desktop mapping from Figma 2492:8622 / 2492:8745. */
  [data-theme="type2"] .betting-cart-section {
    gap: 0;
  }

  [data-theme="type2"] .betting-cart-header {
    width: 270px; /* fixed-ok: Figma 2492:8623 header width */
    min-height: 18px;
    margin-inline: auto;
    padding: 0;
  }

  [data-theme="type2"] .betting-cart-header button svg {
    color: var(--ps-white);
  }

  [data-theme="type2"] .betting-cart-header + div {
    gap: 0;
  }

  [data-theme="type2"] .betting-cart-header + div:not(:has(.betting-cart-empty)) {
    padding-top: 20px;
  }

  [data-theme="type2"] .betting-cart-empty {
    height: 80px; /* fixed-ok: Figma 2492:8632 message height */
    margin: 0;
    border: 0;
    border-radius: 0;
    background: var(--betting-cart-bg);
  }

  [data-theme="type2"] .betting-cart-empty > span {
    box-sizing: border-box;
    /* flex 로 두면 font-size:0 인 원본 텍스트의 스트럿이 라인박스를 부풀리지 못해
       높이가 padding(20+20) + 내용(15) = 55 로 Figma 2492:8633 과 맞는다. */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 60px;
    border-radius: 4px;
    background: var(--ps-white-05);
    color: var(--ps-white-60);
    font-size: 15px;
    font-weight: 300;
    line-height: 15px;
    white-space: nowrap;
  }

  [data-theme="type2"] .betting-cart-header + div > div:not(.betting-cart-empty) {
    box-sizing: border-box;
    min-height: 92px;
    gap: 10px;
    padding: 10px 15px;
    border-color: var(--betting-cart-selection-border);
    background: var(--betting-cart-bg);
  }

  [data-theme="type2"] .betting-cart-header + div > div:not(.betting-cart-empty) > div:first-child {
    gap: 0;
  }

  [data-theme="type2"] .betting-cart-header + div > div:not(.betting-cart-empty) > div:first-child > span {
    padding-right: 24px;
    color: var(--betting-cart-selection-title);
    font-family: var(--font-pretendard-family);
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
  }

  [data-theme="type2"] .betting-cart-header + div > div:not(.betting-cart-empty) > div:first-child > div {
    gap: 0;
    margin-top: 6px;
  }

  [data-theme="type2"] .betting-cart-header + div > div:not(.betting-cart-empty) > div:first-child > div > span:first-child {
    display: block;
    color: var(--betting-cart-market-text);
    font-family: var(--font-pretendard-family);
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
  }

  [data-theme="type2"] .betting-cart-header + div > div:not(.betting-cart-empty) > div:first-child > div > span:nth-child(2) {
    color: var(--betting-cart-team-text);
    font-family: var(--font-pretendard-family);
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
  }

  [data-theme="type2"] .betting-cart-header + div > div:not(.betting-cart-empty):has(.line-through) {
    padding-block: 14px;
  }

  [data-theme="type2"] .betting-cart-header + div > div:not(.betting-cart-empty):has(.line-through) > div:nth-child(2) {
    position: static;
    width: 270px; /* fixed-ok: Figma 2492:8830 odds-change panel width */
    height: 40px; /* fixed-ok: Figma 2492:8830 odds-change panel height */
    justify-content: center;
    border: 0;
    background: var(--betting-cart-warning-bg);
  }

  [data-theme="type2"] .betting-cart-header + div > div:not(.betting-cart-empty):has(.line-through) > div:nth-child(2) > span::before {
    display: inline-flex;
    width: 18px; /* fixed-ok: Figma 2492:8832 warning icon size */
    height: 18px; /* fixed-ok: Figma 2492:8832 warning icon size */
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--betting-cart-warning-icon-bg);
    color: var(--betting-cart-warning-icon-text);
    content: "!";
    font-family: var(--font-pretendard-family);
    font-size: 12px;
    font-weight: 800;
    line-height: 18px;
  }

  [data-theme="type2"] .betting-cart-header + div > div:not(.betting-cart-empty) > div:nth-child(2) {
    right: 15px;
    bottom: 10px;
  }

  [data-theme="type2"] .betting-cart-header + div > div:not(.betting-cart-empty) > button {
    top: 10px;
    right: 15px;
  }

  [data-theme="type2"] .betting-bonus-section > div {
    box-sizing: border-box;
    min-height: 114px;
    padding: 15px;
    background: var(--ps-ink-775);
  }

  [data-theme="type2"] .betting-bonus-section > div > div {
    width: 270px; /* fixed-ok: Figma 2492:8875 bonus content width */
    gap: 10px;
  }

  [data-theme="type2"] .betting-bonus-section > div > div > div:first-child > span:first-child {
    color: var(--ps-bonus);
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
  }

  [data-theme="type2"] .betting-bonus-section > div > div > div:last-child {
    gap: 5px;
  }

  [data-theme="type2"] .betting-bonus-section > div > div > div:last-child > div span {
    font-weight: 700;
  }

  /* 뱃지와 배율은 --betting-text-highlight(#ffc92f) 를 쓰고 있었지만
     Figma 2492:8642 / 2492:8645 는 --ps-bonus(#ffd171) 다. */
  [data-theme="type2"] .betting-bonus-section > div > div > div:last-child > div > div > span:first-child {
    background: var(--ps-bonus);
  }

  [data-theme="type2"] .betting-bonus-section > div > div > div:last-child > div > span:last-child {
    /* source: Figma 2492:8645 Bonus Multiplier — Paperlogy 7 Bold 11px #ffd171 */
    color: var(--ps-bonus);
    font-family: var(--font-paperlogy-family);
  }

  [data-theme="type2"] .betting-amount-section {
    box-sizing: border-box;
    min-height: 411px; /* fixed-ok: Figma 2492:8659 / 2492:8898 bets section height */
    padding: 19px 15px 20px;
    border-top: 1px solid var(--betting-cart-border);
    background: var(--betting-cart-amount-panel-bg);
  }

  [data-theme="type2"] .betting-amount-section > div,
  [data-theme="type2"] .betting-amount-section > div > div:first-child {
    gap: 10px;
  }

  [data-theme="type2"] .betting-amount-section .relative > button {
    background: transparent;
  }

  [data-theme="type2"] .betting-amount-section .relative > button svg {
    display: none;
  }

  [data-theme="type2"] .betting-amount-section .relative > button::before {
    width: 18px; /* fixed-ok: Figma 2492:8903 refresh icon width */
    height: 18px; /* fixed-ok: Figma 2492:8903 refresh icon height */
    background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTggMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJpY29uIC8gaWNvbm9pciAvIHJlZnJlc2giIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8wXzQpIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE2LjQxNjIgMTAuMTI1QzE1Ljg3MzQgMTMuNzMzNSAxMi43NTk4IDE2LjUgOSAxNi41QzQuODU3ODYgMTYuNSAxLjUgMTMuMTQyMSAxLjUgOUMxLjUgNC44NTc4NiA0Ljg1Nzg2IDEuNSA5IDEuNUMxMi4wNzU0IDEuNSAxNC43MTg2IDMuMzUxMTQgMTUuODc1OSA2IiBzdHJva2U9IiM2OTYyNzQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGlkPSJWZWN0b3JfMiIgZD0iTTEyLjc1IDZIMTYuMDVDMTYuMjk4NSA2IDE2LjUgNS43OTg1MyAxNi41IDUuNTVWMi4yNSIgc3Ryb2tlPSIjNjk2Mjc0IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMF80Ij4KPHJlY3Qgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=") center / 18px 18px no-repeat;
    content: "";
  }

  [data-theme="type2"] .betting-amount-section input {
    background: var(--betting-cart-amount-input-bg);
  }

  [data-theme="type2"] .betting-amount-section .flex.flex-wrap {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
  }

  [data-theme="type2"] .betting-amount-section .flex.flex-wrap > button {
    height: 40px; /* fixed-ok: Figma 2492:8908 / 2492:8915 row height */
    border-color: var(--betting-cart-amount-button-border);
    border-radius: 0;
    font-size: 12px;
    line-height: 14px;
  }

  [data-theme="type2"] .betting-amount-section .flex.flex-wrap > button:nth-child(1) {
    border-top-left-radius: 6px;
  }

  [data-theme="type2"] .betting-amount-section .flex.flex-wrap > button:nth-child(3) {
    border-top-right-radius: 6px;
  }

  [data-theme="type2"] .betting-amount-section .flex.flex-wrap > button:nth-child(4) {
    border-bottom-left-radius: 6px;
  }

  [data-theme="type2"] .betting-amount-section .flex.flex-wrap > button:nth-child(6) {
    border-bottom-right-radius: 6px;
  }


  [data-theme="type2"] .betting-amount-section > div > div:nth-child(4) {
    min-height: 71px; /* fixed-ok: Figma 2492:8683 data rows before the 16px toggle */
    margin-top: 0;
  }

  [data-theme="type2"] .betting-amount-section > div:not(:has(> label)) > div:nth-child(4) {
    min-height: 92px; /* fixed-ok: reserve the complete Figma summary/toggle list in guest state */
  }

  [data-theme="type2"] .betting-amount-section > div > div:nth-child(4) span {
    font-weight: 700;
  }

  [data-theme="type2"] .betting-amount-section label {
    flex-direction: row-reverse;
    justify-content: flex-start;
    gap: 5px;
    margin-top: -5px;
  }

  [data-theme="type2"] .betting-amount-section label input {
    position: relative;
    width: 30px; /* fixed-ok: Figma 2492:8943 toggle width */
    height: 16px; /* fixed-ok: Figma 2492:8943 toggle height */
    appearance: none;
    border-radius: 18px;
    background: var(--betting-cart-toggle-off-bg);
    cursor: pointer;
  }

  [data-theme="type2"] .betting-amount-section label input::before {
    position: absolute; /* overlay-ok: Figma 2492:8944 toggle thumb overlays its track */
    top: 2px;
    left: 3px;
    width: 12px; /* fixed-ok: Figma 2492:8944 toggle thumb width */
    height: 12px; /* fixed-ok: Figma 2492:8944 toggle thumb height */
    border-radius: 50%;
    background: var(--betting-cart-toggle-off-thumb);
    content: "";
    transition: transform 150ms ease;
  }

  [data-theme="type2"] .betting-amount-section label input:checked::before {
    transform: translateX(12px);
    background: var(--betting-cart-toggle-thumb);
  }

  [data-theme="type2"] .betting-amount-section label input:checked {
    background: var(--ps-white);
  }

  [data-theme="type2"] .betting-amount-section .auth-primary-action,
  [data-theme="type2"] .betting-amount-section [data-mobile-betting-submit] {
    width: 100%;
    height: 40px; /* fixed-ok: Figma 2492:8946 submit height */
    margin-top: 0;
    border: 1px solid var(--ps-gold-800);
    border-radius: 6px;
    background: var(--ps-primary-gradient);
    box-shadow: 0 3px 0 var(--betting-cart-submit-depth), var(--ps-elevation-2);
    font-size: 20px;
    line-height: normal;
  }

  [data-theme="type2"] .betting-amount-section > div > div:has(> .auth-primary-action) {
    margin-top: 0;
  }

  [data-theme="type2"] .betting-amount-section > div > div:last-child {
    min-height: 52px; /* fixed-ok: Figma 2492:8709 / 2492:8948 max-amount list height */
    margin-top: 0;
  }

  [data-theme="type2"] .betting-amount-section > div > div:last-child > div {
    font-size: 14px;
    line-height: 14px;
  }

  [data-theme="type2"] .betting-amount-section > div > div:last-child > div > span {
    font-size: 14px;
    line-height: 14px;
  }

  [data-theme="type2"] .betting-card-promotions {
    box-sizing: border-box;
    height: 233px; /* fixed-ok: Figma 2492:8965 promotion section height */
    padding-top: 20px;
  }

  [data-theme="type2"] .betting-card-telegram-banner,
  [data-theme="type2"] .betting-card-domain-banner {
    width: 270px; /* fixed-ok: Figma 2492:8973 / 2492:8966 banner width */
    border-color: var(--betting-cart-promo-border);
    border-radius: 4px;
    background: var(--ps-ink-850);
  }

  [data-theme="type2"] .betting-card-telegram-banner {
    display: block;
    height: 77px; /* fixed-ok: Figma 2492:8973 telegram height */
    padding: 0;
    box-shadow: var(--ps-elevation-1);
  }

  [data-theme="type2"] .betting-card-telegram-banner span {
    position: absolute; /* overlay-ok: Figma 2492:8973 telegram headline overlays the banner artwork */
    top: 7px;
    left: 97px; /* source: Figma 2492:8739 헤드라인 x=98 (1px 보더 안쪽 기준 97) */
    background: linear-gradient(90deg, var(--ps-white) 0 18%, var(--betting-cart-telegram) 18% 58%, var(--ps-white) 58% 100%);
    background-clip: text;
    color: transparent;
    font-size: 16px;
    line-height: normal;
    text-shadow: 0 0 20px var(--betting-cart-text-shadow);
    white-space: nowrap;
  }

  [data-theme="type2"] .betting-card-telegram-banner span::before {
    position: absolute; /* overlay-ok: Figma 2492:8975 decorative telegram glow */
    /* SVG 57x54 는 blur 여백까지 포함한 내보내기다. 안쪽 원(Figma 2492:8737, 31.3x31.3 @50.7,11.7)의
       중심이 SVG 안에서 (29.72, 26.22) 이므로 그 원이 Figma 자리에 오도록 역산했다. */
    top: -6.9px;
    left: -61.4px;
    width: 57px; /* fixed-ok: Figma 2492:8975 telegram glow bounds */
    height: 54px; /* fixed-ok: Figma 2492:8975 telegram glow bounds */
    margin: 0;
    border-radius: 0;
    background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjU2Ljk3MTciIGhlaWdodD0iNTQuMDY1IiB2aWV3Qm94PSIwIDAgNTYuOTcxNyA1NC4wNjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJHcm91cCI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0yOS43MjE2IDQxLjg0NzhDMzguMzUyNiA0MS44NDc4IDQ1LjM0OTQgMzQuODUxIDQ1LjM0OTQgMjYuMjJDNDUuMzQ5NCAxNy41ODkgMzguMzUyNiAxMC41OTIyIDI5LjcyMTYgMTAuNTkyMkMyMS4wOTA2IDEwLjU5MjIgMTQuMDkzOCAxNy41ODkgMTQuMDkzOCAyNi4yMkMxNC4wOTM4IDM0Ljg1MSAyMS4wOTA2IDQxLjg0NzggMjkuNzIxNiA0MS44NDc4WiIgZmlsbD0iI0ZERkVGRiIvPgo8ZyBpZD0iVmVjdG9yXzIiIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2RfMF81KSI+CjxwYXRoIGQ9Ik0yMS4xNjY3IDI2LjA1NDlDMjUuNzIyNCAyNC4wNzAyIDI4Ljc2MDMgMjIuNzYxNiAzMC4yODA0IDIyLjEyOTRDMzQuNjIwNSAyMC4zMjQxIDM1LjUyMjMgMjAuMDEwNiAzNi4xMSAyMC4wMDAxQzM2LjIzOTUgMTkuOTk3OSAzNi41MjgzIDIwLjAyOTkgMzYuNzE1NiAyMC4xODJDMzYuODczOSAyMC4zMTAyIDM2LjkxNzMgMjAuNDgzNiAzNi45MzgxIDIwLjYwNTJDMzYuOTU4OCAyMC43MjY4IDM2Ljk4NDcgMjEuMDAzOSAzNi45NjQyIDIxLjIyMDVDMzYuNzI5MSAyMy42OTE3IDM1LjcxMTUgMjkuNjg4MSAzNS4xOTM5IDMyLjQ1NTlDMzQuOTc0NiAzMy42MjcxIDM0LjU0MzQgMzQuMDE5NyAzNC4xMjU2IDM0LjA1OEMzMy4yMTgyIDM0LjE0MTYgMzIuNTI5MSAzMy40NTgzIDMxLjY1IDMyLjg4MjNDMzAuMjc0NSAzMS45ODA1IDI5LjQ5NzUgMzEuNDE5NCAyOC4xNjIzIDMwLjUzOTZDMjYuNjE5MyAyOS41MjI4IDI3LjYxOTggMjguOTYzOSAyOC40OTkxIDI4LjA1MDZDMjguNzI5MSAyNy44MTEzIDMyLjcyNzggMjQuMTc0NCAzMi44MDUgMjMuODQ0NUMzMi44MTQ4IDIzLjgwMzMgMzIuODIzOCAyMy42NDk0IDMyLjczMjUgMjMuNTY4NEMzMi42NDA5IDIzLjQ4NzEgMzIuNTA2MSAyMy41MTQ2IDMyLjQwODkgMjMuNTM2OUMzMi4yNzEgMjMuNTY4MSAzMC4wNzM2IDI1LjAyMDUgMjUuODE2OSAyNy44OTM5QzI1LjE5MzMgMjguMzIyMiAyNC42MjgyIDI4LjUzMDkgMjQuMTIyMyAyOC41MTk5QzIzLjU2NDEgMjguNTA3NyAyMi40OTA5IDI4LjIwNDUgMjEuNjkyNyAyNy45NDUxQzIwLjcxNDIgMjcuNjI3IDE5LjkzNjIgMjcuNDU4NyAyMC4wMDQxIDI2LjkxODNDMjAuMDM5MyAyNi42MzcgMjAuNDI2OCAyNi4zNDk0IDIxLjE2NjcgMjYuMDU0OVoiIGZpbGw9IiM0NkI2RjAiLz4KPC9nPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfMF81IiB4PSIwIiB5PSIwIiB3aWR0aD0iNTYuOTcxNyIgaGVpZ2h0PSI1NC4wNjUiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldC8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEwIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzBfNSIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd18wXzUiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==") center / contain no-repeat;
    color: transparent;
    content: "";
  }

  [data-theme="type2"] .betting-card-telegram-banner strong {
    position: absolute; /* overlay-ok: Figma 2492:8742 바로가기 필이 배너 아트 위에 놓인다 */
    top: 29px;
    left: 97px; /* source: Figma 2492:8742 필 x=98 (1px 보더 안쪽 기준 97) */
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    gap: 4px; /* source: Figma 2492:8742 itemSpacing */
    min-width: 76px;
    /* Figma 필은 76px (텍스트 36 + 화살표 4 + gap 4 + padding 16/16).
       브라우저에서 같은 10px Bold 한글이 44px 로 잡혀 좌우 패딩으로 폭을 맞춘다. */
    padding: 3px 12px;
    border-radius: 999px;
    background: var(--betting-cart-telegram);
    font-size: 10px;
    line-height: 12px;
    white-space: nowrap;
  }

  /* source: Figma 2492:8744 Icon 4x7, stroke #ffffff 1.5 — 필 안의 오른쪽 화살표 */
  [data-theme="type2"] .betting-card-telegram-banner strong::after {
    width: 4px; /* fixed-ok: Figma 2492:8744 아이콘 고정 크기 */
    height: 7px; /* fixed-ok: Figma 2492:8744 아이콘 고정 크기 */
    flex: none;
    background: var(--ps-white);
    content: "";
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 7'><path d='M0.75 0.75 L3.25 3.5 L0.75 6.25' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / contain no-repeat;
  }

  [data-theme="type2"] .betting-card-telegram-banner small {
    position: absolute; /* overlay-ok: Figma 2492:8980 telegram strip overlays the banner art */
    top: 51px;
    /* source: Figma 2492:8740 Bottom Ad Background 270x25 @ (0,52) — 보더까지 덮는 풀블리드 */
    left: -1px;
    right: -1px;
    box-sizing: border-box;
    height: 25px; /* fixed-ok: Figma 2492:8740 strip height */
    padding-top: 3px;
    border-radius: 2px; /* source: Figma 2492:8740 cornerRadius */
    background: var(--betting-cart-promo-strip);
    font-size: 12px;
    line-height: 14px;
  }

  [data-theme="type2"] .betting-card-domain-banner {
    display: block;
    height: 87px; /* fixed-ok: Figma 2492:8966 domain height */
    margin-top: 12px;
    padding: 0;
    box-shadow: 0 4px 2px var(--betting-cart-promo-shadow);
  }

  [data-theme="type2"] .betting-card-domain-banner::after {
    position: absolute;
    top: 48px;
    left: 25px;
    width: 220px; /* fixed-ok: Figma 2492:8968 divider width */
    border-top: 1px solid var(--betting-cart-promo-border);
    content: "";
  }

  [data-theme="type2"] .betting-card-domain-logo {
    position: absolute; /* overlay-ok: Figma 2492:8969 brand logo overlays the domain banner */
    /* source: Figma 2492:8729 image 63x35 @ 배너 기준 (54, 11.5) — 1px 보더 안쪽 기준 */
    top: 10.5px;
    left: 53px;
    width: 63px; /* fixed-ok: Figma 2492:8969 logo width */
    height: 35px; /* fixed-ok: Figma 2492:8969 logo height */
    background-size: 100% 100%;
  }

  [data-theme="type2"] .betting-card-domain-banner strong {
    position: absolute; /* overlay-ok: Figma 2492:8966 domain headline overlays the banner art */
    /* source: Figma 2492:8730 Footer Title 88x16 @ 배너 기준 (127, 21) — 1px 보더 안쪽 기준 */
    top: 20px;
    left: 126px;
    font-size: 16px;
    line-height: 16px;
  }

  [data-theme="type2"] .betting-card-domain-banner small {
    position: absolute; /* overlay-ok: Figma 2492:8966 domain address overlays the banner art */
    top: 56px;
    left: 0;
    width: 100%;
    padding: 0;
    border: 0;
    background: var(--ps-gold-text-gradient);
    background-clip: text;
    color: transparent;
    font-size: 19px;
    line-height: normal;
  }

  [data-theme="type2"] .betting-card-promotions {
    display: block;
    padding-top: 20px;
  }
}

/* 베팅카트는 BettingCard.tsx 의 `lg:right-0` 로 1024px 부터 우측에 도킹된다.
   컨텐츠 여백도 같은 지점에서 시작해야 1024~1279 구간에서 카트에 가려지지 않는다. */
@media (min-width: 1024px) {
  [data-theme="type2"] .desktop-cart-content-offset {
    padding-right: calc(var(--desktop-sidebar-width) + var(--desktop-panel-gap));
  }
}

/* 좌측 사이드바는 1280px 부터 노출되므로 좌측 여백만 여기에 둔다. */
@media (min-width: 1280px) {
  [data-theme="type2"] .desktop-sidebar-content-offset {
    padding-left: calc(var(--desktop-sidebar-width) + var(--desktop-panel-gap));
  }
}

@media (max-width: 767px) {
  [data-theme="type2"] {
    --main-sports-card-width: 164px;
    --main-sports-card-height: 197px;
    --main-event-card-size: 192px;
    --main-notice-card-width: 164px;
    --main-notice-card-height: 197px;
  }

  [data-theme="type2"] .site-header {
    background: var(--ps-black);
    box-shadow: none;
  }

  [data-theme="type2"] .main-landing {
    gap: 0;
  }

  [data-theme="type2"] .main-hero-wide-frame {
    width: 100%;
    height: 154px;
    margin-top: 10px;
    aspect-ratio: auto;
  }

  [data-theme="type2"] .main-hero-wide-media {
    width: 100%;
    max-width: 100%;
  }

  [data-theme="type2"] .main-hero-wide-media img {
    object-position: 60% center;
  }

  [data-theme="type2"] .main-landing-content {
    gap: 20px;
    padding: 10px;
  }

  [data-theme="type2"] .main-quick-menu-list {
    gap: 10px 6px;
  }

  [data-theme="type2"] .main-quick-menu-card {
    box-sizing: border-box;
    height: auto;
    aspect-ratio: 63 / 104; /* source: Figma 2492:11603, responsive ratio lock */
  }

  [data-theme="type2"] .main-quick-menu-card > span {
    height: 100%;
  }

  [data-theme="type2"] .main-livesports-title,
  [data-theme="type2"] .main-sports-title,
  [data-theme="type2"] .main-event-header h2 > span,
  [data-theme="type2"] .main-notice-header h2 > span {
    font-size: 22px;
    line-height: 29px;
  }

  [data-theme="type2"] .header-game-nav {
    border: 0;
    background: var(--ps-ink-950);
  }

  [data-theme="type2"] .header-game-nav::after {
    display: none;
  }

  [data-theme="type2"] .main-sports-card-image {
    top: -5px !important;
    right: auto !important;
    bottom: auto !important;
    left: -25px !important;
    /* preflight 의 img{max-width:100%} 가 폭을 카드(164px)로 잘라
       이미지가 좌측으로만 밀려 보이므로 해제 — source: Figma 2492:19949 image 207x207 @(-25,-5) */
    max-width: none !important;
    width: 207px !important;
    height: 207px !important;
  }

  [data-theme="type2"] .main-sports-card-title {
    top: 95px;
    font-size: 26px;
    line-height: 31px;
  }

  [data-theme="type2"] .main-sports-play-button {
    top: 153px;
    height: 24px;
  }

  [data-theme="type2"] .main-notice-card-title {
    top: 16px;
    font-size: 18px;
    line-height: 20px;
    -webkit-text-stroke-width: 2px;
  }

  [data-theme="type2"] .main-notice-card-title-fill::first-line {
    font-size: 24px;
    line-height: 31px;
  }

  [data-theme="type2"] .main-notice-section .swiper-slide:nth-child(1) .main-notice-card-image {
    top: 28px !important;
    left: -3px !important;
    width: 168px !important;
    height: 168px !important;
  }

  [data-theme="type2"] .main-notice-section .swiper-slide:nth-child(2) .main-notice-card-image {
    top: 27px !important;
    left: -3px !important;
    width: 168px !important;
    height: 168px !important;
  }

  [data-theme="type2"] .main-notice-section .swiper-slide:nth-child(3) .main-notice-card-image {
    top: 28px !important;
    left: -3px !important;
    width: 170px !important;
    height: 169px !important;
  }

  [data-theme="type2"] .main-notice-section .swiper-slide:nth-child(4) .main-notice-card-image {
    top: 24px !important;
    left: -5px !important;
    width: 173px !important;
    height: 173px !important;
  }

  [data-theme="type2"] .main-notice-section .swiper-slide:nth-child(5) .main-notice-card-image {
    top: 24px !important;
    left: -4px !important;
    width: 173px !important;
    height: 173px !important;
  }

  [data-theme="type2"] .main-notice-card-cta {
    top: 155px;
    gap: 3px;
    padding: 4px 19px;
    font-size: 8px;
  }

  [data-theme="type2"] .main-notice-card-cta-icon {
    width: 3px;
    height: 6px;
  }

  [data-theme="type2"] .main-notice-card-cta-arrow {
    top: -0.5px !important;
    left: -0.5px !important;
    width: 4px !important;
    height: 7px !important;
  }

  [data-theme="type2"] .app-shell-notice-visible {
    --app-fixed-top-height: var(--header-mobile-logged-in-height);
  }

  [data-theme="type2"] .header-spacer-authenticated {
    height: var(--header-mobile-logged-in-height);
  }

  [data-theme="type2"] .mobile-betting-card-shell {
    bottom: 47px;
    max-height: calc(100dvh - var(--app-fixed-top-height) - 47px);
  }

  [data-theme="type2"] .mobile-betting-card-shell::before {
    position: absolute;
    z-index: 202;
    top: -24px;
    left: 50%;
    display: flex;
    width: 80px;
    height: 24px;
    align-items: center;
    justify-content: center;
    transform: translateX(-50%);
    clip-path: polygon(22% 100%, 33% 0, 67% 0, 78% 100%);
    background: var(--ps-purple-700);
    color: var(--ps-white);
    content: "⌄";
    font-size: 20px;
    font-weight: 800;
    line-height: 18px;
    pointer-events: none;
  }

  [data-theme="type2"] .desktop-betting-card-panel {
    max-height: calc(100dvh - var(--app-fixed-top-height) - 47px);
    background: var(--ps-black);
    box-shadow: 0 -8px 18px color-mix(in srgb, var(--ps-black) 60%, transparent);
  }

  [data-theme="type2"] .betting-amount-section {
    padding: 4px 9px 8px;
    background: var(--ps-black);
  }

  [data-theme="type2"] .betting-amount-section > div {
    gap: 4px;
  }

  [data-theme="type2"] .betting-amount-section > div > div:first-child {
    gap: 4px;
  }

  [data-theme="type2"] .betting-amount-section input {
    height: 32px;
    border-radius: 0;
    border-color: var(--ps-ink-650);
    background: var(--ps-ink-825);
    font-size: 18px;
  }

  [data-theme="type2"] .betting-amount-section input + * {
    pointer-events: none;
  }

  [data-theme="type2"] .betting-amount-section .relative > button {
    left: 4px;
    width: 32px;
    height: 28px;
    border-radius: 0;
    background: transparent;
  }

  [data-theme="type2"] .betting-amount-section .flex.flex-wrap {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0;
  }

  [data-theme="type2"] .betting-amount-section .flex.flex-wrap > button {
    width: 100%;
    height: 30px;
    padding: 0;
    border-radius: 0;
    border-color: var(--ps-ink-650);
    background: var(--ps-ink-650);
    color: var(--ps-white);
    font-size: 12px;
  }

  [data-theme="type2"] .betting-amount-section .flex.flex-wrap > button:last-child {
    background: var(--ps-ink-700);
  }

  [data-theme="type2"] .betting-amount-section .auth-primary-action,
  [data-theme="type2"] .betting-amount-section [data-mobile-betting-submit] {
    width: 148px; /* fixed-ok: Figma 2492:21702 mobile betting submit */
    height: 36px; /* fixed-ok: Figma 2492:21702 mobile betting submit */
    margin-top: 5px;
    border: 1px solid transparent;
    border-radius: 5px;
    background:
      var(--ps-primary-gradient) padding-box,
      var(--ps-gold-border-gradient) border-box;
    color: var(--ps-white);
    font-size: 14px;
  }

  [data-theme="type2"] .floating-betting-cart {
    z-index: 201;
    height: 47px;
    padding: 0 10px;
    background: var(--ps-purple-400);
    box-shadow: none;
  }

  [data-theme="type2"] .floating-betting-cart-inner {
    height: 47px;
    gap: 6px;
    padding: 8px 15px;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  [data-theme="type2"] .floating-betting-summary {
    flex-direction: row;
    align-items: center;
    gap: 7px;
  }

  [data-theme="type2"] .floating-betting-summary > div {
    display: block;
  }

  [data-theme="type2"] .floating-betting-summary span {
    color: var(--ps-ink-950);
    font-size: 8px;
    font-weight: 700;
  }

  [data-theme="type2"] .floating-betting-summary span > span {
    color: var(--ps-white);
  }

  [data-theme="type2"] .floating-betting-actions {
    gap: 6px;
  }

  [data-theme="type2"] .floating-betting-actions > button {
    height: 22px;
    width: auto;
    min-width: 64px;
    gap: 3px;
    padding-inline: 9px;
    border-radius: 12px;
    font-size: 8px;
  }

  [data-theme="type2"] .floating-betting-actions > button svg {
    width: 11px;
    height: 11px;
  }

  [data-theme="type2"] .floating-betting-actions > button span {
    font-size: 8px;
  }

  [data-theme="type2"] .floating-betting-clear {
    background: var(--ps-purple-600);
    color: var(--ps-white);
  }

  [data-theme="type2"] .floating-betting-toggle {
    background: var(--ps-white);
    color: var(--ps-purple-700);
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  [data-theme="type2"] .app-shell {
    --app-fixed-top-height: 50px;
  }

  [data-theme="type2"] .app-shell-notice-visible {
    --app-fixed-top-height: var(--header-mobile-logged-in-height);
  }

  [data-theme="type2"] .header-spacer-authenticated {
    height: var(--header-mobile-logged-in-height);
  }

  [data-theme="type2"] .tablet-header-auth-actions {
    position: absolute; /* overlay-ok: authenticated tablet actions share the fixed header row */
    right: 50px;
    margin-left: 0;
  }
}

/* Login dialog — source: Figma 2492:19734 */
[data-theme="type2"] .login-dialog-shell {
  box-sizing: border-box;
  border: 0;
  border-radius: 15px;
  background: var(--login-dialog-bg);
  box-shadow: var(--login-dialog-shadow);
  color: var(--login-dialog-label);
}

[data-theme="type2"] .login-dialog-shell::before {
  position: absolute;
  inset: 0;
  border-style: solid;
  border-width: 5px 1px 2px;
  border-color: transparent;
  border-radius: inherit;
  background: var(--login-dialog-border-gradient) border-box;
  content: "";
  pointer-events: none;
  mask:
    linear-gradient(var(--ps-white) 0 0) padding-box,
    linear-gradient(var(--ps-white) 0 0);
  mask-composite: exclude;
  -webkit-mask:
    linear-gradient(var(--ps-white) 0 0) padding-box,
    linear-gradient(var(--ps-white) 0 0);
  -webkit-mask-composite: xor;
}

[data-theme="type2"] .login-dialog-close {
  color: var(--login-dialog-close);
}

[data-theme="type2"] .login-dialog-close > svg {
  stroke-width: 2.5;
}

[data-theme="type2"] .login-dialog-label,
[data-theme="type2"] .login-dialog-input-control,
[data-theme="type2"] .login-dialog-submit,
[data-theme="type2"] .login-dialog-signup-prompt,
[data-theme="type2"] .login-dialog-signup-link,
[data-theme="type2"] .login-dialog-inquiry {
  font-family: var(--font-paperlogy-family);
}

[data-theme="type2"] .login-dialog-label {
  color: var(--login-dialog-label);
  line-height: normal;
}

/* Minigame workspace — Figma 2492:15665 */
[data-theme="type2"] .minigame-page {
  width: 100%;
  max-width: 1640px;
  margin-inline: auto;
}

[data-theme="type2"] .minigame-heading {
  display: none;
  color: var(--minigame-design-accent);
  font-family: var(--font-paperlogy-family);
  text-align: center;
}

[data-theme="type2"] .minigame-heading > h2 {
  margin: 0;
}

/* Subpage finance shell — Figma 2492:15858 / 16077 / 16331 */
[data-theme="type2"] .subpage-design-heading {
  display: none;
}

[data-theme="type2"] .transaction-page {
  width: 100%;
  font-family: var(--font-paperlogy-family);
  /* Figma 2492:15879 / 15884 / 16100 / 16186 / 16188 — keep the
     responsive composition, but use one finance theme at every viewport. */
  --amount-row-bg: var(--finance-design-row);
  --amount-value-bg: var(--finance-design-card);
  --amount-accent: var(--finance-design-value);
  --deposit-form-card-border: var(--finance-design-card-border);
  --deposit-form-account-alert: var(--finance-design-alert);
  --deposit-form-level-bg: var(--ps-purple-325);
  --deposit-form-level-text: var(--ps-black);
  --withdraw-form-card-border: var(--finance-design-card-border);
  --withdraw-rolling-card-bg: var(--finance-design-card);
  --withdraw-rolling-card-border: var(--finance-design-card-border);
  --withdraw-rolling-accent: var(--finance-design-value);
  --withdraw-rolling-record-bg: var(--ps-surface-mobile);
  --guideline-bg: var(--finance-design-card);
  --guideline-border: var(--finance-design-card-border);
}

/* source: user reference 2026-08-17 — finance amount controls must stay within
   two rows on deposit, withdrawal, and point-exchange pages. */
[data-theme="type2"] :is(
  .transaction-page-deposit,
  .transaction-page-withdraw,
  .transaction-page-point-exchange
) .transaction-amount-grid {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}

[data-theme="type2"] :is(
  .transaction-page-deposit,
  .transaction-page-withdraw,
  .transaction-page-point-exchange
) .transaction-amount-grid > button {
  width: 100%;
  min-width: 0;
}

[data-theme="type2"] .transaction-history {
  border: 1px solid var(--finance-design-card-border);
  border-radius: 5px;
  background: var(--finance-design-card);
  box-shadow: var(--ps-elevation-1);
}

@media (min-width: 1280px) {
  [data-theme="type2"] .desktop-sidebar-content-offset:has(.transaction-page) {
    padding-left: var(--desktop-sidebar-width);
    /* RootLayout adds desktop-cart-content-offset only when a cart exists. */
    padding-right: 0;
  }

  [data-theme="type2"] .subpage-design-container:has(.subpage-tab-menu) {
    max-width: 1380px;
  }

  [data-theme="type2"] .subpage-design-container:has(.transaction-page) {
    /* Finance pages have no desktop betting cart: use the full remaining shell width. */
    max-width: none;
  }

  [data-theme="type2"] .subpage-design-container:has(.subpage-tab-menu) > .subpage-design-heading {
    display: flex;
    height: 81px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: var(--finance-design-accent);
    font-family: var(--font-paperlogy-family);
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0 30px var(--ps-black);
  }

  [data-theme="type2"] .subpage-design-heading > span {
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
  }

  [data-theme="type2"] .subpage-design-heading > h2 {
    margin: 0;
    font-size: 35px;
    font-weight: 800;
    line-height: normal;
    text-shadow: 0 0 40px var(--ps-black);
    text-transform: none;
  }

  [data-theme="type2"] .subpage-tab-menu {
    height: 50px;
    margin-bottom: 30px;
  }

  [data-theme="type2"] .subpage-tab-scroll,
  [data-theme="type2"] .subpage-tab-list {
    height: 50px;
    overflow: visible;
  }

  [data-theme="type2"] .subpage-tab-list {
    border-bottom: 1px solid var(--finance-design-accent);
    border-radius: 0;
    background: transparent;
  }

  [data-theme="type2"] .subpage-tab-item {
    width: auto;
  }

  [data-theme="type2"] .subpage-tab-link {
    width: auto;
    height: 50px;
    border: 0;
    padding-inline: 20px;
    background: transparent;
    color: var(--ps-white);
    font-family: var(--font-paperlogy-family);
  }

  [data-theme="type2"] .subpage-tab-link > span {
    font-size: 18px;
    font-weight: 800;
    line-height: normal;
  }

  [data-theme="type2"] .subpage-tab-link.subpage-tab-active {
    border: 1px solid var(--finance-design-accent);
    border-bottom-color: var(--ps-ink-900);
    background: transparent;
    color: var(--finance-design-accent);
  }

  [data-theme="type2"] .transaction-primary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }

  [data-theme="type2"] .transaction-page-deposit .transaction-primary-grid {
    height: 805px; /* fixed-ok: Figma 2492:15878 desktop finance frame */
  }

  [data-theme="type2"] .transaction-page-withdraw .transaction-primary-grid {
    height: 450px; /* fixed-ok: Figma 2492:16185 desktop finance frame */
  }

  [data-theme="type2"] .transaction-page-withdraw {
    padding-top: 20px;
  }

  [data-theme="type2"] .transaction-page-point-exchange .transaction-primary-grid {
    min-height: 637px;
  }

  [data-theme="type2"] .transaction-guide-column,
  [data-theme="type2"] .transaction-form-card {
    min-width: 0;
    height: 100%;
  }

  [data-theme="type2"] .transaction-page-deposit .transaction-guide-column {
    position: relative;
    gap: 0;
    overflow: hidden;
    border: 1px solid var(--finance-design-card-border);
    border-radius: 10px;
    background: var(--finance-design-card);
  }

  [data-theme="type2"] .transaction-page-withdraw .transaction-guide-column {
    height: 450px; /* fixed-ok: Figma 2492:16186 desktop guideline card */
    overflow: hidden;
  }

  [data-theme="type2"] .transaction-guide-column > section {
    padding: 40px;
    overflow: hidden;
    border-color: var(--finance-design-card-border);
    border-radius: 10px;
    background: var(--finance-design-card);
  }

  [data-theme="type2"] .transaction-page-deposit .transaction-guide-column > section {
    flex: 1 1 auto;
    height: auto;
    min-height: 0;
    padding: 46px 32px 0 34px;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  [data-theme="type2"] .transaction-page-withdraw .transaction-guide-column > section {
    flex: 1 1 0;
    height: 450px; /* fixed-ok: Figma 2492:16186 desktop guideline card */
    min-height: 0;
    max-height: 450px;
    padding: 39px 33px;
  }

  [data-theme="type2"] .transaction-page-deposit .transaction-guide-column > div:last-child {
    position: absolute; /* overlay-ok: Figma 2492:15881 pins the action within the fixed artwork panel */
    top: 623px;
    left: 1px;
    width: 100%;
    height: 40px; /* fixed-ok: Figma 2492:15881 account request button */
    margin: 0;
    padding: 0;
    align-items: center;
  }

  [data-theme="type2"] .transaction-page-deposit .transaction-guide-column > div:last-child button {
    width: 226px; /* fixed-ok: Figma 2492:15881 account request button */
    max-width: 226px;
    height: 40px; /* fixed-ok: Figma 2492:15881 account request button */
    padding: 6px 24px;
    border: 1px solid var(--ps-gold-800);
    border-radius: 6px;
    font-size: 14px;
  }

  [data-theme="type2"] .transaction-guide-column > section > div > :not([hidden]) {
    margin-top: 0;
    margin-bottom: 0;
  }

  [data-theme="type2"] .transaction-guide-column > section br {
    display: none;
  }

  [data-theme="type2"] .transaction-guide-column > section h2 {
    font-size: 24px;
    font-weight: 500;
    line-height: 26px;
  }

  [data-theme="type2"] .transaction-guide-column > section div {
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
  }

  [data-theme="type2"] .transaction-form-card {
    gap: 30px;
    padding-block: 20px;
    border-color: var(--finance-design-card-border);
    background: var(--finance-design-card);
  }

  [data-theme="type2"] .transaction-page-deposit .transaction-form-card {
    height: 805px; /* fixed-ok: Figma 2492:15884 desktop summary panel */
  }

  [data-theme="type2"] .transaction-page-deposit .transaction-form-card {
    gap: 10px;
  }

  [data-theme="type2"] .transaction-page-withdraw .transaction-form-card {
    height: 450px; /* fixed-ok: Figma 2492:16188 desktop withdrawal panel */
    gap: 10px;
  }

  [data-theme="type2"] .transaction-form-card > dl,
  [data-theme="type2"] .transaction-form-card > div:not(:last-child) {
    width: calc(100% - 28px);
    /* Figma 2492:15884 keeps 14px side gutters; the row itself follows its card. */
    max-width: none;
    background: var(--finance-design-row);
  }

  [data-theme="type2"] .transaction-page-deposit .transaction-form-card > dl:first-child {
    height: 50px; /* fixed-ok: Figma 2492:15886 account row */
    min-height: 50px;
  }

  [data-theme="type2"] .transaction-page-deposit .transaction-form-card > dl:first-child > dd {
    height: 36px; /* fixed-ok: Figma 2492:15888 account value frame */
    line-height: 16px;
  }

  [data-theme="type2"] .transaction-form-card label {
    --amount-accent: var(--ps-purple-500);
  }

  [data-theme="type2"] .transaction-form-card label > span {
    color: var(--ps-white);
  }

  [data-theme="type2"] .transaction-form-card div[class*="flex-wrap"][class*="gap-[9px]"] {
    /* Preserve AmountButtonGrid's responsive wrapping inside narrow finance cards. */
    flex-wrap: wrap;
  }

  [data-theme="type2"] .transaction-page-withdraw .transaction-form-card > button:last-child {
    margin-top: 79px;
  }

  [data-theme="type2"] .transaction-page-deposit .transaction-form-card > div:last-child button,
  [data-theme="type2"] .transaction-page-withdraw .transaction-form-card > button:last-child {
    border: 1px solid var(--ps-gold-800);
  }

  [data-theme="type2"] .transaction-form-card button[class*="h-[34px]"]:not(:disabled) {
    border-color: transparent;
    background: var(--finance-design-action);
    color: var(--finance-design-action-text);
  }

  [data-theme="type2"] .transaction-rolling > .grid {
    gap: 20px;
  }

  [data-theme="type2"] .transaction-rolling > .grid > div {
    height: 439px; /* fixed-ok: Figma 2492:16100 rolling card */
    min-height: 0;
    overflow: hidden;
    padding: 19px 29px 19px 19px;
    border-color: var(--finance-design-card-border);
    background: var(--finance-design-card);
  }

  [data-theme="type2"] .transaction-rolling > .grid > div > div:nth-child(3) {
    gap: 20px;
  }

  [data-theme="type2"] .transaction-rolling .custom-scrollbar {
    height: 257px; /* fixed-ok: Figma 2492:16117 rolling record viewport */
    max-height: 257px;
  }

  [data-theme="type2"] .transaction-rolling .custom-scrollbar > div {
    height: 75px; /* fixed-ok: Figma 2492:16118 rolling record */
    min-height: 75px;
  }

  [data-theme="type2"] .transaction-history {
    height: 276px; /* fixed-ok: Figma 2492:15980 and 2492:16228 history cards */
    min-height: 0;
    margin-top: 30px;
    padding: 20px;
  }

  [data-theme="type2"] .transaction-history > h2 {
    margin: 0 0 10px;
    padding: 0;
    color: var(--ps-muted-500);
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
  }

  [data-theme="type2"] .transaction-history > h2 > span {
    display: none;
  }

  [data-theme="type2"] .transaction-history > div:last-child {
    padding: 0;
  }

  [data-theme="type2"] .transaction-history > div:last-child > div {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  [data-theme="type2"] .transaction-page-point-exchange .transaction-history > div:first-child {
    padding: 0 0 10px;
    border: 0;
  }

  [data-theme="type2"] .transaction-page-point-exchange .transaction-history > div:first-child h2 {
    color: var(--ps-muted-500);
    font-size: 14px;
  }

  [data-theme="type2"] .transaction-page-point-exchange .transaction-history > div:first-child h2 > span {
    display: none;
  }

  [data-theme="type2"] .transaction-page-point-exchange .transaction-history > div:first-child button {
    height: 22px;
    padding: 0 10px;
    background: var(--finance-design-action);
    color: var(--finance-design-action-text);
    font-size: 12px;
  }
}

@media (min-width: 1280px) and (max-width: 1979px) {
  [data-theme="type2"] .transaction-page-deposit .transaction-primary-grid {
    height: auto;
  }

  [data-theme="type2"] .transaction-page-deposit .transaction-guide-column,
  [data-theme="type2"] .transaction-page-deposit .transaction-form-card {
    height: auto;
  }

  [data-theme="type2"] .transaction-page-deposit .transaction-guide-column {
    gap: 20px;
    overflow: visible;
  }

  [data-theme="type2"] .transaction-page-deposit .transaction-guide-column > section {
    flex: 0 0 auto;
    min-height: 0;
    padding: 46px 32px 0 34px;
    overflow: visible;
  }

  [data-theme="type2"] .transaction-page-deposit .transaction-guide-column > div:last-child {
    position: static;
    width: 100%;
    height: 40px; /* fixed-ok: Figma 2492:15881 account request action */
    margin: 0 0 20px;
    padding: 0;
  }

  [data-theme="type2"] .transaction-page-deposit .transaction-form-card div[class*="flex-wrap"][class*="gap-[9px]"] {
    flex-wrap: wrap;
  }
}

@media (min-width: 1280px) and (max-width: 1535px) {
  [data-theme="type2"] .transaction-page-deposit .transaction-primary-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 767px) {
  [data-theme="type2"] .inquiry-betting-result-card > div:last-child {
    grid-template-columns: minmax(0, 1fr);
  }

  [data-theme="type2"] .inquiry-betting-result-card > div:last-child > :first-child,
  [data-theme="type2"] .inquiry-betting-result-card > div:last-child > .order-1,
  [data-theme="type2"] .inquiry-betting-result-card > div:last-child > .order-2 {
    grid-column: 1;
    grid-row: auto;
  }
}

@media (max-width: 1279px) {
  [data-theme="type2"] :is(
    .transaction-page-deposit,
    .transaction-page-withdraw,
    .transaction-page-point-exchange
  ) .transaction-amount-grid {
    gap: 5px; /* source: user-requested mobile finance amount-control gap */
  }

  [data-theme="type2"] .subpage-design-container:has(.subpage-tab-menu) {
    padding-inline: 10px;
  }

  [data-theme="type2"] .subpage-tab-menu {
    margin-bottom: 10px;
  }

  [data-theme="type2"] .subpage-tab-list {
    justify-content: flex-start;
  }

  /* source: Figma 2492:15868(입금)/16088(출금)/16341(포인트전환)/16669(베팅내역)/17028(쿠폰)/
     17115(문의)/17272(쪽지)/17681(공지)/17766(이용규정)/17851(이벤트) — 10개 프레임 전부 동일한
     탭 구조다. 활성 셀만 stroke 1/1/0/1, 나머지 셀은 0/0/1/0 (#4dffd0).
     이전에는 :has(.transaction-page) 로 입출금에만 걸려 나머지 서브페이지가 구버전
     세그먼트 디자인으로 남아 있었다. */
  [data-theme="type2"] .subpage-tab-list {
    overflow: visible;
    border-bottom: 1px solid var(--finance-design-accent);
    border-radius: 0;
    background: transparent;
  }

  [data-theme="type2"] .subpage-tab-link {
    border: 0;
    background: transparent;
    color: var(--ps-white);
    font-family: var(--font-paperlogy-family);
  }

  [data-theme="type2"] .subpage-tab-link.subpage-tab-active {
    border: 1px solid var(--finance-design-accent);
    border-bottom-color: var(--ps-ink-900);
    background: transparent;
    color: var(--finance-design-accent);
  }

  [data-theme="type2"] .transaction-primary-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  [data-theme="type2"] .transaction-guide-column > section {
    min-height: 260px;
    padding: 20px;
    border-color: var(--finance-design-card-border);
    background: var(--finance-design-card);
  }

  [data-theme="type2"] .transaction-form-card {
    height: auto;
    gap: 10px;
    border-color: var(--finance-design-card-border);
    background: var(--finance-design-card);
  }

  [data-theme="type2"] .transaction-form-card > dl,
  [data-theme="type2"] .transaction-form-card > div:not(:last-child) {
    background: var(--finance-design-row);
  }

  [data-theme="type2"] .transaction-form-card label {
    --amount-accent: var(--ps-purple-500);
  }

  [data-theme="type2"] .transaction-form-card label > span {
    color: var(--ps-white);
  }

  [data-theme="type2"] .transaction-form-card button[class*="h-[34px]"]:not(:disabled) {
    border-color: transparent;
    background: var(--finance-design-action);
    color: var(--finance-design-action-text);
  }

  [data-theme="type2"] .transaction-rolling > .grid > div {
    border-color: var(--finance-design-card-border);
    background: var(--finance-design-card);
  }

  [data-theme="type2"] .transaction-history {
    margin-top: 10px;
  }

  [data-theme="type2"] .transaction-history > h2 {
    font-size: 16px;
  }
}

/* Betting history and coupons — Figma 2492:16659 / 2492:17018 */
[data-theme="type2"] .betting-history-page,
[data-theme="type2"] .coupon-page {
  font-family: var(--font-paperlogy-family);
}

@media (min-width: 1280px) {
  [data-theme="type2"] .betting-history-page {
    padding: 24px 10px; /* source: Figma 2492:16659 Container p24,10 */
  }

  [data-theme="type2"] .betting-history-category-tabs {
    height: 26px;
    align-items: center;
    margin-bottom: 10px;
  }

  [data-theme="type2"] .betting-history-category-tabs button {
    height: 26px;
    border: 0;
    border-radius: 3px;
    padding-inline: 10px;
    background: var(--history-design-action);
    color: var(--history-design-action-text);
    font-size: 12px;
  }

  [data-theme="type2"] .betting-history-category-tabs button svg {
    width: 14px;
    height: 14px;
  }

  [data-theme="type2"] .betting-history-toolbar {
    margin-bottom: 10px;
  }

  [data-theme="type2"] .betting-history-toolbar button,
  [data-theme="type2"] .betting-history-actions button {
    min-height: 26px;
    border-color: transparent;
    border-radius: 3px;
    background: var(--history-design-action);
    color: var(--history-design-action-text);
    font-size: 12px;
    opacity: 1;
  }

  [data-theme="type2"] .betting-history-ticket-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  [data-theme="type2"] .betting-history-ticket {
    /* Figma 2492:16703 의 345 는 4행 기준 자연 높이라 최소값으로 두면
       행이 적을 때 하단이 비어 버린다. 내용 높이를 따라가게 한다. */
    padding: 20px;
    border-color: var(--ps-white-20); /* source: Figma 2492:16703 stroke #ffffff opacity 0.20 */
    border-radius: 5px;
    background: var(--ps-ink-950);
    box-shadow: var(--ps-elevation-1);
  }

  [data-theme="type2"] .betting-history-ticket table {
    min-width: 1200px;
    table-layout: fixed;
  }

  [data-theme="type2"] .betting-history-ticket thead {
    border-radius: 5px; /* source: Figma Table header container r5 */
    background: var(--ps-white-10);
  }

  [data-theme="type2"] .betting-history-ticket th,
  [data-theme="type2"] .betting-history-ticket td {
    height: 34px;
    padding-block: 0;
  }

  /* bh-row-border
     데이터 행 하단 구분선 — source: Figma 2492:16747 stroke #ffffff opacity 0.10,
     strokeBottomWeight 1 (top/right/left = 0) */
  [data-theme="type2"] .betting-history-ticket tbody tr {
    border-bottom: 1px solid var(--ps-white-10);
  }

  [data-theme="type2"] .betting-history-ticket tbody tr:last-child {
    border-bottom: 0;
  }

  /* 컬럼 폭 — source: Figma 2492:16659 Table header
     70/90/110/300/174/174/84/60/60/60 (합 1280).
     경기시간(로직 보유, Figma 미존재)은 리그와 동일 110 배정 → 합 1292 기준 비율. */
  /* bh-col-widths */
  [data-theme="type2"] .betting-history-ticket th:nth-child(1),
  [data-theme="type2"] .betting-history-ticket td:nth-child(1) { width: 5.42%; }
  [data-theme="type2"] .betting-history-ticket th:nth-child(2),
  [data-theme="type2"] .betting-history-ticket td:nth-child(2) { width: 6.97%; }
  [data-theme="type2"] .betting-history-ticket th:nth-child(3),
  [data-theme="type2"] .betting-history-ticket td:nth-child(3) { width: 8.51%; }
  [data-theme="type2"] .betting-history-ticket th:nth-child(4),
  [data-theme="type2"] .betting-history-ticket td:nth-child(4) { width: 23.22%; }
  [data-theme="type2"] .betting-history-ticket th:nth-child(5),
  [data-theme="type2"] .betting-history-ticket td:nth-child(5) { width: 8.51%; }
  [data-theme="type2"] .betting-history-ticket th:nth-child(6),
  [data-theme="type2"] .betting-history-ticket td:nth-child(6) { width: 13.47%; }
  [data-theme="type2"] .betting-history-ticket th:nth-child(7),
  [data-theme="type2"] .betting-history-ticket td:nth-child(7) { width: 13.47%; }
  [data-theme="type2"] .betting-history-ticket th:nth-child(8),
  [data-theme="type2"] .betting-history-ticket td:nth-child(8) { width: 6.5%; }
  [data-theme="type2"] .betting-history-ticket th:nth-child(9),
  [data-theme="type2"] .betting-history-ticket td:nth-child(9) { width: 4.64%; }
  [data-theme="type2"] .betting-history-ticket th:nth-child(10),
  [data-theme="type2"] .betting-history-ticket td:nth-child(10) { width: 4.64%; }
  [data-theme="type2"] .betting-history-ticket th:nth-child(11),
  [data-theme="type2"] .betting-history-ticket td:nth-child(11) { width: 4.64%; }

  [data-theme="type2"] .betting-history-ticket button:not(:disabled) {
    border-color: transparent;
    background: var(--history-design-action);
    color: var(--history-design-action-text);
  }

  [data-theme="type2"] .coupon-page {
    /* Figma 2492:17043 / 17044 — 44px outer-to-card offset, 10px card gap. */
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 10px;
    min-height: 0;
    padding: 44px 0;
  }

  [data-theme="type2"] .subpage-design-container:has(.coupon-page) .subpage-tab-menu {
    /* Figma 2492:17043 starts 10px below the 2492:17028 menu. */
    margin-bottom: 10px;
  }

  [data-theme="type2"] .coupon-toolbar {
    /* Figma 2492:17097 — registration is the last coupon-grid tile. */
    position: static;
    z-index: 2;
    order: 1;
    width: 100%;
    height: 100px;
    justify-content: center;
    border: 1px solid var(--coupon-design-register-border);
    border-radius: 5px;
    background: var(--coupon-design-register-bg);
    box-shadow: var(--ps-elevation-1);
  }

  [data-theme="type2"] .coupon-toolbar > div:first-child {
    display: none;
  }

  [data-theme="type2"] .coupon-register-wrap {
    width: 100%;
    height: 100%;
    justify-content: center;
  }

  [data-theme="type2"] .coupon-register {
    width: 54px;
    height: 54px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--history-design-action);
    font-size: 0;
  }

  [data-theme="type2"] .coupon-register svg {
    width: 34px;
    height: 34px;
  }

  [data-theme="type2"] .coupon-grid {
    display: contents;
  }

  [data-theme="type2"] .coupon-design-card {
    width: 100%;
    height: 100px;
    padding: 20px 40px;
    border-color: var(--ps-purple-750);
    background: var(--ps-black);
  }

  [data-theme="type2"] .coupon-design-card > div:last-child {
    width: 200px;
    flex-shrink: 0;
  }

  [data-theme="type2"] .coupon-design-card > div:last-child button {
    width: 200px;
    max-width: none;
    border-radius: 6px;
  }

  [data-theme="type2"] .coupon-empty-state {
    display: none;
  }
}

@media (min-width: 1680px) {
  [data-theme="type2"] .coupon-page {
    /* Figma 2492:17044 — 1340px = 440px × 3 + 10px × 2. */
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1279px) {
  [data-theme="type2"] .betting-history-page {
    padding: 0 0 70px;
  }

  [data-theme="type2"] .betting-history-category-tabs {
    width: 100%;
    overflow-x: auto;
    margin-bottom: 10px;
  }

  [data-theme="type2"] .betting-history-category-tabs button {
    min-width: max-content;
  }

  /* 기간 필터와 상태 필터는 서로 다른 묶음이다. nowrap 으로 한 줄에 묶어두면 칩이
     찌그러져 글자가 세로로 쪼개지므로(360px 기준 끝단 416px), 줄을 나눠서 흘린다. */
  [data-theme="type2"] .betting-history-toolbar > div,
  [data-theme="type2"] .betting-history-actions {
    align-items: center;
    justify-content: flex-start;
    overflow-x: visible;
    flex-wrap: wrap;
    row-gap: 10px;
  }

  /* 묶음과 칩은 축소·줄바꿈 금지. 줄이 모자라면 위에서 wrap 으로 내려간다. */
  [data-theme="type2"] .betting-history-toolbar > div > *,
  [data-theme="type2"] .betting-history-toolbar button,
  [data-theme="type2"] .betting-history-actions button {
    flex-shrink: 0;
    white-space: nowrap;
  }

  /* 기간 묶음은 자체 가로 스크롤 영역을 유지해 폭이 더 좁아져도 잘리지 않는다. */
  [data-theme="type2"] .betting-history-toolbar .date-range-selector-scroll {
    max-width: 100%;
  }

  [data-theme="type2"] .betting-history-ticket {
    padding: 10px;
  }

  [data-theme="type2"] .coupon-page {
    padding: 10px 0 70px;
  }

  [data-theme="type2"] .coupon-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  [data-theme="type2"] .coupon-design-card {
    min-width: 0;
    padding-inline: 15px;
  }

  [data-theme="type2"] .coupon-design-card p {
    font-size: 22px;
  }
}

/* Boards and inquiry authoring — Figma 2492:17105 / 17262 / 17671 / 17756 / 17841 / 18430 */
[data-theme="type2"] .board-page,
[data-theme="type2"] .board-inquiry-create {
  width: 100%;
  font-family: var(--font-paperlogy-family);
}

@media (min-width: 1280px) {
  [data-theme="type2"] .subpage-design-container:has(.board-page) .subpage-tab-menu,
  [data-theme="type2"] .subpage-design-container:has(.board-inquiry-create) .subpage-tab-menu {
    margin-bottom: 10px;
  }

  [data-theme="type2"] .board-page {
    gap: 10px;
    padding: 24px 0;
  }

  [data-theme="type2"] .board-list-toolbar {
    min-height: 26px;
    gap: 10px;
    color: var(--board-design-muted);
    font-size: 14px;
  }

  [data-theme="type2"] .board-list-toolbar > div {
    gap: 10px;
  }

  [data-theme="type2"] .board-list-toolbar button:not(:disabled) {
    min-width: 0;
    height: 26px;
    border-color: transparent;
    border-radius: 3px;
    padding: 0 10px;
    background: var(--board-design-action);
    color: var(--board-design-action-text);
    font-size: 12px;
    font-weight: 500;
    box-shadow: none;
  }

  [data-theme="type2"] .board-list-toolbar button svg {
    width: 14px;
    height: 14px;
  }

  [data-theme="type2"] .board-list-content div:has(> table) {
    padding: 20px;
    border-color: var(--board-design-border);
    border-radius: 5px;
    background: var(--board-design-card);
    box-shadow: var(--ps-elevation-1);
  }

  [data-theme="type2"] .board-list-content table {
    min-width: 0;
    font-family: var(--font-paperlogy-family);
  }

  [data-theme="type2"] .board-list-content thead tr {
    background: var(--board-design-header);
  }

  [data-theme="type2"] .board-list-content th,
  [data-theme="type2"] .board-list-content td {
    height: 34px;
    padding-block: 0;
    font-size: 12px;
  }

  [data-theme="type2"] .board-list-content td {
    border-bottom-color: var(--board-design-row-border);
  }

  [data-theme="type2"] .board-list-content td button:not(:disabled) {
    border-color: transparent;
    background: var(--board-design-action);
    color: var(--board-design-action-text);
  }

  [data-theme="type2"] .board-pagination {
    min-height: 24px;
    margin-top: 0;
  }

  [data-theme="type2"] .board-inquiry-page:has(.board-inquiry-create) > .board-list-toolbar,
  [data-theme="type2"] .board-inquiry-page:has(.board-inquiry-create) > .board-list-content,
  [data-theme="type2"] .board-inquiry-page:has(.board-inquiry-create) > .board-pagination,
  [data-theme="type2"] .inquiry-layout:has(> .board-inquiry-create) > .board-inquiry-page {
    display: none;
  }

  [data-theme="type2"] .board-event-page {
    position: relative;
    gap: 10px;
  }

  [data-theme="type2"] .board-event-filter {
    min-height: 26px;
    justify-content: flex-end;
  }

  [data-theme="type2"] .board-event-filter button {
    min-width: 90px;
    height: 26px;
    border-width: 1px;
    border-radius: 3px;
    padding-inline: 10px;
  }

  [data-theme="type2"] .board-event-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 10px 7px;
  }

  [data-theme="type2"] .board-event-grid > li,
  [data-theme="type2"] .board-event-card {
    width: 262px;
    height: 262px;
  }

  [data-theme="type2"] .board-event-card:hover {
    transform: none;
  }

  [data-theme="type2"] .board-event-card-frame {
    position: relative;
    width: 262px;
    height: 262px;
    border: 0;
    border-radius: 12px;
  }

  [data-theme="type2"] .desktop-sidebar-content-offset:has(.board-event-page) {
    padding-left: var(--desktop-sidebar-width);
  }

  [data-theme="type2"] .subpage-design-container:has(.board-event-page) {
    max-width: 1380px;
    margin-right: auto;
    margin-left: 0;
  }

  [data-theme="type2"] .subpage-design-container:has(.board-event-page) > .subpage-design-heading > span,
  [data-theme="type2"] .subpage-design-container:has(.board-event-page) > .subpage-design-heading > h2 {
    font-size: 0;
  }

  [data-theme="type2"] .subpage-design-container:has(.board-event-page) > .subpage-design-heading > span::after {
    content: "NOTICE";
    font-size: 14px; /* source: Figma 2492:17849 */
    font-weight: 300; /* source: Figma 2492:17849 */
  }

  [data-theme="type2"] .subpage-design-container:has(.board-event-page) > .subpage-design-heading > h2::after {
    content: "공지사항";
    font-size: 35px; /* source: Figma 2492:17850 */
    font-weight: 800; /* source: Figma 2492:17850 */
  }

  [data-theme="type2"] .subpage-design-container:has(.board-event-page) .subpage-tab-item:first-child {
    width: auto;
  }

  [data-theme="type2"] .subpage-design-container:has(.board-event-page) .subpage-tab-item:first-child .subpage-tab-link {
    width: auto;
    padding-inline: 0;
  }

  [data-theme="type2"] .subpage-design-container:has(.board-event-page) .subpage-tab-item:first-child .subpage-tab-link > span {
    display: none;
  }

  [data-theme="type2"] .subpage-design-container:has(.board-event-page) .subpage-tab-item:first-child .subpage-tab-link::before,
  [data-theme="type2"] .subpage-design-container:has(.board-event-page) .subpage-tab-item:first-child .subpage-tab-link::after {
    display: flex;
    height: 50px; /* source: Figma 2492:17853 / 2492:17855 */
    align-items: center;
    justify-content: center;
    padding-inline: 20px; /* source: Figma 2492:17853 / 2492:17855 */
    color: var(--ps-white); /* source: Figma 2492:17854 / 2492:17856 */
    font-size: 18px; /* source: Figma 2492:17854 / 2492:17856 */
    font-weight: 800; /* source: Figma 2492:17854 / 2492:17856 */
  }

  [data-theme="type2"] .subpage-design-container:has(.board-event-page) .subpage-tab-item:first-child .subpage-tab-link::before {
    content: "공지사항";
  }

  [data-theme="type2"] .subpage-design-container:has(.board-event-page) .subpage-tab-item:first-child .subpage-tab-link::after {
    content: "이용규정";
  }

  [data-theme="type2"] .subpage-design-container:has(.board-event-page) .subpage-tab-item:nth-child(2) {
    width: auto;
  }

  [data-theme="type2"] .subpage-design-container:has(.board-event-page) .subpage-tab-item:last-child {
    display: none;
  }

  [data-theme="type2"] .board-inquiry-create {
    padding: 24px 0;
  }

  [data-theme="type2"] .board-inquiry-create form {
    gap: 10px;
  }

  [data-theme="type2"] .board-inquiry-create form > div:first-child {
    gap: 10px;
    padding: 20px 0;
    border: 0;
    background: transparent;
    box-shadow: var(--ps-elevation-1);
  }

  [data-theme="type2"] .board-inquiry-create form > div:first-child > div {
    padding: 10px 20px;
    border: 1px solid var(--board-design-border);
    background: var(--board-design-card);
  }

  [data-theme="type2"] .board-inquiry-create input,
  [data-theme="type2"] .board-inquiry-create textarea,
  [data-theme="type2"] .board-inquiry-create form > div:first-child > div:last-child > div > div {
    background: var(--board-design-field);
  }

  [data-theme="type2"] .board-inquiry-create form > div:last-child {
    width: 310px;
    max-width: none;
    gap: 10px;
  }

  [data-theme="type2"] .board-inquiry-create form > div:last-child > button {
    width: 150px;
    height: 40px;
    flex: none;
    border-radius: 5px;
    padding: 0;
    font-size: 14px;
  }

  [data-theme="type2"] .board-inquiry-create form > div:last-child > button:last-child:not(:disabled) {
    border: 1px solid var(--board-design-event-border);
    background: var(--board-design-submit);
    color: var(--ps-gold-100);
  }

  [data-theme="type2"] .board-inquiry-create form > div:last-child svg:not(.animate-spin) {
    display: none;
  }
}

@media (max-width: 1279px) {
  [data-theme="type2"] .board-page,
  [data-theme="type2"] .board-inquiry-create {
    gap: 10px;
    padding: 0 0 70px;
  }

  [data-theme="type2"] .board-list-toolbar {
    align-items: flex-start;
    gap: 10px;
  }

  [data-theme="type2"] .board-list-toolbar > div {
    overflow-x: auto;
    flex-wrap: nowrap;
  }

  [data-theme="type2"] .board-list-toolbar button {
    min-width: max-content;
  }

  [data-theme="type2"] .board-event-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 10px 7px; /* source: Figma 2492:17860 */
  }

  [data-theme="type2"] .board-event-grid > li {
    width: min(262px, calc(50% - 3.5px)); /* source: Figma 2492:17861 square card, responsive scale */
    height: auto;
    aspect-ratio: 1;
  }

  [data-theme="type2"] .board-event-card,
  [data-theme="type2"] .board-event-card-frame {
    width: 100%;
    height: 100%;
    aspect-ratio: 1;
    border-radius: 12px; /* source: Figma 2492:17861 */
  }

  [data-theme="type2"] .board-inquiry-create form > div:first-child,
  [data-theme="type2"] .board-inquiry-create form > div:first-child > div {
    padding: 10px;
  }

  [data-theme="type2"] .board-inquiry-create form > div:last-child {
    width: 100%;
  }
}

@media (min-width: 600px) and (max-width: 1279px) {
  [data-theme="type2"] .board-event-grid {
    display: flex;
  }
}

/* Event list exact sync — Figma 2492:17860 / 2492:17861. */
[data-theme="type2"] .board-event-card-frame::after {
  position: absolute;
  z-index: 5;
  inset: 0;
  padding: 1px; /* source: Figma 2492:17861 strokeWeight */
  border-radius: inherit;
  background: var(--ps-gold-border-gradient); /* source: Figma fill_3e0f55d2 */
  content: "";
  pointer-events: none;
  -webkit-mask:
    linear-gradient(var(--ps-black) 0 0) content-box,
    linear-gradient(var(--ps-black) 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

[data-theme="type2"] .board-event-card-frame > img {
  top: -1px !important; /* source: Figma 2492:17862 x/y -1 */
  left: -1px !important;
  width: calc(100% + 1px) !important; /* source: Figma 2492:17862 263px in 262px card */
  height: calc(100% + 1px) !important;
}

[data-theme="type2"] .board-event-hover-overlay {
  display: none; /* source: Figma 2492:17861 has no hover overlay layer */
}

[data-theme="type2"] .board-event-cta {
  right: auto;
  bottom: 28px; /* source: Figma 2492:17863 y206, h28 in h262 */
  left: 50%;
  display: flex;
  width: max-content;
  align-items: center;
  justify-content: center;
  gap: 5px; /* source: Figma 2492:17863 */
  padding: 7px 30px; /* source: Figma 2492:17863 */
  transform: translateX(-50%);
  border: 1px solid transparent; /* source: Figma 2492:17863 */
  border-radius: 999px; /* source: Figma 2492:17863 */
  background:
    var(--ps-primary-gradient) padding-box,
    var(--ps-gold-border-gradient) border-box; /* source: Figma 2492:17863 */
  box-shadow: 0 4px 4px var(--ps-black); /* source: Figma 2492:17863 */
  opacity: 1;
}

[data-theme="type2"] .board-event-cta-title {
  display: flex;
  align-items: center;
  margin: 0;
  color: var(--ps-white); /* source: Figma 2492:17864 */
  font-family: var(--font-paperlogy-family);
  font-size: 0;
  font-weight: 700; /* source: Figma 2492:17864 */
  line-height: normal;
  text-shadow: var(--ps-elevation-1); /* source: Figma 2492:17864 */
}

[data-theme="type2"] .board-event-cta-title::after {
  content: "자세히 보기";
  font-size: 12px; /* source: Figma 2492:17864 */
  white-space: nowrap;
}

[data-theme="type2"] .board-event-cta-icon {
  width: 5px; /* source: Figma 2492:17865 width 4.5px */
  height: 9px; /* source: Figma 2492:17865 */
  color: var(--ps-white); /* source: Figma 2492:17865 */
}

[data-theme="type2"] .board-event-date {
  display: none; /* source: Figma 2492:17861 has no date layer */
}

/* Event detail exact sync — Figma 2492:18034. */
[data-theme="type2"] .design-event-dialog {
  box-shadow: var(--login-dialog-shadow); /* source: Figma 2492:18034 */
}

[data-theme="type2"] .design-event-dialog-content {
  padding: 20px 30px 20px 20px; /* source: Figma 2492:18043 */
}

[data-theme="type2"] .design-dialog-close:focus,
[data-theme="type2"] .design-dialog-close:focus-visible {
  outline: none; /* source: Figma 2492:18038 has no focus outline layer */
}

[data-theme="type2"] .design-event-dialog-close {
  font-family: var(--font-pretendard-family); /* source: Figma 2492:18047 */
  font-size: 14px; /* source: Figma 2492:18047 */
  font-weight: 700; /* source: Figma 2492:18047 */
}

@media (min-width: 1680px) {
  [data-theme="type2"] .board-event-filter {
    position: absolute;
    top: 24px; /* source: Figma 2492:17860 content padding */
    left: calc(100% + 20px); /* source: Figma 2492:17841 body 1380px + right panel 300px */
    width: 280px;
  }
}

/* 1:1 inquiry exact sync — Figma list 2492:17130, create 2492:18455. */
@media (min-width: 1280px) {
  [data-theme="type2"] .desktop-sidebar-content-offset:has(.inquiry-layout) {
    /* source: Figma 2492:17105, left sidebar width 300px with no panel gap */
    padding-left: var(--desktop-sidebar-width);
  }

  [data-theme="type2"] .subpage-design-container:has(.inquiry-layout) {
    /* source: Figma 2492:17105, body x=300 width=1380 */
    max-width: 1380px;
    margin-right: auto;
    margin-left: 0;
  }

  [data-theme="type2"] .inquiry-layout {
    width: 100%;
    gap: 0;
  }

  [data-theme="type2"] .board-inquiry-page {
    /* source: Figma 2492:17130, container vertical padding 24px and gap 10px */
    gap: 10px;
    padding: 24px 0;
  }

  [data-theme="type2"] .board-inquiry-page .board-list-toolbar,
  [data-theme="type2"] .board-inquiry-page .board-inquiry-selection-actions,
  [data-theme="type2"] .board-inquiry-page .board-inquiry-primary-actions {
    /* source: Figma 2492:17131/17136, one 26px toolbar row */
    display: flex;
    height: 26px;
    min-height: 26px;
    align-items: center;
    gap: 10px;
  }

  [data-theme="type2"] .board-inquiry-page .board-inquiry-selection-actions,
  [data-theme="type2"] .board-inquiry-page .board-inquiry-primary-actions {
    display: contents;
  }

  [data-theme="type2"] .board-inquiry-total {
    /* source: Figma 2492:17135 */
    order: 0;
    margin-right: auto;
    color: var(--board-design-muted);
    font-family: var(--font-paperlogy-family);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
  }

  [data-theme="type2"] .board-inquiry-select-all {
    /* source: Figma 2492:17131, select-all control is not present */
    display: none;
  }

  [data-theme="type2"] .board-inquiry-page .board-list-toolbar button.board-inquiry-select-all {
    display: none;
  }

  [data-theme="type2"] .board-inquiry-deposit-action {
    order: 1;
  }

  [data-theme="type2"] .board-inquiry-create-action {
    order: 2;
  }

  [data-theme="type2"] .board-inquiry-delete-all {
    order: 3;
  }

  [data-theme="type2"] .board-inquiry-page .board-list-toolbar button,
  [data-theme="type2"] .board-inquiry-page .board-list-toolbar button:disabled {
    /* source: Figma 2492:17137/17141/17145 */
    display: inline-flex;
    width: auto;
    min-width: 0;
    height: 26px;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 0 10px;
    border: 0;
    border-radius: 3px;
    background: var(--board-design-action);
    box-shadow: none;
    color: var(--board-design-action-text);
    font-family: var(--font-paperlogy-family);
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    opacity: 1;
  }

  [data-theme="type2"] .board-inquiry-deposit-action svg,
  [data-theme="type2"] .board-inquiry-create-action svg {
    /* source: Figma 2492:17138/17142 */
    width: 16px;
    height: 16px;
    opacity: 0.5;
  }

  [data-theme="type2"] .board-inquiry-delete-all {
    gap: 2px;
  }

  [data-theme="type2"] .board-inquiry-delete-all svg {
    /* source: Figma 2492:17146 */
    width: 14px;
    height: 14px;
    margin: 0;
  }

  [data-theme="type2"] .board-inquiry-page .board-list-content div:has(> table) {
    /* source: Figma 2492:17149 */
    overflow: hidden;
    padding: 20px;
    border: 1px solid var(--board-design-border);
    border-radius: 5px;
    background: var(--board-design-card);
    box-shadow: var(--board-design-shadow);
  }

  [data-theme="type2"] .board-inquiry-page .board-list-content table {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
  }

  [data-theme="type2"] .board-inquiry-page .board-list-content th:first-child,
  [data-theme="type2"] .board-inquiry-page .board-list-content td:first-child {
    /* source: Figma 2492:17150, no selection column */
    display: none;
  }

  [data-theme="type2"] .board-inquiry-page .board-list-content th,
  [data-theme="type2"] .board-inquiry-page .board-list-content td {
    /* source: Figma 2492:17150/17163, 34px row and 12px Paperlogy */
    height: 34px;
    padding: 0 10px;
    font-family: var(--font-paperlogy-family);
    font-size: 12px;
    line-height: normal;
  }

  [data-theme="type2"] .board-inquiry-page .board-list-content tbody tr {
    /* source: Figma 2492:17163/17179/17195, rows use one transparent surface */
    background: transparent;
  }

  [data-theme="type2"] .board-inquiry-page .board-list-content th:nth-child(7) {
    /* source: Figma 2492:17161, visual action header is blank */
    color: transparent;
    font-size: 0;
  }

  [data-theme="type2"] .board-inquiry-page .board-list-content td:nth-child(7) button {
    /* source: Figma 2492:17175, 57x22 green delete action */
    display: inline-flex;
    width: 57px;
    min-width: 57px;
    height: 22px;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 0 10px;
    border: 0;
    border-radius: 3px;
    background: var(--board-design-action);
    color: var(--board-design-action-text);
    font-size: 12px;
    font-weight: 400;
  }

  [data-theme="type2"] .board-inquiry-page .board-list-content td:nth-child(7) button svg {
    width: 14px;
    height: 14px;
  }

  [data-theme="type2"] .board-inquiry-page > .board-inquiry-create {
    /* source: Figma 2492:18455; prevent the inline form's duplicate 24px inset */
    padding-top: 0;
    padding-bottom: 0;
  }

  [data-theme="type2"] .board-inquiry-page .board-pagination:has(> div > div > button:only-child) {
    /* source: Figma 2492:17130, a single page has no pagination controls */
    display: none;
  }

  [data-theme="type2"] .board-inquiry-create .inquiry-create-form {
    gap: 10px;
  }

  [data-theme="type2"] .board-inquiry-create .inquiry-create-fields {
    /* source: Figma 2492:18456, 1340px toolbar with 20px vertical padding */
    gap: 10px;
    padding: 20px 0;
    border: 0;
    background: transparent;
    box-shadow: var(--inquiry-create-card-shadow);
  }

  [data-theme="type2"] .board-inquiry-create .inquiry-create-row {
    /* source: Figma 2492:18457/18461/18465 */
    width: 100%;
    padding: 10px 20px;
    border: 1px solid var(--board-design-border);
    border-radius: 5px;
    background: var(--board-design-card);
  }

  [data-theme="type2"] .board-inquiry-create .inquiry-create-title-row,
  [data-theme="type2"] .board-inquiry-create .inquiry-attachment-row:not(:has(.inquiry-attached-list)) {
    /* source: Figma 2492:18457/18465, 60px row */
    height: 60px;
  }

  [data-theme="type2"] .board-inquiry-create .inquiry-create-content-row {
    /* source: Figma 2492:18461, 337px row */
    height: 337px;
  }

  [data-theme="type2"] .board-inquiry-create .inquiry-create-row-inner {
    width: 100%;
    height: 100%;
    align-items: center;
    gap: 10px;
  }

  [data-theme="type2"] .board-inquiry-create .inquiry-create-content-row .inquiry-create-row-inner {
    align-items: flex-start;
  }

  [data-theme="type2"] .board-inquiry-create label,
  [data-theme="type2"] .board-inquiry-create .inquiry-attachment-row .inquiry-create-row-inner > div:first-child {
    /* source: Figma 2492:18458/18462/18466 */
    width: 90px;
    color: var(--inquiry-create-label);
    font-family: var(--font-paperlogy-family);
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
  }

  [data-theme="type2"] .board-inquiry-create .inquiry-create-field-stack {
    gap: 0;
  }

  [data-theme="type2"] .board-inquiry-create input,
  [data-theme="type2"] .board-inquiry-create textarea {
    /* source: Figma 2492:18459/18463 */
    padding-right: 16px;
    padding-left: 16px;
    border: 0;
    border-radius: 5px;
    background: var(--board-design-field);
    color: var(--ps-white);
    font-family: var(--font-paperlogy-family);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
  }

  [data-theme="type2"] .board-inquiry-create input {
    height: 40px;
  }

  [data-theme="type2"] .board-inquiry-create textarea {
    height: 317px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  [data-theme="type2"] .board-inquiry-create input::placeholder,
  [data-theme="type2"] .board-inquiry-create textarea::placeholder {
    color: var(--inquiry-create-placeholder);
    opacity: 1;
  }

  [data-theme="type2"] .board-inquiry-create .inquiry-create-counter,
  [data-theme="type2"] .board-inquiry-create .inquiry-create-guide {
    /* source: Figma 2492:18459/18463, counters and guide are absent */
    display: none;
  }

  [data-theme="type2"] .board-inquiry-create .inquiry-attachment-row {
    /* source: Figma 2492:18465/18472, row chrome ends before card overview */
    position: relative;
    border: 0;
    background: transparent;
  }

  [data-theme="type2"] .board-inquiry-create .inquiry-attachment-row::before {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    left: 0;
    height: 60px;
    border: 1px solid var(--board-design-border);
    border-radius: 5px;
    background: var(--board-design-card);
    content: "";
  }

  [data-theme="type2"] .board-inquiry-create .inquiry-attachment-row .inquiry-create-row-inner {
    position: relative;
    z-index: 1;
    align-items: flex-start;
  }

  [data-theme="type2"] .board-inquiry-create .inquiry-attachment-input {
    /* source: Figma 2492:18468 */
    width: 100%;
    height: 40px;
    background: var(--board-design-field);
  }

  [data-theme="type2"] .board-inquiry-create .inquiry-attachment-add {
    /* source: Figma 2492:18469 */
    gap: 0;
    padding: 5px 10px;
    border: 0;
    border-radius: 6px;
    background: var(--inquiry-create-add-bg);
    color: var(--inquiry-create-add-text);
    font-family: var(--font-paperlogy-family);
    font-size: 12px;
    font-weight: 500;
  }

  [data-theme="type2"] .board-inquiry-create .inquiry-attachment-add svg {
    width: 12px;
    height: 12px;
  }

  [data-theme="type2"] .board-inquiry-create .inquiry-attachment-guide {
    color: var(--ps-muted-350);
    font-family: var(--font-paperlogy-family);
    font-size: 12px;
  }

  [data-theme="type2"] .board-inquiry-create .inquiry-attachment-content:has(.inquiry-attached-list) {
    gap: 20px;
  }

  [data-theme="type2"] .board-inquiry-create .inquiry-attached-list {
    /* source: Figma 2492:18472, five 260px cards fill the 1340px row */
    width: calc(100% + 140px);
    margin-left: -120px;
    gap: 10px;
  }

  [data-theme="type2"] .board-inquiry-create .inquiry-attached-card {
    /* source: Figma 2492:18473 */
    width: 260px;
    min-height: 99px;
    gap: 5px;
    padding: 15px;
    border-color: var(--inquiry-attach-card-border);
    background: var(--inquiry-attach-card-bg);
    font-family: var(--font-paperlogy-family);
  }

  [data-theme="type2"] .board-inquiry-create .inquiry-attached-card * {
    font-family: var(--font-paperlogy-family);
  }

  [data-theme="type2"] .board-inquiry-create .inquiry-attached-remove {
    top: 5px;
    right: 5px;
    width: 18px;
    height: 18px;
    color: var(--ps-muted-650);
  }

  [data-theme="type2"] .board-inquiry-create .inquiry-create-actions {
    /* source: Figma 2492:18568, 20px vertical inset and 10px gap */
    box-sizing: content-box;
    width: 310px;
    height: 40px;
    padding: 20px 0;
    gap: 10px;
  }

  [data-theme="type2"] .board-inquiry-create .inquiry-create-cancel,
  [data-theme="type2"] .board-inquiry-create .inquiry-create-submit,
  [data-theme="type2"] .board-inquiry-create .inquiry-create-submit:disabled {
    /* source: Figma 2492:18569/18571 */
    width: 150px;
    min-width: 150px;
    height: 40px;
    flex: none;
    border: 1px solid var(--board-design-event-border);
    border-radius: 5px;
    padding: 0;
    font-family: var(--font-paperlogy-family);
    font-size: 14px;
    font-weight: 700;
    opacity: 1;
  }

  [data-theme="type2"] .board-inquiry-create .inquiry-create-cancel {
    background: color-mix(in srgb, var(--ps-ink-950) 50%, transparent);
    color: var(--ps-muted-400);
  }

  [data-theme="type2"] .board-inquiry-create .inquiry-create-submit,
  [data-theme="type2"] .board-inquiry-create .inquiry-create-submit:disabled {
    background: var(--board-design-submit);
    color: var(--ps-gold-100);
  }
}

/* Figma 2492:18723 — betting attachment dialog. */
[data-theme="type2"] .inquiry-betting-dialog-overlay {
  background: var(--inquiry-betting-dialog-overlay);
}

[data-theme="type2"] .inquiry-betting-dialog {
  border-color: var(--inquiry-betting-dialog-border);
  background: var(--inquiry-betting-dialog-bg);
  box-shadow: var(--inquiry-betting-dialog-shadow);
  font-family: var(--font-paperlogy-family);
}

[data-theme="type2"] .inquiry-betting-dialog-title {
  width: 100%;
  justify-content: center;
  color: var(--inquiry-betting-dialog-text);
  font-family: var(--font-paperlogy-family);
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
  text-align: center;
}

[data-theme="type2"] .inquiry-betting-dialog-close {
  color: var(--inquiry-betting-dialog-text);
}

[data-theme="type2"] .inquiry-betting-tab {
  width: 140px;
  height: 35px;
  flex: none;
  border: 1px solid var(--inquiry-betting-dialog-tab-border);
  border-radius: 5px;
  font-family: var(--font-paperlogy-family);
  font-size: 15px;
  font-weight: 400;
}

[data-theme="type2"] .inquiry-betting-tab-active {
  background: var(--ps-account-action);
  color: var(--ps-black);
}

[data-theme="type2"] .inquiry-betting-tab-inactive {
  background: var(--ps-ink-800);
  color: var(--ps-account-action);
}

[data-theme="type2"] .inquiry-betting-date-range {
  /* source: Figma 2492:18736, 264px wrapped date filter */
  width: 264px;
  margin: 0 auto;
  padding: 0;
  border: 0;
  background: transparent;
}

[data-theme="type2"] .inquiry-betting-date-range .date-range-selector-scroll {
  overflow: visible;
}

[data-theme="type2"] .inquiry-betting-date-range .date-range-selector-row {
  width: 264px;
  min-width: 0;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

[data-theme="type2"] .inquiry-betting-date-range .date-range-separator,
[data-theme="type2"] .inquiry-betting-date-range .inquiry-date-custom-icon {
  display: none;
}

[data-theme="type2"] .inquiry-betting-date-range .inquiry-date-preset-button {
  /* source: Figma 2492:18737/18739/18741/18743 */
  height: 35px;
  padding: 0 15px;
  border: 0;
  border-radius: 5px;
  background: var(--ps-ink-735);
  color: var(--ps-muted-350);
  font-family: var(--font-paperlogy-family);
  font-size: 12px;
  font-weight: 500;
}

[data-theme="type2"] .inquiry-betting-date-range .inquiry-date-preset-active {
  background: var(--ps-white);
  color: var(--ps-black);
}

/* Mobile uses the dialog's available width so the four date controls remain on one row.
   Source: responsive dialog content width + user-requested single-row layout. */
@media (max-width: 767px) {
  [data-theme="type2"] .inquiry-betting-date-range,
  [data-theme="type2"] .inquiry-betting-date-range .date-range-selector-row {
    width: 100%;
  }

  [data-theme="type2"] .inquiry-betting-date-range .date-range-selector-row {
    flex-wrap: nowrap;
  }
}

[data-theme="type2"] .inquiry-betting-result-card {
  /* source: Figma 2492:18745/18769/18793 */
  min-height: 83px;
  padding: 15px 20px;
  gap: 20px;
  border-color: var(--inquiry-betting-dialog-card-border);
  background: var(--inquiry-betting-dialog-card-bg);
  font-family: var(--font-paperlogy-family);
}

[data-theme="type2"] .inquiry-betting-result-card * {
  font-family: var(--font-paperlogy-family);
}

[data-theme="type2"] .inquiry-betting-result-card [role="checkbox"][data-state="unchecked"] {
  border-color: var(--inquiry-betting-dialog-checkbox-border);
  background: var(--ps-ink-800);
}

/* Figma 2492:18748 — header row followed by a single information row. */
[data-theme="type2"] .inquiry-betting-result-card > div:last-child {
  display: grid;
  grid-template-columns: minmax(0, auto) auto;
  grid-template-rows: auto auto;
  column-gap: 20px;
  row-gap: 10px;
  align-items: center;
}

[data-theme="type2"] .inquiry-betting-result-card > div:last-child > :first-child {
  grid-column: 1 / -1;
  grid-row: 1;
}

[data-theme="type2"] .inquiry-betting-result-card > div:last-child > .order-1 {
  grid-column: 1;
  grid-row: 2;
}

[data-theme="type2"] .inquiry-betting-result-card > div:last-child > .order-2 {
  grid-column: 2;
  grid-row: 2;
}

/* The desktop card keeps the team and betting metrics on one row (Figma 2492:18748).
   On a narrow dialog that two-column grid compresses the metrics into a vertical stack,
   so mobile follows the same content hierarchy as a single responsive flow. */
@media (max-width: 767px) {
  [data-theme="type2"] .inquiry-betting-result-card > div:last-child {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  [data-theme="type2"] .inquiry-betting-result-card > div:last-child > :first-child {
    order: 0;
  }

  [data-theme="type2"] .inquiry-betting-result-card > div:last-child > .order-1 {
    order: 1;
  }

  [data-theme="type2"] .inquiry-betting-result-card > div:last-child > .order-2 {
    order: 2;
    width: 100%;
    flex-wrap: nowrap;
  }
}

[data-theme="type2"] .inquiry-betting-result-card [role="checkbox"][data-state="checked"] {
  border-color: var(--inquiry-betting-dialog-checkbox-bg);
  background: var(--inquiry-betting-dialog-checkbox-bg);
  color: var(--ps-black);
}

[data-theme="type2"] .inquiry-betting-dialog-footer {
  width: 100%;
  align-items: stretch;
}

[data-theme="type2"] .inquiry-betting-dialog-count {
  align-self: flex-start;
  color: var(--inquiry-betting-dialog-count-text);
  font-family: var(--font-paperlogy-family);
  font-size: 12px;
  font-weight: 500;
}

[data-theme="type2"] .inquiry-betting-dialog-actions {
  width: 100%;
}

[data-theme="type2"] .inquiry-betting-dialog-cancel,
[data-theme="type2"] .inquiry-betting-dialog-confirm {
  /* source: Figma 2492:18819/18821 */
  width: 110px;
  min-width: 110px;
  height: 40px;
  border: 1px solid transparent;
  border-radius: 5px;
  font-family: var(--font-paperlogy-family);
  font-size: 14px;
  font-weight: 700;
  box-shadow: none;
}

[data-theme="type2"] .inquiry-betting-dialog-cancel {
  background:
    linear-gradient(#07020d, #07020d) padding-box,
    var(--ps-gold-border-gradient) border-box;
  color: var(--inquiry-betting-dialog-cancel-text);
}

[data-theme="type2"] .inquiry-betting-dialog-confirm {
  background:
    var(--inquiry-betting-dialog-confirm-bg) padding-box,
    var(--ps-gold-border-gradient) border-box;
  color: var(--inquiry-betting-dialog-confirm-text);
}

@media (min-width: 768px) {
  [data-theme="type2"] .inquiry-betting-dialog {
    /* source: Figma 2492:18723, natural design size 800x609 */
    width: 800px;
    height: 609px;
    max-height: calc(100vh - 32px);
    padding: 30px 20px;
  }

  [data-theme="type2"] .inquiry-betting-dialog-list {
    min-height: 0;
    max-height: none;
    flex: 1;
  }
}

@media (max-width: 1279px) {
  [data-theme="type2"] .board-inquiry-page .board-list-toolbar button,
  [data-theme="type2"] .board-inquiry-page .board-list-toolbar button:disabled {
    border-color: var(--board-design-action);
    border-radius: 3px;
    background: var(--board-design-action);
    color: var(--board-design-action-text);
    opacity: 1;
  }

  [data-theme="type2"] .board-inquiry-create .inquiry-create-fields,
  [data-theme="type2"] .board-inquiry-create .inquiry-create-row {
    border-color: var(--board-design-border);
    background: var(--board-design-card);
  }

  [data-theme="type2"] .board-inquiry-create input,
  [data-theme="type2"] .board-inquiry-create textarea,
  [data-theme="type2"] .board-inquiry-create .inquiry-attachment-input {
    background: var(--board-design-field);
    color: var(--ps-white);
  }

  [data-theme="type2"] .board-inquiry-create .inquiry-create-actions {
    gap: 10px;
  }

  [data-theme="type2"] .board-inquiry-create .inquiry-create-cancel,
  [data-theme="type2"] .board-inquiry-create .inquiry-create-submit,
  [data-theme="type2"] .board-inquiry-create .inquiry-create-submit:disabled {
    min-width: 0;
    height: 40px;
    border-radius: 5px;
    opacity: 1;
  }

  [data-theme="type2"] .board-inquiry-create .inquiry-create-cancel {
    border-color: var(--board-design-event-border);
    background: color-mix(in srgb, var(--ps-ink-950) 50%, transparent);
    color: var(--ps-muted-400);
  }

  [data-theme="type2"] .board-inquiry-create .inquiry-create-submit,
  [data-theme="type2"] .board-inquiry-create .inquiry-create-submit:disabled {
    border-color: var(--board-design-event-border);
    background: var(--board-design-submit);
    color: var(--ps-gold-100);
  }
}

@media (max-width: 767px) {
  [data-theme="type2"] .inquiry-betting-dialog {
    width: calc(100vw - 32px);
    max-height: calc(100svh - 32px);
    padding: 16px 10px;
  }

  [data-theme="type2"] .inquiry-betting-tabs {
    gap: 5px;
  }

  [data-theme="type2"] .inquiry-betting-tab {
    width: auto;
    min-width: 0;
    flex: 1;
    font-size: 12px;
  }

  [data-theme="type2"] .inquiry-betting-dialog-list {
    min-height: 180px;
  }
}

@media (min-width: 1280px) {
  [data-theme="type2"] .desktop-sidebar-content-offset:has(.minigame-page) {
    padding-left: var(--desktop-sidebar-width);
  }

  [data-theme="type2"] .minigame-page {
    gap: 0;
    margin-top: 20px;
    padding-bottom: 0;
  }

  [data-theme="type2"] .minigame-heading {
    display: flex;
    height: 81px;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding-top: 7px;
  }

  [data-theme="type2"] .minigame-heading > span {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
  }

  [data-theme="type2"] .minigame-heading > h2 {
    font-size: 35px;
    font-weight: 800;
    line-height: 42px;
  }

  [data-theme="type2"] .minigame-brand-menu,
  [data-theme="type2"] .minigame-brand-tabs,
  [data-theme="type2"] .minigame-brand-tabs > div,
  [data-theme="type2"] .minigame-brand-tab-list {
    height: 50px;
  }

  [data-theme="type2"] .minigame-brand-tabs::after {
    background: var(--minigame-design-accent);
  }

  [data-theme="type2"] .minigame-brand-tab-list {
    align-items: flex-end;
    justify-content: center;
    gap: 0;
  }

  [data-theme="type2"] .minigame-brand-tab-item {
    width: auto;
    max-width: none;
  }

  [data-theme="type2"] .minigame-brand-tab {
    width: auto;
    height: 50px;
    border: 0;
    border-radius: 0;
    padding-inline: 20px;
    background: transparent;
    color: var(--ps-white);
    font-size: 14px;
    font-weight: 800;
  }

  [data-theme="type2"] .minigame-brand-tab[class*="active-border"] {
    border: 1px solid var(--minigame-design-accent);
    border-bottom-color: var(--ps-ink-950);
    color: var(--minigame-design-accent);
  }

  [data-theme="type2"] .minigame-game-menu {
    display: flex;
    min-height: 65px;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    border-radius: 5px;
    background: var(--minigame-design-panel);
  }

  [data-theme="type2"] .minigame-game-menu > div {
    width: auto;
  }

  [data-theme="type2"] .minigame-game-tab {
    width: auto;
    min-width: 85px;
    height: 35px;
    border: 0;
    border-radius: 5px;
    padding-inline: 30px;
    background: var(--minigame-design-control);
    color: var(--ps-white);
  }

  [data-theme="type2"] .minigame-game-tab[class*="active-bg"] {
    border: 0;
    background: var(--minigame-design-selected);
    color: var(--minigame-design-selected-text);
  }

  [data-theme="type2"] .minigame-workspace {
    min-height: 706px;
    margin-top: 10px;
    gap: 20px;
    padding: 20px 15px 0;
    border-radius: 10px 10px 0 0;
    background: var(--minigame-design-panel);
  }

  [data-theme="type2"] .minigame-stage-column {
    height: 706px;
    gap: 0;
    overflow: hidden;
    border-radius: 10px;
  }

  [data-theme="type2"] .minigame-stage-column > div.hidden.md\:block:first-child {
    display: none;
  }

  [data-theme="type2"] .minigame-game-stage {
    width: 100%;
    height: 706px;
    min-height: 706px;
    border-radius: 10px;
  }

  [data-theme="type2"] .minigame-cart-column {
    width: 400px;
    height: 706px;
  }

  [data-theme="type2"] .minigame-cart,
  [data-theme="type2"] .minigame-cart-card {
    height: 100%;
  }

  [data-theme="type2"] .minigame-cart {
    gap: 10px;
  }

  [data-theme="type2"] .minigame-cart-card {
    gap: 20px;
    padding-block: 20px;
    border: 1px solid var(--ps-ink-600);
    border-radius: 10px;
    background: var(--minigame-design-panel);
    box-shadow: none;
  }

  [data-theme="type2"] .minigame-history {
    min-height: 256px;
    margin-top: 0;
    padding: 20px 15px;
    border: 0;
    border-radius: 0 0 10px 10px;
    background: var(--minigame-design-panel);
    box-shadow: none;
  }

  [data-theme="type2"] .minigame-history thead th {
    height: 34px;
    background: var(--minigame-design-history-header);
  }
}

@media (max-width: 1279px) {
  [data-theme="type2"] .minigame-page {
    padding: 10px 10px 70px;
  }

  [data-theme="type2"] .minigame-brand-tab-list {
    padding-inline: 5px;
  }

  [data-theme="type2"] .minigame-game-menu {
    padding: 10px;
    border-radius: 5px;
    background: var(--minigame-design-panel);
  }

  [data-theme="type2"] .minigame-workspace {
    padding: 10px;
    border-radius: 5px;
    background: var(--minigame-design-panel);
  }
}

/* Sports mode pages — Figma 2492:12156 / 2492:12616 */
[data-theme="type2"] .sports-mode-page {
  width: 100%;
  max-width: var(--content-inner-width);
  margin: 10px auto 0;
}

[data-theme="type2"] .sports-mode-heading {
  display: none;
  height: 71px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-inline: 15px;
  color: var(--sports-mode-accent);
  font-family: var(--font-paperlogy-family);
}

[data-theme="type2"] .sports-mode-heading > span {
  font-size: 11px;
  font-weight: 400;
  line-height: 14px;
}

[data-theme="type2"] .sports-mode-heading > h2 {
  font-size: 28px;
  font-weight: 800;
  line-height: 35px;
}

[data-theme="type2"] .sports-mode-filters {
  padding-top: 10px;
}

[data-theme="type2"] .sports-mode-reset {
  background: var(--sports-mode-control-active-bg);
}

[data-theme="type2"] .sports-mode-list {
  margin-top: 0;
  border-color: transparent;
  background: var(--sports-list-shell-bg);
  box-shadow: var(--sports-list-shell-shadow);
}

[data-theme="type2"] .sports-mode-group-header {
  background: var(--sports-group-header-bg);
}

[data-theme="type2"] .sports-mode-market-row > button {
  border-color: transparent;
  background: var(--sports-list-row-cell-bg);
}

@media (min-width: 1024px) {
  [data-theme="type2"] .sports-mode-page {
    margin-top: 20px;
    --filter-v2-sort-active: var(--ps-orange);
    --filter-v2-sort-inactive: var(--ps-muted-350);
    --filter-v2-search-bg: var(--ps-white-10);
    --filter-v2-search-placeholder: var(--ps-muted-650);
  }

  [data-theme="type2"] .sports-mode-heading {
    display: flex;
    height: 81px;
    justify-content: center;
    gap: 5px;
    padding: 0;
  }

  [data-theme="type2"] .sports-mode-heading > span {
    font-size: 14px;
    line-height: 17px;
    text-shadow: 0 0 30px var(--ps-black);
  }

  [data-theme="type2"] .sports-mode-heading > h2 {
    font-size: 35px;
    line-height: 42px;
    text-shadow: 0 0 40px var(--ps-black);
  }

  /* display 는 건드리지 않는다. SportsPage/ModeSportsPage 가 만드는
     lg:grid-cols-[34px_1fr_34px] 3열 그리드를 죽이면 우측 스크롤 화살표(col-start-3)가
     자리를 잃고 리스트 아래로 떨어진다. */
  [data-theme="type2"] .sports-mode-tabs,
  [data-theme="type2"] .sports-mode-content {
    width: 100%;
    padding-inline: 0;
  }

  [data-theme="type2"] .sports-mode-tabs > div,
  [data-theme="type2"] .sports-mode-feed {
    width: 100%;
  }

  [data-theme="type2"] .sports-mode-filters {
    gap: 10px; /* source: Figma 2492:15070 league→filter gap 10px */
    padding-top: 10px; /* source: Figma 2492:15070 tabs→league gap 10px */
  }

  [data-theme="type2"] .sports-mode-tabs-scroll {
    overflow-y: visible;
  }

  [data-theme="type2"] .sports-mode-tab-list {
    position: relative;
    height: 50px;
    justify-content: center;
    overflow: visible;
    border-bottom: 1px solid var(--sports-mode-accent);
    border-radius: 0;
    background: transparent;
  }

  [data-theme="type2"] .sports-mode-tab {
    height: 50px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--sports-nav-tab-text);
  }

  [data-theme="type2"] .sports-mode-all-tab {
    width: 139px; /* fixed-ok: sports-live 스코프 소관. 그 작업 때 유동 폭 전환을 재검토한다. */
    min-width: 139px;
    max-width: 139px;
    padding-inline: 19px;
  }

  [data-theme="type2"] .sports-mode-tab[aria-selected="true"] {
    z-index: 1;
    border: 1px solid var(--sports-mode-accent);
    border-bottom-color: var(--background);
    background: var(--background);
    color: var(--sports-mode-accent);
  }

  [data-theme="type2"] .sports-mode-tab svg {
    color: var(--sports-mode-accent);
  }

  [data-theme="type2"] .sports-mode-tab > img {
    filter: brightness(0) saturate(100%) invert(56.47%) sepia(24.21%)
      saturate(583.18%) hue-rotate(102.27deg) brightness(118.14%)
      contrast(239.75%);
  }

  [data-theme="type2"] .sports-mode-tab-label {
    color: var(--ps-white);
    font-family: var(--font-paperlogy-family);
    font-size: 18px;
    font-weight: 800;
    line-height: normal;
    white-space: nowrap;
  }

  [data-theme="type2"] .sports-mode-tab-count {
    color: var(--sports-mode-accent);
    font-family: var(--font-montserrat-family);
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
  }

  [data-theme="type2"] .sports-mode-tab[aria-selected="true"] .sports-mode-tab-label {
    color: var(--sports-mode-accent);
  }

  [data-theme="type2"] .sports-mode-league-tabs {
    display: flex;
    width: 100%;
    height: auto; /* source: Framelink 2492:15105 vertical sizing = hug */
    max-height: none; /* source: Framelink 2492:15105 vertical sizing = hug */
    align-content: center;
    justify-content: center;
    gap: 10px;
    overflow: visible; /* source: Figma 2492:15105 wraps all league rows */
    padding: 15px 20px;
    border-radius: 5px;
    background: var(--sports-mode-panel-bg);
  }

  [data-theme="type2"] .sports-mode-reset,
  [data-theme="type2"] .sports-mode-league-tab {
    height: 35px;
    border: 0;
    border-radius: 5px;
    padding-inline: 15px;
    font-family: var(--font-pretendard-family);
    font-size: 12px;
    line-height: normal;
  }

  [data-theme="type2"] .sports-mode-reset {
    background: var(--sports-mode-control-active-bg);
    color: var(--ps-black);
    font-weight: 700;
    opacity: 1;
  }

  [data-theme="type2"] .sports-mode-league-tab,
  [data-theme="type2"] .sports-mode-league-tab[aria-selected="false"] {
    background: var(--sports-mode-control-bg);
    color: var(--ps-muted-350);
    font-weight: 500;
  }

  [data-theme="type2"] .sports-mode-league-tab[aria-selected="true"] {
    background: var(--ps-white);
    color: var(--ps-black);
  }

  [data-theme="type2"] .sports-mode-league-tab img {
    border-radius: 1px;
  }

  [data-theme="type2"] .sports-mode-league-count {
    color: var(--ps-white) !important;
    font-family: var(--font-montserrat-family);
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
  }

  [data-theme="type2"] .sports-mode-filter-row {
    height: 26px;
    width: max-content;
    max-width: 100%;
    flex-wrap: nowrap;
  }

  [data-theme="type2"] .sports-mode-time-sort,
  [data-theme="type2"] .sports-mode-league-sort {
    border-radius: 0;
    font-family: var(--font-pretendard-family);
  }

  [data-theme="type2"] .sports-mode-time-sort span,
  [data-theme="type2"] .sports-mode-league-sort span {
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
  }

  [data-theme="type2"] .sports-mode-sort-active {
    opacity: 1;
  }

  [data-theme="type2"] .sports-mode-sort-inactive {
    opacity: 0.5;
  }

  [data-theme="type2"] .sports-mode-region-select,
  [data-theme="type2"] .sports-mode-competition-select {
    width: 61px !important; /* fixed-ok: source: Figma 2492:15281 / 2492:15285 width 61px */
    max-width: 61px; /* source: Figma 2492:15281 / 2492:15285 width 61px */
    height: 26px !important; /* fixed-ok: source: Figma 2492:15281 / 2492:15285 height 26px */
    padding: 0 10px 0 15px !important; /* source: Figma 2492:15281 / 2492:15285 */
    border: 0 !important;
    border-radius: 5px !important;
    background-color: var(--sports-filter-select-bg) !important;
    color: var(--sports-filter-select-text) !important;
    font-family: var(--font-pretendard-family);
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 14px !important;
    box-shadow: none !important;
  }

  [data-theme="type2"] .sports-mode-region-select > span,
  [data-theme="type2"] .sports-mode-competition-select > span,
  [data-theme="type2"] .sports-mode-region-select svg,
  [data-theme="type2"] .sports-mode-competition-select svg {
    color: var(--sports-filter-select-text) !important;
  }

  [data-theme="type2"] .sports-mode-search {
    border-radius: 5px;
    background: var(--filter-v2-search-bg);
  }

  [data-theme="type2"] .sports-mode-search input {
    color: var(--ps-white);
    font-family: var(--font-pretendard-family);
    font-size: 12px;
    font-weight: 400;
  }

  [data-theme="type2"] .sports-mode-list {
    gap: 10px;
    /* source: Figma 2492:12401 리스트 셸. 내부 스크롤이 아니라 페이지가 스크롤한다. */
    min-height: 763px;
    padding: 20px 15px;
    border: 0;
    border-radius: 12px; /* source: Figma 2492:12401 */
  }

  [data-theme="type2"] .sports-mode-group-header {
    /* source: Figma 2492:12404 */
    min-height: 40px;
  }

  [data-theme="type2"] .sports-mode-match-row {
    padding-top: 5px;
    border-bottom: 0;
  }

  /* source: Figma 2492:13323 — Match Info(날짜·시간)가 배당 행 위 자기 줄이다.
     bet8 의 md:grid-cols-[80px_1fr](시간 좌측)이 아니라 세로 스택이 디자인이다. */
  [data-theme="type2"] .sports-mode-match-grid {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  /* 배당 행은 1310 전폭(Figma 2492:13333 Button Group). 내용 폭으로 줄지 않게 한다. */
  [data-theme="type2"] .sports-mode-markets {
    width: 100%;
  }

  [data-theme="type2"] .sports-mode-match-time {
    padding-inline: 0;
    color: var(--ps-muted-600);
    font-size: 14px;
  }

  [data-theme="type2"] .sports-mode-markets {
    gap: 10px;
  }


  [data-theme="type2"] .sports-mode-market-row > button {
    border-color: transparent;
    background: var(--sports-list-row-cell-bg);
  }
}

/* Standard sports and live detail layouts — Figma 2492:13076 / 14123 / 14543 / 15070 */
[data-theme="type2"] .sports-mobile-match-teams {
  display: none;
}

[data-theme="type2"] .sports-standard-list {
  border-color: transparent;
  background: var(--sports-list-shell-bg);
  box-shadow: none;
}

[data-theme="type2"] .sports-standard-group-header {
  background: var(--sports-group-header-bg);
}

[data-theme="type2"] .sports-standard-selection,
[data-theme="type2"] .sports-standard-center {
  border-color: transparent;
  background: var(--sports-list-row-cell-bg);
}

/* 배당 색 — source: Figma 2492:12414 홈 #00d5be / 센터 #fae58f / 원정 #c27aff.
   마켓 행 구조가 세 가지다.
     standard : .sports-standard-selection 3개
     mode     : button + .sports-standard-center + button (홈 배당 = 마지막 span)
     live     : 선행 셀이 하나 더 붙어 :first-child 가 홈이 아니다
   그래서 :first-of-type / :last-of-type 로 통일한다. */
[data-theme="type2"]
  .sports-standard-odds-row
  > .sports-standard-selection:first-of-type
  .sports-selection-odds-value,
[data-theme="type2"] .sports-mode-market-row > button:first-of-type > span:last-child {
  color: var(--ps-cyan-strong);
}

[data-theme="type2"] .sports-standard-odds-row > .sports-standard-center,
[data-theme="type2"] .sports-mode-market-row > .sports-standard-center {
  color: var(--ps-cream);
}

[data-theme="type2"]
  .sports-standard-odds-row
  > .sports-standard-selection:last-of-type
  .sports-selection-odds-value,
[data-theme="type2"] .sports-mode-market-row > button:last-of-type > span:first-child {
  color: var(--ps-purple-250);
}

@media (min-width: 1024px) {
  [data-theme="type2"] .sports-mode-match-row[data-bet-mode="INPLAY"] {
    /* Figma 2492:13087 inplay 행은 1310 전폭이다. 810 은 행 내부 하위 요소 폭이었다. */
    width: 100%;
  }

  [data-theme="type2"] .sports-standard-list {
    /* source: Figma 2492:12401 리스트 셸. 내부 스크롤이 아니라 페이지가 스크롤한다. */
    min-height: 760px;
    gap: 10px;
    padding: 20px 15px;
    border: 0;
    border-radius: 12px; /* source: Figma 2492:12401 */
  }

  [data-theme="type2"] .sports-view-mode-toggle {
    display: none;
  }

  [data-theme="type2"] .sports-standard-list-inner {
    gap: 5px;
  }

  [data-theme="type2"] .sports-standard-group-header {
    /* source: Figma 2492:12404 리그 헤더 40px. 내용에 따라 늘어나도록 min-height 로 둔다. */
    min-height: 40px;
  }

  [data-theme="type2"] .sports-standard-match-row {
    border-bottom: 0;
  }

  [data-theme="type2"] .sports-standard-selection,
  [data-theme="type2"] .sports-standard-center,
  [data-theme="type2"] .sports-standard-more {
    border-color: transparent;
    background: var(--sports-list-row-cell-bg);
  }

  [data-theme="type2"] .sports-standard-more {
    background: var(--ps-gold-100);
    color: var(--ps-black);
  }

  [data-theme="type2"] .sports-standard-options > div {
    top: calc(var(--app-fixed-top-height, 128px) + 15px);
  }

  [data-theme="type2"] .sports-standard-options section {
    border-radius: 5px;
    background: var(--sports-mode-panel-bg);
  }

  [data-theme="type2"] .sports-standard-options [class*="options-market-row"] > button {
    border-color: transparent;
    background: var(--sports-list-row-cell-bg);
  }
}

@media (min-width: 1500px) {
  /* 2단 배치는 SportsPage 의 Tailwind 그리드(3fr/2fr)가 담당한다.
     Figma 2492:14789 비율은 810:480 이므로 열 비율만 여기서 맞춘다.
     align-items 는 기본값(stretch)을 유지해야 한다. start 로 두면 옵션 셀 높이가
     내용만큼으로 줄어 안쪽 sticky 가 붙을 여유를 잃는다. */
  [data-theme="type2"] .sports-standard-feed {
    position: relative;
    grid-template-columns: minmax(0, 810fr) minmax(0, 480fr);
    column-gap: 20px;
  }

  /* Figma 2492:14789 — 검정 셸은 하나다. 매치 리스트와 추가옵션을 함께 감싼다.
     bet8 구조에는 둘만 감싸는 래퍼가 없으므로 2행 전체에 깔리는 의사요소로 그린다. */
  [data-theme="type2"] .sports-standard-feed::before {
    content: "";
    z-index: 0;
    grid-row: 2;
    grid-column: 1 / -1;
    margin-top: 10px;
    border-radius: 12px;
    background: var(--sports-list-shell-bg);
  }

  [data-theme="type2"] .sports-standard-list-shell,
  [data-theme="type2"] .sports-standard-options {
    position: relative;
    z-index: 1;
  }

  /* 셸은 위 의사요소가 그리므로 리스트 자신은 배경 없이 여백만 담당한다. */
  [data-theme="type2"] .sports-standard-list {
    padding: 20px 0 20px 15px;
    border-radius: 0;
    background: transparent;
  }

  [data-theme="type2"] .sports-standard-options > div {
    padding-block: 20px;
    padding-right: 15px;
  }

  [data-theme="type2"] .sports-standard-options .options-panel-kind-tabs,
  [data-theme="type2"] .sports-standard-options .options-panel-period-tabs {
    display: none;
  }
}

@media (max-width: 1023px) {
  [data-theme="type2"] .sports-mode-page {
    margin-top: 0;
  }

  [data-theme="type2"] .sports-mode-page,
  [data-theme="type2"] .sports-standard-page {
    min-height: 100%;
    background: var(--sports-mobile-page-bg);
  }

  [data-theme="type2"] .sports-mode-page .sports-mode-tabs-scroll,
  [data-theme="type2"] .sports-standard-page .sports-mode-tabs-scroll {
    /* 탭이 많아지면 잘리지 않고 가로 스크롤되게 한다. min-width 49(Figma)를 지키면서
       넘칠 때만 스크롤바 없이 스와이프로 접근한다. */
    overflow-x: auto;
    scrollbar-width: none;
  }

  [data-theme="type2"] .sports-mode-page .sports-mode-tab-list,
  [data-theme="type2"] .sports-standard-page .sports-mode-tab-list {
    display: flex;
    width: 100%;
    min-width: 100%;
    /* source: Figma 2492:21276 바 70 = 탭 50 + 상하 10 */
    min-height: 70px;
    gap: 0;
    overflow-x: auto;
    padding: 10px 0;
    border-bottom: 0;
    border-radius: 0;
    background: var(--sports-mobile-nav-bg);
  }

  [data-theme="type2"] .sports-mode-page .sports-mode-tab,
  [data-theme="type2"] .sports-standard-page .sports-mode-tab {
    width: auto;
    /* source: Figma 2492:21281 종목 탭 49×50 r5 */
    min-height: 50px;
    height: auto;
    min-width: 49px;
    /* 1 1 auto 면 탭이 min-width 49px 까지 눌려 14px 라벨이 세로로 쪼개진다.
       축소를 막고, 넘치면 tabs-scroll 의 overflow-x 로 가로 스크롤시킨다. */
    flex: 1 0 auto;
    flex-direction: column;
    gap: 2px; /* source: Figma 2492:21281 V/g2 */
    border: 0;
    border-radius: 5px;
    padding-inline: 12px; /* source: Figma 2492:21281 p0,12,0,12 */
    background: transparent;
    color: var(--ps-white);
  }

  [data-theme="type2"] .sports-mode-page .sports-mode-tab[aria-selected="true"],
  [data-theme="type2"] .sports-standard-page .sports-mode-tab[aria-selected="true"] {
    background: transparent;
    color: var(--sports-mode-accent);
  }

  [data-theme="type2"] .sports-mode-page .sports-mode-tab:first-child,
  [data-theme="type2"] .sports-standard-page .sports-mode-tab:first-child {
    /* source: Figma 2492:21278 전체 탭 60 */
    min-width: 60px;
    flex: 0 0 auto;
    padding-inline: 0;
  }

  [data-theme="type2"] .sports-mode-page .sports-mode-tab:first-child svg,
  [data-theme="type2"] .sports-standard-page .sports-mode-tab:first-child svg {
    width: 32px; /* fixed-ok: Figma 2492:21279 mobile all-sports icon */
    height: 32px; /* fixed-ok: Figma 2492:21279 mobile all-sports icon */
  }

  [data-theme="type2"] .sports-mode-page .sports-mode-tab svg,
  [data-theme="type2"] .sports-standard-page .sports-mode-tab svg {
    width: 20px; /* source: Figma 2492:21282 Category Icon 20×20 */
    height: 20px;
    color: var(--sports-mode-accent);
    opacity: 1;
  }

  [data-theme="type2"] .sports-mode-page .sports-mode-tab > img,
  [data-theme="type2"] .sports-standard-page .sports-mode-tab > img {
    /* source: Figma 2492:21288~21304 — all sport icons #4DFFD0, opacity 100% */
    filter: brightness(0) saturate(100%) invert(56.47%) sepia(24.21%)
      saturate(583.18%) hue-rotate(102.27deg) brightness(118.14%)
      contrast(239.75%);
    opacity: 1;
  }

  [data-theme="type2"] .sports-mode-page .sports-mode-tab > span,
  [data-theme="type2"] .sports-standard-page .sports-mode-tab > span {
    /* source: Figma 2492:21284 Sport Name 14px ExtraBold #ffffff */
    font-size: 14px;
    font-weight: 800;
    color: var(--ps-white);
    white-space: nowrap;
  }

  /* 카운트만 숨긴다. 전체 탭은 svg + 라벨 2개뿐이라 위치 기반 선택자를 쓰면
     라벨까지 사라져 바 높이가 무너진다. 카운트 전용 클래스로 한정한다. */
  [data-theme="type2"] .sports-mode-page .sports-mode-tab .sports-mode-tab-count,
  [data-theme="type2"] .sports-standard-page .sports-mode-tab .sports-mode-tab-count {
    display: none;
  }

  /* 전체 탭 라벨 — source: Figma 2492:21280 "전체" 12px ExtraBold #4dffd0 */
  [data-theme="type2"] .sports-mode-page .sports-mode-tab:first-child .sports-mode-tab-label,
  [data-theme="type2"] .sports-standard-page .sports-mode-tab:first-child .sports-mode-tab-label {
    color: var(--sports-mode-accent);
    font-size: 12px;
  }

  [data-theme="type2"] .sports-mode-page .sports-mode-tabs-scroll > :last-child,
  [data-theme="type2"] .sports-standard-page .sports-mode-tabs-scroll > :last-child {
    display: none;
  }

  [data-theme="type2"] .sports-mode-page .sports-mode-content,
  [data-theme="type2"] .sports-standard-page .sports-mode-content {
    padding-inline: 0;
  }

  [data-theme="type2"] .sports-standard-feed {
    display: block;
  }

  [data-theme="type2"] .sports-mode-page .sports-mode-filters,
  [data-theme="type2"] .sports-standard-page .sports-mode-filters {
    gap: 0;
    margin-bottom: 10px;
    padding: 10px 10px 0;
  }

  [data-theme="type2"] .sports-mode-page .sports-mode-league-tabs,
  [data-theme="type2"] .sports-standard-page .sports-mode-league-tabs,
  [data-theme="type2"] .sports-mode-page .sports-mode-filter-row > [class*="order-1"],
  [data-theme="type2"] .sports-standard-page .sports-mode-filter-row > [class*="order-1"],
  [data-theme="type2"] .sports-mode-page .sports-mode-filter-row > [class*="order-2"],
  [data-theme="type2"] .sports-standard-page .sports-mode-filter-row > [class*="order-2"] {
    display: none;
  }

  [data-theme="type2"] .sports-mode-page .sports-mode-filter-row,
  [data-theme="type2"] .sports-standard-page .sports-mode-filter-row {
    min-height: 30px;
    flex-wrap: nowrap;
    gap: 0;
  }

  [data-theme="type2"] .sports-mode-page .sports-mode-filter-row > button,
  [data-theme="type2"] .sports-standard-page .sports-mode-filter-row > button {
    width: 80px; /* fixed-ok: Figma 2492:21307 / 2492:21312 mobile sort buttons */
    height: 25px; /* fixed-ok: Figma 2492:21307 / 2492:21312 mobile sort buttons */
    padding-inline: 0;
    font-size: 10px;
  }

  [data-theme="type2"] .sports-mode-page .sports-mode-filter-row > button svg,
  [data-theme="type2"] .sports-standard-page .sports-mode-filter-row > button svg {
    width: 14px;
    height: 14px;
  }

  [data-theme="type2"] .sports-mode-page .sports-mode-search,
  [data-theme="type2"] .sports-standard-page .sports-mode-search {
    height: 20px; /* fixed-ok: Figma 2492:21317 mobile sports search */
    width: 130px; /* fixed-ok: Figma 2492:21317 mobile sports search */
    min-width: 130px;
    flex: 0 0 130px;
    justify-content: space-between;
    padding-inline: 10px;
  }

  [data-theme="type2"] .sports-mode-page .sports-mode-search svg,
  [data-theme="type2"] .sports-standard-page .sports-mode-search svg {
    width: 14px;
    height: 14px;
  }

  [data-theme="type2"] .sports-esports-mode-toggle {
    margin-inline: 10px;
    padding-block: 5px;
  }

  [data-theme="type2"] .sports-standard-list-shell {
    margin-top: 0;
  }

  [data-theme="type2"] .sports-standard-workspace {
    margin-top: 0;
  }

  [data-theme="type2"] .sports-standard-list {
    gap: 5px;
    margin: 0;
    padding: 0 10px 70px;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  [data-theme="type2"] .sports-view-mode-toggle {
    display: none;
  }

  [data-theme="type2"] .sports-mode-group-header,
  [data-theme="type2"] .sports-standard-group-header {
    /* source: Figma 2492:21295 모바일 리그 헤더 30. 내용이 넘치면 늘어나도록 하한으로 둔다. */
    min-height: 30px;
    border-radius: 5px;
    background: var(--sports-mobile-group-bg);
  }

  [data-theme="type2"] .sports-mode-group-header > div,
  [data-theme="type2"] .sports-standard-group-header > div {
    padding-inline: 10px;
  }

  [data-theme="type2"] .sports-mode-group-header span,
  [data-theme="type2"] .sports-standard-group-header span {
    font-size: 12px;
  }

  [data-theme="type2"] .sports-mode-group-header svg,
  [data-theme="type2"] .sports-standard-group-header svg {
    width: 14px;
    height: 14px;
  }

  [data-theme="type2"] .sports-standard-match-row {
    padding-block: 5px 0;
    border-bottom: 0;
  }

  [data-theme="type2"] .sports-standard-match-grid {
    display: grid;
    /* 좌측 시간·팀명 열이 135px 고정이라 320px 화면에서 배당 3개가 125px 안으로 눌렸다.
       375px 기준 실측 비율(135:180)을 유지하되 비례로 바꿔 폭에 따라 같이 줄고 늘게 한다.
       +N 버튼만 아이콘 크기라 30px 을 남긴다. */
    grid-template-columns: minmax(0, 43fr) minmax(0, 57fr) 30px;
    align-items: center;
    gap: 5px;
  }

  [data-theme="type2"] .sports-standard-match-grid > :first-child,
  [data-theme="type2"] .sports-standard-market-shell {
    display: contents;
  }

  /* display:contents 로 펼쳐진 아이템들의 DOM 순서는 시간 → more → odds 인데
     열 지정은 1 → 3 → 2 다. grid-row 를 안 주면 자동 배치 커서가 1행 2열을 지나친 뒤
     배당 행이 2행으로 밀려 팀명 아래에 빈 칸이 생긴다. 세 아이템 모두 1행에 못박는다. */
  [data-theme="type2"] .sports-standard-match-time {
    grid-column: 1;
    grid-row: 1;
    justify-content: flex-start;
    color: var(--ps-white);
  }

  [data-theme="type2"] .sports-standard-time-day,
  [data-theme="type2"] .sports-standard-time-clock,
  [data-theme="type2"] .sports-standard-match-time > span:not(.sports-mobile-match-teams) {
    display: none;
  }

  [data-theme="type2"] .sports-mobile-match-teams {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
    gap: 2px;
  }

  [data-theme="type2"] .sports-mobile-match-teams > span {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 5px;
    overflow: hidden;
    color: var(--ps-white);
    font-size: 10px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  [data-theme="type2"] .sports-mobile-match-teams b {
    width: 27px;
    flex: 0 0 27px;
    color: var(--ps-muted-600);
    font-size: 9px;
  }

  [data-theme="type2"] .sports-standard-more {
    width: 30px;
    min-width: 30px;
    height: 40px;
    grid-column: 3;
    grid-row: 1;
    padding: 0;
    border: 0;
    background: var(--ps-gold-100);
    color: var(--ps-black);
  }

  [data-theme="type2"] .sports-standard-odds-row {
    display: grid;
    height: 40px;
    grid-column: 2;
    grid-row: 1;
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.85fr) minmax(0, 1fr);
    gap: 5px;
  }

  [data-theme="type2"] .sports-standard-selection,
  [data-theme="type2"] .sports-standard-center {
    height: 40px;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 5px;
    background: var(--sports-mobile-group-bg);
  }

  [data-theme="type2"] .sports-standard-team-info {
    display: none;
  }

  [data-theme="type2"] .sports-standard-selection .sports-selection-odds-value {
    font-size: 11px;
  }

  /* ── 모바일 정렬 필터 ────────────────────────────────────────────
     source: Figma 2492:21307 / 21312 정렬 버튼 80×25(내부 좌우 10),
             2492:21317 검색 130×20 r2.
     기존 규칙은 `.sports-mode-filter-row > button` 을 노렸는데 실제 자식은
     display:contents 래퍼라 매칭되지 않아 패딩이 죽고 버튼끼리 붙었다. */
  /* 항목 사이 간격 — 국가·리그 셀렉트가 함께 있을 때도 붙지 않게 한다.
     기존 `gap: 0` 규칙이 페이지 클래스 2개로 잡혀 있어 같은 특이도로 덮는다. */
  [data-theme="type2"] .sports-mode-page .sports-mode-filter-row,
  [data-theme="type2"] .sports-standard-page .sports-mode-filter-row {
    gap: 5px;
    /* 360px 에서 국가·리그 셀렉트까지 한 줄에 넣으면 460 > 340 으로 잘린다.
       줄바꿈을 허용해 어떤 폭에서도 넘치지 않게 한다. */
    flex-wrap: wrap;
  }

  /* 검색은 남는 폭을 채운다. 고정 130 이면 줄바꿈 후에도 짧게 남는다. */
  [data-theme="type2"] .sports-mode-filter-row .sports-mode-search {
    width: auto;
    min-width: 130px;
    max-width: none;
    flex: 1 1 130px;
  }

  [data-theme="type2"] .sports-mode-filter-row .sports-mode-time-sort,
  [data-theme="type2"] .sports-mode-filter-row .sports-mode-league-sort {
    min-width: 80px;
    min-height: 25px;
    padding-inline: 10px;
    font-size: 10px;
  }

  /* 국가 / 리그 셀렉트 — 좌 15 / 우 0 이라 화살표가 가장자리에 붙어 있었다.
     정렬 버튼과 같은 높이·좌우 여백으로 맞춘다. */
  [data-theme="type2"] .sports-mode-filter-row .sports-mode-region-select,
  [data-theme="type2"] .sports-mode-filter-row .sports-mode-competition-select {
    width: auto !important;
    min-width: 61px;
    max-width: none;
    height: auto !important;
    min-height: 25px;
    padding: 0 10px !important;
    gap: 2px;
    font-size: 10px !important;
  }

  [data-theme="type2"] .sports-mode-filter-row .sports-mode-region-select svg,
  [data-theme="type2"] .sports-mode-filter-row .sports-mode-competition-select svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
  }

  [data-theme="type2"] .sports-mode-filter-row .sports-mode-time-sort svg,
  [data-theme="type2"] .sports-mode-filter-row .sports-mode-league-sort svg {
    width: 14px;
    height: 14px;
  }

  [data-theme="type2"] .sports-mode-search {
    border-radius: 2px;
  }


  /* ── 모바일 마켓 행 ─────────────────────────────────────────────
     source: Figma 2492:21334 Event Container 300×45
       Event Time 110  : 시간 2줄 + 팀 정보 2줄
       Betting Options : 배당 40 / 35 / 40, gap 5, 높이 40, r5
     비율(110 : 40 : 35 : 40)만 유지해 폭에 따라 유동한다. */
  /* 팀 블록이 있는 행(HeadMarketRow)만 4열이다.
     GenericMarketRow 는 팀 블록이 없어 기존 3열을 유지해야 한다. */
  [data-theme="type2"] .sports-mode-market-row:has(.sports-mobile-team-block) {
    grid-template-columns:
      minmax(0, 110fr) minmax(0, 40fr) minmax(0, 35fr) minmax(0, 40fr);
  }

  [data-theme="type2"] .sports-mode-market-row {
    gap: 5px;
    align-items: center;
  }

  [data-theme="type2"] .sports-mode-market-row .sports-cell-team-info {
    display: none;
  }

  [data-theme="type2"] .sports-mobile-team-block {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px; /* source: Figma 2492:21337 Match Info V/g3 */
  }

  [data-theme="type2"] .sports-mobile-team-line {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 5px; /* source: Figma 2492:21338 Team Info H/g5 */
  }

  [data-theme="type2"] .sports-mobile-team-logo {
    position: relative;
    display: flex;
    overflow: hidden;
    width: 12px; /* source: Figma 2492:21340 Team Logo 12×12 */
    height: 12px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    font-size: 8px;
    font-weight: 700;
  }

  [data-theme="type2"] .sports-mobile-team-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  [data-theme="type2"] .sports-mobile-team-name {
    overflow: hidden;
    min-width: 0;
    color: var(--sports-cross-market-team-text);
    font-size: 10px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* 배당 버튼 — Figma 2492:21344 40×40 r5 bg #ffffff@0.10, 값 10px Bold */
  [data-theme="type2"] .sports-mode-market-row > button {
    min-height: 40px;
    justify-content: center;
    border-radius: 5px;
    background: var(--ps-white-10);
  }

  [data-theme="type2"] .sports-mode-market-row > button > span {
    flex: 0 0 auto;
    font-size: 10px;
    font-weight: 700;
  }

  /* 핸디캡 H 배지 / 오버언더 화살표.
     지표는 버튼 좌·우 끝에 absolute 로 고정하고, 배당 숫자는 항상 버튼 중앙에 온다.
     → 승무패·핸디캡·오버언더 세 종류의 배당 위치가 완전히 일치한다. */
  [data-theme="type2"] .sports-mode-market-row > button {
    position: relative;
    justify-content: center;
  }

  [data-theme="type2"] .sports-mode-market-row .sports-odds-value {
    justify-content: center;
    gap: 0;
  }

  [data-theme="type2"] .sports-mode-market-row .sports-odds-indicator {
    position: absolute;
    top: 50%;
    width: 12px;
    height: 12px;
    transform: translateY(-50%);
    font-size: 10px;
  }

  [data-theme="type2"] .sports-mode-market-row .sports-odds-indicator svg {
    width: 12px;
    height: 12px;
  }

  /* 홈 셀은 좌측 끝, 원정 셀은 우측 끝 */
  [data-theme="type2"] .sports-mode-market-row > button:first-of-type .sports-odds-indicator {
    left: 6px;
  }

  [data-theme="type2"] .sports-mode-market-row > button:last-of-type .sports-odds-indicator {
    right: 6px;
  }


  /* ── 모바일 잔여 보정 ───────────────────────────────────────── */

  /* 마켓명("핸디캡 [2 피리어드]")이 배당 셀 폭을 27~30px 넘겨 잘렸다.
     Figma 모바일 배당 버튼에는 마켓명이 없지만, 현재 로직은 핸디캡·오버언더 행을
     모두 나열하므로 라벨을 지우면 어느 마켓인지 알 수 없다.
     지우지 않고 줄임표로 처리해 넘침만 없앤다. */
  [data-theme="type2"] .sports-mode-market-row > button {
    overflow: hidden;
  }

  [data-theme="type2"] .sports-mode-market-row > button > span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* 국가 / 리그 셀렉트 좌우 여백 대칭 — 기존 !important 규칙이 좌 15 / 우 10 이라
     화살표가 한쪽으로 쏠려 있었다. */
  [data-theme="type2"] .sports-mode-page .sports-mode-filter-row .sports-mode-region-select,
  [data-theme="type2"] .sports-mode-page .sports-mode-filter-row .sports-mode-competition-select,
  [data-theme="type2"] .sports-standard-page .sports-mode-filter-row .sports-mode-region-select,
  [data-theme="type2"] .sports-standard-page .sports-mode-filter-row .sports-mode-competition-select {
    padding: 0 10px !important;
  }

}

@media (min-width: 1024px) {
  [data-theme="type2"] .desktop-cart-content-offset:has(.sports-mode-page) {
    padding-right: var(--desktop-sidebar-width);
  }
}

@media (min-width: 1280px) {
  [data-theme="type2"] .desktop-sidebar-content-offset:has(.sports-mode-page) {
    padding-left: var(--desktop-sidebar-width);
  }
}

/* ========================================================================== */
/* Game catalogs — Figma 2492:11933, 2492:11967, 2492:12085, 2492:21092      */
/* ========================================================================== */
@media (min-width: 1280px) {
  [data-theme="type2"] .subpage-design-container:has(.game-catalog) {
    /* Figma 2492:11970 / 2492:12088 — Body x:330, width:1340. */
    max-width: 1380px;
    margin-left: 0;
    margin-right: auto;
  }
}

[data-theme="type2"] .game-catalog,
[data-theme="type2"] .tt-gaming-page {
  width: 100%;
  max-width: 1340px;
  margin-inline: auto;
}

[data-theme="type2"] .game-catalog {
  padding-top: 10px;
  container-type: inline-size;
}

[data-theme="type2"] .game-catalog-heading {
  display: flex;
  width: 100%;
  height: 81px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: var(--game-catalog-accent);
  text-align: center;
  text-shadow: 0 0 30px var(--ps-black);
}

[data-theme="type2"] .game-catalog-heading > span {
  font-family: var(--font-paperlogy-family);
  font-size: 14px;
  font-weight: 300;
  line-height: normal;
}

[data-theme="type2"] .game-catalog-heading > h2 {
  font-family: var(--font-paperlogy-family);
  font-size: 35px;
  font-weight: 800;
  line-height: normal;
  text-shadow: 0 0 40px var(--ps-black);
}

[data-theme="type2"] .game-catalog-controls {
  gap: 20px;
}

[data-theme="type2"] .game-catalog-tabs-scroll {
  overflow-y: hidden;
}

[data-theme="type2"] .game-catalog-tabs {
  height: 50px;
  align-items: stretch;
  gap: 0;
  padding-bottom: 0;
}

[data-theme="type2"] .game-catalog-tabs::before,
[data-theme="type2"] .game-catalog-tabs::after {
  min-width: 0;
  flex: 1 1 auto;
  border-bottom: 1px solid var(--game-catalog-accent);
  content: "";
}

[data-theme="type2"] .game-catalog-tab-item {
  width: auto;
}

[data-theme="type2"] .game-catalog-tab {
  width: auto;
  min-width: 0;
  height: 50px;
  padding: 0 20px;
  gap: 0;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: var(--game-catalog-accent) !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--ps-white) !important;
}

[data-theme="type2"] .game-catalog-tab--active {
  border-width: 1px 1px 0;
  color: var(--game-catalog-accent) !important;
}

[data-theme="type2"] .game-catalog-tab > span {
  font-family: var(--font-paperlogy-family);
  font-size: 18px;
  font-weight: 800;
  line-height: normal;
}

[data-theme="type2"] .game-catalog-search {
  display: flex;
  width: 300px;
  max-width: 300px;
  height: 50px;
  align-items: center;
  justify-content: center;
}

[data-theme="type2"] .game-catalog-search-input {
  width: 300px;
  height: 30px !important;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 10px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: var(--game-catalog-search-bg) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

[data-theme="type2"] .game-catalog-search-input input {
  height: 30px;
  font-family: var(--font-pretendard-family);
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
}

[data-theme="type2"] .game-catalog-search-input svg {
  width: 18px;
  height: 18px;
}

[data-theme="type2"] .game-catalog-grid-shell {
  padding-top: 20px;
}

[data-theme="type2"] .game-catalog-grid {
  justify-content: center;
  padding-inline: 0;
  gap: 12px;
}

[data-theme="type2"] .game-catalog-casino-grid {
  grid-template-columns: repeat(6, 213px);
}

[data-theme="type2"] .game-catalog-slot-grid {
  grid-template-columns: repeat(6, 212px);
}

[data-theme="type2"] .game-catalog-card-media {
  border: 1px solid var(--game-catalog-card-border);
  border-radius: 12px;
  background: var(--content-section-bg);
}

[data-theme="type2"] .game-catalog-casino .game-catalog-card-media {
  aspect-ratio: 1;
}

[data-theme="type2"] .game-catalog-slot .game-catalog-card-media {
  aspect-ratio: 212 / 174;
}

[data-theme="type2"] .game-catalog-card-title {
  display: none;
}

[data-theme="type2"] .game-catalog-card-media > img {
  object-fit: cover;
}

[data-theme="type2"] .tt-gaming-hero,
[data-theme="type2"] .tt-gaming-intro,
[data-theme="type2"] .tt-gaming-media {
  width: 100%;
}

[data-theme="type2"] .tt-gaming-page {
  font-family: var(--font-pretendard-family);
  padding-bottom: 0; /* source: parent subpage spacing provides Figma 2492:11964 20px gap */
}

[data-theme="type2"] .tt-gaming-media {
  display: grid;
  grid-template-columns: minmax(0, 856fr) minmax(0, 473fr);
  gap: 11px;
  height: auto;
  aspect-ratio: 1340 / 526; /* source: Figma 2492:11959 */
  align-items: stretch;
}

[data-theme="type2"] .tt-gaming-media-primary {
  min-width: 0;
}

[data-theme="type2"] .tt-gaming-media-primary-image {
  top: -0.95%; /* source: Figma 2492:11960 image crop */
  left: 0;
  width: 100.01%; /* source: Figma 2492:11960 image crop */
  height: 101.9%; /* source: Figma 2492:11960 image crop */
}

[data-theme="type2"] .tt-gaming-media-secondary {
  min-width: 0;
}

[data-theme="type2"] .tt-gaming-media-secondary-frame {
  width: 100%;
  min-height: 0;
  flex: 1 1 0;
}

[data-theme="type2"] .tt-gaming-media-secondary-image {
  display: block;
}

[data-theme="type2"] .tt-gaming-media-secondary-frame-game > span {
  top: -9.25%; /* source: Figma 2492:11962 image crop */
  left: -3.11%; /* source: Figma 2492:11962 image crop */
  width: 106.91%; /* source: Figma 2492:11962 image crop */
  height: 113.05%; /* source: Figma 2492:11962 image crop */
}

[data-theme="type2"] .tt-gaming-media-secondary-frame-table > span {
  top: -8.61%; /* source: Figma 2492:11963 image crop */
  left: -2.21%; /* source: Figma 2492:11963 image crop */
  width: 106.91%; /* source: Figma 2492:11963 image crop */
  height: 116.08%; /* source: Figma 2492:11963 image crop */
}

[data-theme="type2"] .site-footer-mobile-menu {
  display: none;
}

[data-theme="type2"] .app-shell:has(.tt-gaming-page) .site-footer-brand {
  color: var(--footer-brand-accent);
  font-size: 0;
  font-weight: 700;
}

[data-theme="type2"] .app-shell:has(.tt-gaming-page) .site-footer-brand::after {
  content: "PURP STAR"; /* source: Figma 2492:21214 / I2492:11964;505:54570 */
  color: var(--footer-brand-accent);
  font-size: 12px;
}

@media (min-width: 769px) {
  [data-theme="type2"] .tt-gaming-hero {
    border-color: var(--tt-gaming-media-border); /* source: Figma 2492:11937 */
  }

  [data-theme="type2"] .app-shell:has(.tt-gaming-page) .site-footer-wrap {
    height: 123px; /* source: Figma 2492:11964 Footer Bottom 103 + bottom padding 20 */
    padding-bottom: 20px;
    background: var(--background);
  }

  [data-theme="type2"] .app-shell:has(.tt-gaming-page) .game-provider {
    margin-top: 20px; /* source: Figma 2492:11964 Footer Top y 20 */
    background: var(--background);
  }

  [data-theme="type2"] .app-shell:has(.tt-gaming-page) .site-footer {
    height: 103px; /* source: Figma I2492:11964;505:54568 */
    padding-top: 68px; /* source: Figma I2492:11964;505:54570 y 68 */
    background: var(--background);
  }

  [data-theme="type2"] .app-shell:has(.tt-gaming-page) .site-footer-copy {
    height: 14px; /* fixed-ok: Figma I2492:11964;505:54570 text node height */
  }
}

@media (max-width: 768px) {
  [data-theme="type2"] .game-catalog {
    padding-top: 0;
  }

  [data-theme="type2"] .game-catalog-heading {
    height: 68px;
  }

  [data-theme="type2"] .game-catalog-heading > span {
    font-size: 12px;
  }

  [data-theme="type2"] .game-catalog-heading > h2 {
    font-size: 28px;
  }

  [data-theme="type2"] .game-catalog-controls {
    gap: 10px;
  }

  [data-theme="type2"] .game-catalog-tabs {
    min-width: max-content;
    height: 42px;
    justify-content: flex-start;
  }

  [data-theme="type2"] .game-catalog-tabs::before,
  [data-theme="type2"] .game-catalog-tabs::after {
    display: none;
  }

  [data-theme="type2"] .game-catalog-tab {
    height: 42px;
    padding-inline: 14px;
  }

  [data-theme="type2"] .game-catalog-tab > span {
    font-size: 13px;
  }

  [data-theme="type2"] .game-catalog-search {
    width: min(100%, 300px);
    height: 40px;
  }

  [data-theme="type2"] .game-catalog-search-input {
    width: 100%;
  }

  [data-theme="type2"] .game-catalog-grid-shell {
    padding-top: 10px;
  }

  [data-theme="type2"] .game-catalog-casino-grid,
  [data-theme="type2"] .game-catalog-slot-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  [data-theme="type2"] .tt-gaming-media {
    display: flex;
    width: calc(100% + 20px); /* source: Figma 2492:21159 width 320 in 300 content */
    height: auto;
    aspect-ratio: auto;
    margin-inline: -10px;
    grid-template-columns: none;
    gap: 11px;
  }

  [data-theme="type2"] .tt-gaming-page {
    padding-bottom: 0; /* source: Figma 2492:21135 ends at media bottom */
  }

  [data-theme="type2"] .tt-gaming-intro {
    height: 479px;
    min-height: 479px;
    justify-content: flex-start;
    padding-top: 29px; /* source: Figma 2492:21152 y 30, 1px border inset */
    padding-bottom: 31px;
  }

  [data-theme="type2"] .tt-gaming-intro > h2 {
    line-height: 33px; /* source: Figma 2492:21152 height */
  }

  [data-theme="type2"] .tt-gaming-intro-copy {
    gap: 0;
  }

  [data-theme="type2"] .tt-gaming-intro-copy > strong {
    line-height: 26px; /* source: Figma 2492:21157 height 52 / 2 lines */
  }

  [data-theme="type2"] .tt-gaming-intro-copy > strong + p {
    margin-top: 20px; /* source: Figma 2492:21158 y 240 - headline bottom 220 */
  }

  [data-theme="type2"] .tt-gaming-intro-copy > p + p {
    margin-top: 17px; /* source: Figma 2492:21158 total height 209 */
  }

  [data-theme="type2"] .tt-gaming-media-primary,
  [data-theme="type2"] .tt-gaming-media-secondary {
    width: calc(100% - 20px); /* source: Figma 2492:21160~21162, 300px in 320px container */
    flex: none;
    align-self: center;
  }

  [data-theme="type2"] .tt-gaming-media-primary {
    aspect-ratio: 300 / 184; /* source: Figma 2492:21160 */
  }

  [data-theme="type2"] .tt-gaming-media-secondary {
    gap: 11px;
  }

  [data-theme="type2"] .tt-gaming-media-secondary-frame {
    aspect-ratio: 300 / 164; /* source: Figma 2492:21161 / 2492:21162 */
    flex: none;
  }

  [data-theme="type2"] .app-shell:has(.tt-gaming-page) .game-provider {
    min-height: 76px; /* source: Figma 2492:21164 provider segment */
    height: 76px;
    margin-top: -20px; /* source: Figma 2492:21163 starts at main bottom y 1459 */
    justify-content: flex-start;
    padding: 20px 0 0; /* source: Figma 2492:21165 y 20 */
    overflow: hidden;
    background: var(--background);
  }

  [data-theme="type2"] .app-shell:has(.tt-gaming-page) .game-provider-inner {
    width: 100%; /* source: Figma 2492:21165 horizontal fill */
    height: 56px; /* source: Figma 2492:21165 */
    padding: 0;
    align-items: flex-start;
    overflow: hidden;
    border-top: 0;
    border-bottom: 1px solid var(--ps-ink-700);
  }

  [data-theme="type2"] .app-shell:has(.tt-gaming-page) .game-provider-inner > .xl\:hidden {
    display: none;
  }

  [data-theme="type2"] .app-shell:has(.tt-gaming-page) .game-provider-grid {
    display: flex !important;
    width: min(378px, 100%); /* source: Figma 2492:21166 / 21197 / 21204, 126px x 3; 2492:21165 horizontal fill */
    height: 36px;
    flex-wrap: nowrap;
    align-self: center; /* source: Figma 2492:21164 alignItems center */
    justify-content: flex-start;
  }

  [data-theme="type2"] .app-shell:has(.tt-gaming-page) .game-provider-item {
    display: none;
  }

  [data-theme="type2"] .app-shell:has(.tt-gaming-page) .game-provider-item:nth-child(-n + 3) {
    display: flex;
    width: 126px;
    height: 36px;
    flex: none;
  }

  [data-theme="type2"] .app-shell:has(.tt-gaming-page) .site-footer-wrap {
    height: auto;
    padding-bottom: 0;
    background: var(--background);
  }

  [data-theme="type2"] .app-shell:has(> .site-footer-mobile-menu) {
    padding-bottom: 65px; /* source: user requirement, reserve fixed menu height */
  }

  [data-theme="type2"] .app-shell:has(.tt-gaming-page) .site-footer {
    width: 100vw; /* source: Figma 2492:21212 horizontal fill */
    height: 118px; /* source: Figma 2492:21212 */
    padding: 68px 64px 20px;
    background: var(--background);
  }

  [data-theme="type2"] .app-shell:has(.tt-gaming-page) .site-footer-copy {
    width: 192px; /* source: Figma 2492:21214 */
    margin-inline: auto; /* source: Figma 2492:21212 alignItems center */
    color: var(--footer-copy-text);
    font-family: var(--font-montserrat-family);
    font-size: 12px;
    line-height: 15px;
    white-space: normal;
  }

  [data-theme="type2"] .app-shell:has(.tt-gaming-page) .site-footer-brand {
    color: var(--footer-brand-accent);
  }

  [data-theme="type2"] .site-footer-mobile-menu {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 60;
    display: flex;
    width: 100vw; /* source: Figma 2492:21215 alignSelf stretch */
    height: 65px; /* source: Figma 2492:21215 */
    align-items: flex-start;
    justify-content: center;
    padding: 10px 0 11px;
    border-top: 1px solid var(--ps-gold-800);
    background: var(--ps-surface-mobile);
    box-shadow: 0 0 10px var(--ps-black);
  }

  [data-theme="type2"] .site-footer-mobile-menu-inner {
    display: flex;
    width: calc(100% - 45px); /* source: Figma 2492:21217, 22.5px side gutters at 320px */
    height: 44px;
    align-items: center;
    justify-content: space-between;
  }

  [data-theme="type2"] .site-footer-mobile-link {
    display: flex;
    width: 21px;
    height: 44px;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    color: var(--ps-white);
    font-family: var(--font-pretendard-family);
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
  }

  [data-theme="type2"] .site-footer-mobile-link > svg {
    width: 19px;
    height: 24px;
    stroke-width: 2;
  }

  [data-theme="type2"] .site-footer-mobile-link-profile {
    width: 43px;
    height: 44px;
    justify-content: center;
    border: 1px solid var(--ps-gold-400);
    border-radius: 12px;
    color: var(--ps-gold-400);
  }

  [data-theme="type2"] .site-footer-mobile-link-profile > svg {
    width: 28px;
    height: 28px;
    fill: currentColor;
    stroke: var(--ps-black);
  }
}

@container (min-width: 600px) and (max-width: 999px) {
  [data-theme="type2"] .game-catalog-casino-grid {
    grid-template-columns: repeat(4, minmax(0, 213px));
  }

  [data-theme="type2"] .game-catalog-slot-grid {
    grid-template-columns: repeat(4, minmax(0, 212px));
  }
}

@container (min-width: 1000px) and (max-width: 1319px) {
  [data-theme="type2"] .game-catalog-casino-grid {
    grid-template-columns: repeat(5, minmax(0, 213px));
  }

  [data-theme="type2"] .game-catalog-slot-grid {
    grid-template-columns: repeat(5, minmax(0, 212px));
  }
}

@container (min-width: 1320px) {
  [data-theme="type2"] .game-catalog-casino-grid {
    grid-template-columns: repeat(6, minmax(0, 213px));
  }

  [data-theme="type2"] .game-catalog-slot-grid {
    grid-template-columns: repeat(6, minmax(0, 212px));
  }
}

/* Theme extension — approved Figma patterns 2492:16659 / 17018 / 17105 / 17130. */
[data-theme="type2"] .attendance-theme-page,
[data-theme="type2"] .member-board-theme-page,
[data-theme="type2"] .member-board-create,
[data-theme="type2"] .member-board-detail,
[data-theme="type2"] .profile-theme-page,
[data-theme="type2"] .payback-theme-page,
[data-theme="type2"] .popular-games-theme-page {
  width: 100%;
  min-width: 0;
  font-family: var(--font-paperlogy-family);
}

[data-theme="type2"] .attendance-theme-card,
[data-theme="type2"] .profile-theme-card,
[data-theme="type2"] .payback-theme-summary,
[data-theme="type2"] .payback-theme-card,
[data-theme="type2"] .member-board-detail-card,
[data-theme="type2"] .member-board-form-section {
  border-color: var(--board-design-border);
  border-radius: 5px;
  background: var(--board-design-card);
  box-shadow: var(--board-design-shadow);
}

[data-theme="type2"] .attendance-theme-card {
  border-color: var(--attendance-calendar-card-border); /* source: Figma 2492:17441 / 2492:17482 */
  border-radius: 10px; /* source: Figma 2492:17441 / 2492:17482 */
  background: var(--attendance-calendar-card-bg); /* source: Figma 2492:17441 / 2492:17482 */
  box-shadow: none; /* source: Figma 2492:17441 / 2492:17482 effects */
}

[data-theme="type2"] .attendance-theme-info {
  border-color: var(--attendance-info-card-border); /* source: Figma 2492:17441 strokes */
  background: var(--attendance-info-card-bg); /* source: Figma 2492:17441 fills */
}

[data-theme="type2"] .attendance-theme-info svg rect {
  fill: var(--attendance-info-chevron-bg); /* source: Figma 2492:17448 fills */
}

[data-theme="type2"] .attendance-theme-info svg path {
  fill: var(--attendance-info-chevron-mark); /* source: Figma 2492:17448 asset contrast */
}

[data-theme="type2"] .attendance-theme-info > div > div:last-child,
[data-theme="type2"] .attendance-theme-calendar > div > div {
  border-radius: 5px;
}

[data-theme="type2"] .profile-theme-identity {
  min-height: 26px;
  margin-bottom: 10px;
  padding: 2px 10px;
  border-radius: 5px;
  background: var(--board-design-header);
}

[data-theme="type2"] .profile-summary-row {
  background: var(--board-design-header);
}

[data-theme="type2"] .profile-summary-action {
  box-shadow: none;
}

[data-theme="type2"] .profile-summary-action svg {
  stroke-width: 2;
}

[data-theme="type2"] .profile-info-field + .profile-info-field {
  border-top: 1px solid var(--board-design-row-border);
}

[data-theme="type2"] .mypage-history-table > div {
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

[data-theme="type2"] .mypage-history-table table {
  font-family: var(--font-paperlogy-family);
}

[data-theme="type2"] .profile-theme-info > div > div > div,
[data-theme="type2"] .profile-theme-summary > div:not(:first-child),
[data-theme="type2"] .payback-theme-info-grid > div {
  min-width: 0;
}

[data-theme="type2"] .payback-theme-summary,
[data-theme="type2"] .payback-theme-card {
  overflow: hidden;
}

[data-theme="type2"] .payback-theme-card-header {
  border-color: var(--board-design-row-border);
  background: var(--board-design-header);
}

[data-theme="type2"] .payback-theme-card-body {
  background: var(--board-design-card);
}

[data-theme="type2"] .member-board-create-toolbar,
[data-theme="type2"] .member-board-detail-toolbar {
  color: var(--board-design-muted);
}

[data-theme="type2"] .member-board-create-toolbar button:not(:disabled),
[data-theme="type2"] .member-board-detail-toolbar button:not(:disabled) {
  border-color: transparent;
  background: var(--board-design-action);
  color: var(--board-design-action-text);
  box-shadow: none;
}

[data-theme="type2"] .member-board-create-form input,
[data-theme="type2"] .member-board-create-form textarea {
  border-color: var(--board-design-border);
  border-radius: 5px;
  background: var(--board-design-field);
}

[data-theme="type2"] .member-board-create-form > div:last-child button {
  min-height: 40px;
  border-radius: 5px;
}

[data-theme="type2"] .member-board-create-form > div:last-child button:last-child:not(:disabled) {
  border-color: var(--board-design-event-border);
  background: var(--board-design-submit);
  color: var(--ps-gold-100);
}

[data-theme="type2"] .member-board-detail-card > div > div,
[data-theme="type2"] .member-board-detail-card > div > section {
  border-color: var(--board-design-row-border);
}

[data-theme="type2"] .popular-games-theme-nav {
  position: relative;
  top: auto;
  height: 50px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

[data-theme="type2"] .popular-games-theme-nav .game-catalog-tabs {
  width: 100%;
  min-width: 0;
  justify-content: center;
}

[data-theme="type2"] .popular-games-theme-nav .game-catalog-tab {
  position: relative;
  height: 50px;
  font-size: 18px;
}

[data-theme="type2"] .popular-games-theme-nav .game-catalog-tab:has(> div) {
  border-width: 1px 1px 0;
  color: var(--game-catalog-accent) !important;
}

[data-theme="type2"] .popular-games-theme-nav .game-catalog-tab > div {
  display: none;
}

[data-theme="type2"] .popular-games-theme-content {
  padding-top: 20px;
}

[data-theme="type2"] .popular-games-theme-content > div:first-child {
  margin-bottom: 20px;
}

[data-theme="type2"] .popular-games-theme-grid {
  gap: 12px;
}

[data-theme="type2"] .popular-games-theme-card {
  border: 0;
  overflow: visible;
}

[data-theme="type2"] .popular-games-theme-card:hover {
  transform: none;
}

@media (min-width: 1280px) {
  [data-theme="type2"] .subpage-design-container:has(.attendance-theme-page),
  [data-theme="type2"] .subpage-design-container:has(.member-board-theme-page),
  [data-theme="type2"] .subpage-design-container:has(.member-board-create),
  [data-theme="type2"] .subpage-design-container:has(.member-board-detail),
  [data-theme="type2"] .subpage-design-container:has(.payback-theme-page),
  [data-theme="type2"] .subpage-design-container:has(.popular-games-theme-page) {
    max-width: 1380px;
  }

  [data-theme="type2"] .subpage-design-container:has(.attendance-theme-page) {
    /* No betting cart: fill the remaining shell instead of preserving an empty rail. */
    max-width: none;
  }

  [data-theme="type2"] .subpage-design-container:has(.profile-theme-page) {
    max-width: none;
  }

  [data-theme="type2"] .subpage-design-container:has(.payback-theme-page) > .subpage-design-heading,
  [data-theme="type2"] .subpage-design-container:has(.popular-games-theme-page) > .subpage-design-heading {
    display: flex;
    height: 81px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: var(--finance-design-accent);
    font-family: var(--font-paperlogy-family);
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0 30px var(--ps-black);
  }

  [data-theme="type2"] .payback-theme-page {
    padding: 24px 0;
  }

  [data-theme="type2"] .attendance-theme-page {
    /* Figma 2492:17130 content padding 24px 10px. */
    padding: 24px 10px;
  }

  [data-theme="type2"] .profile-theme-page {
    padding: 24px 10px;
  }

  [data-theme="type2"] .attendance-theme-grid {
    /* Figma 2492:17130 repeated content gap 10px. */
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  [data-theme="type2"] .profile-theme-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  [data-theme="type2"] .profile-theme-history {
    margin-top: 10px;
  }

  [data-theme="type2"] .payback-theme-page {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  [data-theme="type2"] .payback-theme-page > * {
    margin-top: 0;
  }

  [data-theme="type2"] .payback-theme-summary {
    grid-column: 1 / -1;
  }

  [data-theme="type2"] .payback-theme-card-header {
    min-height: 44px;
  }

  [data-theme="type2"] .member-board-create,
  [data-theme="type2"] .member-board-detail {
    padding: 24px 0;
  }

  [data-theme="type2"] .member-board-create-form {
    gap: 10px;
  }

  [data-theme="type2"] .member-board-form-section,
  [data-theme="type2"] .member-board-detail-card {
    padding: 20px;
  }

  [data-theme="type2"] .popular-games-theme-page {
    min-height: 0;
  }

  [data-theme="type2"] .popular-games-theme-grid {
    grid-template-columns: repeat(6, 212px);
  }
}

@media (max-width: 1279px) {
  [data-theme="type2"] .attendance-theme-page,
  [data-theme="type2"] .profile-theme-page,
  [data-theme="type2"] .payback-theme-page,
  [data-theme="type2"] .member-board-create,
  [data-theme="type2"] .member-board-detail,
  [data-theme="type2"] .popular-games-theme-page {
    padding: 0 0 70px;
  }

  [data-theme="type2"] .attendance-theme-page {
    /* Preserve the existing mobile composition with the shared 10px content rhythm. */
    padding-bottom: 20px;
  }

  [data-theme="type2"] .attendance-theme-grid,
  [data-theme="type2"] .profile-theme-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  [data-theme="type2"] .profile-theme-identity {
    margin-bottom: 10px;
  }

  [data-theme="type2"] .profile-theme-history {
    margin-top: 10px;
  }

  [data-theme="type2"] .payback-theme-page {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  [data-theme="type2"] .payback-theme-page > * {
    margin-top: 0;
  }

  [data-theme="type2"] .popular-games-theme-nav,
  [data-theme="type2"] .popular-games-theme-nav .game-catalog-tabs,
  [data-theme="type2"] .popular-games-theme-nav .game-catalog-tab {
    height: 42px;
  }

  [data-theme="type2"] .popular-games-theme-nav .game-catalog-tabs {
    min-width: 100%;
  }

  [data-theme="type2"] .popular-games-theme-nav .game-catalog-tab {
    padding-inline: 14px;
    font-size: 13px;
  }

  [data-theme="type2"] .popular-games-theme-content {
    padding-top: 10px;
  }

  [data-theme="type2"] .popular-games-theme-content > div:first-child {
    margin-bottom: 10px;
  }
}

@media (max-width: 599px) {
  [data-theme="type2"] .attendance-theme-card,
  [data-theme="type2"] .profile-theme-card,
  [data-theme="type2"] .payback-theme-summary,
  [data-theme="type2"] .payback-theme-card,
  [data-theme="type2"] .member-board-detail-card,
  [data-theme="type2"] .member-board-form-section {
    padding: 10px;
  }

  [data-theme="type2"] .profile-theme-identity {
    padding-inline: 10px;
  }

  [data-theme="type2"] .profile-theme-info > div {
    grid-template-columns: minmax(0, 1fr);
  }

  [data-theme="type2"] .profile-theme-info > div > h2 {
    grid-column: auto;
  }

  [data-theme="type2"] .profile-history-toolbar {
    align-items: stretch;
  }

  [data-theme="type2"] .profile-history-toolbar > div {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  [data-theme="type2"] .profile-history-toolbar button {
    width: 100%;
  }

  [data-theme="type2"] .mypage-history-table table {
    width: 100%;
    min-width: 100%;
  }

  [data-theme="type2"] .mypage-history-table th,
  [data-theme="type2"] .mypage-history-table td {
    width: 25% !important;
    padding-inline: 4px;
    font-size: 10px;
    overflow-wrap: anywhere;
  }

  [data-theme="type2"] .mypage-history-table td span {
    font-size: 10px;
  }

  [data-theme="type2"] .payback-theme-info-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  [data-theme="type2"] .member-board-create-toolbar,
  [data-theme="type2"] .member-board-detail-toolbar {
    align-items: stretch;
  }

  [data-theme="type2"] .member-board-create-toolbar button,
  [data-theme="type2"] .member-board-detail-toolbar button,
  [data-theme="type2"] .member-board-create-form > div:last-child button {
    width: 100%;
  }
}

/* Detail dialogs — source: Figma 2492:18034 / 18137 / 18238 / 18407 */
[data-theme="type2"] .design-dialog-card {
  border-color: var(--event-dialog-border);
  background: var(--event-dialog-bg);
  box-shadow: var(--login-dialog-shadow);
  font-family: var(--font-paperlogy-family);
}

[data-theme="type2"] .design-dialog-section {
  background: var(--notice-detail-section-bg);
}

[data-theme="type2"] .design-dialog-field {
  background: var(--notice-detail-field-bg);
  color: var(--notice-detail-body-text);
}

[data-theme="type2"] .design-dialog-header,
[data-theme="type2"] .design-dialog-close {
  color: var(--notice-detail-heading-text);
}

[data-theme="type2"] .design-dialog-close > svg {
  stroke-width: 2;
}

[data-theme="type2"] .design-message-dialog {
  min-height: min(643px, 90svh);
}

[data-theme="type2"] .design-message-dialog-cancel {
  background: var(--message-detail-cancel-bg);
}

[data-theme="type2"] .design-message-dialog-confirm {
  background: var(--message-detail-confirm-bg);
}

@media (max-width: 767px) {
  [data-theme="type2"] .design-dialog-card {
    width: calc(100vw - 24px);
  }

  [data-theme="type2"] .design-notice-dialog,
  [data-theme="type2"] .design-message-dialog {
    height: min(90svh, 940px);
    min-height: 0;
  }

  [data-theme="type2"] .design-event-dialog-content {
    min-height: 280px;
  }
}

/* Signup dialog — source: Figma 2492:19164 */
[data-theme="type2"] .signup-dialog-shell {
  box-sizing: border-box;
  display: grid;
  width: min(92vw, 934px);
  height: min(879px, 96svh);
  padding: 45px 40px;
  grid-template-columns: 354px 460px;
  grid-template-rows: 79px minmax(0, 695px);
  column-gap: 40px;
  row-gap: 15px;
  border: 0;
  border-radius: 15px;
  background: var(--signup-dialog-bg);
  box-shadow: var(--signup-dialog-shadow);
  color: var(--signup-dialog-label);
}

[data-theme="type2"] .signup-dialog-shell::before {
  position: absolute;
  inset: 0;
  border-style: solid;
  border-width: 5px 1px 2px;
  border-color: transparent;
  border-radius: inherit;
  background: var(--signup-dialog-border-gradient) border-box;
  content: "";
  pointer-events: none;
  mask:
    linear-gradient(var(--ps-white) 0 0) padding-box,
    linear-gradient(var(--ps-white) 0 0);
  mask-composite: exclude;
  -webkit-mask:
    linear-gradient(var(--ps-white) 0 0) padding-box,
    linear-gradient(var(--ps-white) 0 0);
  -webkit-mask-composite: xor;
}

[data-theme="type2"] .signup-dialog-header {
  display: contents;
}

[data-theme="type2"] .signup-dialog-visual {
  grid-column: 1;
  grid-row: 1 / span 2;
  align-self: start;
  width: 354px;
  height: min(760px, 100%);
  border-radius: 10px 0 0 10px;
}

[data-theme="type2"] .signup-dialog-tabs {
  grid-column: 2;
  grid-row: 1;
  width: 460px;
  height: 79px;
}

[data-theme="type2"] .signup-dialog-tab {
  flex: 0 1 140px;
  border-radius: 5px;
  font-family: var(--font-paperlogy-family);
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}

[data-theme="type2"] .signup-dialog-tab:focus,
[data-theme="type2"] .signup-dialog-tab:focus-visible {
  outline: none;
  box-shadow: none;
}

[data-theme="type2"] .signup-dialog-tab.auth-tab-active {
  border-color: var(--signup-dialog-action-bg);
  background: var(--signup-dialog-action-bg);
  color: var(--signup-dialog-action-text);
}

[data-theme="type2"] .signup-dialog-tab.auth-tab-inactive {
  border-color: var(--signup-dialog-action-bg);
  background: var(--signup-dialog-input-bg);
  color: var(--signup-dialog-action-bg);
}

[data-theme="type2"] .signup-dialog-content {
  grid-column: 2;
  grid-row: 2;
  width: 460px;
  min-height: 0;
}

[data-theme="type2"] .signup-dialog-form,
[data-theme="type2"] .signup-dialog-fields,
[data-theme="type2"] .signup-dialog-footer {
  width: 460px;
}

[data-theme="type2"] .signup-dialog-label,
[data-theme="type2"] .signup-dialog-input-control,
[data-theme="type2"] .signup-dialog-inline-action,
[data-theme="type2"] .signup-dialog-cancel,
[data-theme="type2"] .signup-dialog-submit {
  font-family: var(--font-paperlogy-family);
}

[data-theme="type2"] .signup-dialog-label {
  color: var(--signup-dialog-label);
  line-height: normal;
}

[data-theme="type2"] .signup-dialog-input {
  --ti-bg: var(--signup-dialog-input-bg) !important;
  gap: 10px;
  padding: 10px 10px 10px 20px;
  border-color: transparent;
  border-radius: 5px;
  background-color: var(--signup-dialog-input-bg) !important;
}

[data-theme="type2"] .signup-dialog-input:has(input[aria-invalid="true"]) {
  border-color: var(--error);
}

[data-theme="type2"] .signup-dialog-input-control {
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
}

[data-theme="type2"] .signup-dialog-input-control::placeholder {
  color: var(--signup-dialog-muted) !important;
}

[data-theme="type2"] .signup-dialog-input > button,
[data-theme="type2"] .signup-dialog-input [data-slot="select-icon"] {
  color: var(--signup-dialog-muted);
}

[data-theme="type2"] .signup-dialog-input > button svg {
  width: 14px;
  height: 14px;
}

[data-theme="type2"] .signup-dialog-inline-action,
[data-theme="type2"] .signup-dialog-inline-action:hover,
[data-theme="type2"] .signup-dialog-inline-action:disabled {
  border: 0;
  border-radius: 5px;
  background: var(--signup-dialog-action-bg);
  box-shadow: none;
  color: var(--signup-dialog-action-text);
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
  opacity: 1;
}

[data-theme="type2"] .signup-dialog-password-hint {
  color: var(--signup-dialog-muted);
  font-family: var(--font-paperlogy-family);
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
}

[data-theme="type2"] .signup-dialog-footer {
  align-items: stretch;
}

[data-theme="type2"] .signup-dialog-submit,
[data-theme="type2"] .signup-dialog-submit:hover,
[data-theme="type2"] .signup-dialog-submit:active,
[data-theme="type2"] .signup-dialog-submit:disabled {
  align-self: flex-end;
  margin: 5px 3px 5px 0;
  border: 1px solid transparent;
  border-radius: 5px;
  background:
    var(--signup-dialog-submit-bg) padding-box,
    var(--signup-dialog-action-border) border-box;
  box-shadow: none;
  color: var(--signup-dialog-submit-text);
  font-size: 18px;
  font-weight: 800;
  line-height: normal;
}

[data-theme="type2"] .signup-dialog-cancel {
  bottom: 79px;
  left: 437px;
  width: 217px;
  height: 40px;
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 5px;
  background:
    linear-gradient(
        var(--signup-dialog-cancel-bg),
        var(--signup-dialog-cancel-bg)
      )
      padding-box,
    linear-gradient(var(--signup-dialog-bg), var(--signup-dialog-bg)) padding-box,
    var(--signup-dialog-action-border) border-box;
  color: var(--signup-dialog-cancel-text);
  font-size: 18px;
  font-weight: 800;
  line-height: normal;
}

[data-theme="type2"] .signup-dialog-login {
  justify-content: center;
  width: 460px;
  height: 14px;
  font-family: var(--font-pretendard-family);
  line-height: normal;
}

[data-theme="type2"] .signup-dialog-login-prompt {
  color: var(--signup-dialog-muted);
}

[data-theme="type2"] .signup-dialog-login-link {
  background-image: linear-gradient(
    90deg,
    var(--signup-dialog-link-from) 0%,
    var(--signup-dialog-link-to) 100%
  );
  text-decoration-color: var(--signup-dialog-link-from);
}

@media (max-width: 1023px) {
  [data-theme="type2"] .signup-dialog-shell {
    width: min(92vw, 620px); /* source: 기존 모바일 SignupDialog 레이아웃 */
    height: min(879px, 90svh); /* source: 사용자 지정 모바일 레이아웃 */
    min-height: 0;
    max-height: 90svh; /* source: 기존 모바일 SignupDialog 레이아웃 */
    padding: 30px 20px; /* source: 기존 모바일 SignupDialog 레이아웃 */
    grid-template-columns: minmax(0, 460px);
    grid-template-rows: 50px minmax(0, 1fr); /* source: 기존 모바일 SignupDialog 레이아웃 */
    row-gap: 15px;
    justify-content: center;
  }

  [data-theme="type2"] .signup-dialog-visual {
    display: none;
  }

  [data-theme="type2"] .signup-dialog-tabs,
  [data-theme="type2"] .signup-dialog-content {
    grid-column: 1;
    width: 100%;
  }

  [data-theme="type2"] .signup-dialog-tabs {
    height: 50px; /* source: 기존 모바일 SignupDialog 레이아웃 */
    align-items: center;
  }

  [data-theme="type2"] .signup-dialog-tab {
    height: 35px; /* source: 기존 모바일 SignupDialog 레이아웃 */
  }

  [data-theme="type2"] .signup-dialog-form,
  [data-theme="type2"] .signup-dialog-fields,
  [data-theme="type2"] .signup-dialog-footer,
  [data-theme="type2"] .signup-dialog-login,
  [data-theme="type2"] .signup-dialog-two-column {
    width: 100%;
  }

  [data-theme="type2"] .signup-dialog-footer {
    align-items: center; /* source: Figma 2492:19273 justifyContent center */
  }

  [data-theme="type2"] .signup-dialog-submit,
  [data-theme="type2"] .signup-dialog-submit:hover,
  [data-theme="type2"] .signup-dialog-submit:active,
  [data-theme="type2"] .signup-dialog-submit:disabled {
    align-self: center; /* source: Figma 2492:19273 justifyContent center */
    margin: 5px 0; /* source: Figma 2492:19273 50px container / 2492:19276 40px button */
  }

  [data-theme="type2"] .signup-dialog-cancel {
    top: 20.5px;
    right: 10px;
    bottom: auto;
    left: auto;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--signup-dialog-label);
  }

  [data-theme="type2"] .signup-dialog-cancel::after {
    content: "";
  }

  [data-theme="type2"] .signup-dialog-cancel-icon {
    display: block;
  }
}

@media (max-width: 767px) {
  [data-theme="type2"] .signup-dialog-two-column {
    grid-template-columns: minmax(0, 1fr);
  }
}

[data-theme="type2"] .login-dialog-input {
  gap: 10px;
  padding: 10px 10px 10px 20px;
  border-color: transparent;
  border-radius: 5px;
  background-color: var(--login-dialog-input-bg) !important;
}

[data-theme="type2"] .login-dialog-input:has(+ .login-dialog-error) {
  border-color: var(--error);
}

[data-theme="type2"] .login-dialog-input-control {
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
}

[data-theme="type2"] .login-dialog-input-control::placeholder {
  color: var(--login-dialog-muted) !important;
}

[data-theme="type2"] .login-dialog-input > button {
  color: var(--login-dialog-muted);
}

[data-theme="type2"] .login-dialog-input > button svg {
  width: 14px;
  height: 14px;
}

[data-theme="type2"] .login-dialog-submit,
[data-theme="type2"] .login-dialog-submit:hover,
[data-theme="type2"] .login-dialog-submit:active,
[data-theme="type2"] .login-dialog-submit:disabled {
  border: 1px solid transparent;
  border-radius: 5px;
  background:
    var(--login-dialog-submit-bg) padding-box,
    var(--login-dialog-submit-border) border-box;
  box-shadow: none;
  color: var(--login-dialog-submit-text);
  line-height: normal;
}

[data-theme="type2"] .login-dialog-signup-prompt {
  color: var(--login-dialog-muted);
  font-weight: 400;
  line-height: normal;
}

[data-theme="type2"] .login-dialog-signup-link {
  background-image: linear-gradient(
    90deg,
    var(--login-dialog-signup-from) 0%,
    var(--login-dialog-signup-to) 100%
  );
  text-decoration-color: var(--login-dialog-signup-from);
  line-height: normal;
}

[data-theme="type2"] .login-dialog-inquiry {
  border: 0;
  border-radius: 5px;
  background: var(--login-dialog-inquiry-bg);
  color: var(--login-dialog-inquiry-text);
  font-weight: 700;
  line-height: normal;
}